@charset "utf-8";
/*格式化*/
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td, span, input, textarea {margin:0;padding:0;}
body{ font-size:14px;font-family:"Microsoft Yahei",Verdana,Arial,Helvetica,sans-serif;  background:#fff;}
li, ol { list-style:none; }
ins { text-decoration:none; }
i, em { font-style:normal; }
a{ text-decoration:none;font-family:"Microsoft Yahei";color: #333;}
a:hover { cursor:pointer; text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear { clear:both; line-height:0px; overflow:hidden; zoom:1; font-size:0px; content:'.';}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{ padding:0; margin:0;}
a img { border:none; }
input,textarea{ border:none;font-family:"Microsoft Yahei"; font-size:13px;}
h1, h2, h3, h4, h5, h6{ font-weight:normal; font-size:14px;}
.fl{float: left;}
.fr{float: right;}
/* -- 页面整体布局 -- */
.wrap{ min-width:320px; max-width:640px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{display:block;width:100%;}


/**/
.g-adv{ position:relative; width:100%; margin:0 auto; height: auto; z-index:15; font-size:0;}
.g-adv .m-box img{ display:block;position: relative;width:100%; height: auto; }

.g-adv .swiper-pagination{bottom: 2rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet{opacity: 0.3;background: #f5f5f5; width: 1rem; height: 1rem; margin: 0 0.7rem;border-radius: 0.5rem;}
.g-adv .swiper-pagination .swiper-pagination-bullet-active{background: #358ee4;opacity: 1;}


/*yz*/


.bt{text-align: center;font-size: 0;line-height: 0;}
.bt span b{display: inline-block;width: 1rem;height: 0.05rem;color: #358ee4;content: "";background: #358ee4;
    margin: 0 1rem;vertical-align: middle;}
.bt span{display:block;font-size: 1.5rem;color: #358ee4;line-height: 1.5rem;}
.bt i{display: block;font-size: 0.7rem;color: #666666;line-height: 0.7rem;text-transform: uppercase;font-family: "Arial";padding-top: 0.6rem;}

.gz_yz{ padding-top: 2.5rem;height: 33rem;background: #f0f0f0;}
.gz_yz dl{padding-top: 1.4rem;}
.gz_yz dt,.gz_yz dt img{ display: block;width: 100%;}
.gz_yz dd{ background:url(../images/gz_yzdd.jpg) no-repeat center;background-size: 100% 10.9rem;height: 10.9rem;}
.gz_yz dd h3{ display: block;font-size:1.2rem ;line-height:2.8rem;color: #358ee4;font-weight: bold;padding-left: 6.8rem;padding-top: 1.2rem;}
.gz_yz dd p{ font-size: 0.9rem;line-height:1.5rem ;color: #666666;margin-right: 2.2rem;padding-left: 6.8rem;}

.gz_nr{ padding-top: 1.5rem;}
.gz_nrcon{ margin: 1.1rem 3.1% 0;}
.gz_nrcon ul{display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: space-between;}
.gz_nrcon ul li{ float: left;width:49%;position: relative;margin-bottom: 0.6rem;}
.gz_nrcon ul li:nth-child(2n){float: right;}
.gz_nrcon ul li span{ position: absolute;left: 0;bottom: 0;width: 100%;height:1.6rem ;line-height: 1.6rem;color: #ffffff;background: rgba(0,0,0,0.5);text-align: center;}
.gz_nrcon .swiper-pagination{margin-top:0.6rem;position: relative;}
.gz_nrcon  .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: 0; width: 1rem; height: 1rem;margin: 0 0.3rem;border:1px solid #c2c2c2;}
.gz_nrcon  .swiper-pagination .swiper-pagination-bullet-active{background: #358ee4;border:1px solid #358ee4;}

.gz_why{ padding-top: 1.8rem;height: 40.2rem;background: #f1f1f1;margin-top: 1.2rem;position: relative;}
.gz_whycon{ margin-top: 1rem;}
.gz_whycon dt img{ display: block;width: 100%;}
.gz_whycon dd{ margin: 1.3rem 1.4rem 0;}
.gz_whycon dd h3 em{ display: block;float: left;width:2.1rem;height: 2.1rem;border-radius: 1.05rem;background: #358ee4;line-height:2.1rem ;text-align: center;font-size: 1.1rem;color: #fff;margin-right: 0.4rem;}
.gz_whycon dd h3 span{ display: block;font-size:1.3rem ;line-height: 2.1rem;color: #333;}
.gz_whycon dd p{ display: block;font-size:1rem ;color: #666666;line-height: 1.5rem;margin-top: 0.4rem;}
.gz_whycon .swiper-pagination{margin-top:1.8rem;position: relative;}
.gz_whycon  .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width: 0.5rem; height: 0.5rem;margin: 0 0.9rem;border:0.25rem solid #358ee4;}
.gz_whycon .swiper-pagination .swiper-pagination-bullet-active{background: #333333;}

.gz_fa{ padding-top: 2.5rem;}
.gz_facon{ padding:0.6rem 2%;background: #ebebeb;margin-top: 1rem;}
.gz_facon dl{ height: 11.85rem;border:1px solid #d0d0d0;}
.gz_facon dl:nth-child(2),.gz_facon dl:nth-child(3){ border-top: 0;}
.gz_facon dt{ width: 50.1%;}
.gz_facon dt img{ display: block;width: 100%;}
.gz_facon dd{padding: 1.6rem 3% 0 1.2rem;float: left;width: 42.9%;background: #fff;height: 10.25rem;}
.gz_facon dd h3{display: block;font-size:1.2rem ;line-height: 1.2rem;color: #333333;font-weight: bold;}
.gz_facon dd p{ font-size:0.8rem ;line-height: 1.2rem;color: #666666;margin-top: 0.9rem;}

.gz_xad{ margin-top: 0.9rem;}
.gz_xad p,.gz_xad p img{ width: 100%;}

.gz_al{ padding-top: 2.7rem;}
.gz_alt{ margin: 1.8rem 1.8% 0;height: 4.2rem;background: #2f2f2f;}
.gz_alt li{ float: left;width:20%;height: 4.2rem;}
.gz_alt li img{ display: block;width: 1.2rem;height: 1.2rem;margin: 0.7rem auto 0;}
.gz_alt li span{ display: block;font-size: 1rem;line-height:1.5rem ;color: #fff;font-weight: bold;text-align: center;margin-top: 0.4rem;}
.gz_alt li.cur{ background: #358ee4;}
.gz_alcon{ margin: 0.6rem 1.8% 0;}
.gz_alcon dt img{ display: block;width: 100%;}
.gz_alcon dd{ height:14.2rem ;background: #f3f3f3;padding: 0 3rem 0 0.7rem;}
.gz_alcon dd h3{ display: block;font-size:1.1rem ;line-height: 3.8rem;color: #333;font-weight: bold;}
.gz_alcon dd p{ font-size:0.9rem ;line-height: 1.5rem;color: #666666;}
.gz_alcon dd b{ display: block;margin-top: 0.4rem;font-weight: normal; font-size:0.9rem ;line-height: 1.5rem;color: #666666;}
.gz_alcon dd span em{ display: block;float: left;width: 6.5rem;font-size: 0.9rem;color: #666666;margin-top: 0.4rem;}
.gz_alcon dd span em i{ font-weight: bold;display: block;font-size: 1rem;color: #000000;line-height: 1.5rem;}

.gz_zz{ padding-top: 2.6rem;}
.gz_zzcon{ background:url(../images/gz_zzbg.jpg) no-repeat center;background-size: 100% 42.6rem;height: 41.9rem;padding-top: 0.7rem;margin-top: 0.7rem;}
.gz_zzcon ul{ margin: 0 6.25%;}
.gz_zzcon li{ float: left;width: 48.2%;margin-bottom: 1rem;}
.gz_zzcon li:nth-child(2n){ float: right;}
.gz_zzcon li img{ display: block;width: 100%;}


.gz_ys{ padding-top: 3.1rem;}
.gz_yscon{ margin: 1.8rem 1.55% 0;}
.gz_yscon dt img{ display: block;width: 100%;}
.gz_yscon dd{ margin: 1.4rem 13.2% 0;}
.gz_yscon dd h3 em{ display: block;float: left;width:2rem;height: 1.6rem;margin-left: 1.7rem;margin-right: 0.5rem;}
.gz_yscon dd h3 span{ display: block;font-size:1.5rem ;line-height: 1.8rem;color: #333333;position: relative;}
.gz_yscon dd h3 span:after{ position: absolute;left: 50%;top:2.7rem ;background: #333;width:2rem ;height: 0.2rem;content:"";margin-left: -1rem;}
.gz_yscon dd p{ font-size:1.1rem ;line-height: 2rem;color: #333333;margin-top: 2rem;text-align: center;}
.gz_yscon  .swiper-pagination{margin-top:1rem;position: relative;}
.gz_yscon   .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: #fff; width: 0.5rem; height: 0.5rem;margin: 0 0.9rem;border:0.25rem solid #358ee4;}
.gz_yscon  .swiper-pagination .swiper-pagination-bullet-active{background: #333333;}
.gz_yscon .yous1 dd{ background:url(../images/gz_ysnb1.png) no-repeat center 3rem;background-size: 12.5rem 6.9rem;}
.gz_yscon .yous2 dd{ background:url(../images/gz_ysnb2.png) no-repeat center 3rem;background-size: 12.5rem 6.9rem;}
.gz_yscon .yous3 dd{ background:url(../images/gz_ysnb3.png) no-repeat center 3rem;background-size: 12.5rem 6.9rem;}
.gz_yscon .yous4 dd{ background:url(../images/gz_ysnb4.png) no-repeat center 3rem;background-size: 12.5rem 6.9rem;}
.gz_yscon .yous5 dd{ background:url(../images/gz_ysnb5.png) no-repeat center 3rem;background-size: 12.5rem 6.9rem;}

.gz_abt{ padding-top: 2.2rem;}
.gz_abt dl{ margin: 1.5rem 0 0;}
.gz_abt dt img{ display: block;width: 100%;}
.gz_abt dd{ margin: 0 12.5% 0;height: 10.3rem;}
.gz_abt dd h3 a{ display: block;font-size:1rem ;line-height: 2.2rem;color: #010101;text-align: center;}
.gz_abt dd p{ font-size:0.8rem ;line-height: 1.4rem;color: #666666;}

@media screen and (min-width:320px) {html {font-size: 10px;}}
@media screen and (min-width:360px) {html {	font-size: 11.25px;}}
@media screen and (min-width:375px) {html {	font-size: 11.7px;}}
@media screen and (min-width:384px) {html {	font-size: 12px;}}
@media screen and (min-width:480px) {html {	font-size: 15px;}}
@media screen and (min-width:414px) {html {	font-size: 13px;}}
@media screen and (min-width:560px) {html {	font-size: 17.5px;}}
@media screen and (min-width:640px) {html {	font-size: 20px;}}