.sb_add{font-size: 18px;color: #ca3f0a;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;}
.pro-big, .pro-sma {display: inline-block; vertical-align: top; margin-bottom: -200px;}
.pro-big {position: relative;}
.pro-sma .list1 li:first-child {border-bottom: 1px solid rgba(255,255,255,0.5); padding-bottom: 4px; display: inline-block;} 
.pro-sma .list1 li:last-child {font-size: 20px; margin-top: 2px;}
.pro-sma .list1 b {font-size: 24px; margin-right: 4px;}
.pro-sma .list1 i {font-size: 16px; padding: 2px 6px; background: url(../images/pro-1.png) no-repeat center / contain;}
.pro-sma .list1 .video {padding-left: 40px; position: relative; top: -3px; background: url(../images/pro-2.png) no-repeat 0 center; margin-left: 33px; color:#ca3f0a; cursor: pointer;}
.pro-sma .list2 {margin: 77px 0 22px;}
.pro-sma .list2 li {padding-left: 28px; background: url(../images/pro-3.png) no-repeat 0 center; margin-bottom: 4px;}
.pro-sma .more {display: block; width: 122px; line-height: 26px; border: 1px solid #ca3f0a; text-align: center; text-transform: uppercase; margin-top: 43px;}
.pro-sma .more:hover {background: #ca3f0a; color:#fff;}
.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(la.png); left: -89px;}
.slide3 .next3 {background-image: url(ra.png); right: -89px;}
.slide3 .bd3 li {float: left; margin-right: 129px; padding: 23px 0 0 24px; background: url(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: 20px;}
.p2 .hd h3 {font-size: 24px; color: #eaeaea; font-weight: bold;}
.p2 .hd h3:last-child {color: #747474; text-transform: uppercase;  margin-top: -4px;}
.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: 84px; margin-right: 50px;}
.p3 .pro-sma .list3 a {margin-right: 9px; display: inline-block; overflow: hidden; border:2px solid #fff;}
.p3 .pro-sma .list3 a img {transition: transform .5s; -webkit-transition:transform .5;}
.p3 .pro-sma .list3 a:hover img {transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);} 
.p3 .pro-sma .list2 {margin-top: 46px;}
.p4 {background: url(../images/p4.jpg) no-repeat center;}
.p4 .pro-sma .list3 {margin-top: -4px;}
.p4 .pro-sma .list2 {margin-top: 47px; }
.p4 .pro-sma .list3 a {margin-right: 33px;}
.p4 .pro-sma .list3 a:after {content: '+'; position: absolute; z-index: 100; margin: 50px 0 0 13px;}
.p4 .pro-sma .list3 a:last-child:after {display: none;}
.p4 .pro-big {margin-left: 104px; top: 85px;}
@media (max-width: 1366px) {
    .p4 .pro-big, .p4 .pro-sma {margin-bottom: -256px;}
    .p4 .pro-big {top: 40px;}
}
.p5 {background: url(../images/p5.jpg) no-repeat center;}
.p5 .pro-sma, .p5 .pro-big {margin-bottom: -370px;}
/*.p5 .pro-sma {margin-left: 128px;}*/
.p5 .pro-sma .list3 {margin-top: 40px;}
.p5 .pro-sma .list3 a {margin-right: 68px;}
.p5 .pro-sma .list2 {margin-top: 42px;}
.p6 {background: url(../images/p6.jpg) no-repeat center;}

.p6 .wrap {margin-bottom: -67px;}
.p6 .more {display: block; border: 1px solid ; width: 272px; line-height: 29px; text-transform: uppercase; opacity: .3; text-align: center; margin: 83px auto 0; transition: opacity .4s;}
.p6 .more:hover {opacity: 1;background: #ca3f0a; color:#fff; border-color: #ca3f0a;}
.p6 .title {text-align: center; font-size: 16px; margin-bottom: 54px;}
.p6 .title h2 {font-size: 24px; background: url(../images/title-bg1.jpg) no-repeat center bottom; padding-bottom: 3px; margin-bottom: 3px;}


.slide2 {position: relative;}
.slide2 .bd li {float: left; margin-right: 68px; padding: 24px 0 0 24px; background: url(../images/case-bg.jpg) no-repeat 0 0;}
.slide2 .bd li:hover img {transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}
.slide2 .bd li:hover .txt {background: #ca3f0a; color: #fff;}
.slide2 .bd .pic {overflow: hidden;}
.slide2 .bd .pic img {transition: transform .5s; -webkit-transition: transform .5s;}
.slide2 .bd a {color:#000; background: #fff; border: 5px solid #fff; display: block;}
.slide2 .bd a:hover {color:#bc0200;}
.slide2 .bd .txt {padding: 16px 0 14px; text-align: center;transition: all .5s; -webkit-transition: all .5s;}
.slide2 .prev, .slide2 .next {position: absolute; z-index: 10; top: 150px; width: 58px; height: 58px; background: #3d3d3d no-repeat center; cursor: pointer}
.slide2 .prev {background-image: url(../images/la.png); left: -89px;}
.slide2 .next {background-image: url(../images/ra.png); right: -89px;}
@media(max-width: 1366px){
    .p6 .title {margin-bottom: 15px;}
    .p6 .more {display: none;}
}
.p7 {background: url(../images/p2.jpg) no-repeat center;}
.p7 .wrap {margin-bottom: -100px;}
.p7 .hd {text-align: center;}
.p7 .hd h3 {font-size: 24px; border-bottom: 1px solid #fff; padding-bottom: 2px; width: 240px; margin: 0 auto; margin-bottom: 9px;}
.p7 .bd {border-bottom: 1px solid #fff; margin: 0 auto; padding-bottom: 17px;}
.p7 .bd li {display: inline-block; width: 33%; text-align: center;}
.p7 .bd li:first-child {position: relative; /*right: -106px;*/}
.p7 .bd .pic img {vertical-align: middle; margin: 31px 0 15px;}
.p7 .message {float: left;}
.p7 .message form {margin-left: 9px;}
.p7 .message h3 {font-size: 18px; margin: 18px 0 16px; text-indent: 3px;}
.p7 .message li {margin-bottom: 8px;}
.p7 .message input[type=text] {line-height: 38px; height: 38px; border: 1px solid #ccc; width: 290px; color: #fff; padding-left: 10px;}
.p7 .message .sp1 {vertical-align: top}
.p7 .message textarea {width: 375px; border: 1px solid #ccc; padding: 10px 0 0 10px; color: #fff;}
.p7 .message input[type=submit] {margin-left: 3em; width: 119px; height: 32px; background: #ca3f0a; color: #fff; cursor: pointer; margin-top: 16px;}
.p7 .ewm {float: right; margin-top: 25px;width: 500px;}
.lks{margin-top: 25px;font-size: 14px;color: #fff;}
/*.lks a{font-size: 14px;color: #fff;margin:0 5px;}*/
.lks .lksa{display: inline-block;color: #fff;font-size: 14px;color: #ffffff;line-height: 26px;}
.lks .lksb{display: inline-block;height: 26px;width: 197px;background: url(../images/ser.png) no-repeat center;padding-left: 25px;position: relative;line-height: 26px;margin-left: 10px;}
.lks .lksb dl{position: absolute;left:0;width: 197px;padding-left: 25px;height: 150px;overflow: auto;background: rgba(255,255,255,0.1);display: none;}
.lks .lksb dl dt{display: block;line-height: 25px;font-size: 14px;color: #fff;}

.p7 .ewm li {display: inline-block; margin-right: 41px; text-align: center;}
.p7 .ewm li:last-child {margin-right: 0; }
.p7 .ewm .txt {margin-top: 19px;}
@media (max-width: 1366px) {
    .p7 .bd {padding-bottom: 7px;}
    .p7 .message h3 {margin: 20px 0 16px;}
    .p7 .bd .pic img {margin: 18px 0 15px;}
}

#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: #bc0200;
}
#fp-nav ul li a span, .fp-slidesNav ul li a span {
    height: 12px;
    width: 12px;
    margin: -6px 0 0 -6px;
    border: 1px solid #bc0200;
    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;margin-top: 8px;}
.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;}