@charset "utf-8";
/* CSS Main */

html{color:#4d4d4d; height:100%; min-height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body,button,input,select,textarea{font:13px/1.5em "microsoft yahei";}
input,select,textarea{font-size:100%}
table{border-collapse:collapse;border-spacing:0;}
th{text-align:inherit}
fieldset,img,a img{border:0}
iframe{display:block}
abbr,acronym{border:0;font-variant:normal}
del{text-decoration:line-through}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:500}
ol,ul,li{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:500}
q:before,q:after{content:''}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
ins,a{text-decoration:none}
input,button { border:none; background:none;}
-webkit-tap-highlight-color: rgba(0,0,0,0);
a {color:#0066cc;}
.a-hide {display: block; height: 100%; text-indent: -999px; overflow: hidden;}
.tl {text-align: left;}
.tr {text-align: right;}
.tc {text-align:center;}
.tj{text-align:justify;*text-justify:distribute;}
.vt{vertical-align:top;}
.vm{vertical-align:middle;}
.vb{vertical-align:bottom;}
.b { font-weight:bold;}
.n { font-weight:normal;}
.i { font-style:italic;}

.fn:after{visibility:hidden;display:block;font-size:0;content:"";clear:both;height:0}
.fn{*zoom:1}
.l{float:left}
.r{float:right}
.cl{clear: both;}
.rel{ position:relative;}
.abs{ position:absolute;}
.oh{overflow:hidden}

.db { display:block;}
.di { display:inline;}
.dn { display:none;}
.dib{display:inline-block;*display:inline;*zoom:1}
/* =0 Reset
--------------------------------------------------------------*/

/* Global
--------------------------------------------------------------*/
body{ height:100%; min-height:100%; text-align:center;}
#wrapper { height:100%; margin:0 auto; max-width:640px;background:#fff;}
#container {width:100%;margin:0 auto;}
#container {height:auto;}
#header { height:auto; overflow:hidden;z-index:1; position:relative;text-align:center;}
#main { padding-bottom: 50px;height:auto; position:relative;}
#footer { background:#ededed;text-align:center; border-top:solid 1px #e0e0e0;}
#footer p{ background:#ededed; padding:5px 0 5px 0;text-align:center;color:#5c5c5c;background-image: linear-gradient(top,#ffffff 0, #ffffff 1%, #ededed 2%, #ffffff 100%);background-image: -moz-linear-gradient(top,#ffffff 0, #ffffff 1%, #ededed 2%, #ffffff 100%);background-image: -webkit-linear-gradient(top,#ffffff 0, #ffffff 1%, #ededed 2%, #ffffff 100%); font-size:12px; line-height:20px;}
#footer p a{ color:#5c5c5c;}
.btn{margin: 0 auto;width: 120px;height: 35px;border-radius: 3px;border: 1px solid #ffab00;box-sizing: border-box;}
.btn1{margin: 0 auto;width: 120px;height: 35px;border-radius: 3px;border: 1px solid #ffab00;box-sizing: border-box;}
.btn>a{display: block;height: 100%;font-size: 14px;color: #fff;line-height: 33px;text-align: center;background: #ffab00;}
.btn1>a{display: block;height: 100%;font-size: 14px;color: #fff;line-height: 33px;text-align: center;background: #ffab00;}
/*----------------------------------  Global结束  ------------------------------------*/
.header{height: 50px;width: 100%;overflow-x: scroll;}
.header ul{position: relative;width: 665px;overflow:hidden;}
.header ul li{float: left;width: 65px;margin-left: 20px;font-size: 14px;color: #999;line-height: 50px;text-align: center;cursor: pointer;}
.header ul li.on{color: #333;font-weight: 700;}
.header ul li.w100{width: 100px;}
.header ul .line{position: absolute;height: 3px;background: #f68f15;width: 21px;left: 40px;bottom: 0px;transition: all 0.5s;}
.part_1{width: 100%;height: auto;}
.banner{padding-top: 40px;width: 100%;height: 325px;background: url(../../Label/Image/intro/banner_bg.jpg) no-repeat center center;background-size: cover;}
.part_1 .banner .slogen{text-align: center;text-align: center;}
.part_1 .banner .slogen h1{font-size: 24px;line-height: 32px;color: #fff;}
.part_1 .banner .slogen p{margin-top: 15px;font-size: 14px;line-height: 20px;color: #fff;opacity: 0.6;}
.part_1 .section_1,.part_1 .section_2,.part_1 .section_3,.part_1 .section_4{padding-top: 30px;box-sizing: border-box;}
.part_1 .section_1 h1,.part_1 .section_2 h1,.part_1 .section_3 h1,.part_1 .section_4 h1,.part_4 .section_1 h1,.part_4 .section_2 h1,.part_5 .section_1 h1,.part_5 .section_2 h1,.part_5 .section_3 h1{font-size: 16px;line-height: 20px;color: #333;font-weight: 700;}
.part_1 .section_1 p,.part_1 .section_3 p,.part_4 .section_1 p,.part_4 .section_2 p,.part_5 .section_1 p,.part_5 .section_2 p,.part_5 .section_3 p{margin-top: 5px;font-size: 12px;line-height: 18px;color: #999;}
.part_1 .section_1{padding-top: 40px;height: 260px;background: url(../../Label/Image/intro/intro_img15.jpg) no-repeat center bottom;background-size: cover;box-sizing: border-box;}
.part_1 .section_1 p,.part_1 .section_1 h1{color: #fff;}
.part_1 .section_1 p{padding-top:10px;}
.part_1 .section_2{height: 300px;background: url(../../Label/Image/intro/intro_img14.jpg) no-repeat center bottom;background-size: 300px 230px;background-color: #fff;}
.part_1 .section_2 h1{font-size: 16px;line-height: 20px;color: #333;font-weight: 700;}
.part_1 .section_3 h1{line-height: 24px;}
.part_1 .section_3 .img_box{margin: 20px auto 30px;width: 97%;overflow: hidden;}
.part_1 .section_3 .img_box>img{float: left;padding:0 2px;width: 33.33%;box-sizing: border-box;}
.part_1 .section_4{height: 250px;background: url(../../Label/Image/intro/intro_img19.jpg) no-repeat center center;background-size: cover;}
.part_1 .section_4 h1{color: #fff;}
.part_1 .btn{margin-top: 40px;}
.part_2 .banner,.part_3 .banner,.part_4 .banner,.part_5 .banner,.part_6 .banner{padding:25px 15px;height: auto;background-position: 0px -125px;box-sizing: border-box;color: #fff;}
.part_2 .banner p,.part_2 .banner p,.part_3 .banner p,.part_4 .banner p,.part_5 .banner p,.part_6 .banner p{font-size: 13px;text-align: center;color: #fff;line-height: 20px;}
.part_2 .list{background: #fff;padding: 13px 7px;box-sizing: border-box;}
.part_2 .list ul{width: 100%;overflow: hidden;}
.part_2 .list li{float: left;margin:5px;padding:25px 5px;width: calc((100% - 16px - 10px)/2);border-radius: 3px;box-shadow: #e5e5e5 0px 0px 5px;box-sizing: border-box;}
.part_2 .list li i{display: block;margin: 0px auto;width: 28px;height: 28px;background: url(../../Label/Image/intro/icon_sprites.png) no-repeat;background-size: 162px 200px;}
.part_2 .list li.one i{background-position: -45px -87px;}
.part_2 .list li.two i{background-position: -128px -5px;}
.part_2 .list li.three i{background-position: -128px -40px;}
.part_2 .list li.four i{background-position: -82px -87px;}
.part_2 .list dt{margin-top: 15px;font-size: 16px;color: #333;line-height: 22px;}
.part_2 .list dd{margin-top: 7px;font-size: 12px;color: #999;line-height: 18px;}
.part_3 .banner{background: url(../../Label/Image/intro/banner_bg2.jpg) no-repeat center center;background-size: cover;}
.part_3 .banner p{text-align: center;}
.part_3 .section_1{padding: 5px 0px 15px;width: 100%;box-sizing: border-box;background: #e5e5e5;}
.part_3 .section_1 .left{float: left;}
.part_3 .section_1 .right{float: right;}
.part_3 .section_1 .top,.part_3 .section_1 .bottom{overflow: hidden;padding: 0px 15px;box-sizing: border-box;}
.part_3 .section_1 .top div,.part_3 .section_1 .bottom div{margin-top: 10px;height: auto;width: calc((100% - 15px) / 2);text-align: center;background: #fff;padding-bottom: 50px;margin-bottom: -50px;}
.part_3 .section_1  img{display: block;width: 100%;}
.part_3 .section_1  p{padding: 5px 0 10px;font-size: 12px;color: #333;line-height: 16px;}
@media screen and (max-width:329px){
	.part_3 .banner p{text-align: left;}
}
.part_4 .section_1,.part_4 .section_2{padding: 40px 10px 35px;box-sizing: border-box;}
.part_4 .section_1 .img_box{margin: 30px auto 0;width: 100%;height: 241px;background: url(../../Label/Image/intro/intro_img1.png) no-repeat center center;background-size: 230px 241px;}
@media screen and (max-width:374px){
	.part_4 .section_1 p,.part_4 .section_2 p,.part_5 .section_3 p{text-align: left;}
}
.part_4 .section_2{background:-webkit-gradient(linear, 0 0, 0 10%, from(#f9f9f9), to(#fff));}
.part_4 .section_2 ul{margin-top: 5px;padding: 0 40px;overflow: hidden;}
.part_4 .section_2 li{margin-top: 20px;padding-left: 50px;overflow: hidden;background: url(../../Label/Image/intro/icon_sprites.png) no-repeat;background-size: 162px 200px;}
.part_4 .section_2 li.one{background-position: -126px -79px;}
.part_4 .section_2 li.two{background-position: -61px -120px;}
.part_4 .section_2 li.three{background-position: 2px -161px;}
.part_4 .section_2 ul p{font-size: 14px;color: #333;line-height: 22px;text-align: left;margin-top: 0;}
.part_4 .section_2 ul span{display: block;margin-top: 3px;font-size: 11px;line-height: 16px;text-align: left;word-wrap:break-word;color: #999;}
.part_5 .section_1,.part_5 .section_2,.part_5 .section_3{padding: 45px 0 0;box-sizing: border-box;}
.part_5 .section_1{height: 314px;background: url(../../Label/Image/intro/intro_img2.png) no-repeat;background-size: 355px 197px;background-position: 82% 92%;}
@media screen and (max-width:320px){
	.part_5 .section_1{height: 300px;background-size: 320px 180px;background-position: center bottom;}
}
.part_5 .section_2{background:-webkit-gradient(linear, 0 0, 0 10%, from(#f9f9f9), to(#fff));}
.part_5 .section_2 .img_box{margin-top: 10px;height: 185px;background: url(../../Label/Image/intro/intro_img3.jpg) no-repeat  center center / 375px 184px;}
.part_5 .section_3{height: 310px;background: url(../../Label/Image/intro/intro_img4.jpg) no-repeat  center bottom / 375px 203px;}
.footer{position: fixed;left: 0;bottom: 0;width: 100%;height: 50px;background: ;box-sizing: border-box;overflow: hidden;background: #FFFFFF;box-shadow:10px 14px 29px 12px rgba(0,0,0,0.2);}
.footer>div{float: left;height: 100%;padding:7px 8vw;width: 50%;text-align: center;box-sizing: border-box;}
.footer .btn_box>i{display: inline-block;height: 21px;width: 21px;background:url(../../Label/Image/intro/icon_sprites_new.png)  no-repeat center center;background-size:21px 169px;}
.footer .btn_box>span{display: block;font-size: 12px;color: #424242;line-height: 15px;}
.footer .btn_box{display: block;margin-top: 0;width: 100%;cursor: pointer;}
.footer .footer1 i{background-position:0 -56px;}
.footer .footer2 i{background-position: 2px -28px;}
.footer .footer3 i{background-position:0 -28px;}
@media screen and (max-width:374px){
	.part_5 .section_3>p{padding: 0 10px;text-align: left;}
}
.part_6 .banner{background:  url(../../Label/Image/intro/intro_img9.jpg) no-repeat center center ;background-size: 100% 100%;height: 0;padding-bottom: 34%;}
.part_6 .tc p{font-size: 16px;color: #333333;margin-top: 12px;}
.part_6 .section_1,.part_6 .section_2,.part_6 .section_3,.part_6 .section_4{height:0;padding-bottom: 37.5%;color: #fff;}
.part_6 .text{padding-top: 11%;}
.part_6 h1{font-size: 15px;height: 30px;line-height: 30px;}
.part_6 p{font-size: 12px;}
.part_6 .section_1{background: url(../../Label/Image/intro/intro_img10.jpg) no-repeat center center;background-size: 100% 100%;margin:10px 12px;}
.part_6 .section_2{background: url(../../Label/Image/intro/intro_img11.jpg) no-repeat center center;background-size: 100% 100%;margin:10px 12px;}
.part_6 .section_3{background: url(../../Label/Image/intro/intro_img12.jpg) no-repeat center center;background-size: 100% 100%;margin:10px 12px;}
.part_6 .section_4{background: url(../../Label/Image/intro/intro_img13.jpg) no-repeat center center;background-size: 100% 100%;margin:10px 12px;}

.loadingBg { position:fixed; width:100%; height:100%; top:0; left:0; z-index:999;background: rgba(0,0,0,0.4);display: none;}
.loadingBox { position:fixed;z-index:1000;top:50%; margin-top: -100px;  margin-left: -50px;left:50%;width:100px;height:100px; overflow:hidden;border-radius:10px;}
.loadingBox i{ position:absolute;z-index:9;top:50%;left:50%;margin:-25px 0 0 -25px;width:40px;height:40px;border:7px dotted #000;border-color:rgba(100,100,100,.6) rgba(100,100,100,.7) rgba(100,100,100,.8) rgba(100,100,100,.9);border-radius:40px;-webkit-animation:loadforever 1s infinite linear;}
.loadingBox.hasp {margin:-30px auto auto -50px;width:100px;height:60px; padding-bottom:20px;}
.loadingBox.hasp i { margin-top:-24px;}
@-webkit-keyframes loadforever{
    0%{-webkit-transform:rotate(0deg);}
    100%{-webkit-transform:rotate(360deg);}}
.part_7 .banner{ background:  url(../../Label/Image/intro/banner-gback.png) no-repeat center center ;background-size: 100% 100%;height: 0;padding-bottom: 70%;}
.part_7 .banner .slogen h1 {font-size: 24px;line-height: 32px;color: #fff;}
.part_7 .banner .slogen p {margin-top: 15px;font-size: 12px;line-height: 20px;color: #fff;opacity: 0.7;}
.part_7 .btn2{    margin: 0 auto;width: 120px;height: 35px;border-radius: 3px;border: 1px solid #ffab00;box-sizing: border-box;margin-top: 31px;}
.btn2>a {display: block;height: 100%;font-size: 14px;color: #fff;line-height: 33px;text-align: center;background: #ffab00;}
.part_7 .section_1{margin-bottom: 30px;}
.part_7 .section_1>h1 {font-size: 19px;line-height: 20px;color: #222222;font-weight: 400;margin-bottom: 10px;margin-top: 31px;}
/*.part_7 .section_1{padding: 5px 0px 15px;width: 100%;box-sizing: border-box;background: #e5e5e5;}*/
.part_7 .section_1 .left{float: left;}
.part_7 .section_1 .right{float: right;}
.part_7 .section_1 .top,.part_7 .section_1 .bottom{overflow: hidden;padding: 0px 15px;box-sizing: border-box;}
.part_7 .section_1 .top div,.part_7 .section_1 .bottom div{margin-top: 10px;height: auto;width: calc((100% - 15px) / 2);text-align: center;background: #fff;padding-bottom: 50px;margin-bottom: -50px;}
.part_7 .section_1  img{display: block;width: 100%;}
.part_7 .section_1 .top h1{margin-top: 14px ;  font-size: 15px;line-height: 20px;color: #222222;font-weight: 200;}
.part_7 .section_1 .top p{color: #999999;text-align: left;margin: 0;font-size: 12px}
.part_7 .section_1 .bottom h1{margin-top: 14px ;  font-size: 15px;line-height: 20px;-weight: 500;}
.part_7 .section_1 .bottom p{color: #999999;text-align: left;margin: 0;font-size: 12px}
.part_7 .section_1  p{padding: 5px 0 10px;color: #666666;line-height: 16px;}
.part_7 .section_2 {height: 347px;background: url(../../Label/Image/intro/lpkbg-c.png) no-repeat center bottom;background-size: 375px 347px; background-color: #eeeeee;}
.part_7 .section_2>h1 {font-size: 19px;line-height: 20px;color: #222222;font-weight: 400;margin-bottom: 10px;padding-top: 31px;}
.part_7 .section_2 p{margin-bottom: 20px;color: #666666;}
.part_7 .section_3>h1 {font-size: 19px;line-height: 20px;color: #222222;font-weight: 400;margin-bottom: 10px;padding-top: 31px;}
.part_7 .section_3 p{margin-bottom: 20px;color: #666666;}
.part_7 .section_3 a {font-size: 18px;line-height: 30px;color: #FFFFFF;text-align: center;width: 30px;height: 30px;margin-right: 10px;display: inline-block;background: #fcaa29;border-radius: 15px;}
.part_7 .section_3 .onebt{color: #666666;line-height: 30px;font-size: 15px;}
.one1 img{width: 137px;height: 240px;box-shadow: 0 0 8px rgba(0,0,0,0.1);}
.one2 img{width: 137px;height: 240px;box-shadow: 0 0 8px rgba(0,0,0,0.1);display: inline-block;}
.one2{position: relative;margin-top: 22px;}
.one2 .end{color:  #666666;font-size: 18px; line-height: 30px;width: 30px;height: 30px;display: block;position: absolute;top: 50%;margin-top: -15px;left: 50%;margin-left: -15px;}
.mr38{margin-right: 38px;}
.one3 {margin-top: 22px;}
.one3 img{width: 203px;height: 203px;box-shadow: 0 0 8px rgba(0,0,0,0.1);}