/*.section{position: relative;}*/
/*--滚动条--*/
::-webkit-scrollbar{ width:5px; height:30px; background-color:#ECECEC;}
::-webkit-scrollbar:hover{ background-color:#eee; }
::-webkit-resizer{}
::-webkit-scrollbar-thumb{ -webkit-border-radius:4px; background-color:#888; height:10px; }
::-webkit-scrollbar-thumb:hover{ background-color: #bbb;}
::-webkit-scrollbar-thumb:active{ background-color:#888;}
/* =e Reset */
body{font-family: "microsoft yahei";}
*{margin: 0; padding: 0;}
a.dd{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.clr:after{clear: both;content:'\0020';display: block;visibility:hidden;height:0;}
.clr{zoom:1;}
.section1 { background: url(../images/bg.jpg)  50%;}
.section2 { background: url(../images/bg.jpg) 50%;}
.section3 { background: url(../images/bg.jpg) 50%;}
.section4 { background: url(../images/bg.jpg)  50%;}
.section5 { background: url(../images/bg.jpg)  50%;}

.section1 .logo{position: absolute; top: 15px; left: 50%; margin-left: -300px;}
.section1 .cont1{width: 750px;position: absolute; left: 50%; top:40%; margin-left: -375px;margin-top: -250px; height: 500px; background: url(../images/cont1bg.png) no-repeat center 0;}
.section1 .baoming{margin: 500px auto 0;display: block;width: 470px;height: 84px;text-align: center;line-height: 84px;font-size: 30px; border: 2px solid #fff; color: #fff;text-decoration: none;}
/*.section1 .baoming{-webkit-transition: background 0.8s ease;-moz-transition: background 0.8s ease;transition: background 0.8s ease;}
.section1 .baoming {-webkit-transition: color 0.3s ease;-moz-transition: color 0.3s ease;transition: color 0.3s ease;}*/

.section1 .baoming i{position: absolute; width: 8px; height: 84px; display: block; background: url(../images/light.png); top: 2px; left: -5px;}
.section1 .baoming i{-webkit-transition: all 0.8s ease;-moz-transition: all 0.8s ease;transition: all 0.8s ease;}
.section1 .baoming:hover i{left: 460px;}
.section2 .cont2{width: 720px;position: absolute; left: 50%; top:50%; margin-left: -360px;color: #fff; margin-top: -275px; height: 550px;}
.section2 .cont2 h2{font-weight: normal;color:#ffed73; font-size:36px;width: 230px;height: 40px; border: dashed 2px #ffed73;  text-align: center; line-height: 40px;margin-bottom: 15px;}
.section2 .cont2 p{font-size: 18px; padding-bottom:30px;line-height: 1.8; border-bottom: dashed 1px #ffed73;margin-bottom: 40px; position: relative;}
.section2 .cont2 p strong{font-size: 36px; color: #ffed73; font-weight: normal; font-style: italic;}
.section2 .cont2 a{font-size: 24px; color: #ffed73; font-family: sinsum;}

.section4 .cont4{width: 880px;position: absolute; left: 50%; top:50%; margin-left: -440px;color: #fff; margin-top: -336px; height: 672px;}
.section4 .cont4 h2{font-weight: normal;color:#ffed73; font-size:36px;width: 230px;height: 40px; border: dashed 2px #ffed73;  text-align: center; line-height: 40px;margin-bottom: 15px;}
.jbSlide{width: 738px; margin: 0 auto; position: relative; height: 612px;}
.jbSlide a{text-decoration: none;}
.jbSlide .hd{display: block; width: 30px; height: 85px; position: absolute; top: 50%; margin-top: -40px;}
.jbSlide .prv{ background: url("../images/prv.png"); left: -80px;}
.jbSlide .nxt{background: url("../images/nxt.png"); right: -80px;}
.jbSlide .bd li{float: left; list-style:none;margin: 22px 22px;}
.jbSlide .bd{display: none;}
.jbDiv{width: 180px;height: 240px; border: solid 1px #fff;padding: 10px;}
.jbDiv:hover{}
.jbDiv .img{width: 180px;}
.jbDiv h3{font-size: 18px; color: #fff; line-height: 40px; text-decoration: none;}
.jbDiv p{font-size: 12px; color: #ADA8A9; line-height: 18px;}

.section5 .cont5{width: 780px;position: absolute; left: 50%; top:50%; margin-left: -380px;color: #fff; margin-top: -380px; height: 760px; }
.section5 .cont5 h2{font-weight: normal;color:#ffed73; font-size:36px;width: 380px;height: 40px; border: dashed 2px #ffed73;  text-align: center; line-height: 40px;margin-bottom: 15px;}
.section5 .pages{height: 700px; overflow:auto;}
.section5 .pages li{width: 680px; height: 120px; border: solid 1px #fff; margin:5px 0 16px; padding: 18px 20px; overflow: hidden;}
.section5 .pages li .img{float: left;}
.section5 .pages li .word{float:right; width: 460px;}
.section5 .pages li .word a{text-decoration: none;}
.section5 .pages li .word h3{font-size:18px; color: #fff; line-height: 22px; font-weight: normal;}
.section5 .pages li .word p{font-size: 12px; color: #ADA8A9; line-height: 18px; padding: 20px 0 5px}
.section5 .copy{font-size:12px; font-family:"nsinsum";color: #585858; position: absolute; bottom: 0; text-align: center; width: 408px; left: 50%; margin-left: -204px; }


.section3 .cont3{width: 780px;position: absolute; left: 50%; top:50%; margin-left: -380px;color: #fff; margin-top: -250px; height: 500px; }
.section3 .cont3 h2{font-weight: normal;color:#ffed73; font-size:36px;width: 230px;height: 40px; border: dashed 2px #ffed73;  text-align: center; line-height: 40px;margin-bottom: 15px;}
.section3 .pages{ overflow:auto; opacity: 0;}
.section3 .pages li{width: 680px; height: 120px; border: solid 1px #fff; margin:5px 0 16px; padding: 18px 20px; overflow: hidden;}
.section3 .pages li .img{float: left;}
.section3 .pages li .word{float:right; width: 460px;}
.section3 .pages li .word a{text-decoration: none;}
.section3 .pages li .word h3{font-size:18px; color: #fff; line-height: 22px; font-weight: normal;}
.section3 .pages li .word p{font-size: 12px; color: #ADA8A9; line-height: 18px; padding: 20px 0 5px}
.section3 .copy{font-size:12px; font-family:"nsinsum";color: #585858; position: absolute; bottom: 0; text-align: center; width: 408px; left: 50%; margin-left: -204px; }
/*重置描点样式*/
#fullPage-nav li, .fullPage-slidesNav li{width: 25px;height: 25px;}
#fullPage-nav span, .fullPage-slidesNav span{background: #90868C; width:12px; height: 12px; border: 0; margin: 10px auto; }
#fullPage-nav li .active span, .fullPage-slidesNav .active span{background: #000; border: 5px solid #FFED73;left: -2px;}
#fullPage-nav span:hover, .fullPage-slidesNav span:hover{}



/*动画*/
.section1 .baoming{position: relative; opacity: 0;bottom: 600px;}
.section2 .cont2 p{position: relative; left: -200%;}
.section2 .cont2 a{position: relative; right: -500px; opacity: 0;}
.section3 .pages{position: relative; right: -100px; opacity: 0;}
.jbSlide .prv{left: -400px; opacity: 0;}
.jbSlide .nxt{right: -400px; opacity: 0;}
.section4 .cont4 h2{display: none;}
.section5 .pages{position: relative; opacity: 0; bottom: -600px;}


/*小屏幕兼容*/
@media screen and (max-height: 760px){
   .section1 .logo{ left: 100px; margin-left: 0;}
   .section4 .cont4{height: 590;margin-top: -295px;}
   .jbSlide{height: 532px;}
   .jbSlide .bd li{margin: 2px 22px;}
   .section5 .cont5{height: 410px;margin-top: -205px;}
   .section5 .pages{height: 350px;}
}