@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
body{word-break:break-all;word-wrap:break-word; margin:0 auto; overflow-x:hidden;padding:0; font-family:'Microsoft Yahei'; box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -webkit-box-sizing:border-box;}
img{border:none;display:block;}
ul,ul li,dl,dl dt,dl dd{display:block;list-style-type: none;}
ul,ol,input{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
body,h1,h2,h3,h4,h5,h6,p,dl,dd{margin:0; padding:0;}
a{color:#000;text-decoration:none;}
a:hover{color:#e00;text-decoration:none;}
table{border-collapse:collapse;border-spacing:0;}
li{ list-style:none;}
em,i{font-style:normal}
b,strong,th{font-weight:normal;}
button,input,textarea{font-family:"Microsoft Yahei",Tahoma,Arial,Helvetica,sans-serif;vertical-align:middle;outline: none;}/*input:focus{outline: none;}*/
textarea{resize:none;}
a,button,input,optgroup,select,textarea {-webkit-tap-highlight-color:rgba(0,0,0,0);outline: none; /*去掉a、input和button点击时的蓝色外边框和灰色半透明背景*/border:0
}
input[type=”button”], input[type=”submit”], input[type=”reset”] {
	-webkit-appearance: none;/*去掉苹果默认样式*/
}
.fl{float:left;}
.fr{float:right;}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: ".";
    width: 0;
    height: 0;
    visibility: hidden;
    display: block;
    clear: both;
    overflow:hidden;
}
i, cite, em, var, address, dfn {
    font-style: italic;
}


body{font-family:'Microsoft Yahei';  width: 7.5rem; margin: 0 auto;  background: #f4f0ff;}
/*头部*/
.zgm_header{ width:7.5rem; height:0.6rem; background:#fff;}
.zgm_logo{display: block;float: left;margin-left: 0.25rem;margin-top: 0.04rem;width: 2.06rem;height: .45rem;}
.zgm_logo img{width: 2.06rem;height: .45rem; }
.zgm_tel{display: block; float:right; font-size:0.2rem; color: #333; line-height:0.6rem;  margin-right:0.25rem;}




/*ban*/
.zg_ban{ width: 7.5rem; margin: 0 auto;  height: 6.71rem; position: relative; overflow: hidden;}
.zg_ban .ban01{ width: 7.5rem; height: 1.5rem; background: url(../images/ban01.jpg) no-repeat top center; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.zg_ban .ban01 p{ font-size: 0.36rem; color: #ffa200; line-height: 0.8rem; font-weight: bold; padding-top: 0.6rem; padding-left: 0.4rem; letter-spacing: 0.04rem;}
.zg_ban .ban02{ width: 7.5rem; height: 1.5rem; background: url(../images/ban02.jpg) no-repeat top center; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.zg_ban .ban02 img{ width: 5.2rem; height: 1.05rem; padding-left: 0.5rem; padding-top: 0.1rem;}
.zg_ban .ban03{ width: 7.5rem; height: 3.71rem; background: url(../images/ban03.jpg) no-repeat top center; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.zg_ban .ban03 ul{ padding-left: 0.7rem;}
.zg_ban .ban03 ul li{ font-size: 0.26rem; color: #333; line-height: 0.5rem;}
.zg_ban .ban03 ul li img{width: 0.15rem; height: 0.15rem; display: inline; margin-right: 0.1rem; vertical-align: middle;}
.zg_ban .ban03 a{ width: 2.35rem; height: 0.61rem; background: url(../images/icon03.png) no-repeat top center; font-size: 0.3rem; color: #fff; line-height: 0.56rem; display: inherit; text-align: center;margin-top: 0.3rem; margin-left: 0.6rem;}
.banbg{  position: absolute;}
.banBg02{width: 0.23rem; height: 0.27rem;top: 0.1rem;left:5rem;animation: lr 5s linear infinite; -webkit-animation: lr 5s linear infinite; -moz-animation: lr 5s linear infinite; -o-animation: lr 5s linear infinite; z-index: 2;}
.banBg02 img{ width: 0.23rem; height: 0.27rem;}
.banBg01{ width: 2.06rem;height: 2.08rem; top: 0.3rem; right: -1rem;animation: tb 6s linear infinite; -moz-animation: tb 6s linear infinite; -webkit-animation: tb 6s linear infinite; -o-animation: tb 6s linear infinite;}
.banBg01 img{ width: 2.06rem;height: 2.08rem;}
.banBg03{ width: 1.28rem; height: 1.28rem; bottom: 0.2rem; left: -0.8rem;animation: lr 5s linear infinite; -webkit-animation: lr 5s linear infinite; -moz-animation: lr 5s linear infinite; -o-animation: lr 5s linear infinite; }


/*con01*/
.zg_con01{ width: 7.5rem; margin: 0rem auto; overflow: hidden;}
.tit01 h3{color: #101a86; font-size: 0.4rem; line-height: 0.8rem; text-align: center;}
.tit01 h3 img{ display: inline; width: 0.3rem; height: 0.07rem; margin: 0 0.3rem; vertical-align: middle;}
.tit01 p{ font-size: 0.24rem;  color: #101a86; line-height: 0.4rem; text-align: center; padding: 0 0.5rem;}
.con01{ width: 7.5rem; margin: 0 auto; overflow: hidden;}
.con01 .con01zb{ width: 6.66rem; height: 6.75rem; background: url(../images/pic01.png) no-repeat top center;  margin: 0.3rem auto;position: relative; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.con01 .con01zb img{ width: 2.62rem; height: 2.62rem; padding-top: 2rem; margin-left: 1.8rem; }
.wifi{ width: 0.95rem; height: 0.95rem; position: absolute;left:2.6rem; top:0.3rem; background:url(../images/wifi.png) no-repeat 0 0;animation:move 1.5s steps(4,end) infinite; -moz-animation:move 1.5s steps(4,end) infinite; -webkit-animation:move 1.5s steps(4,end) infinite; -o-animation:move 1.5s steps(4,end) infinite;background-size:3.8rem 0.95rem; -webkit-background-size:3.8rem 0.95rem; -moz-background-size:3.8rem 0.95rem; -o-background-size:3.8rem 0.95rem;}
@keyframes move{
	0%{ background-position:0 0;}
	100%{ background-position:-3.8rem 0;}
	}
@-webkit-keyframes move{
	0%{ background-position:0 0;}
	100%{ background-position:-3.8rem 0;}
	}
@-moz-keyframes move{
	0%{ background-position:0 0;}
	100%{ background-position:-3.8rem 0;}
	}


/*底部咨询01*/
.dibu{ width: 7.5rem; height: 1rem; position: fixed; bottom: 0; left: 50%; margin-left: -3.75rem; z-index: 20;}
.dibu ul li{ float: left; width: 50%; background: #db3737; font-size: 0.32rem; line-height: 1rem; text-align: center; margin: 0 auto;}
.dibu ul li.ys01{ background: #313131;}
.dibu ul li a{ font-size: 0.32rem; line-height: 1rem;  color: #ffffff; display: inherit;}
.dibu ul li img{ width: 0.5rem; height: 0.5rem; display: inline; vertical-align: middle; margin-right: 0.2rem;}


.con01 .con01yb{ width: 7rem; overflow: hidden; margin: 0 auto;}
.con01 .con01yb ul{ overflow: hidden; }
.con01 .con01yb ul li{ font-size:0.26rem; line-height: 0.52rem; color: #333; float: left; width: 100%; padding: 0.1rem 0;}
.con01 .con01yb ul li i{ display: inline-block; width: 0.5rem; height:0.52rem; background: url(../images/icon06.png) no-repeat top center;background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; font-size: 0.24rem;line-height:  0.52rem; text-align: center; color: #fff; font-style: normal; margin-right: 0.2rem;}


.zg_con02{ }
.zg_con02 .wrapper{ width: 7.5rem; margin:0 auto;background: transparent url(../images/bj01.png) center bottom no-repeat; }
.zg_con02 .wrapper:after{content:""; display: table; clear: both;}

.zg_con02 .right{position: relative; width: 100%; overflow: hidden; padding-top: 0.5rem;}
.zg_con02 .right .carouselBox{width: 5.51rem; height: 5.47rem; margin: 0 auto;  text-align: center; background: transparent url(../images/carBg.png) center no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; }
.zg_con02 .right .owl-carousel{width: 2.5rem; margin: 0 auto;}
.zg_con02 .right .owl-carousel img{width: 2.2rem; height: 2.2rem; margin: 0 auto; padding-top: 1.3rem;}
.zg_con02 .right .owl-carousel .textBox{color: #fff; margin-top: 0.1rem;}
.zg_con02 .right .owl-carousel .textBox p{font-size: 0.24rem; line-height:0.4rem; font-weight: bold;}
.zg_con02 .right .carouselBg01{position: absolute; right: 0rem; top:1.2rem; width: 3rem; height:3rem;animation:  lr 3s linear infinite; -moz-animation:  lr 3s linear infinite;-webkit-animation:  lr 3s linear infinite; z-index: -1;}
.zg_con02 .right .carouselBg02{position: absolute; left: 0.1rem; top: 0.5rem; width: 1.5rem; animation:  tb 4s linear infinite; -moz-animation:  tb 4s linear infinite; -webkit-animation:  tb 4s linear infinite;}


.zg_con02 .left{ width:7rem; padding-top: 0.3rem; margin: 0 auto;}
.zg_con02 .left li{width: 50%; float: left; margin: 0.1rem 0;}
.zg_con02 .left li .imgBox{float: left; width: 0.4rem; height: 0.4rem; background-color: #fff; border-radius: 100px;}
.zg_con02 .left li .imgBox img{display: block; margin: 0 auto; width: 0.2rem; height: 0.2rem; padding-top: 0.1rem;}
.zg_con02 .left li .imgBox img.active{display: none;}
.zg_con02 .left li p{margin-left:0.5rem; font-size: 0.24rem; color: #101a86; line-height:0.4rem;}
.zg_con02 .left li.active .imgBox{background: #f83600;
    background: -moz-linear-gradient(top, #f83600 0%, #f9d423 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f83600), color-stop(100%,#f9d423));
    background: -webkit-linear-gradient(top, #f83600 0%,#f9d423 100%);
    background: -o-linear-gradient(top, #f83600 0%,#f9d423 100%);
    background: -ms-linear-gradient(top, #f83600 0%,#f9d423 100%);
    background: linear-gradient(to bottom, #f83600 0%,#f9d423 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f83600', endColorstr='#f9d423',GradientType=0 );background-size: 100% 100%;}
.zg_con02 .left li.active .imgBox img{display: none;}
.zg_con02 .left li.active .imgBox img.active{display: block;}


.owl-nav .owl-prev,.owl-nav .owl-next{position: absolute; top: 2.3rem;width: 0.35rem; height:0.28rem; cursor: pointer;}
.owl-nav .owl-prev.disabled,.owl-nav .owl-next.disabled{display: none;}
.owl-nav .owl-prev{left: 0; margin-left: -0.6rem; background: transparent url(../images/arrowLeft.png) center no-repeat;background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.owl-nav .owl-next{right: 0; margin-right: -0.6rem; background: transparent url(../images/arrowRight.png) center no-repeat;background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.owl-dots{text-align: center; margin: 0.3rem auto; overflow: hidden; height: 0.1rem;}
.owl-dots .owl-dot{width: 0.1rem; height:0.1rem; display: inline-block; margin: 0 0.1rem; background-color: #fcc1bd; border-radius: 1rem;}
.owl-dots .owl-dot.active{width: 0.5rem; background-color: #f4484b;}
.owl-dots .owl-dot span{ display: inherit;}
.owl-carousel{display: none;-webkit-tap-highlight-color: transparent;position: relative;z-index: 1;}
.owl-carousel .owl-stage{position: relative;-ms-touch-action: pan-Y;}
.owl-carousel .owl-stage:after{content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.owl-carousel .owl-stage-outer{position: relative;overflow: hidden;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-item{position: relative;min-height: 1px;float: left;-webkit-backface-visibility: hidden;-webkit-tap-highlight-color: transparent;-webkit-touch-callout: none;}
.owl-carousel .owl-item img{display: block;-webkit-transform-style: preserve-3d;}
.owl-carousel .owl-nav.disabled, .owl-carousel .owl-dots.disabled{display: none;}
.owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next, .owl-carousel .owl-dot{cursor: pointer;cursor: hand;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-loaded{display: block;}
.owl-carousel.owl-loading{opacity: 0;display: block;}
.owl-carousel.owl-hidden{opacity: 0;}
.owl-carousel.owl-refresh .owl-item{display: none;}
.owl-carousel.owl-drag .owl-item{-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.owl-carousel.owl-grab{cursor: move;cursor: -webkit-grab;cursor: -o-grab;cursor: -ms-grab;cursor: grab;}
.owl-carousel.owl-rtl{direction: rtl;}
.owl-carousel.owl-rtl .owl-item{float: right;}




.zg_con03 .wrapperBox{ width: 7.5rem; margin: 0 auto; padding-top: 0.2rem; overflow: hidden;}
.zg_con03 .ewmBox{position: relative; width: 7.14rem; height:6.2rem; background: transparent url("../images/pic02.png") no-repeat center bottom; background-size: 7.14rem 4.23rem; -moz-background-size: 7.14rem 4.23rem; -webkit-background-size: 7.14rem 4.23rem; -o-background-size: 7.14rem 4.23rem; margin: 0 auto;}
.bg_gx{ width: 6.6rem; height: 3.44rem; position: absolute; left: 0.6rem; top: 0.47rem; background: url(../images/gx.png) no-repeat top center; z-index: -1;animation: tb 3s linear infinite; -webkit-animation: tb 3s linear infinite; -o-animation: tb 3s linear infinite; -moz-animation: tb 3s linear infinite;background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%;}
.zg_con03 .ewmBox .cityEwms{display: none;padding-top:0.5rem;}
.zg_con03 .ewmBox .cityEwms:after{content:""; display: table; clear: both;}
.zg_con03 .ewmBox .cityEwms.active{display: block;}
.zg_con03 .ewmBox .cityEwms .item{display: none;}
.zg_con03 .ewmBox .cityEwms .item img{display: block; width: 2.3rem; height:  2.3rem; margin-left: 2.65rem;}
.zg_con03 .ewmBox .cityEwms .item p{font-size: 0.26rem; font-weight: bold; text-align: center; margin-top: 0.3rem; color: #101a86;}
.zg_con03 .ewmBox .cityEwms .item.cur{display: block;}
.city_content{width:7rem; margin: 0.2rem auto; overflow: hidden;}

.zg_con03 .contentBox{width: 7.5rem; overflow: hidden;}
.zg_con03 .contentBox .city_list li{float: left; width:1.46rem; height: 0.52rem;  margin: 0.2rem; line-height: 0.52rem;  font-size: 0.26rem; text-align: center;color: #9638ec; background: #fff; cursor: pointer;}
.zg_con03 .contentBox .city_list li a{display: block;color: #9638ec;}
.zg_con03 .contentBox .city_list li.active,.zg_con03 .contentBox .city_list li:hover{background-color: #9638ec; color: #fff;}
.zg_con03 .contentBox .city_list li.active a,.zg_con03 .contentBox .city_list li:hover a{color: #fff;}
.zg_con03 .contentBox .city_list:after{content:""; display: table; clear: both;}

.zg_con03 .contentBox .city_it_list{display: none;}
.zg_con03 .contentBox .city_it_list.active{display: block;}
.zg_con03 .contentBox .city_it_list:after{content:""; display: table; clear: both;}
.zg_con03 .contentBox .city_it_list li{float: left; margin: 0.1rem 0.2rem 0.1rem 0; font-size: 0.24rem; line-height: 0.5rem;}
.zg_con03 .contentBox .city_it_list li.cur,.zg_con03 .contentBox .city_it_list li.cur a{font-weight: bold; color: #ff000f;}
.zg_con03 .contentBox .city_it_list li a{display: block; line-height: 0.5rem;}
.zg_con03 .contentBox .city_it_list li:nth-child(1) a:before{content: "① ";}
.zg_con03 .contentBox .city_it_list li:nth-child(2) a:before{content: "② ";}
.zg_con03 .contentBox .city_it_list li:nth-child(3) a:before{content: "③ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(4) a:before{content: "④ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(5) a:before{content: "⑤ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(6) a:before{content: "⑥ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(7) a:before{content: "⑦ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(8) a:before{content: "⑧ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(9) a:before{content: "⑨ ";}
.zg_con03 .contentBox .city_it_list li:nth-child(10) a:before{content: "⑩ ";}



.wl_btn{ width: 7.5rem; margin: 0.4rem auto; overflow: hidden;}
.wl_btn ul li{ width: 3.2rem; height: 0.8rem; float: left; margin: 0 0.26rem;}
.wl_btn ul li a{ font-size: 0.3rem; color: #fff;  background: #101a86; border-radius: 0.15rem; -moz-border-radius: 0.15rem; -webkit-border-radius: 0.15rem; -o-border-radius: 0.15rem; display: inherit; width: 100%; line-height: 0.8rem;   text-align: center;} 


.footer{ width: 100%; margin: 0 auto; overflow: hidden; text-align: center;}
.fgx{ width: 100%; height: 1rem; overflow: hidden;}

/*donghu*/
@keyframes lr {
  0%,50%,100%{transform:translateX(0)}
  25%{transform:translateX(-10px)}
  75%{transform:translateX(10px)}
}
@-webkit-keyframes lr {
  0%,50%,100%{transform:translateX(0)}
  25%{transform:translateX(-10px)}
  75%{transform:translateX(10px)}
}
@-moz-keyframes lr {
  0%,50%,100%{transform:translateX(0)}
  25%{transform:translateX(-10px)}
  75%{transform:translateX(10px)}
}
@-o-keyframes lr {
  0%,50%,100%{transform:translateX(0)}
  25%{transform:translateX(-10px)}
  75%{transform:translateX(10px)}
}

@keyframes tb {
  0%,50%,100%{transform:translateY(0)}
  25%{transform:translateY(-10px)}
  75%{transform:translateY(10px)}
}
@-webkit-keyframes tb {
  0%,50%,100%{transform:translateY(0)}
  25%{transform:translateY(-10px)}
  75%{transform:translateY(10px)}
}
@-moz-keyframes tb {
  0%,50%,100%{transform:translateY(0)}
  25%{transform:translateY(-10px)}
  75%{transform:translateY(10px)}
}
@-o-keyframes tb {
  0%,50%,100%{transform:translateY(0)}
  25%{transform:translateY(-10px)}
  75%{transform:translateY(10px)}
}