#fullPage-nav { _display: none; font-size: 12px;}
#fullPage-nav li { width: 90px; height: 21px; margin: 10px 0 0; vertical-align: middle;}
#fullPage-nav li a { float: right; width: 21px; height: 21px; color: #8F9DA4; text-decoration: none; text-align: right; background: url(../images/dot.png) 5px 5px no-repeat;}
#fullPage-nav li .active { background-position: 0 bottom;}
#fullPage-nav span { display: none;}
.fullPage-tooltip { float: left; top: 0;color: #333; line-height: 2em;}

.section { position: relative; overflow: hidden;width:100%;height:100%;overflow:hidden;}
.section .bg { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.section .bg img { display: block; width: 100%; height: 100%;}
#box #pagination1 span{background:#fff;}
#box #pagination0 span{background:#fff;}

/*第二屏*/
.section2 .lg_item{width: 100%; position: absolute; top:47%; min-height: 350px;overflow: hidden;}
.section .sP_en{font-size:33px;margin-bottom:1.5rem;}
.section .sP_ch{font-size:20px;color:#555;font-weight: 700;}
.productsItem{ position: absolute;width: 20%;opacity: 0;padding-top: 350px;transition: all 1s;}
.productsItem em{ width: 100% ; text-align: center; float: left;margin-bottom:1rem;}
.productsItem span { font-style:22px; font-weight: bold; width: 100% ;padding-top:1em;  text-align: center; float: left;}
.productsItem p {width:95% ; float: left; padding:0.5em 1em 1em 1em; line-height: 1.8em;text-align: center;font-size: 14px; color:#838584;}
.productsItem a{height:276px;position:relative;background:none; display: block;position: absolute;bottom: 15%; padding: 1em;/*border-radius: 15px;*/}
.productsItem a:hover{  display: block;position: absolute;bottom: 15%; /*border-radius: 15px;*/ opacity: 0.8;-moz-box-shadow:0 1px 3px rgba(0,0,0,0.3); -webkit-box-shadow:0 1px 3px rgba(0,0,0,0.3); box-shadow:0 1px 3px rgba(0,0,0,0.3);  }


.bg91 { left:-20%; }
.bg92 { left:100%; }
.bg93 { left:-100%; }
.bg94 { left:100%; }
.section2 .lg_item .bg92 i{font-size:64px;}
.section2 .lg_item .bg94 i{font-size:75px;}



/*圆圈*/
.section2 .lg_item em span{display:block;width:120px;height:120px;margin:0 auto;position:relative;padding:0;float:none;}
.section2 .lg_item em span u{position:absolute;box-sizing:border-box;-webkit-box-sizing:border-box;}
.section2 .lg_item em span u.l{display:block;width:100%;height:100%;border:2px solid #e60012;border-radius:50%;clip:rect(0px,120px,120px,60px);transition: all .5s ease-in-out 0s;}
.section2 .lg_item em span u.r{display:block;width:100%;height:100%;border:2px solid #e60012;border-radius:50%;clip:rect(0px,60px,120px,0px);transition: all .5s ease-in-out 0s;}
.section2 .lg_item a:hover u.l{clip:rect(0px,120px,0px,60px);}
.section2 .lg_item a:hover u.r{clip:rect(120px,60px,120px,0px);}
.section2 .lg_item em span i{display:block;font-size:120px;width:100%;height:100%;line-height:120px;margin:0 auto;text-align:center;color:#e60012;}
/*.section2 .lg_item em i{display:block;font-size:120px;width:120px;height:120px;line-height:120px;margin:0 auto;border:2px solid #e60012;border-radius:50%;text-align:center;color:#e60012;}
.section2 .lg_item em i:before{position:relative;top:5px;}*/
.section2 .lg_item .border{position:absolute;transition:width 0.2s;}
.section2 .lg_item .border-top{top:0px;left:0px;height:1px;width:0;background:#e60012;}
.section2 .lg_item .border-right{bottom:0px;right:0px;height:0;width:1px;background:#e60012;}
.section2 .lg_item .border-bottom{bottom:0px;right:0px;height:1px;width:0;background:#e60012;}
.section2 .lg_item .border-left{top:0px;left:0px;height:0;width:1px;background:#e60012;}
/*.section2 .lg_item a:hover .border-top{width:100%;}
.section2 .lg_item a:hover .border-right{height:100%;}
.section2 .lg_item a:hover .border-bottom{width:100%;}
.section2 .lg_item a:hover .border-left{height:100%;}*/




/*第三屏*/
.bg21 { position: absolute; left:10%; bottom: 10%; width: 23.33%; height: 50%; margin-left: -30%; margin-bottom: 0;  transition: all 1s;  opacity: 0; }
.bg22 { position: absolute; left:38.33%; bottom: -40%; width:23.33%; height: 50%; margin-left: 0; margin-bottom: 0; transition: all 1s; opacity: 0; }
.bg23 { position: absolute; left:63.33%; bottom: 10%; width: 23.33%; height: 50%; margin-left: 100%;  transition: all 1s; opacity: 0;}
.bg21 .area_33.kingsan{width:100%;}
.bg22 .area_33.kingsan{width:100%;}
.bg23 .area_33.kingsan{width:100%;}
.section h3 { position: absolute; left: 0; top:20%; z-index: 10; width:100%;height:auto;text-align:center;-webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.section h3 img{width:100%;height:auto;max-width:431px;max-height:86px; }
.p1 { position: absolute; left: 50%; bottom:10%; width: 510px; margin-left: -255px;  color: #727F8C; opacity: 0; transition: all 1s;text-align:center;}
.section4 h3{top:17%;}
.p1 a{display: block;}

.icon-guanli3{padding-top:3px!important;}
.icon-guanli2:before { font-size:35px; }
.icon-guanli3:before { font-size:35px; }
.icon-xingjiabigao:before { font-size:35px; }

/*第五屏*/

.active .bg42 { top:30%; transition-delay: 1.1s;}
.bg42 { position: absolute; top: 100%; width: 100%; height: auto;  transition: all 1s;}
.kinghezuo{ width:1154px;  /*width:61.5%;*/overflow:hidden; margin-top:4em; margin-left:auto; margin-right:auto; }
.relian{ width:200px; height:100px; overflow:hidden;float:left; margin:0.9em;border:1px  #eaeaea dashed; background:#fff}
.relian .pic{width:200px; height:100px; position:relative;}
.relian .pic2{ width:200px; height:200px; overflow:hidden; position:absolute; left:0; top:0;}




/*第六屏*/
.s6_main{width:70%;max-width:1000px;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);transform:translate(-50%,-50%);}
.s6_img{box-sizing:border-box;-webkit-box-sizing:border-box;float:left;}
.s6_img01{width:30%;max-width:335px;}
.s6_img02{width:70%;max-width:570px;padding-left:3%;padding-top:3%;}
.s6_img02 a{display: block;}
.s6_img img{width:100%;height:auto;}

.kingicon2{ width:130px; height:130px; background:#fff; border-radius:100%; font-size:5em; border:1px inset #dbdbdb; margin:0 1.3em; line-height:1.8em; float:left;}
.kingadd{ width:100%; float:left; margin:13em 0 2em 0;}
.kingadd li{ width:24%; float:left;}
.kingadd li p{ margin-top:0.5em; float:left; width:100%;}

.kingfeedbak{ width: 100%; float: left; margin: 5em 0}
/*.kingfeedbak ul{ margin: 0 auto; width: 90%}*/
.kingbiao{ width:375.4px;  margin:0 1em 1em 0}
.kingbiao1{ width:1160px; height:150px; font-size: 16px;}
.tijiao{ float:left; margin:0.1em 0}
.tijiao input{border:1px solid #ccc;border-right:none;height:2em;padding:5px;width:190px;float:left;}
.tijiao a{display:inline-block;width:100px;text-align:center;line-height:2em;float:left;background:#969696;color:#fff; border-radius:5px;}
.tijiao a:hover{color:#fff;background:#e60012;}

.bg62 { position: absolute; top: 10%; bottom: 50%; width: 90%; height: 284px; margin-left: -507px;  transition: all 1s;}
.txt6 { position: absolute; top:80%; bottom: 13%; width: 90%;  opacity: 0; transition: all 1s;}
.txt6 p { margin-bottom: 17px; color: #000; font-size:18px;}
.bg62 dl{ width:18%; float: left;}
.bg62 em{ width: 100% ; text-align: center; float: left;}
.bg62 img{ width: 100px; height: 100px; margin: 0 auto;}
.bg62 span { font-style:22px; font-weight: bold; width: 100% ;padding-top:1em;  text-align: center; float: left;}
.bg62 p {width:90% ; float: left; padding:0.5em 1em 1em 1em; line-height: 1.8em;text-align: center; color: #939393; font-size: 12px;}

.active .bg61 { top: 90%; transition-delay: 0.7s;}
.active .bg62 { top: 20%; opacity: 1; transition-delay: 0.7s;}
.active .txt6 { top:20%; opacity: 1; transition-delay: 0.7s;}



.bg41 { position: absolute; bottom:0; width: 100%;  height:auto; transition: all 1s; float: left;}


.teltop{ width: 100%;margin-left: auto; margin-right: auto}
.teltop dl{float: left; width: 25%}
.teltop dl em{float: left; width: 100%; text-align: center;}
.teltop dl em img{width: 100px}
.teltop dl span{float: left; width: 100%; text-align: center;}
.teltop dl p{float: left; width: 100%; text-align: center; font-size: 14px; color:#8d8d8d}

.bg43 { position: absolute; bottom: 0; width: 100%; height: 120px; margin-bottom:0;  transition: all 1s;}

.ltie10 .bg41 { bottom:8%; transition-delay: 0.7s;}

.ltie10 .bg43 { bottom: 0; transition-delay: 0.9s;}

.active .bg41 { top:0; transition-delay: 0.7s;}

.active .bg43 { bottom: 0; transition-delay: 0.9s;}


/*.s6bg{ background: url(../images/bg5.png) top center; width:100%; height: 490px;margin-top:60px;background-size:auto 100%;}
.s6bg{width:100%;margin-top:35px;}
.s6bg >a{display:block;}
.s6bg >a >img{width:100%;height:auto;}
.s6left{width:287px; height: 287px;float:left; margin-top: 7em; text-align: center;margin-right:5.5em;}
.s6left img{width:100%;height:100%;}
.s6right{float:left; width:60%; margin-top:3.5em;font-size:30px;line-height:65px;}
.s6right>a{display: block;}
.s6right>a>img{display:block;margin-top:2rem;width:190px;}
.s6right span{color:#c80000;}
.s6right strong{color:#333;}

.s6_middle{width:70%;margin:3% auto;}
.s6_middle .s6_ul{width:70%;float:left;}
.s6_middle ul{color:#9a9a9a;}
.s6_middle ul{width:100%;}
.s6_middle ul li{float:left;width:45%;}
.s6_middle div.ewm{float:left;width:115px;font-size:12px;text-align:center;}
.s6_middle ul li{position:relative;font-size:14px;height:40px;line-height:40px;padding-left:30px;transition:all 1s;}
.s6_middle ul li i{position:absolute;display:inline-block;width:30px;height:40px;line-height:40px;left:0;top:0;text-align:center;}
.s6_middle ul li:hover{color:#c80000;transform:translateX(5px);}


.s6_middle{width:70%;margin:2% auto;}
.s6_middle ul{color:#9a9a9a;float:left;}
.s6_middle ul.s6_ul1{width:44%;}
.s6_middle ul.s6_ul2{width:42%;}
.s6_middle div.ewm{float:right;width:115px;font-size:14px;text-align:center;}
.s6_middle ul li{position:relative;font-size:16px;height:40px;line-height:40px;padding-left:30px;transition:all 1s;}
.s6_middle ul li i{position:absolute;display:inline-block;width:30px;height:40px;line-height:40px;left:0;top:0;text-align:center;}
.s6_middle ul li:hover{color:#c80000;transform:translateX(5px);}*/
 

.bg13 { position: absolute; bottom: -63%; width:100%; height: 63%;  transition: all 1s; }
.bg13 dl{ margin: 0 auto; width:90%;height: 100%; }
.section4 .bg13 dl .area_33{height:100%;}
.section4 .item-preview{height:100%;}
.section4 .item-preview a{height:100%;}
.section4 .item-preview-thumb{height:90%;margin-bottom:10px;}

.hgroup { position: absolute; width:280px; height:86px; left: 55%; top: 20%; margin: 0 0 0 -277px; text-indent: -9999px; background-image: url(../images/t1.png); opacity: 0; -webkit-transform:scale(0.5, 0.5); transform:scale(0.5, 0.5); transition: all 1s;}
.p11 { position: absolute; left: 50%; top: 50%; width: 600px; margin: 0 0 0 -280px; font-size: 14px; color: #94a7c6; opacity: 0; transition: all 0.5s;}
.mail { position: absolute; left: 50%; top: -26px; width: 375px; height: 26px; margin-left: -187px; background-image: url(../images/logo.png); transition: all 1s;}
.mail { float: left; height: 26px; text-indent: -9999px;}
.mail-163 { float: left; width: 107px;}
.mail-126 { float: left;width: 108px; margin-left: 23px;}
.mail-yeah { float: right; width: 115px;}

/*.section6 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t6.png);}
.section7 strong { width: 561px; margin-left: -280px;}
.section7 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t7.png);}
.section8 strong { width: 561px; margin-left: -280px;}
.section8 h3 { width: 561px; margin-left: -280px; background-image: url(../images/t8.png);}
.section9 strong { width: 609px; margin-left: -304px;}
.section9 h3 { width: 609px; margin-left: -304px; background-image: url(../images/t3.png);}
.section9 h3 span { position: absolute; left: -100px; top: -48px; width: 89px; height: 90px; background-image: url(../images/yixin.png);}*/

.bg31 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; margin-bottom: 80px; background-image: url(../images/bg31.png); opacity: 0; transition: all 1s;}
.bg32 { position: absolute; left: 50%; bottom: 0; width: 892px; height: 472px; margin-left: -396px; background: url(../images/bg32.png) 470px bottom no-repeat; opacity: 0; transition: all 1s;}
.bg33 { position: absolute; left: 50%; bottom: 0; width: 441px; height: 380px; margin-left: 50%; background: url(../images/bg33.png) 0 0 no-repeat; opacity: 0; transition: all 1s;}
.p3 { position: absolute; width: 430px; left: 50%; top: 15%; margin-top: 250px; margin-left: -100%; font-size: 16px; color: #FFFDE1; opacity: 0; transition: all 1s;}






.bg51, .bg52, .bg53, .bg54 { position: absolute; z-index: 1; width: 208px; left: 50%; bottom: 20%; padding-top: 210px; color: #fff;}
.section5 h4 { margin-bottom: 12px; font-size: 23px; font-weight: 500;}
.section5 p { font-size: 14px;}
.bg51 { margin-left: -851px; background: url(../images/bg51.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg52 { margin-left: -403px; background: url(../images/bg52.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg53 { margin-left: 195px; background: url(../images/bg53.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}
.bg54 { margin-left: 645px; background: url(../images/bg54.png) 50% 0 no-repeat; opacity: 0; transition: all 1s;}

.bg61 { position: absolute; top:100%; width: 100%; transition: all 1s;}


.bg71 { position: absolute;  bottom: -201px; width: 100%; height:30%; margin-left:0; transition: all 1s; float: left;}
.bg71  dl{ margin: 0 auto; width:80%;}


.bg81 { position: absolute; width: 100%; bottom: 100px; height: 215px; background: url(../images/bg81.png) 50% 0 no-repeat;}
.bg82 { position: absolute; left: 50%; bottom: 160px; width: 164px; height: 117px; margin-left: -180px; background-image: url(../images/bg82.png); opacity: 0; transition: all 1s;}
.bg83 { position: absolute; left: 50%; bottom: 280px; width: 70px; height: 29px; margin-left: -330px; background-image: url(../images/bg83.png); opacity: 0; transition: all 1s;}
.bg84 { position: absolute; left: 50%; bottom: 320px; width: 43px; height: 26px; margin-left: -410px; background-image: url(../images/bg84.png); opacity: 0; transition: all 1s;}
.p8 { position: absolute; left: 50%; top: 15%; width: 565px; margin-left: -282px; margin-top: 130px; font-size: 16px; color: #727F8C; opacity: 0; transition: all 1s;}



.copyright { position: absolute; left: 0; bottom: 20px; width: 100%; text-align: center; font-size: 0;}
.copyright a, .copyright span { margin: 0 7px; font-size: 12px; color: #a0a0a0;}

/* CSS3过度及动画 */
.active strong, .active h3 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .p1 { opacity: 1; transition-delay: 1.7s;}

.active .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.active .bg13 { bottom: 5%; opacity: 1; transition-delay: 0.7s;}
.active .hgroup { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .mail { top: 25px; transition-delay: 0.7s;}
.active .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.active .bg21 { opacity: 1; margin-left: 0; transition-delay: 0.7s;}
.active .bg23 { opacity: 1; margin-left: 0; transition-delay: 0.7s;}
.active .bg22 { opacity: 1; bottom: 10%; transition-delay: 0.7s;}

.active .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.active .bg31, .active .bg32 { opacity: 1; transition-delay: 1s;}
.active .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}



.active .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.active .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.active .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.active .bg54 { margin-left: 345px; opacity: 1; transition-delay: 0.7s;}



.active .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.active .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.active .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.active .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.active .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.active .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.active .p8 { opacity: 1; transition-delay: 1.7s;}

.active .bg91 { opacity: 1; left:10%; transition-delay: 0.7s;}
.active .bg92 { opacity: 1; left:30%; transition-delay: 0.8s;}
.active .bg93 { opacity: 1; left:50%; transition-delay: 0.8s;}
.active .bg94 { opacity: 1; left:70%; transition-delay: 0.7s;}

.active .bg102, .active .bg103 { opacity: 1; -webkit-transform:scale(1, 1); transform:scale(1, 1); transition-delay: 0.7s;}
.active .go { top: 25%; opacity: 1; transition-delay: 1.2s;}

/* for lt ie 10 */
.ltie10 strong, .ltie10 h3 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .p1 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg12 { bottom: 90px; opacity: 1; transition-delay: 0.7s; }
.ltie10 .bg13 { bottom: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .hgroup { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .mail { top: 25px; transition-delay: 0.7s;}
.ltie10 .p11 { opacity: 1; transition-duration: 1s; transition-delay: 2s;}

.ltie10 .bg21 { opacity: 1; margin-left: -608px; transition-delay: 0.7s;}
.ltie10 .bg23 { bottom: 15%; transition-delay: 0.7s;}
.ltie10 .bg22 { margin-left: -280px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .p3 { margin-left: -480px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg31, .ltie10 .bg32 { opacity: 1; transition-delay: 1s;}
.ltie10 .bg33 { margin-left: -120px; opacity: 1; transition-delay: 0.7s;}


.ltie10 .bg51 { margin-left: -551px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg52 { margin-left: -253px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg53 { margin-left: 45px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg54 { margin-left: 0; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg61 { top: 0; transition-delay: 0.7s;}
.ltie10 .bg62 { top: 0; opacity: 1; transition-delay: 0.7s;}
.ltie10 .txt6 { top: 0; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg71 { bottom: 250px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg72 { bottom: 350px; opacity: 1; transition-delay: 0.9s;}
.ltie10 .txt7 { bottom: 420px; opacity: 1; transition-delay: 1.1s;}

.ltie10 .bg82 { bottom: 260px; margin-left: -280px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg83 { bottom: 380px; margin-left: -430px; opacity: 1; transition-delay: 1s;}
.ltie10 .bg84 { bottom: 420px; margin-left: -510px; opacity: 1; transition-delay: 1.2s;}
.ltie10 .p8 { opacity: 1; transition-delay: 1.7s;}

.ltie10 .bg91 { margin-left: -570px; opacity: 1; transition-delay: 0.7s;}
.ltie10 .bg92 { opacity: 1; transition-delay: 0.8s;}
.ltie10 .bg93 { margin-left: 230px; opacity: 1; transition-delay: 0.7s;}

.ltie10 .bg102, .ltie10 .bg103 { opacity: 1; transform:scale(1, 1); transition-delay: 0.7s;}
.ltie10 .go { top: 25%; opacity: 1; transform:scale(1, 1); transition-delay: 1.2s;}










/* 20170729新增 */
.min_section7{display:none;}
.section7_item{position:absolute;width:100%;left:0;top:45%;}
.section7_item ul{width:62.5%;margin:0 auto;padding-bottom:2%;box-sizing:border-box;}
.section7_item li{position:relative;float:left;color:#333;width:30%;height:105px;margin-right:5%;padding-left:68px;box-sizing:border-box;margin-bottom:5%;overflow:hidden;}
.section7_item li:nth-child(3n){margin-right:0;}
.section7_item li i{position:absolute;font-size:48px;margin-right:20px;left:0;top:15px;}
.section7_item h4{font-size:16px;font-weight:700;margin-bottom:5px;}
.section7_item p{font-size:14px;line-height:24px;}
.section7_item .li_01 i{color:#6666CC;}
.section7_item .li_02 i{color:#FF8F91;}
.section7_item .li_03 i{color:#FFB27E;}
.section7_item .li_04 i{color:#60DE9F;}
.section7_item .li_05 i{color:#FFC76A;}
.section7_item .li_06 i{color:#018DEE;}
.section7_btn{display:block;width:270px;height:54px;line-height:54px;text-align:center;margin:0 auto;font-size:20px;background:#F6F6F6;border-radius:10px;border:1px solid #000;}
.section7_btn:hover{background:#E60012;color:#fff;border-color:#E60012;}