@charset "UTF-8"; 
 /********************初始化默认样式************************/
body, html, div, p, a, input, label, span, h3, table, nav, tr, td, header, footer, section, em, i, ul, li, dl, dt, dd, img, textarea,h3,h4,h1,h2,h5,h6,ol,
figcaption,figure,article,section,nav,header,footer{ margin: 0; padding: 0; outline: none;}
a { text-decoration: none; }
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
ul, ul li, dl, dt, dd{ list-style: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
*:not(input,textarea) { -webkit-touch-callout: inherit; -webkit-user-select: auto; }
img{border: 0;vertical-align: middle; width:100%;}
html,body{font-family:"PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", 微软雅黑, STHeiti, 华文细黑, sans-serif; font-size: 14px; }
a {
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){body{-webkit-text-size-adjust:none}}
.clearfix:after{content: '';display: block;height: 0;clear: both;visibility: hidden;}
/********************最外层************************/
.wrap{width:100%;max-width:768px; margin: 0 auto;position: relative; z-index: 15; }
.zf-header{ width:100%; height:1.33rem; max-width:768px; margin: 0 auto; padding:0 0.267rem; box-sizing: border-box; background: rgba(255,255,255,0); position:fixed; top:0; left:50%; z-index: 99; margin-left:-384px; }
.zf-header-logo{ width:3.16rem; float:left; line-height: 1.33rem }
.zf-header-logo>img{width:100%;}
.zf-header-lang{ width:0.66rem; float:right; margin-right:0.5rem; line-height: 1.33rem }
.zf-header-lang>img{width:100%;}
.zf-header-nav{ width:0.613rem; float:right; line-height: 1.33rem}
.zf-header-nav>img{width:100%;}
.zf-header-blue{width:100%; height:1.33rem; display:block; border-bottom:1px solid #eee; box-shadow: 0 2px 4px 0 rgba(0,0,0,.2); max-width:768px; margin: 0 auto; padding:0 0.267rem; box-sizing: border-box; background: #fff; position:fixed; top:0; left:50%; z-index: 99; margin-left:-384px; }

#zf-index-banner{width:100%; height:14.733rem; position:relative; text-align: center;}
#zf-index-banner>.swiper-container{ height:100%; overflow: hidden;}
.banner-swiper1{background: url(../images/banner1.jpg) no-repeat center; background-size:cover;}
.banner-swiper2{background: url(../images/banner2.jpg) no-repeat center; background-size:cover;}
.banner-swiper3{background: url(../images/banner3.jpg) no-repeat center; background-size:cover;}
.banner-swiper4{background: url(../images/banner4.jpg) no-repeat center; background-size:cover;}
.banner-swiper5{background: url(../images/banner5.jpg) no-repeat center; background-size:cover;}
.banner-swiper6{background: url(../images/banner6.jpg) no-repeat center; background-size:cover;}
.banner-swiper12{background: url(../images/banner12.jpg) no-repeat center; background-size:cover;}
.banner-swiper13{background: url(../images/banner13.jpg) no-repeat center; background-size:cover;}
.banner-swiper14{background: url(../images/banner14.jpg) no-repeat center; background-size:cover;}
.banner-swiper15{background: url(../images/banner15.jpg) no-repeat center; background-size:cover;}

.banner-swiper7{background: url(../images/banner_7.jpg) no-repeat center; background-size:cover;}
.banner-swiper8{background: url(../images/banner8.jpg) no-repeat center; background-size:cover;}

.swiper-slide>h3{font-size:1.5rem; text-align:center; color:#fff; letter-spacing: 4px; font-weight:600;}
.swiper-slide>span{ font-size:0.5rem; color:#fff; letter-spacing: 2px; margin-top:3.6rem; display: inline-block; text-align: center; }

.banner-swiper1>h3{ margin-top:2.7rem;}
/*.banner-swiper2>h3{ margin-top:0.75rem; }
.banner-swiper3>h3{ margin-top:0.75rem; font-size:1.4rem;}
.banner-swiper4>h3{ margin-top:4.133rem; font-size:1.4rem;}*/
.banner-swiper5>h3{ margin-top:2.7rem;}
.banner-swiper6>h3{ margin-top:4.6rem;}
.banner-swiper12>h3{ margin-top:4.7rem;}
.banner-swiper13>h3{ margin-top:4.7rem;}
.banner-swiper15>h3{ margin-top:4.7rem;}
.banner-swiper8>h3{ margin-top:4.7rem;}

.swiper-slide>p{ font-size:0.36rem; text-align: center;  color:#fff; letter-spacing: 2px; line-height: 2}
.banner-swiper1>p{margin-top:0.6rem;}
/*.banner-swiper2>p{margin-top:0.7rem;}
.banner-swiper3>p{margin-top:0.7rem;}
.banner-swiper4>p{margin-top:1.5rem;}*/
.banner-swiper5>p{margin-top:0.6rem;}
.banner-swiper6>p{margin-top:0.7rem;}
.banner-swiper12>p{margin-top:0.6rem;}
.banner-swiper13>p{margin-top:0.6rem;}
.banner-swiper15>p{margin-top:0.6rem;}

.banner-swiper8>p{margin-top:0.6rem;}

#zf-index-banner .swiper-slide>a{ display: block; width:6.4rem; height:1.38rem; text-align:left; padding-left:0.6rem;letter-spacing: 2px; color:#fff; font-size:0.38rem; line-height:1.38rem; border:1px solid #fff; background-color:rgba(0,0,0,0.3); border-radius:1.38rem; margin:0 auto;}
#zf-index-banner .banner-swiper1>a{margin-top:1.3rem;}
/*.banner-swiper2>a{margin-top:1.8rem;}
.banner-swiper3>a{margin-top:1.8rem;}
.banner-swiper4>a{margin-top:2rem;}*/
#zf-index-banner .banner-swiper5>a{margin-top:1.3rem;}
#zf-index-banner .banner-swiper6>a{margin-top:1.3rem;}
#zf-index-banner .banner-swiper12>a{margin-top:2rem;}
#zf-index-banner .banner-swiper13>a{margin-top:1.3rem;}
#zf-index-banner .banner-swiper15>a{margin-top:2rem;}
#zf-index-banner .banner-swiper7>a{margin-top:10rem;  color:#eb5845; font-size:0.38rem; line-height:1.38rem; border:2px solid #eb5845; background-color:rgba(234,79,59,0.3);}
#zf-index-banner .banner-swiper8>a{margin-top:2rem;}
.swiper-slide>a>em{ float:right; margin-right:0.4rem; width:0.666rem; line-height:1.38rem; }
.banner-swiper1>a>em>img{width:100%;}
#nav-box {
 background: -webkit-linear-gradient(#065ead, #04b3a5); /* Safari 5.1 - 6.0 */
 background: -o-linear-gradient(#065ead, #04b3a5); /* Opera 11.1 - 12.0 */
 background: -moz-linear-gradient(#065ead, #04b3a5); /* Firefox 3.6 - 15 */
 background: linear-gradient(#065ead, #04b3a5); /* 标准的语法 */
 position:fixed; height:100%; width:7.066rem; top:0; right: -100%; z-index:10000;
 transition: all .2s ease;
}
#nav-box.show{right: 0; transform: translateX(0); }
#nav-box.hide{transform: translateX(100%);}

.nav-box-close{ width:100%; height:0.48rem; text-align: right;display: inline-block; padding:0.48rem 0 0.3rem 0; }
.nav-box-close>img{ width:0.45rem; margin-right:0.48rem; display: inline-block }
#nav-box #nav-ul>a{width:84%; margin:0 auto; height:1.2rem; line-height:1.2rem; border-radius:0.6rem; margin-top:0.6rem; display:block; border:1px solid #fff; text-align:center; font-size:0.4rem; color:#fff;}

#nav-ul{width:100%; letter-spacing: 2px; overflow-y: scroll;}
#nav-ul>li{ width:84%;margin:0 auto;  min-height:1.3rem;border-bottom:1px solid rgba(255,255,255,0.3); line-height:1.3rem; font-size:0.4rem; color:#fff;  }
#nav-ul>li>em{ width:0.5rem;height:1.2rem; line-height:1.2rem; float:right; text-align:center; margin-right:4px; transition:all .3s ease-in-out;  }
#nav-ul>li>em>img{ width:0.32rem; transition: all .2s ease;}
#nav-ul>li>em>img.down{ transform:rotateZ(180deg); }

.down-li-list{  width:95%; margin:0 auto; display: none;}
.down-li-list>li{height:1rem; line-height:1rem;}
.down-li-list>li>a{color:rgba(255,255,255,0.8); display: block;width: 96%;height: 100%;}
#nav-ul>li>a{color:#fff;display: block;width: 96%;height: 100%; }
.mask-bg{ width:100%; height:100%; position:fixed; background: rgba(0,0,0,0.5); z-index:888; top:0;left:0; display: none; transition: all .2s ease-in-out .2s;}
.zf-index-part2{ background:#fff; text-align:center; padding-bottom:1rem;}
h3.zf-index-title{ color:#333; font-size:0.7467rem; padding-top:1.4rem; letter-spacing: 2px; font-weight:bold;}
.zf-index-part2 p{font-size:0.38rem; color:#8c8c8c; margin-top:0.56rem; line-height:1.6; letter-spacing: 1px;}
.zf-index-part2 .swiper-slide img{ width:8.266rem; display: block; margin:0 auto; }
.zf-index-part2 .swiper-slide span{display: block;  color:#202020; font-size:0.533rem; margin-top:0.53rem;}
.zf-index-part2 .swiper-container{ height:8.26rem; overflow: hidden;}
.zf-index-part2 a{display:inline-block; width:40%; height:1.2rem;letter-spacing:2px; border-radius:0.6rem; background-color:#2887e8; font-size:0.38rem; text-align:center; line-height:1.2rem; color:#fff; margin-top:0.42rem;}

.zf-index-advantage{width:100%;text-align:center; padding-bottom:1rem; background-color:#f7f7f7}
.zf-index-advantage ul{margin-top:0.5rem;}
.zf-index-advantage>ul>li{width:50%; text-align:center; float:left; margin-top:0.45rem;}
.zf-index-advantage>ul>li img{width:1.3rem;}
.zf-index-advantage>ul>li h4{font-size:0.48rem; color:#333; line-height:2; letter-spacing: 2px;}
.zf-index-advantage>ul>li span{font-size:0.3rem; color:#9c9c9c; line-height:1.5;}

.zf-index-plan{width:100%; background-color:#fff; text-align:center;padding-bottom:1rem; }
.zf-index-plan>p{font-size:0.38rem; margin-top:0.5rem; line-height:1.6; color:#8c8c8c; }
.zf-index-plan>.swiper-container{width:93%; margin:0 auto; margin-top:0.5rem; overflow: hidden}
.zf-index-plan>.swiper-container>img{width:100%;}
.zf-index-plan>.swiper-container .swiper-slide{position:relative}
.zf-index-plan .index-plan-word{position: absolute; top:0; width:100%}
.zf-index-plan .index-plan-word>div{margin:0 auto; margin-top:1.45rem;}
.zf-index-plan .index-plan-word img{  width:0.5rem; float:left; margin-left:35%;}
.zf-index-plan .index-plan-word h4{ display:inline-block; letter-spacing: 3px; font-size: 0.45rem; color:#fff; margin-left:0.3rem; float:left}
.zf-index-plan .index-plan-word>p{ font-size: 0.38rem; color:#fff;  width:100%; margin-top:0.5rem; letter-spacing: 2px;}
.zf-index-last{width:100%; text-align:center; background:#f7f7f7 url(../images/last_bg.png) no-repeat center bottom; height:9.2rem; background-size:contain;}
.zf-index-last>p{font-size:0.38rem; margin-top:0.5rem; line-height:1.6; color:#8c8c8c; }
.zf-index-last a{display:inline-block; width:40%; height:1.2rem; letter-spacing:2px; border-radius:0.6rem; background-color:#2887e8; font-size:0.38rem; text-align:center; line-height:1.2rem; color:#fff; margin-top:0.42rem;}
.zf-footer{width:100%; background-color:#26292e; text-align:center;  padding:1.3rem 0 2rem; color:#939eb0;}
.zf-footer>p{font-size:0.36rem; line-height: 1.35; margin-top:0.35rem;}
.zf-footer>p>span{font-size:0.32rem;}
.zf-footer>p>a{font-size:0.32rem; color:#939eb0; margin-left:0.15rem;}
.zf-footer>p.zf-footer-link>a{font-size:0.32rem; color:#fff}
.zf-footer>p.zf-footer-link{margin:0.55rem 0;}
.zf-footer-code{width:2.93rem; height:2.93rem; margin:0 auto;}
.zf-footer-code>img{width:100%}

.alert_cont1{width:6rem;display: none; position: fixed;z-index: 666; top:30%; left:20%; padding:0.5rem 0; height:auto; background: #fff; border-radius: 4px; box-shadow: 2px -2px 4px rgba(0,0,0,.2),-2px 2px 4px rgba(0,0,0,.2);}
.alert_cont_li1{width:100%; margin-bottom:0.4rem;}
.cont_icon_one1{width:1.1rem; float:left; margin-left:0.5rem; margin-right: 0.4rem;}
.cont_icon_one1>img{width:100%;}

.cont_icon_word1{width:3.8rem; float:right; font-size: 0.38rem; line-height: 1.5; }
.cont_icon_word1>a{color:#4396e8; display: block; font-size: 0.42rem;}
.cont_icon_word1>p{color:#333; display: block; font-size: 0.38rem;}
.cont-title{ margin-bottom:0.5rem; }
.cont-title>h3{ font-size:0.46rem;  color:#454545; font-weight:bold; display: inline-block; margin-left:0.4rem;}
.cont-title>span{ font-size:0.35rem;  }
.close_icon{width:0.45rem; height:0.45rem; position: absolute; top:0.2rem; right:0.3rem; }
.close_icon>img{width:100%;}

#fixed_box{position:fixed; width:1.6rem; height:3.2rem; bottom:10%; right:0.1rem; z-index:777;}
.fixed_kefu{ width:1.6rem; height:1.6rem; background:url(../images/kefu_icon.png) no-repeat center;background-size:contain;  }
.fixed_kefu_close{ width:1.6rem; height:1.6rem; background:url(../images/kefu_icon_close.png) no-repeat center;background-size:contain;  }
.fixed_return_top{ width:1.6rem; height:1.6rem; display: none; background:url(../images/return_top.png) no-repeat center;background-size:contain;  }

#adv_bottom{width:100%; max-width:768px; height:1.4rem; background: rgba(238,238,238,0.98); position:fixed; z-index:777; bottom:0;left:50%; margin-left:-384px; overflow: hidden; }
#adv_bottom>.swiper-container{height:100%;}
.adv_box_close{width:0.8rem; height:0.36rem; float:left; margin-top:0.5rem; text-align:center; }
.adv_box_close>img{width:0.36rem; }
#adv_bottom .swiper-slide>img{ width:1rem;height:1rem;float:left; margin-top:0.2rem; }
.zf-adv-text{ width:50%; float:left; margin-top:0.2rem; margin-left:0.3rem;}
.zf-adv-text>h5{font-size:0.36rem; color:#333; width:100%; }
.zf-adv-text>p{ font-size:0.28rem; color:#666; width:100%;  }
#adv_bottom .swiper-slide>a{width:2.3rem; height:0.8rem; border:none; line-height:0.8rem; margin-top:0.3rem; text-align:center; color:#fff; font-size:0.36rem; background-color:#2887e8; border-radius:0.4rem; float:left; }

#zf-index-banner .pagination {
 position: absolute;
 z-index: 20;
 bottom: 10px;
 width: 100%;
 text-align: center;
}
#zf-index-banner .swiper-pagination-bullet {
 display: inline-block;
 width: 8px;
 height: 8px;
 border-radius: 8px;
 background: rgba(143,121,110,0.5);
 margin: 0 5px;
 /*border: 1px solid #fff;*/
 cursor: pointer;
}
#zf-index-banner .swiper-pagination-bullet-active {
 background: #fff;
}

.zf-index-part2 .pagination {
 position: relative;
 z-index: 20;
 width: 100%;
 text-align: center;
}
.zf-index-part2 .swiper-pagination-bullet {
 display: inline-block;
 width: 6px;
 height: 6px;
 border-radius: 6px;
 background: #cecece;
 margin: 0 5px;
 border: 1px solid #fff;
 cursor: pointer;
}
.zf-index-part2 .swiper-pagination-bullet-active {
 background: #2887e8;
}
.zf-index-plan .pagination {
 position: absolute;
 z-index: 20;
 bottom: 14px;
 width: 100%;
 text-align: center;
}
.zf-index-plan .swiper-pagination-bullet {
 display: inline-block;
 width: 6px;
 height: 6px;
 border-radius: 6px;
 background: #cecece;
 margin: 0 5px;
 cursor: pointer;
}
.zf-index-plan .swiper-pagination-bullet-active {
 background: #2887e8;
}

#adv_bottom .pagination {
 position: absolute;
 z-index: 20;
 bottom: 1px;
 width: 100%;
 text-align: center;
}
#adv_bottom .swiper-pagination-bullet {
 display: inline-block;
 width: 4px;
 height: 4px;
 border-radius: 4px;
 background: #cecece;
 margin: 0 3px;
 cursor: pointer;
}
#adv_bottom .swiper-pagination-bullet-active {
 background: #2887e8;
}


/*上面都为首页的样式*/

#cnzz_stat_icon_1261912497{display:none;}

@media only screen and (max-width:765px){
	.zf-header{top:0; left:0; z-index: 99; margin-left:0;}
	.zf-header-blue{top:0; left:0; z-index: 99; margin-left:0;}
     #adv_bottom{ bottom:0;left:0; margin-left:0;  }
}