@charset "utf-8";
img{max-width: 100%}
.js-scrollDiv{float:left;overflow:hidden;margin-top:3px;padding-left:30px;height:25px;background:url(../images/icotip.png) no-repeat left center;line-height:25px}
.js-scrollDiv li{padding-left:10px;height:25px;font-size:13px}
#scrollDiv li:hover span,.js-scrollDiv li:hover a{color:#88bd65}
button,input,textarea{border:none;border-radius:0;-webkit-appearance:none}
.ser{float:right}
.ser input[type=text]{float:left;padding:0;padding-left:10px;width:225px;height:2pc;border:1px solid #ddd;line-height:2pc}
.ser input[type=submit]{float:left;padding:0;width:40px;height:34px;border:none;background:url(../images/serbtn.png) #de1e19 no-repeat center;cursor:pointer}
@media screen and (max-width:760px){.js-scrollDiv,.ser{float:inherit}
.ser{margin-top:15px;width:100%}
.ser input[type=text]{width:calc(100% - 62px)}
}
.main{width:100%;border-top:1px solid #ddd}
.index-tit{letter-spacing:.1em}
.index-tit h2{position:relative;margin-bottom:10px;padding-bottom:15px;font-weight:400;font-size:38px;line-height:1.2em;color: #333333}
.index-tit h2:after{position:absolute;bottom:0;left:50%;margin-left:-18px;width:36px;height:3px;background:#de1e19;content:""}
@media screen and (max-width:414px){.index-tit h2{font-size:30px}
.index-tit p.font16{font-size:14px}
}
.service{padding:50px 0}
.col-a{margin-top:40px}
.col-a .row-5{float:left;width:20%}
.col-a .row-5 span{display:inline-block;width:70px;height:68px;background-position:center;background-repeat:no-repeat}
.col-a .row-5 h3{padding:10px;font-size:20px;line-height:1.2em}
.col-a .row-5 a{display:inline-block;margin-top:15px;padding:5px 20px;border:1px solid #ddd;border-radius:20px}
.col-a .row-5 a:hover{border:1px solid #de1e19;color:#de1e19}
@media screen and (max-width:860px){.col-a .row-5{float:left;margin-bottom:20px;width:33.33%}
}
@media screen and (max-width:600px){.col-a .row-5{float:left;margin-bottom:20px;width:50%}
.col-a .row-5:last-child{float:left;margin-bottom:0;width:100%}
}
@media screen and (max-width:414px){.col-a .row-5{float:left;margin-bottom:20px;width:50%}
.col-a .row-5 h3{padding:10px;font-size:1pc;line-height:1.2em}
}
.need{padding:60px 0;background:url(../images/needbg.jpg) no-repeat center;background-size:cover}
.col-b{margin-top:40px}
.col-b .row-4{position:relative;float:left;padding:50px 0;width:25%}
.col-b .row-4 span{display:inline-block;margin-bottom:10px;width:74px;height:74px;background-position:center;background-repeat:no-repeat}
.col-b .row-4 p{color:#fff;font-size:1pc}
.col-b .row-4:before{top:0;right:0;width:1px;height:100%}
.col-b .row-4:after,.col-b .row-4:before{position:absolute;background:#757c85;content:""}
.col-b .row-4:after{bottom:0;left:0;width:100%;height:1px}
.col-b .row-4:nth-child(4n):before,.col-b .row-4:nth-child(5):after,.col-b .row-4:nth-child(6):after,.col-b .row-4:nth-child(7):after,.col-b .row-4:nth-child(8):after{display:none}
@media screen and (max-width:600px){.col-b .row-4{position:relative;float:left;padding:50px 0;width:33.33%}
.col-b .row-4:nth-child(3n):before{display:none}
.col-b .row-4:nth-child(4n):before,.col-b .row-4:nth-child(5):after,.col-b .row-4:nth-child(6):after{display:block}
.col-b .row-4:nth-child(7):after,.col-b .row-4:nth-child(8):after{display:none}
}
@media screen and (max-width:414px){.col-b .row-4{position:relative;float:left;padding:20px 0;width:50%}
.col-b .row-4:nth-child(2n):before{display:none}
.col-b .row-4:nth-child(3n):before{display:block}
.col-b .row-4:nth-child(4n):before,.col-b .row-4:nth-child(6):before{display:none}
.col-b .row-4:nth-child(5):after,.col-b .row-4:nth-child(6):after{display:block}
.col-b .row-4:nth-child(7):after,.col-b .row-4:nth-child(8):after{display:none}
}
.advantage{padding:50px 0}
.col-c{margin-top:40px}
.col-c .row-2{float:left;width:100%}
.col-c .row-2 .l{width:50%}
.col-c .row-2 .r{margin-top:50px;width:50%}
.col-c .row-2 .r div{float:right;padding:40px 0;padding-left:5pc;width:calc(90% - 5pc);background-position:0 40px;background-repeat:no-repeat}
.col-c .row-2 .r div h3{padding-bottom:15px;border-bottom:1px dashed #ddd;font-size:24px;line-height:1.3em;color: #000}
.col-c .row-2 .r div p{margin-top:15px;font-size:14px}
.col-c .row-2 .r div.row-2-1{background-image:url(../images/1.png)}
.col-c .row-2 .r div.row-2-2{background-image:url(../images/2.png)}
.col-c .row-2 .r div.row-2-3{background-image:url(../images/3.png)}
.col-c .row-2 .r div.row-2-4{background-image:url(../images/4.png)}
.row-2-sp .l{float:right}
.row-2-sp .r{float:left}
.row-2-sp .r div{float:left!important}
@media screen and (max-width:960px){.col-c .row-2 .r{margin-top:20px;width:50%}
.col-c .row-2 .r div{padding:30px 0;padding-left:5pc;width:calc(90% - 5pc);background-position:0 30px;background-repeat:no-repeat}
}
@media screen and (max-width:660px){.col-c .row-2{float:inherit;margin-bottom:20px;width:100%}
.col-c .row-2 .l,.col-c .row-2 .r{width:100%}
.col-c .row-2 .r div{padding:20px 0;padding-left:5pc;width:calc(100% - 5pc);background-position:0 20px;background-repeat:no-repeat}
.col-c .row-2 .r div h3{padding-bottom:15px;border-bottom:1px dashed #ddd;font-size:20px;line-height:1.3em}
}
.number{padding:30px 0;background:url(../images/numbg.jpg) no-repeat center}
.col-d .row-4{float:left;width:25%;height:10pc;position: relative;}
.col-d .row-4::before{position:absolute;content:"";width: 1px;height: 80%;top:50%;margin-top: -20%; right:0;background: #565656}

.col-d .row-4 span{position:relative;color:#de1e19;font-size:48px;line-height:1.2em;font-weight: bold;}
.col-d .row-4 span:before{position:absolute;top:-10px;left:50%;display:none;color:#de1e19;content:"+";font-size:30px}
.col-d .row-4:nth-child(4)::before{display:none}
.col-d .row-4:nth-child(3) span:before{display:block;margin-left:60px}
.col-d .row-4:nth-child(1) span:before{display:block;margin-left:30px}
.col-d .row-4 p{padding-top:18px;color:#fff;font-size:22px;line-height:1.2em}
@media screen and (max-width:780px){.number{padding:30px 0;background:url(../images/numbg.jpg) no-repeat center}

.col-d .row-4{float:left;width:25%;height:75pt}
.col-d .row-4 span{position:relative;color:#de1e19;font-size:38px;line-height:1.2em}
.col-d .row-4 span:before{position:absolute;top:-10px;left:50%;display:none;color:#de1e19;content:"+";font-size:30px}
.col-d .row-4 p{padding-top:18px;color:#fff;font-size:1pc;line-height:1.2em}
.col-d .row-4:nth-child(3) span:before{display:block;margin-left:45px}
.col-d .row-4:nth-child(1) span:before{display:block;margin-left:25px}
}
@media screen and (max-width:560px){.number{padding:30px 0;background:url(../images/numbg.jpg) no-repeat center}
.col-d .row-4:nth-child(2)::before{display:none}
.col-d .row-4{float:left;width:50%;height:75pt}
.col-d .row-4 span{position:relative;color:#de1e19;font-size:28px;line-height:1.2em}
.col-d .row-4 span:before{position:absolute;top:-10px;left:50%;display:none;color:#de1e19;content:"+";font-size:18px}
.col-d .row-4 p{padding-top:18px;color:#fff;font-size:14px;line-height:1.2em}
.col-d .row-4:nth-child(3) span:before{display:block;margin-left:35px}
.col-d .row-4:nth-child(1) span:before{display:block;margin-left:18px}
}
.process{padding:50px 0}
.col-e{margin-top:40px;padding:40px 0;background:url(../images/pressbg.png) no-repeat center}
.col-e .row-5{float:left;box-sizing:border-box;width:33.33%}
.col-e .row-5 h3{position:relative;padding:40px 0 0 15px;background-position:top left;background-repeat:no-repeat;color:#de1e19;font-size:18px;line-height:1.2em}
.col-e .row-5 h3 small{display:block;margin-top:5px;color:#999;text-transform:uppercase;font-weight:400;font-size:9pt;transform:scale(.8);transform-origin:left top}
.col-e .row-5 h3:before{position:absolute;bottom:-5px;left:15px;width:30px;height:3px;background:#de1e19;content:""}
.col-e .row-5 p{margin-top:10px;padding-left:15px}
.col-e .row-5:nth-child(1) h3{background-image:url(../images/01.png)}
.col-e .row-5:nth-child(2) h3{background-image:url(../images/03.png)}
.col-e .row-5:nth-child(3) h3{background-image:url(../images/05.png)}
.col-e .row-5:nth-child(4) h3{background-image:url(../images/02.png)}
.col-e .row-5:nth-child(5) h3{background-image:url(../images/04.png)}
.col-e .row-5:nth-child(1){padding-left:40px}
.col-e .row-5:nth-child(2){padding-left:75pt}
.col-e .row-5:nth-child(3){padding-left:170px}
.col-e .row-5:nth-child(4){margin-top:150px;padding-left:270px;width:50%}
.col-e .row-5:nth-child(5){margin-top:150px;padding-left:125px;width:50%}
@media screen and (max-width:1200px){.col-e{background:0 0}
.col-e .wp1200{margin:0 auto;width:90%}
.col-e .row-5{float:left;box-sizing:border-box;margin:0 1% 40px;padding-left:0!important;width:46%}
.col-e .row-5:nth-child(4),.col-e .row-5:nth-child(5){margin-top:0;padding-left:0;width:50%}
.col-e .row-5:nth-child(1) h3{background-image:url(../images/01.png)}
.col-e .row-5:nth-child(2) h3{background-image:url(../images/02.png)}
.col-e .row-5:nth-child(3) h3{background-image:url(../images/03.png)}
.col-e .row-5:nth-child(4) h3{background-image:url(../images/04.png)}
.col-e .row-5:nth-child(5) h3{background-image:url(../images/05.png)}
}
@media screen and (max-width:640px){.col-e .row-5{float:inherit;box-sizing:border-box;margin:0 1% 40px;padding-left:0!important;width:100%}
.col-e{margin-top:0;padding-bottom:0}
}
.customer{padding:50px 0;background:url(../images/cusbg.jpg) no-repeat center;background-size:cover}
.col-f{margin-top:40px}
.col-f .row-3{float:left;margin-right:2%;width:32%}
.col-f .row-3:last-child{margin-right:0}
.col-f .row-3 img{width:100%}
.col-f .row-3 div{position:relative;top:-40px;box-sizing:border-box;margin:0 auto;padding:20px 30px;width:90%;background:#fff}
.col-f .row-3 h3{font-size:1pc;line-height:1.2em}
.col-f .row-3 p{margin-top:10px;max-height: 63px;overflow: hidden;}
.col-f .row-3:hover a div{background:#de1e19;color:#fff}
@media screen and (max-width:680px){.col-f .row-3{float:inherit;margin:0 auto 20px;width:90%}
.col-f .row-3:last-child{margin-right:auto}
}
.about{padding:50px 0;background:#f2f2f2}
.about .wp1200{background:url(../images/jionbg.jpg) no-repeat right 50px}
.about .col-g{position:relative;float:left;box-sizing:border-box;margin-top:200px;padding:180px 5% 40px 40px;width:70.833%;background:#fff}
.about .col-g .video{position:absolute;top:-180px;left:50px}
.about .col-g .video a{position:relative;display:block}
.about .col-g .video a:before{position:absolute;top:50%;left:50%;z-index:100;margin-top:-29px;margin-left:-29px;width:58px;height:58px;background:url(../images/playbtn.png);content:""}
.about .col-g .video a:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:99;background:rgba(0,0,0,.3);content:""}
.about .col-g .about-tit{padding-top:35px;padding-left:17px;background:url(../images/about-tit.png) no-repeat left top}
.about .col-g .about-tit a{position:relative;float:right;margin-top:-25px}
.about .col-g .about-tit a:after{position:absolute;top:10px;left:-50px;width:40px;height:1px;background:#777;content:""}
.about .col-g .about-tit span{position:relative;color:#000;font-size:15px}
.about .col-g .about-tit span:after{position:absolute;top:10px;right:-50px;width:40px;height:1px;background:#777;content:""}
.about .col-g .about-tit{margin-bottom:27px}
.about .col-g .about-txt p{margin-bottom:30px;text-indent:2em;line-height:1.7em}
.company-photo .tb-tabs{margin-bottom:20px}
.company-photo .tb-tabs li{float:left;text-align:center}
.company-photo .tb-tabs li a{display:block;width:89px;height:40px;border-right:1px solid #fff;background:url(../images/tabbg.png) no-repeat top center;line-height:2pc}
.company-photo .tb-tabs li a.on{background:url(../images/tabbg-on.png) no-repeat top center;color:#fff}
.scroll-photo-1 .swiper-container,.scroll-photo-2 .swiper-container,.scroll-photo-3 .swiper-container{margin:0 auto;width:90%}
.scroll-photo-1 .swiper-button-next,.scroll-photo-1 .swiper-button-prev,.scroll-photo-2 .swiper-button-next,.scroll-photo-2 .swiper-button-prev,.scroll-photo-3 .swiper-button-next,.scroll-photo-3 .swiper-button-prev{position:absolute;top:50%;z-index:10;margin-top:-9px;width:10px;height:18px;background-image:url(../images/arr-1.png);background-size:auto;background-repeat:no-repeat;cursor:pointer}
.scroll-photo-1 .swiper-button-prev{left:0;background-position:left bottom}
.scroll-photo-1 .swiper-button-next{right:0;background-position:right bottom}
.scroll-photo-1 .swiper-button-prev:hover{left:0;background-position:top left}
.scroll-photo-1 .swiper-button-next:hover{right:0;background-position:right top}
.scroll-photo-1 .swiper-slide img{width:100%}
.scroll-photo-2 .swiper-button-prev{left:0;background-position:left bottom}
.scroll-photo-2 .swiper-button-next{right:0;background-position:right bottom}
.scroll-photo-2 .swiper-button-prev:hover{left:0;background-position:top left}
.scroll-photo-2 .swiper-button-next:hover{right:0;background-position:right top}
.scroll-photo-2 .swiper-slide img{width:100%}
.scroll-photo-3 .swiper-button-prev{left:0;background-position:left bottom}
.scroll-photo-3 .swiper-button-next{right:0;background-position:right bottom}
.scroll-photo-3 .swiper-button-prev:hover{left:0;background-position:top left}
.scroll-photo-3 .swiper-button-next:hover{right:0;background-position:right top}
.scroll-photo-3 .swiper-slide img{width:100%}
@media screen and (max-width:780px){.about .col-g{float:inherit;padding:90pt 40px 40px;width:100%;background:#fff}
.about .col-g .video{position:absolute;top:-200px;left:50%;margin-left:-45%;width:90%}
}
@media screen and (max-width:600px){.about .col-g{float:inherit;margin-top:75pt;padding:90pt 20px 20px;width:100%;background:#fff}
.about .col-g .video{position:absolute;top:-110px;left:50%;margin-left:-45%;width:90%}
}
@media screen and (max-width:460px){.about .col-g{float:inherit;margin-top:75pt;padding:90px 20px 20px;width:100%;background:#fff}
.about .col-g .video{position:absolute;top:-110px;left:50%;margin-left:-45%;width:90%}
}
@media screen and (max-width:320px){.about .col-g{float:inherit;margin-top:75pt;padding:50px 20px 20px;width:100%;background:#fff}
.about .col-g .video{position:absolute;top:-110px;left:50%;margin-left:-45%;width:90%}
.company-photo .tb-tabs li{width:33.33%;height:40px}
.company-photo .tb-tabs li a{width:calc(100% - 1px);height:40px}
}
.news{padding:50px 0}
.col-h .row-2{width:48%}
.col-h .row-2 .news-tit{padding:5px 0;padding-left:10px;border-left:2px solid #ca140d;font-weight:400;font-size:24px}
.col-h .row-2 .news-tit a{font-size:14px}
.col-h .row-2 dl dt{margin-top:10px;padding:15px 0;width:100%;height:81pt;text-align:center;line-height:81pt}
.col-h .row-2 dl dt a{color:#fff;font-weight:700;font-size:24px}
.col-h .news-l dl dt{background:url(../images/news-l.jpg) no-repeat center}
.col-h .news-r dl dt{background:url(../images/news-r.jpg) no-repeat center}
.col-h .row-2 dl dd{position:relative;padding:15px 0;padding-left:15px;border-bottom:1px dashed #ddd}
.col-h .row-2 dl dd:before{position:absolute;top:22px;left:0;width:5px;height:5px;background:#ddd;content:""}
.col-h .row-2 dl dd span{float:right;color:#999}
.col-h .row-2 dl dd a{float:left;display:inline-block;width:calc(100% - 75pt)}
@media screen and (max-width:640px){.col-h .row-2{float:inherit;margin-bottom:40px;width:100%}
.col-h .news-r{margin-bottom:0}
}
.partner{padding:50px 0;background:#f2f2f2}
.scroll-partner .swiper-button-next,.scroll-partner .swiper-button-prev{position:absolute;top:50%;z-index:10;margin-top:-9px;width:17px;height:20px;background-image:url(../images/arr-2.png);background-size:auto;background-repeat:no-repeat;cursor:pointer}
.scroll-partner .swiper-button-prev{left:0;background-position:left bottom}
.scroll-partner .swiper-button-next{right:0;background-position:right bottom}
.scroll-partner .swiper-button-prev:hover{left:0;background-position:top left}
.scroll-partner .swiper-button-next:hover{right:0;background-position:right top}
.scroll-partner .swiper-slide img{width:100%}
.scroll-partner .swiper-container{margin:0 auto;width:92%}
@media screen and (max-width:680px){.scroll-partner .swiper-container{margin:0 auto;width:88%}
}
.video-title{background: #de1e19;padding: 5px 15px;color: #fff;line-height: 30px}
.video-title .close{cursor: pointer;}
.video-alert{position: fixed;width: 50%;height: 50%;margin-left: -25%;left: 50%;top:30%;box-shadow: 0 0 5px rgba(0,0,0,.2);background: #fff;z-index: 9999;;display: none}
.video-mask{position: fixed;width: 100%;height: 100%;top:0;left:0;background: rgba(0,0,0,.5);z-index:9998;;display: none}
@media screen and (max-width:960px){.video-alert{position: fixed;width:100%;height: 50%;margin-left:0;left: 0;top:30%;margin-top:0;box-shadow: 0 0 5px rgba(0,0,0,.2);background: #fff;z-index: 9999;;display: none}

}

.video-play {
    position: fixed;
    left: 0;
    top: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9999;
    display: none;
}

.video-play div.addf {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 70vw;
    height: 70vh;
}

.video-play>div span{
    position: absolute;
    top: 23px;
    right: -15px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.6);
    text-align: center;
    line-height: 30px;
    color: #fff;
    cursor: pointer;
    z-index: 88;

}
.video-play>div>video{
    width: 100%;
    height: 100%;
}
@