.sb_add{font-size: 14px;color: #2b61ce;margin-top: 20px;display: block;}

.p1 .cc{width:100%;height:65%;background:#fff;position:absolute;top:0;left:0;z-index:88;opacity:0;}
.section {overflow: hidden;}

.slide1{width: 1920px;position: relative;left:50%;margin-left: -960px;}
.slide1 .hd {display: none;}
.slide1, .slide1 .bd, .slide1 .bd ul, .slide1 .bd li,html, body, #fullpage, .p1, .wrapper {height: 100%;}
.slide1 .bd iframe {width: 100%; height: 100%;}
.slide1 .bd li a {display: block; height: 100%;}
.slide2 .hd2 {position: absolute; z-index: 100;  margin: 22px 0 0 507px;  text-align: center;}
.slide2 .hd2 li {display: inline-block; cursor: pointer; margin: 8px; font-size: 0; width: 43px; height: 3px; background: #fff;}
.slide2 .hd2 .on {background: #ca3f0a;}
.slide3 {position: relative;}
.slide3 .prev3, .slide3 .next3 {position: absolute; z-index: 10; top: 150px; width: 58px; height: 58px; background: #3d3d3d no-repeat center; cursor: pointer}
.slide3 .prev3 {background-image: url(../images/la.png); left: -89px;}
.slide3 .next3 {background-image: url(../images/ra.png); right: -89px;}
.slide3 .bd3 li {float: left; margin-right: 129px; padding: 23px 0 0 24px; background: url(../images/case-bg.jpg) no-repeat 0 0;}
.slide3 .bd3 a {color:#000; background: #fff; border: 5px solid #fff; display: block;}
.slide3 .bd3 a:hover {color:#bc0200;}
.slide3 .bd3 .txt {padding: 16px 0 14px; text-align: center;}

.p2 {background: url(../images/p2.jpg) no-repeat center;}
.p2 .wrap {margin-bottom: -80px;}
.p2 .hd {text-align: center; margin-bottom: 80px;}
.p2 .hd h3 {font-size: 30px; color: #333; font-weight: bold; z-index:999}
.p2 .hd h3 span{color:#2b61ce}
.p2 .hd h3:first-child {color: #eee; text-transform: uppercase;  margin-bottom: -62px; font-size:36px; z-index:-999 !important}
.p2 .hd hr{width:20px; height:2px; background:#2b61ce; border:0px; margin:0 auto; margin-top:20px;}

.p2 .lv {float: left; position: relative;}
.p2 .lv .b {width: 175px; height: 355px; background: #ca3f0a; font-size: 20px; text-align: center; padding-top: 10px; text-transform: uppercase; }
.p2 .lv .b a {color: #fff;}
.p2 .lv .t {position: absolute; z-index: 1; top: 60px; left: 22px; border-radius: 10px; overflow: hidden;}
.p2 .lv .poster {position: absolute; z-index: 1; left: 0; top: 0; right: 0; bottom:0; overflow: hidden; cursor: pointer;} 
.p2 .lv .poster img {transition: transform .8s;}
.p2 .lv .poster:hover img {transform: scale(1.1,1.1);}
.p2 .rt {color: #eaeaea; float: right; width: 590px; margin-top: 30px;}
.p2 .rt h3 {font-size: 24px; font-weight: normal; background: url(../images/ab3.jpg) no-repeat 0 bottom; padding-bottom: 7px; margin-bottom: 16px;}
.p2 .rt p {line-height: 25px;}
@media (max-height: 580px) {
    .p2 .hd {margin-bottom: -10px;}
}
@keyframes aa {
    0% {top: 0; }
    100%  {top: -603px;}
}
.p2 .rt .contain {position: relative; display: inline-block;}
.p2 .rt .list {margin-top: 30px;}
.p2 .rt .item {display: inline-block; margin-right: 98px;}
.p2 .rt .item ul {top: -603px; position: absolute; z-index: 1; }
.p2 .rt .item:last-child {margin-right: 0;}
.p2 .rt .item span {color: #ff6501;}
.p2 .rt .item .bottom {margin-top: 5px;}
.p2 .rt .c1 {width: 60px; height: 55px; margin-right: 8px; overflow: hidden;}
.p2 .rt .c2 {width: 147px; height: 55px; overflow: hidden;}
.p2 .rt .c3 {width: 90px; height: 55px; margin-right: 10px; overflow: hidden;}
.p2 .rt ul li {font-size: 50px; color: #ca3f0a;}
.p2.active .item ul {animation:  aa 3.5s linear .8s;}

.p3 {background: url(../images/p3.jpg) no-repeat center;}
.p3 .pro-big {top: 0px;}

.pro-big, .pro-sma {display: inline-block; vertical-align: top; margin-top:50px;}
.pro-big {float:left}
.pro-sma{width:550px; float:right}
.pro-sma .more {display: block; width: 140px; line-height: 38px; color:#2b61ce; border: 1px solid #2b61ce; text-align: center; text-transform: uppercase; margin-top: 43px;}
.pro-sma .more:hover {background: #2b61ce; color:#fff;}
.pro-sma .list1 h3 {font-size: 30px; color: #333; font-weight: bold; z-index:999}
.pro-sma .list1 h3:first-child {color: #dedede; text-transform: uppercase;  margin-bottom: -62px; font-size:36px; z-index:-999 !important}
.pro-sma .list1 hr{width:20px; height:2px; background:#2b61ce; border:0px; margin-top:20px;}
.pro-sma .list2 {margin: 20px 0; color:#333; line-height:30px;}
.pro-sma .list3 a {width:175px; height:116px; float:left; overflow:hidden; margin-right:12px;}
.pro-sma .list3 a img {transition: transform .5s; -webkit-transition:transform .5; width:175px; height:116px;}
.pro-sma .list3 a.last{margin-right:0px;}
.pro-sma .list3 a:hover img {transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);} 

.p4 {background: url(../images/p4.jpg) no-repeat center;}
.p4 .pro-big{float:right}
.p4 .pro-sma{float:left}
.p4 .pro-sma .more {color:#fff; border: 1px solid #fff}
.p4 .pro-sma .more:hover {background: #fff; color:#000;}
.p4 .pro-sma .list1 h3 {color: #fff;}
.p4 .pro-sma .list1 h3:first-child {color: #505154;}
.p4 .pro-sma .list1 hr{background:#fff;}
.p4 .pro-sma .list2 {color:#fff;}

.p5 {background: url(../images/p5.jpg) no-repeat center;}

.p6 {background: url(../images/p6.jpg) no-repeat center;}
.p6 .wrap {margin-bottom: -67px;}
.p6 .title h3 {font-size: 30px; color: #fff; font-weight: bold; z-index:999; text-align:center}
.p6 .title h3:first-child {color: #557dd9; text-transform: uppercase;  margin-bottom: -62px; font-size:36px; z-index:-999 !important}
.p6 .title hr{width:20px; height:2px; background:#fff; border:0px; margin:0 auto; margin-top:20px;}
.slide2 {position: relative; margin-top:40px; height:600px;}
.slide2 .bd li{float: left; width:385px; height:287px; overflow:hidden; margin-right:15px; margin-bottom:15px;}
.slide2 .bd li img{width:385px; height:287px;}

.slide2 .prev, .slide2 .next {position: absolute; z-index: 10; top: 246px; width: 44px; height: 84px; cursor: pointer}
.slide2 .prev {background-image: url(../images/la.png); left: -89px;}
.slide2 .next {background-image: url(../images/ra.png); right: -89px;}


.p7 {background: url(../images/p7.jpg) no-repeat center;}
.p7 .wrap {margin-top: 80px;}
.p7 .hd {text-align: center; margin-bottom: 80px;}
.p7 .hd h3 {font-size: 30px; color: #333; font-weight: bold; z-index:999}
.p7 .hd h3 span{color:#2b61ce}
.p7 .hd h3:first-child {color: #eee; text-transform: uppercase;  margin-bottom: -62px; font-size:36px; z-index:-999 !important}
.p7 .hd hr{width:20px; height:2px; background:#2b61ce; border:0px; margin:0 auto; margin-top:20px;}
.p7 .box{width:340px; height:485px; background:#fff; box-shadow: 0 0 5px 0 #ccc; padding:0 20px; float:left; margin-right:30px;}
.p7 .box h4{color:#2b61ce; font-size:20px; border-bottom:1px solid #e5e5e5; line-height:60px; height:60px; overflow:hidden}
.p7 .box h4 a{font-size:14px; text-transform:uppercase; float:right; color:#666; font-weight:normal}
.p7 .box img{width:340px; height:178px; margin-top:15px; margin-bottom:8px;}
.p7 .box ul li{height:39px; line-height:39px; overflow:hidden; border-bottom:1px solid #e5e5e5; font-size:16px;}
.p7 .box ul li a{float:left; color:#363636;}
.p7 .box ul li span{float:right; color:#666;}
.p7 .box_last{width:340px; height:485px; background:#fff; box-shadow: 0 0 5px 0 #ccc; padding:0 20px; float:right}
.p7 .box_last h4{color:#2b61ce; font-size:20px; border-bottom:1px solid #e5e5e5; line-height:60px; height:60px; overflow:hidden}
.p7 .box_last h4 a{font-size:14px; text-transform:uppercase; float:right; color:#666; font-weight:normal}
.p7 .box_last dl{border-bottom:1px solid #E5E5E5; line-height:23px; font-size:16px; line-height:28px; padding:10px 0;}
.p7 .box_last dl.last{border:0px;}
.p7 .box_last dl dd{margin-top:10px; color:#333;}
.p7 .box_last dl dd a{color:#000 !important}
.p7 .box_last dl dt{margin-top:6px; color:#888; line-height:25px; font-size:14px;}
.p7 .box_last dl .ask{width:25px; height:25px; line-height:25px; border-radius:30px; text-align:center; background:#1266cf; color:#fff; margin-right:10px; float:left; margin-top:3px;}
.p7 .box_last dl .ans{width:25px; height:25px; line-height:25px; border-radius:30px; text-align:center; background:#f24e35; color:#fff; margin-right:10px; float:left; margin-top:3px;}
.p7 .box_last dl p{float:left; width:300px;}

.footer {background: #1b1b1b; text-align: center; line-height:24px; padding:15px 0;}
.footer a{color: #fff;}
.nav_footer{height:100px; line-height:100px; border-bottom:1px solid #333; margin-top:10px;}
.nav_footer li {float: left; position: relative;}
.nav_footer .fir-menu {padding: 6px 15px; font-size: 16px;} 
.phone{width:265px; float:left; background:url(../images/r.jpg) right no-repeat; margin:60px 0;}
.phone .text{background:url(../images/icon_tel.png) left top no-repeat; padding-top:35px; text-align:left; color:#999}
.phone .text strong{ display:block; font-size:26px; color:#fff; line-height:40px;}
.phone .text span{ display:block;}
.contact{width:550px; float:left; background:url(../images/r.jpg) right no-repeat; margin:60px 0; text-align:left; padding-left:80px; }
.contact h4{ font-size:16px; font-weight:normal; color:#fff; line-height:40px;}
.contact .text{ font-size:14px; line-height:28px; color:#999}
.weixin{width:120px; float:right; margin:60px 0;}
.weixin span{ display:block; color:#999; font-size:14px;}
.copyright{padding:20px 0; border-top:1px solid #333; line-height:30px; color:#999;}







#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border-radius: 100%;
    background: #2b61ce;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border: 1px solid #2b61ce;
    border-radius: 100%;
    background: transparent;
}

/*视频调用*/
.playvideo {position: absolute; z-index: 999; width:508px; height: 336px; top: 0; bottom: 0; left: 0; right: 0; margin: auto; display: none;}
.playvideo .close {position:absolute; z-index: 10;top: 0;right: 0;font-size: 30px;text-align: center;line-height: 30px; width: 30px;height: 30px;color: #fff;cursor: pointer;}
.video-js .vjs-big-play-button {font-size: 4em; color: rgba(0,0,0,0); border-color: rgba(0,0,0,0); background: url(../images/vp.png) no-repeat center / contain;}
.video-js:hover .vjs-big-play-button {border-color: rgba(0,0,0,0); background-color: transparent;}
.hidevideo {display: none;}

.p8 {background: url(../images/p81.png) no-repeat center;}
.p8 .title {text-align: center; font-size: 16px; margin-bottom: 54px;}
.p8 .title h2 {font-size: 24px; background: url(../images/title-bg1.jpg) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 3px;}
.p8 .p8_c{margin-top: 40px;}
.p8 .p8_cl{float:left;width: 528px;background: #fff;height: 417px;padding:0 12px;}
.p8 .p8_cl .p8_cla{font-size: 14px;color: #cb3f0a;font-family: "Arial";padding-top: 17px;}
.p8 .p8_cl .p8_clb{font-size: 16px;color: #000000;margin-top: 13px;}
.p8 .p8_cl .p8_clc{font-size: 14px;color: #818181;line-height: 23px;margin-top: 10px;}
.p8 .p8_cl .p8_cld{margin-top: 13px;}
.p8 .p8_cl .p8_cle{width: 40px;line-height: 40px;text-align: center;height: 40px;background: #cb3f0a;color: #fff;}
.p8 .p8_cr{float:right;width: 588px;}
.p8 .p8_cr .p8_cra{text-align: right;font-size: 16px;color: #ffffff;}
.p8 .p8_cr .p8_cra a{font-size: 16px;color: #ffffff;}
.p8 .p8_cr .p8_crb .p8_crbi{height: 117px;background: rgba(255,255,255,0.2);margin-top: 17px;padding:0 20px;}
.p8 .p8_cr .p8_crb .p8_crbi:first-child{margin-top: 7px;}
.p8 .p8_cr .p8_crb .p8_crbi .p8_crbia{font-size: 16px;color: #ffffff;padding-top: 18px;}
.p8 .p8_cr .p8_crb .p8_crbi .p8_crbia span{font-size: 14px;color: #ca3f0a;font-family: "Arial";float:right;}
.p8 .p8_cr .p8_crb .p8_crbi .p8_crbib{font-size: 14px;color: #b1b1b1;line-height: 23px;margin-top: 10px;}
.p8.active .hd {animation: bounceInDown 1s;}
.p8.active .p8_cl{animation: slideInLeft 1s;}
.p8.active .p8_cr{animation: slideInRight 1s;}
/*下拉按钮*/
.down {position: absolute; z-index: 999; width: 32px; height: 32px; background: url(../images/da.png) no-repeat center; left: 0; right: 0; margin: 0 auto; bottom: 40px; animation: ud 1s linear alternate infinite; -webkit-animation: ud 1s linear alternate infinite;}
@keyframes ud {
    0% {bottom: 40px;}
    100% {bottom: 20px;}
}

.p1.active {animation: bounceInLeft 2s;}
.p2.active .hd {animation: slideInDown 1s;}
.p2.active .lv {animation: slideInRight 1s;}
.p2.active .rt {animation: slideInLeft 1s;}
.p3.active .pro-big {animation: slideInLeft 1s;}
.p3.active .pro-sma {animation: slideInRight 1s;}
.p4.active .pro-big {animation: slideInUp 1s;}
.p4.active .pro-sma {animation: slideInDown 1s;}
.p5.active .pro-big {animation: slideInLeft 1s;}
.p5.active .pro-sma {animation: slideInRight 1s;}
.p6.active .title {animation: fadeInDown 1s;}
.p6.active .slide2 {animation: fadeInUp 1s;}
.p7.active .hd {animation: bounceInDown 1s;}
.p7.active .bd {animation: slideInDown 1s;}
.p7.active .message {animation: slideInLeft 1s;}
.p7.active .ewm {animation: slideInRight 1s;}


.about_l{width:550px; float:left;}
.about_l h3{color:#2b61ce; font-size:18px;}
.about_l .text{color:#666; line-height:30px; padding:18px 0;}
.about_r{width:568px; float:right; background:url(../images/video_bg.jpg); height:335px;}