.indexban{position:relative}
.indexban .img img{width:100%}
.indexbanner .textbox{position:absolute;top:40%;left:75%;opacity:0;margin-left:-42.895vw;z-index:10;transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.03, 0.75) 0s}
.indexbanner .textbox.cur{left:50%;opacity:1}
.indexbanner .textbox .type .line{width:50px;height:1px;margin-top:13px;margin-right:10px}
.indexbanner .textbox .type .text{font-size:16px;font-family:'alibabasans',Arial}
.indexbanner .textbox .title{font-size:48px;font-family:'alibabasans',Arial;line-height:1.2;margin-top:10px}
.indexbanner .textbox .more{width:56px;height:56px;margin-top:66px;display:block;font-size:18px;border:1px solid;text-align:center;line-height:56px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun';}
.indexbanner .textbox .more:hover{background-color:#0086e8;border-color:#0086e8 !important;color:#fff !important}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets{width:8px;left:auto;right:7.105vw;bottom:auto;top:50%;padding-bottom:16px;background-image:url(../img/banicon.png);background-repeat:no-repeat;background-position:center bottom;}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:3px 0}
.indexban .swiper-pagination-bullet{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexban .swiper-pagination-bullet-active{height:29px;background-color:#0068b7;border-radius:8px;}
.bandown{width:666px;height:100px;background-color:#fff;padding-left:80px;position:absolute;bottom:0;right:0;padding-right:7.105vw;z-index:12;cursor:pointer}
.bandown.probandown{background-color:#f5f5f5}
.bandown .text{color:#666;font-family:'alibabasans',Arial;line-height:100px}
.bandown .icon{line-height:100px}
.bandown .icon img{display:initial;vertical-align:middle;margin-bottom:3px}
.m-bann .textbox{width:calc(100% - 30px);margin:0 auto;background-color:#fff;margin-top:-30px;position:relative;padding:30px 40px 50px}
.m-bann .textbox .line{width:25px;height:1px;margin-top:12px;margin-right:4px;background-color:#0086e8 !important}
.m-bann .textbox .text{font-family:'alibabasans',Arial;color:#0086e8 !important}
.m-bann .textbox .title{font-size:20px;color:#000 !important;font-family:'alibabasans',Arial;line-height:1.2;margin-top:5px}
.m-bann .textbox .more{margin-top:30px;width:32px;height:32px;display:block;font-size:16px;border:1px solid;border-color:#000 !important;color:#000 !important;line-height:32px;text-align:center;font-weight:bold;color:#000;font-family:宋体, 'SimSun'}
.indexa{padding:120px 0}
.indextitle{font-size:36px;color:#000;font-family:'alibabasans',Arial}
.indexa-l .indextitle{line-height:1}
.indexa-lslide{margin-top:28px}
.indexa-lslide .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.indexa-lslide .swiper-slide{margin-bottom:20px}
.indexa-lslide .swiper-slide .text{display:inline-block;;border-bottom:2px solid transparent;font-size:16px;font-family:'alibabasans',Arial;cursor:pointer}
.indexa-lslide .swiper-slide.cur .text,
.indexa-lslide .swiper-slide:hover .text{border-bottom:2px solid #0068b7;color:#0068b7}
.indexa-lslide .swiper-slide:nth-last-of-type(1){margin-bottom:0}
.indexa-l{max-width:260px;margin-right:7.916vw}
.indexa-r{width:calc(100% - 260px - 7.916vw)}
.indexa-r .indexa-rlist{display:none;position:relative}
.indexa-r .indexa-rlist.cur{display:block}
.indexa-r .indexa-rlist .wapimg{display:none}
.indexa-r .indexa-rlist .textbox{max-width:450px;background-color:#fff;position:absolute;top:50%;margin-top:-11.618vw;left:60px;padding:3.645vw 5.1vw 4.062vw 4.062vw}
.indexa-r .indexa-rlist .textbox .title{font-size:24px;color:#000;font-family:'alibabasans',Arial;line-height:1.3;max-height:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.indexa-r .indexa-rlist .textbox .text{color:#666;font-family:'alisanslight',Arial;margin-top:15px;max-height:126px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}
.indexa-r .indexa-rlist .textbox .morebox{width:166px;display:block;height:56px;margin-top:3.12vw;border:1px solid #e2e2e2;line-height:54px;color:#666;font-family:'alibabasans',Arial;padding-left:28px;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right 28px center}
.indexa-r .indexa-rlist .swiper-button-next,
.indexa-r .indexa-rlist .swiper-button-prev{width:56px;height:56px;text-align:center;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:宋体, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexa-r .indexa-rlist .swiper-button-next{left:calc(-7.916vw + -180px)}
.indexa-r .indexa-rlist .swiper-button-prev{left:calc(-7.916vw + -260px)}
.indexa-r .indexa-rlist .textbox .morebox:hover{background-color:#0068b7;color:#fff;border:1px solid #0068b7;background-image:url(../img/iamore_cur.png);background-position:right 18px center}
.indexb{padding:120px 0;background-color:#f4f4f4}
.indexb .swiper-button-next,
.indexb .swiper-button-prev,
.indexe .swiper-button-next,
.indexe .swiper-button-prev{width:56px;height:56px;text-align:center;position:static;line-height:54px;font-size:16px;border:1px solid #e2e2e2;right:auto;top:auto;margin-top:0;background-image:none;font-family:宋体, 'SimSun';font-weight:bold;color:#999;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexb .swiper-button-next,
.indexe .swiper-button-next{margin-left:10px}
.indexb .more,
.indexe .more{width:56px;height:56px;;margin-left:20px;display:block;background-image:url(../img/newmore.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexb .more:hover,
.indexe .more:hover{background-image:url(../img/newmore_cur.png)}
.indexb .swiper-button-prev:hover,
.indexb .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-next:hover,
.indexa-r .indexa-rlist .swiper-button-prev:hover,
.indexe .swiper-button-next:hover,
.indexe .swiper-button-prev:hover{color:#fff;background-color:#0068b7;color:#fff;border:1px solid #0068b7}
.indexbslide{margin-top:50px;padding-left:7.105vw}
/* .indexbslide .swiper-container{} */
.indexbslide .swiper-slide{height:auto;overflow:hidden}
.indexbslide .swiper-slide .box{display:block;overflow:hidden}
.indexbslide .swiper-slide .box .img img{width:100%}
.indexbslide .textbox{padding:52px 66px 80px 58px;position:relative;background-color:#fff;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .title{font-size:24px;color:#000;font-family:'alibabasans',Arial;line-height:1.3;max-height:31px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .text{color:#666;font-family:'alisanslight',Arial;margin-top:15px;max-height:100px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4}
.indexbslide .textbox .morebox{opacity:0;position:absolute;left:58px;bottom:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexbslide .textbox .morebox .moretext{color:#0068b7;font-family:'alibabasans',Arial}
.indexbslide .textbox .morebox .icon{margin-top:9px;margin-left:10px}
.indexbslide .swiper-slide .box:hover .textbox .title{color:#0068b7}
.indexbslide .swiper-slide .box:hover .morebox{margin-top:46px;opacity:1;bottom:80px}
.indexbslide .swiper-slide .box:hover .textbox{padding:52px 66px 148px 58px;margin-top:-68px}
.indexc{padding:160px 0;background-image:url(../img/icbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.indexc .box{margin-top:60px}
.indexc .bigtitle{text-align:center;color:#fff;font-size:36px;font-family:'alibabasans',Arial}
.indexc .list{width:25%;position:relative}
.indexc .list:after{content:"";width:1px;height:72px;background-color:rgba(255,255,255,0.3);position:absolute;top:14px;right:0}
.indexc .list:nth-of-type(4):after{display:none}
.indexc .list .numUp{color:#fff;font-size:60px;text-align:center;font-family:'alibabasans',Arial;line-height:1.2}
.indexc .list .text{padding:0 10px;text-align:center;color:#fff;font-family:'alibabasans',Arial;line-height:1.2}
.indexd{margin-top:5px}
.indexd .textbox,
.indexd .img{width:calc(25% - 1px)}
.indexd .img.mr4{margin-right:4px}
.indexd .img.mr4 img{width:100%}
.indexd .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexd .textbox{background-color:#f4f4f4;padding:64px 88px 0 80px}
.indexd .textbox .title{font-family:'alibabasans',Arial;font-size:36px;color:#000;max-height:56px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.indexd .textbox .text{font-family:'alisanslight',Arial;color:#666;max-height:66px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexd .textbox .morebox{width:166px;height:56px;display:block;margin-top:4.479vw;padding-left:28px;font-family:'alibabasans',Arial;line-height:54px;color:#666;;border:1px solid #e2e2e2;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right 28px center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexd .textbox .morebox:hover{background-image:url(../img/iamore_cur.png);color:#fff;background-color:#1263aa;border:1px solid #1263aa}
.indexd .wapimg{display:none}
.indexe{padding:110px 0 120px}
.indexe .img img{width:100%}
.indexe .bot{margin-top:50px}
/* .indexe .bot .swiper-container{padding-right:1px} */
.indexe .bot .swiper-slide{border-right:1px solid #efefef}
.indexe .bot .box{display:block}
.indexe .bot .box .textbox{padding:36px 64px 98px 48px;border:1px solid #efefef;border-top:none;border-right:none}
.indexe .bot .box .textbox .title{color:#000;font-size:20px;font-family:'alibabasans',Arial;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.indexe .bot .box .textbox .morebox{display:inline-block;margin-top:40px;padding-right:40px;color:#666;font-family:'alibabasans',Arial;background-image:url(../img/iamore.png);background-repeat:no-repeat;background-position:right center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexe .bot .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexe .bot .box:hover .textbox .morebox{background-image:url(../img/iamore_cur2.png);color:#1263aa}

@media (max-width:1580px){
    .indexbanner .textbox{margin-left:-44.395vw}
    .bandown{padding-right:5.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:5.605vw}
    .indexa-l{max-width:240px;margin-right:5vw}
    .indexa-r{width:calc(100% - 240px - 5vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -240px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-13.118vw}
    .indexa-lslide .swiper-slide{margin-bottom:15px}
}

@media (max-width:1440px){
    .indexbanner .textbox{margin-left:-46.395vw}
    .indexbanner .textbox .title{font-size:34px}
    .indexbanner .textbox .more{width:40px;height:40px;line-height:40px;margin-top:40px}
    .bandown{padding-left:52px;padding-right:3.605vw}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{right:3.605vw}
    .indexa-l{max-width:220px;width:220px;margin-right:4vw}
    .indexa-r{width:calc(100% - 220px - 4vw)}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -130px)}
    .indexa-r .indexa-rlist .swiper-button-prev{left:calc(-5vw + -210px)}
    .indexa-r .indexa-rlist .textbox{margin-top:-11.920vw}
    .indextitle{font-size:30px}
    .indexa-lslide .swiper-slide{margin-bottom:10px}
    .indexa-r .indexa-rlist .textbox .title{max-height:31px;-webkit-line-clamp:1}
    .indexa-r .indexa-rlist .textbox .text{max-height:66px;-webkit-line-clamp:3}
    .indexa{padding:85px 0}
    .indexd .textbox{padding:34px 58px 0 50px}
    .indexd .textbox .title{font-size:30px;max-height:47px}
    .indexd .textbox .morebox{margin-top:3vw}
    .indexbslide{padding-left:3.105vw}
}

@media (max-width:1367px){
    .indexd .textbox .title{font-size:24px}
    .indexe .bot .swiper-container{padding-right:1px}
}

@media (max-width:1280px){
    .indexa-lslide .swiper-slide{margin-bottom:5px}
    .indexa-r .indexa-rlist .textbox{max-width:320px;padding:3.645vw 3.5vw 4.062vw}
    .indexa-r .indexa-rlist .swiper-button-next, .indexa-r .indexa-rlist .swiper-button-prev{width:40px;height:40px;line-height:38px}
    .indexa-r .indexa-rlist .swiper-button-next{left:calc(-5vw + -160px)}
    .indexd .textbox{padding:24px 30px}
    .indexd .textbox .morebox{margin-top:2vw}
}
@media (max-width:1024px){
    .indexe .bot .swiper-container{padding-right:0}
    .bandown{display:none}
    .indexban{background-color:#f3f3f3}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets{padding-left:15px;height:8px;right:auto;left:50%;bottom:225px;top:auto;padding-bottom:0;background-image:url(../img/baniconwap.png);background-position:left top}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px;vertical-align:top;}
    .indexban .swiper-pagination-bullet-active{height:8px;width:20px}
    .indexa{padding:60px 0 40px}
    .indextitle{font-size:22px}
    .indexa-l{width:100%;max-width:100%;margin-right:0;padding-left:15px}
    .indexa-lslide .swiper-wrapper{flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-box-flex:nowrap;-ms-flex-wrap:nowrap}
    .indexa-r{width:100%;padding:0 15px;margin-top:25px}
    .indexa-lslide .swiper-slide{width:auto;margin-right:5vw}
    .indexa-lslide .swiper-slide .text{font-size:12px;word-break:break-all}
    .indexa-l .indextitle{text-align:center}
    .indexa .wrap{padding:0}
    .indexa-lslide{margin-top:15px}
    .indexa-r .indexa-rlist .wapimg{display:block}
    .indexa-r .indexa-rlist .img{display:none}
    .indexa-r .indexa-rlist .textbox{max-width:100%;padding:20px;position:static;margin-top:0}
    /* .indexa-lslide .swiper-slide{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} */
    .indexa-r .indexa-rlist .textbox .title{font-size:20px;max-height:28px}
    .indexa-r .indexa-rlist .textbox .text{max-height:88px;-webkit-line-clamp:4;margin-top:6px}
    .indexa-r .indexa-rlist .textbox .morebox{width:126px;height:40px;margin-top:25px;line-height:38px;padding-left:15px;background-size:16px auto;background-position:right 15px center;}
    .indexa{background-color:#f3f3f3}
    .indexb{padding:0 0 100px;position:relative}
    .indexb .indextitle{width:100%;text-align:center}
    .indexbslide .textbox{padding:25px}
    .indexbslide .textbox .title{font-size:20px}
    .indexbslide{margin-top:20px;padding-left:15px}
    .indexbslide .textbox .text{max-height:125px;-webkit-line-clamp:5}
    .indexbtop-r{width:100%;text-align:center;position:absolute;bottom:50px;left:0;float:none}
    .indexbtop-r .swiper-button-next,
    .indexbtop-r .swiper-button-prev,
    .indexbtop-r .more{width:30px;height:30px;line-height:28px;display:inline-block;float:none;vertical-align:middle}
    .indexb .more{margin-left:10px}
    .indexc{padding:50px 0 40px;background-image:url(../img/icbgwap.jpg)}
    .indexc .bigtitle{width:80%;margin:0 auto;font-size:20px;line-height:1.4}
    .indexc .list{width:46%;margin-right:8%;padding:20px 0}
    .indexc .list:nth-of-type(2n){margin-right:0}
    .indexc .box{margin-top:0px}
    .indexc .list .numUp{font-size:30px}
    .indexc .list:after{width:100%;height:1px;bottom:0;top:auto;background-color:rgba(255,255,255,0.1)}
    .indexc .list:nth-of-type(3):after{display:none}
    .indexc .list .text{padding:0;font-size:12px}
    .indexd .textbox, .indexd .wapimg{width:50%}
    .indexd .wapimg{display:block}
    .indexd .img{display:none}
    .indexd .textbox{padding:30px 15px 20px}
    .indexd .textbox .title{font-size:18px;line-height:1.2}
    .indexd .textbox .text{margin-top:8px;line-height:1.4;-webkit-line-clamp:4;max-height:76px}
    .indexd .textbox .morebox{width:110px;font-size:13px;padding-left:10px;line-height:34px;height:36px;margin-top:22px;background-size:14px;background-position:right 10px center}
    .indexd .textbox .morebox .moretext{line-height:34px}
    .indexd .textbox .morebox .icon{margin-left:2px;width:16px}
    .indexe{padding:40px 0 110px;position:relative}
    .indexe .bot .box .textbox{padding:25px}
    .indexe .bot .box .textbox .title{font-size:18px;line-height:1.3;height:72px}
    .indexe .bot .box .textbox .morebox{margin-top:15px}
    .indexe .bot{margin-top:20px}
    .indexe .indextitle{width:100%;text-align:center}
    .indexe .top,
    .indexe .wrap{position:static}
}

/* 产品 */
.productbox{background-color:#f5f5f5;padding:100px 0 120px}
.protop .protoplf{font-size:30px;font-family:'alibabasans',Arial}
.protop .protoplr{font-size:12px;color:#666;font-family:'alibabasans',Arial}
.proitems{margin-top:50px}
.proitem{width:48%;margin-right:4%;margin-bottom:50px;display:block}
.proitem:nth-of-type(2n){margin-right:0}
.proitem .textbox{background-color:#fff;padding:46px 66px 78px 56px}
.proitem .textbox .title{color:#000;font-size:24px;font-family:'alibabasans',Arial;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem .textbox .text{margin-top:14px;color:#666;font-family:'alisanslight',Arial;line-height:1.714;max-height:46px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.proitem:hover{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.promore{text-align:center}
.promore .box{cursor:pointer;margin:20px auto 0;border:1px solid #e2e2e2;width:246px;height:67px;text-align:center}
.promore .box .icon{line-height:65px;display:none}
.promore .box .icon img{display:initial;vertical-align:middle;margin-bottom:3px;display:inline-block}
.promore .box .text{line-height:67px;color:#666;font-family:'alibabasans',Arial;display:inline-block}
.promore.cur .box .icon{display:inline-block;animation:xuanzhuan 1s linear 0s infinite normal none;-webkit-animation:xuanzhuan 1s linear 0s infinite normal none;-moz-animation:xuanzhuan 1s linear 0s infinite normal none}
.promore.cur .box .text{margin-left:18px}

@keyframes xuanzhuan{
    form{transform:rotate(360deg)}
    to{transform:rotate(360deg)}
}

@-webkit-keyframes xuanzhuan{
    form{-webkit-transform:rotate(360deg)}
    to{-webkit-transform:rotate(360deg)}
}

@-moz-keyframes xuanzhuan{
    form{-moz-transform:rotate(360deg)}
    to{-moz-transform:rotate(360deg)}
}

@media (max-width:1440px){
    .productbox{padding:60px 0 80px}
}

@media (max-width:1024px){
    .productbox{padding:40px 0 50px}
    .protop .protoplf{font-size:18px}
    .protop .protoplr{margin-top:6px}
    .proitems{margin-top:25px}
    .proitem{width:100%;margin-right:0;margin-bottom:20px}
    .proitem .img img{width:100%}
    .proitem .textbox{padding:20px 15px}
    .proitem .textbox .title{font-size:20px;max-height:26px}
    .proitem .textbox .text{margin-top:8px;line-height:1.4;max-height:38px}
    .promore .box{width:166px;height:56px}
    .promore .box .text{line-height:56px}
    .promore .box .icon{line-height:54px}
}

@media (max-width:380px){
    .protop .protoplf{font-size:16px}
    .protop .protoplr{margin-top:4px}
}

@media (max-width:370px){
    .protop .protoplf{font-size:14px}
    .protop .protoplr{margin-top:2px}
}

/*关于我们 */
.abouttextbox{width:100%;opacity:0;position:absolute;left:0;top:30%;margin-top:-122px;transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-webkit-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s;-moz-transition:1s cubic-bezier(0, 0, 0.41, 0.96) 0s}
.abouttextbox .title{color:#fff;font-size:60px;font-family:'alibabasans',Arial;line-height:1.2;text-align:center}
.abouttextbox .player{width:70px;height:70px;margin:30px auto 0;cursor:pointer}
.abouttextbox.cur{opacity:1;top:50%}
.aboutvideo{width:100%;height:100%;z-index:88;position:fixed;top:0;left:0;background-color:#fff;display:none}
.aboutvideo video{position:absolute;top:0;left:0;width:100%;height:100%;z-index:89}
.aboutvideo .close{position:absolute;top:30px;right:30px;cursor:pointer;height:30px;z-index:90}
.aboutvideo.cur{display:block}
/* .aboutban.cur .aboutvideo.cur video{visibility:visible;z-index:10;opacity:1;object-fit:fill} */
.aboutban.cur .img,
.aboutban.cur .abouttextbox{visibility:hidden;z-index:-1;opacity:0}
.aboutban .showvideo video{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:fill}
.about1{padding:120px 0 100px}
.about1 .textbox{width:calc(100% - 974px);margin-right:150px}
.about1 .textbox .title{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.about1 .textbox .text{margin-top:45px;color:#666;line-height:2.143}
.about1 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.abouttitle{font-size:36px;font-family:'alibabasans',Arial;text-align:center}
.about2{background-color:#f8f8f8;padding:135px 0 120px}
.about2items{margin-top:42px}
.about2item{background-color:#fff}
.about2item .img,
.about2item .pcimg{width:50%}
.about2item .img img,
.about2item .pcimg img{width:100%}
.about2item .wapimg{display:none}
.about2item .textbox{width:50%;padding:4.375vw 7.404vw 0 5.729vw}
.about2item .textbox .date{color:#1263aa;font-size:48px;font-family:'alibabasans',Arial}
.about2item .textbox .title{font-size:16px;font-family:'alibabasans',Arial;margin-top:8px}
.about2item .textbox .box{margin-top:64px}
.about2item .textbox .box .list{font-family:'alibabasans',Arial;line-height:2.143}
.about2item .textbox .box .list span{color:#1263aa;font-family:'alisanslight',Arial}
.about3{padding:114px 0 132px}
.about3items{margin-top:50px}
.about3item{display:block;width:31%;margin-right:3.5%;background-color:#f8f8f8}
.about3item:nth-of-type(3n){margin-right:0}
.about3item .textbox{padding:34px 50px 60px}
.about3item .title{font-size:24px;font-family:'alisans';max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.about3item .text{margin-top:26px;color:#666;font-family:'alisanslight',Arial;line-height:1.714}
.about3item .img img{width:100%}
.about3item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1440px){
    .abouttitle{font-size:28px}
    .about1{padding:95px 0 65px}
    .about2{padding:100px 0 85px}
    .about3{padding:80px 0 100px}
    .about1 .textbox{width:calc(100% - 703px);margin-right:80px}
    .about1 .img{width:623px}
    .about1 .textbox .text{margin-top:30px}
    .about2item .textbox{padding:3vw 4.5vw 0 3.5vw}
    .about2item .textbox .date{font-size:34px}
    .about2item .textbox .box{margin-top:30px}
    .about2item .textbox .box .list{line-height:1.8}
    .abouttextbox .title{font-size:42px}
    .abouttextbox{margin-top:-100px}
}

@media (max-width:1024px){
    .abouttitle{font-size:20px}
    .about1,
    .about2,
    .about3{padding:40px 0}
    .about1 .textbox{width:100%;margin-right:0}
    .about1 .textbox .title{font-size:24px}
    .abouttextbox .title{font-size:20px}
    .abouttextbox{margin-top:-50px}
    .abouttextbox .player{width:34px;height:34px;margin:10px auto 0}
    .about1 .textbox .text{margin-top:10px;line-height:1.8}
    .about1 .img{width:100%;margin-top:20px}
    .about2items, .about3items{margin-top:25px}
    .about2item .img, .about2item .wapimg{width:100%;display:block}
    .about2item .pcimg{display:none}
    .about2item .textbox{width:100%;padding:20px 15px}
    .about2item .textbox .date{font-size:26px;line-height:32px}
    .about2item .textbox .title{font-size:14px;margin-top:3px}
    .about2item .textbox .box{margin-top:15px}
    .about2item .textbox .box .list{line-height:1.6}
    .about3item{width:100%;margin-right:0;margin-bottom:20px}
    .about3item .textbox{padding:20px 15px}
    .about3item .title{font-size:20px;max-height:26px}
    .about3item .text{margin-top:10px;line-height:1.6}
}

.abouttextbox .apptitle2{color:#fff;font-size:24px;font-family:'alisanslight',Arial;line-height:1.2;text-align:center}
.abouttextbox .apptitle{color:#fff;font-size:36px;font-family:'alibabasans',Arial;line-height:1.2;text-align:center;margin-top:8px}
/* .abouttextbox.apptextbox{margin-top:-40px} */
.abouttextbox.apptextbox{margin-top:-21px}
.app1{padding:120px 0}
.app1 .app1item{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.app1 .title{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.app1 .text{color:#666;line-height:1.714}
.app1 .one .textbox,
.app1 .two .img{width:35.21%;margin-right:7.39%}
.app1 .one .text{margin-top:50px}
.app1 .two .textbox,
.app1 .one .img{width:57.4%}
.app1 .one .wapimg{display:none}
.app1 .two{margin-top:37px}
.app1 .app1item .img:hover img,
.app2 .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.app2{padding:114px 0 140px;background-color:#f5f5f5}
.app2 .title{color:#000;text-align:center;font-size:36px;font-family:'alibabasans',Arial}
.app2 .items{margin-top:42px}
.app2 .items .item{width:24%;margin-right:1.3333%;display:block}
.app2 .items .item:hover{margin-top:-10px}
.app2 .items .item:nth-of-type(4n){margin-right:0}
.app2 .items .item img{width:100%}
.app2 .items .item .title{color:#000;padding:0 10px;font-size:18px;height:82px;background-color:#fff;line-height:82px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.contact{padding:50px 0 116px}
.lyb{padding: 50px 0px 40px;}
.contact .title{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.contact .box{margin-top:52px}
.contactlf{width:45%;margin-right:10%}
.contactlf:nth-of-type(2n){margin-right:0}
.contact .box .name{color:#000;font-size:24px;font-family:'alibabasans',Arial;margin-bottom:16px}
.contact .box .list{display:block;color:#666;font-family:'alibabasans',Arial;line-height:1.714}
.contactmess .prod7lf{width:1200px;margin:108px auto 120px}
.contactmess .btn2#reset{background-color:#ededed;color:#000;margin-left:20px}
.conmapbox{height:590px}
.conmapbox .map{width:100%;height:100%}
.culture1{padding:112px 0 120px}
.culture1 .bigtitle,
.culture2 .bigtitle{color:#000;font-size:36px;text-align:center;font-family:'alibabasans',Arial}
.culture1 .cultureslide{margin-top:44px;position:relative}
.culture1 .cultureslide .swiper-slide{height:auto}
.culture1 .cultureslide .swiper-slide .box{height:100%}
.culture1 .cultureslide .swiper-slide .img{width:100%}
.culture1 .cultureslide .swiper-slide .textbox{width:100%;border:1px solid #eee;border-top:none;padding:34px 3vw;-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}
.culture1 .cultureslide .swiper-slide .textbox .title{color:#000;font-size:24px;text-align:center;font-family:'alibabasans',Arial}
.culture1 .cultureslide .swiper-slide .textbox .text{margin-top:10px;min-height:36px;text-align:center;text-align:center;line-height:1.286;color:#666;font-family:'alisanslight',Arial}
.culture1 .swiper-button-next,
.culture1 .swiper-button-prev{width:56px;height:56px;margin-top:-92px;background-color:#f2f2f2;background-size:auto;opacity:0}
.cultureslide:hover .swiper-button-next,
.cultureslide:hover .swiper-button-prev{opacity:1}
.culture1 .swiper-button-prev{background-image:url(../img/cul-l.png);left:-28px}
.culture1 .swiper-button-next{background-image:url(../img/cul-r.png);right:-28px}
.culture1 .swiper-button-prev:hover{background-color:#1263aa;background-image:url(../img/cul-lcur.png)}
.culture1 .swiper-button-next:hover{background-color:#1263aa;background-image:url(../img/cul-rcur.png)}
.culture1 .cultureslide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture2{padding:114px 0 50px;background-color:#f2f2f2}
.culture2 .box{margin-top:52px}
.culture2 .list{width:31%;margin-right:3.5%;margin-bottom:64px;display:block}
.culture2 .list:nth-of-type(3n){margin-right:0}
.culture2 .list .img img{width:100% }
.culture2 .list .textbox{margin-top:32px}
.culture2 .list .textbox .t{font-family:'alisanslight',Arial}
.culture2 .list .textbox .name{font-size:16px;font-family:'alibabasans',Arial}
.culture2 .list:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.culture1 .cultureslide .swiper-slide .box{flex-flow:column;-webkit-flex:column;-moz-flex:column}
.appb2{padding:106px 0 118px}
.appb2 .appb2items{margin-top:44px}
.appb2item{width:23.5%;margin-right:2%;display:block;margin-bottom:30px}
.appb2item:nth-of-type(4n){margin-right:0}
.appb2item .textbox{padding:24px 10px;border:1px solid #eee;border-top:none}
.appb2item .textbox .title{color:#000;font-size:18px;height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.appb1{padding:110px 0 0}
.appb1 .bigtitle{color:#000;font-size:36px;text-align:center;font-family:'alibabasans',Arial}
.appb1 .appb1slide{margin-top:40px}
.appb1 .textbox{width:35%;position:absolute;top:0;left:0;padding:42px 6.462vw 0 0}
.appb1 .textbox .title{color:#000;font-size:36px;font-family:'alibabasans',Arial;line-height:1.4;max-height:50px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .textbox .text{color:#666;font-family:'alisanslight',Arial;line-height:1.714;margin-top:22px;max-height:207px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9}
.appb1 .textbox .morebox{display:inline-block;color:#1263aa;font-family:'alibabasans',Arial;padding-right:38px;margin-top:56px;background-image:url(../img/newmore2.png);background-repeat:no-repeat;background-position:right center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.appb1 .swiper-slide:hover .textbox .morebox{padding-right:48px;background-image:url(../img/iamore_cur2.png)}
.appb1 .swiper-slide:hover .textbox .title{color:#1263aa}
.appb1 .swiper-slide .img{width:65%}
.appb1 .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.appb1 .swiper-slide a{justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start}
.appb1 .swiper-slide-active a,
.appb1 .swiper-slide-prev a{justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.appb1 .swiper-slide .textbox{display:none}
.appb1 .swiper-slide-active .textbox{display:block}
.appb1 .appb1slide .swiper-button-next,
.appb1 .appb1slide .swiper-button-prev{width:12px;height:22px;margin-top:0;top:auto;right:auto;bottom:100px;background-size:100% 100%}
.appb1 .appb1slide .swiper-button-prev{background-image:url(../img/appb-l.png);left:230px}
.appb1 .appb1slide .swiper-button-next{background-image:url(../img/appb-r.png);left:320px}
.appb1 .appb1slide .numbox{position:absolute;bottom:98px;left:262px}
.appb1 .appb1slide .numbox .pagenum,
.appb1 .appb1slide .numbox .line,
.appb1 .appb1slide .numbox .allnum{font-size:18px;font-family:'alisanslight',Arial}
.appb1 .appb1slide .numbox .line{margin:0 6px}


@media (max-width:1580px){
    .appb1 .appb1slide .swiper-button-prev{left:12.4vw}
    .appb1 .appb1slide .numbox{left:14.93vw;bottom:4.28vw}
    .appb1 .appb1slide .swiper-button-next{left:19.11vw}
    .appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:4.36vw}
}

@media (max-width:1440px){
    .abouttextbox .apptitle2{font-size:20px}
    .abouttextbox .apptitle{font-size:30px}
    .app1{padding:92px 0}
    .app1 .two .textbox,
    .app1 .one .img{width:50.4%}
    .app1 .one .textbox,
    .app1 .two .img{width:44.21%;margin-right:5.39%}
    .app1 .one .text{margin-top:30px}
    .app1 .app1item{align-items:flex-start;-webkit-align-items:flex-start;-moz-align-items:flex-start;-ms-align-items:flex-start}
    .app1 .title{font-size:30px;line-height:1}
    .app2{padding:84px 0 110px}
    .contact,
    .culture1{padding:82px 0 86px}
    .contact .box{margin-top:30px}
    .conmapbox{height:450px}
    .culture2{padding:84px 0 20px}
    .culture1 .bigtitle, .culture2 .bigtitle{font-size:30px}
    .culture1 .cultureslide .swiper-slide .textbox{padding:34px 1.2vw}
    .appb1 .swiper-slide .textbox{padding:25px 4vw 0 0}
    .appb1 .textbox .title{font-size:30px;max-height:42px}
    .appb1 .textbox .text{margin-top:15px;-webkit-line-clamp:7;max-height:162px}
    .appb1 .textbox .morebox{margin-top:35px}
    .appb1 .appb1slide .numbox{left:14.63vw}
    .contactmess .prod7lf{width:80%}
    .culture1 .swiper-button-next, .culture1 .swiper-button-prev{margin-top:-96px}
}

@media (max-width:1280px){
    .appb1 .textbox .text{margin-top:15px;-webkit-line-clamp:4;max-height:92px}
}

@media (max-width:1024px){
    .appb2{padding:40px 0}
    .abouttextbox .apptitle2{font-size:16px}
    .abouttextbox .apptitle{font-size:22px}
    .app1, .app2, .culture1{padding:40px 0}
    .app1 .one .textbox, .app1 .two .img, .app1 .two .textbox, .app1 .one .img{width:100%}
    .app1 .title, .app2 .title{font-size:24px}
    .app1 .one .text{margin-top:12px;line-height:1.6}
    .app1 .one .wapimg{display:block}
    .app1 .one .img{display:none}
    .app1 .textbox, .app2 .items{margin-top:20px}
    .app2 .items .item{width:100%;margin-right:0;margin-bottom:20px}
    .app2 .items .item .title{height:58px;line-height:58px;font-size:16px}
    .contact{padding:40px 0 20px}
    .contact .box{margin-top:30px}
    .lyb{padding: 40px 10px 0 20px;}
    .conmapbox{height:350px}
    .contact .title{font-size:26px}
    .contactlf{width:100%;margin-right:0;margin-bottom:15px}
	.contactlf:nth-last-of-type(1){margin-bottom:0}
    .contact .box .name{font-size:18px;margin-bottom:0;line-height:1.2}
    .contact .box{margin-top:15px}
    .culture2{padding:40px 0 20px}
    .culture1 .cultureslide, .culture2 .box{margin-top:20px}
    .culture1 .bigtitle, .culture2 .bigtitle{font-size:24px}
    .culture1 .cultureslide .swiper-slide .textbox .title{font-size:18px}
    .culture1 .swiper-button-next, .culture1 .swiper-button-prev{width:30px;height:30px;margin-top:-15px}
    .culture1 .swiper-button-next{right:-15px}
    .culture1 .swiper-button-prev{left:-15px}
    .culture2 .list{width:100%;margin-right:0;margin-bottom:20px}
    .culture2 .list .textbox{margin-top:8px}
    .culture1 .cultureslide .swiper-slide .textbox{padding:15px 10px}
    .culture1 .cultureslide .swiper-slide .textbox .text{margin-top:4px}
    .appb2item{width:100%;margin-right:0;margin-bottom:20px}
    .appb2item img{width:100%}
    .appb2item .textbox{padding:10px}
    .appb1{padding:40px 0 0}
    .appb1 .bigtitle{font-size:24px}
    .appb1 .swiper-slide .textbox{width:100%;position:static;padding:10px 0 40px 0}
    .appb1 .swiper-slide .img{width:100%}
    .appb1 .textbox .title{font-size:22px;max-height:30px}
    .appb1 .textbox .text{margin-top:8px;-webkit-line-clamp:3;max-height:70px}
    .appb1 .textbox .morebox{margin-top:15px}
    .appb1 .appb1slide{margin-top:20px}
    .appb1 .appb1slide .numbox{left:0;width:100%;text-align:center;bottom:3px}
    .appb1 .appb1slide .numbox .pagenum, .appb1 .appb1slide .numbox .line, .appb1 .appb1slide .numbox .allnum{float:none;display:inline-block}
    .appb1 .appb1slide .swiper-button-next{left:calc(50% + 50px)}
    .appb1 .appb1slide .swiper-button-prev{left:calc(50% - 50px)}
    .appb1 .appb1slide .swiper-button-next, .appb1 .appb1slide .swiper-button-prev{bottom:5px}
    .contactmess{padding:0 15px}
    .contactmess .prod7lf{width:100%;margin:0 auto 40px}
    .contactmess .btn2#reset{margin-left:0}
}	


.recruit1{padding:120px 0 94px}
.recruit1 .recruit1lf{width:calc(100% - 947px);margin-right:124px}
.recruit1 .recruit1lf .top .title{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.recruit1 .recruit1lf .top .text{color:#666;font-size:18px;font-family:'alibabasans',Arial}
.recruit1 .recruit1lf .bot{margin-top:42px}
.recruit1 .recruit1lf .bot .list{margin-bottom:15px}
.recruit1 .recruit1lf .bot .list .t{font-family:'alisansmedi',Arial}
.recruit1 .recruit1lf .bot .list .b{color:#666;font-family:'alisanslight',Arial}
.recruit2{padding-bottom:82px}
.recruit2 .bigtitle{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.recruit2 .recruititems{margin-top:50px}
.recruititem{background-color:#f7f7f7;margin-bottom:20px}
.recruititem .top{padding:32px 40px 36px 58px;cursor:pointer}
.recruititem .top .name{color:#000;font-size:24px;font-family:'alibabasans',Arial;line-height:1.1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem .top .other{margin-top:2px;color:#666;font-family:'alisanslight',Arial}
.recruititem .bot{padding:15px 60px 78px;display:none}
.recruititem .bot .t{color:#000;font-size:18px;font-family:'alibabasans',Arial;margin-bottom:8px}
.recruititem .bot .b{color:#666;font-size:14px;font-family:'alibabasanslight';line-height:1.714}
.recruititem .bot .list{margin-bottom:46px}
.recruititem .bot .list:nth-last-of-type(1){margin-bottom:0}
.recruititem .bot .email{font-family:'alisansmedi',Arial;margin-top:5px}
.recruititem .bot .email a{font-family:'alisansmedi',Arial;color:#1263aa}
.recruititem .top img{transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.recruititem.cur .top .name{color:#1263aa}
.recruititem.cur .top img{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.promore .box{margin:50px auto 0}
.maint{padding:112px 0 120px}
.maintlf{width:308px;border:1px solid #ededed;padding:32px 40px;margin-right:60px}
.maintlf .title{color:#000;font-size:24px;font-family:'alibabasans',Arial}
.maintlf .items{margin-top:16px}
.maintlf .item{padding:20px 0;border-bottom:1px solid #e4e4e4;color:#666;font-size:16px;font-family:'alisanslight',Arial;display:block}
.maintlf .item:nth-last-of-type(1){border-bottom:none}
.maintlf .item.cur,
.maintlf .item:hover{color:#1263aa;font-family:'alibabasans',Arial}
.maintlr{width:calc(100% - 368px)}
.maintlr .bigtitle{color:#000;font-size:36px;font-family:'alibabasans',Arial;line-height:1}
.maintlr .maintitem{display:block;padding:40px 0;border-bottom:1px solid #e8e8e8}
.maintlr .maintitem .textbox{margin-left:40px;width:calc(100% - 236px)}
.maintlr .maintitem .textbox .textboxlf{width:calc(100% - 70px);margin-right:20px}
.maintlr .maintitem .title{color:#000;font-size:24px;max-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.maintlr .maintitem .date{color:#999;margin-top:8px}
.maintlr .maintitem .text{margin-top:32px;font-family:'alisanslight',Arial;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.maintlr .maintitem .textboxmore{width:50px;height:50px;border:1px solid #000;background-image:url(../img/mamore.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.maintlr .maintitem:hover .textboxmore{background-color:#0b589b;border:1px solid #0b589b;background-image:url(../img/mamore_cur.png)}
.maintlr .maintitem:hover .title{color:#0b589b}
.maintlr .maintitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.maintlr .pager{margin-top:58px}
.serprocess{padding:114px 0 126px}
.serprocess .bigtitle{color:#000;font-size:36px;font-family:'alibabasans',Arial;text-align:center}
.serprocess .serpronav{margin-top:24px;text-align:center}
.serprocess .serpronavlist{color:#000;font-size:24px;font-family:'alibabasans',Arial;margin:0 17px;display:inline-block}
.serprocess .serpronavlist.cur{color:#1263aa;border-bottom:2px solid #1263aa}
.serprobox{margin-top:82px}
.serprobox .textbox{width:calc(100% - 782px - 6.875vw)}
.serprobox .textbox .title{color:#000;font-size:30px;font-family:'alibabasans',Arial;line-height:1}
.serprobox .textbox .text{margin-top:10px;color:#666;font-family:'alisanslight',Arial;line-height:1.714}
.serprobox .textbox .ewmbox{margin-top:3.229vw}
.serprobox .textbox .ewmbox .ewmtitle{width:175px;margin-top:3px;color:#666;font-size:16px;font-family:'alibabasans',Arial;text-align:center}
.serprobox .videobox .title{text-align:center;color:#666;font-size:16px;font-family:'alibabasans',Arial;margin-top:15px}
.serprobox .videobox .box{position:relative}
.serprobox .videobox .box video,
.downviditem .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.serprobox .videobox.cur .box video,
.downviditem.cur .videobox video{visibility:visible;opacity:1;z-index:18}
.serprobox .videobox .player,
.downviditem .videobox .player img{width:64px;height:64px;position:absolute;top:50%;margin-top:-32px;left:50%;margin-left:-32px;z-index:6;cursor:pointer}
.serprobox .videobox.cur .box .player,
.downviditem.cur .videobox .player,
.serprobox .videobox.cur .box .img,
.downviditem.cur .videobox .img{visibility:hidden;opacity:0;z-index:-1}

@media (max-width:1640px){
    .recruit1 .recruit1lr{width:673px}
    .recruit1 .recruit1lf{width:calc(100% - 757px);margin-right:84px}
    .serprobox .textbox{width:calc(100% - 682px - 4.5vw);margin-right:4.5vw}
    .serprobox .videobox{width:682px}
}

@media (max-width:1440px){
    .recruit1 .recruit1lr{width:573px}
    .recruit1 .recruit1lf{width:calc(100% - 617px);margin-right:44px}
    .recruit1 .recruit1lf .top .title,
    .recruit2 .bigtitle{line-height:1.2;font-size:30px}
    .recruit1 .recruit1lf .bot{margin-top:15px}
    .recruit1 .recruit1lf .bot .list{margin-bottom:10px}
    .recruit1{padding:80px 0 55px}
    .maint,
    .serprocess{padding:82px 0 90px}
    .serprobox .textbox{width:calc(100% - 582px - 4.5vw);margin-right:4.5vw}
    .serprobox .videobox{width:582px}
    .recruit2{padding-bottom:52px}
}

@media (max-width:1024px){
    .recruit1, .maint{padding:40px 0 25px}
    .recruit1 .recruit1lf{width:100%;margin-right:0}
    .recruit1 .recruit1lf .top .title,
    .recruit2 .bigtitle{font-size:24px}
    .recruit1 .recruit1lf .top .text{font-size:16px}
    .recruit1 .recruit1lr{width:100%}
    .recruit2 .recruititems{margin-top:25px}
    .recruititem .top{padding:25px 15px}
    .recruititem .top .name{font-size:18px}
    .recruititem .bot{padding:0px 15px 30px}
    .recruititem .bot .list{margin-bottom:25px}
    .recruititem .bot .t{font-size:16px;margin-bottom:5px}
    .recruititem .top img{width:16px}
    .recruititem .top .topleft{width:calc(100% - 26px);margin-right:10px}
    .maintlf{width:100%;padding:20px 15px;margin-right:0}
    .maintlf .item{padding:10px 0}
    .maintlf .title{font-size:20px}
    .maintlr .bigtitle{font-size:24px}
    .maintlf .items{margin-top:6px}
    .maintlr{width:100%;margin-top:25px}
    .serprocess{padding:40px 0}
    .serprocess .bigtitle{font-size:26px}
    .serprocess .serpronavlist{font-size:14px;margin:0 6px}
    .serprocess .serpronav,
    .serprobox .textbox .ewmbox{margin-top:20px}
    .serprobox{margin-top:30px}
    .serprobox .textbox{width:100%;margin-right:0}
    .serprobox .textbox .title{font-size:20px}
    .serprobox .videobox{width:100%;margin-top:30px}
    .serprobox .videobox .player{width:34px;height:34px;margin-top:-17px;margin-left:-17px}
    .recruit2{padding-bottom:40px}
}

@media (max-width:768px){
    .maintlr .maintitem{padding:15px 0}
    .maintlr .maintitem .img{width:130px}
    .maintlr .maintitem .textbox{margin-left:15px;width:calc(100% - 145px)}
    .maintlr .maintitem .title{font-size:18px}
    .maintlr .maintitem .date{margin-top:0}
    .maintlr .maintitem .text{margin-top:10px}
    .maintlr .maintitem .textbox .textboxlf{margin-right:10px;width:calc(100% - 38px)}
    .maintlr .maintitem .textboxmore{width:28px;height:28px;background-size:6px auto}
}

.serpolicyitems, .downloaditems, .downviditems{margin-top:50px}
.serpolicyitems .recruititem .top .name{font-family:'alisansmedi',Arial}
.serpolicyitems .recruititem .top .other{margin-top:16px;line-height:22px;overflow:hidden;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.serpolicyitems .recruititem.cur2 .top .other{max-height:22px !important}
.serpolicyitems .recruititem .top .topleft{width:68.85vw}
.serpolicy{padding:114px 0 100px}
.downloaditem{width:49.3%;margin-right:1.4%;margin-bottom:20px}
.downloaditem:nth-of-type(2n){margin-right:0}
.downloaditem .downitemleft{width:calc(100% - 130px);background-color:#f7f7f7;padding:38px 60px;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemleft .name{color:#000;word-break:break-all;font-size:18px;font-family:'alibabasans',Arial;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemleft .other{margin-top:4px;color:#666;font-family:'alisanslight',Arial;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem .downitemright{width:130px;background-color:#ececec;background-image:url(../img/downicon.png);background-repeat:no-repeat;background-position:center center;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downloaditem:hover .downitemleft{background-color:#1263aa}
.downloaditem:hover .downitemright{background-color:#0b589b;background-image:url(../img/downicon_cur.png)}
.downloaditem:hover .downitemleft .name,
.downloaditem:hover .downitemleft .other{color:#fff}
.downviditem{width:31%;margin-right:3.5%;margin-bottom:42px;cursor:pointer}
.downviditem:nth-of-type(3n){margin-right:0}
.downviditem .videobox{position:relative;overflow:hidden}
.downviditem .videobox .img img{Width:100%}
.downviditem .textbox{padding:26px 0}
.downviditem .textbox .date{font-family:'alisanslight',Arial}
.downviditem .textbox .name{font-size:16px;font-family:'alibabasans',Arial}
.downviditem .videobox .player{width:100%;height:100%;background-color:rgba(0,0,0,0.5);position:absolute;top:0;left:0;top:100%;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.downviditem:hover .videobox .player{top:0}
.news{padding:126px 0 120px}
.newsitem{margin-bottom:34px}
.newsitem:nth-last-of-type(1){margin-bottom:0}
.newsitem .newstoplf{color:#000;font-size:36px;font-family:'alibabasans',Arial;line-height:1}
.newsitem .newstoplr{width:56px;height:56px;background-image:url(../img/newmore.png);background-repeat:no-repeat;background-position:center center;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.newsitem .newstoplr:hover{background-image:url(../img/newmore_cur.png)}
.newsitem .box{margin-top:28px}
.newsitem .box .newslist{width:32%;display:block;margin-right:1.955%;margin-bottom:30px}
.newsitem .box .newslist:nth-of-type(2),
.newsitem .box .newslist:nth-of-type(3n-1){width:32.09%}
.newsitem .box .newslist:nth-of-type(3n){border-right:none;margin-right:0}
/* .newsitem .box .newslist:nth-of-type(3n) .textbox{border:1px solid #efefef;border-top:none} */
.newsitem .box{display: -webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap}
.newsitem .box .newslist .itembox{height:100%;border:1px solid #efefef}
/* .newsitem .box .newslist .textbox{border:1px solid #efefef;border-right:none;border-top:none} */
.newsitem .newslist .textbox{padding:40px 68px 90px 50px}
.newsitem .newslist .textbox .title{color:#000;font-size:20px;font-family:'alibabasans',Arial;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}
.newsitem .newslist .textbox .morebox{margin-top:48px}
.newsitem .newslist .textbox .morebox .text{color:#666;font-family:'alibabasans',Arial}
.newsitem .newslist .textbox .morebox .icon{margin-left:5px;margin-top:8px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.newsitem .newslist .img img{width:100%}
.newsitem .newslist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem .newslist:hover .textbox .title{color:#1263aa}
.newsitem .newslist:hover .textbox .morebox .icon{margin-left:20px}
.newsdbox{background-color:#f4f4f4;padding-bottom:120px}
.newsd{position:relative;background-color:#fff;margin-top:-90px;padding:102px 88px 116px}
.newsd .top{padding-bottom:42px;border-bottom:1px solid #f1f1f1}
.newsd .top .date{color:#999;font-size:18px;font-family:'alibabasans',Arial;text-align:center}
.newsd .top .title{color:#000;font-size:36px;font-family:'alibabasans',Arial;text-align:center;margin-top:6px}
.newsd .content{padding:54px 0 66px}
.newsd .content img{display:inline-block}
.newsd .sharebox .text{color:#999;font-size:16px;line-height:45px;font-family:'alibabasans',Arial}
.newsd .sharebox .shareitem{cursor:pointer;margin-left:15px}
.newsd .bot{margin-top:50px;border-top:1px solid #f1f1f1}
.newsd .bot .list{padding:18px 25px;border-bottom:1px solid #f1f1f1;background-image:url(../img/ndright.png);background-repeat:no-repeat;background-position:left top 22px}
.newsd .bot .list .name,
.newsd .bot .list .text{font-size:16px;font-family:'alisanslight',Arial}
.newsd .bot .list .name{color:#999}
.newsd .bot .list .text{color:#666}
.newsd .bot .list:hover .name,
.newsd .bot .list:hover .text{color:#1263aa}
.serpolicy2{padding:114px 0;background-image:url(../img/sermapbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.serpolicy2 .titlebox .btitle{color:#000;font-size:36px;font-family:'alibabasans',Arial;text-align:center}
.serpolicy2 .titlebox .stitle{margin-top:10px;color:#424c4e;text-align:center;font-size:18px;font-family:'alisanslight',Arial;line-height:1.333}
.serpolicy2 .titlebox .stitle span{font-family:'alibabasans',Arial}
.serpolicy2box{margin-top:38px;position:relative}
.serpolicy2box .item{position:absolute}
.serpolicy2box .item .showbox{cursor:pointer;height:32px}
.serpolicy2box .item .showbox .icon{width:28px;height:32px;background-image:url(../img/sermapdw.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.serpolicy2box .item .showbox.headquarters .icon{background-image:url(../img/sermapdw_head.png)}
.serpolicy2box .item .showbox .name{color:#898989;font-family:'alibabasans',Arial;margin-left:3px;line-height:30px}
.serpolicy2box .item .showbox.headquarters .name{color:#e60012;font-size:18px;font-family:'alibabasans',Arial;font-weight:bold}
.serpolicy2box .item .hidebox{width:244px;display:none;padding:14px 30px 24px 30px;background-color:rgba(255,255,255,0.85);position:absolute;bottom:40px;left:-109px;box-shadow:0px 2px 37px 0 rgba(0,0,0,0.23)}
.serpolicy2box .item .hidebox:after{content:"";border-top:8px solid rgba(255,255,255,0.85);border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;bottom:-8px;left:50%;margin-left:-6px}
.serpolicy2box .item .hidebox .office{font-size:16px;color:#212121;font-family:'alibabasans',Arial}
.serpolicy2box .item .hidebox .address,
.serpolicy2box .item .hidebox .box .list{color:#666;font-family:'alisanslight',Arial;line-height:1.125}
.serpolicy2box .item .hidebox .box{margin-top:10px}
.serpolicy2 .wapimg{display:none}
/* 地图位置 */
.serpolicy2box .item:nth-of-type(1){top:148px;left:150px}
.serpolicy2box .item:nth-of-type(2){top:218px;left:202px}
.serpolicy2box .item:nth-of-type(3){top:298px;left:250px}
.serpolicy2box .item:nth-of-type(4){top:400px;left:370px}
.serpolicy2box .item:nth-of-type(5){top:456px;left:338px}
.serpolicy2box .item:nth-of-type(6){top:160px;left:488px}
.serpolicy2box .item:nth-of-type(7){top:210px;left:496px}
.serpolicy2box .item:nth-of-type(8){top:138px;left:606px}
.serpolicy2box .item:nth-of-type(9){top:164px;left:592px}
.serpolicy2box .item:nth-of-type(10){top:192px;left:576px}
.serpolicy2box .item:nth-of-type(11){top:248px;right:387px}
.serpolicy2box .item:nth-of-type(12){top:278px;right:316px}
.serpolicy2box .item:nth-of-type(13){top:348px;right:156px}
.serpolicy2box .item:nth-of-type(14){top:104px;right:206px}
.serpolicy2box .item:nth-of-type(15){top:216px;right:188px}
.serpolicy2box .item:nth-of-type(16){top:263px;right:178px}
.serpolicy2box .item:nth-of-type(17){top:220px;right:6px}
.serpolicy2box .item:hover .hidebox{display:block;z-index:39}

@media (max-width:1440px){
    .news{padding:84px 0 80px}
    .newsitem .newstoplf{font-size:30px}
    .newsd{margin-top:-65px;padding:72px 58px 86px}
    .newsd .top .title{font-size:30px}
    .newsdbox{padding-bottom:90px}
    /* .serpolicy2{padding:84px} */
}

@media (max-width:1024px){
    .downloaditem,
    .downviditem{width:100%;margin-right:0}
    .downloaditem .downitemleft{width:calc(100% - 60px);padding:20px 15px}
    .downloaditem .downitemright{width:60px}
    .downloaditem .downitemleft .name{font-size:16px}
    .downviditems{margin-top:30px}
    .downviditem{margin-bottom:20px}
    .downviditem .textbox{padding:10px 0}
    .downviditem .videobox .player{top:0}
    .news{padding:40px 0}
    .newsitem .newstoplf{font-size:22px;line-height:36px}
    .newsitem .box .newslist,
    .newsitem .box .newslist:nth-of-type(2), .newsitem .box .newslist:nth-of-type(3n-1){width:100%}
    .newsitem .box .newslist .textbox{padding:20px 15px}
    .newsitem .newslist .textbox .title{font-size:17px;height:67px;line-height:1.4}
    .newsitem .newslist .textbox .morebox{margin-top:10px}
    .newsitem{margin-bottom:30px}
    .newsitem .box{margin-top:15px}
    .newsd .content{padding:25px 0}
    .newsdbox{padding-bottom:40px}
    .newsd{margin-top:-20px;padding:30px 15px}
    .newsd .top .date{font-size:16px}
    .newsd .top .title{font-size:24px;line-height:1.2}
    .newsd .top{padding-bottom:25px}
    .newsd .bot{margin-top:25px}
    .newsd .sharebox .shareitem{width:28px;margin-left:6px}
    .newsd .sharebox .text{font-size:14px;line-height:28px}
    .newsd .bot .list .name, .newsd .bot .list .text{font-size:14px}
    .newsd .bot .list{padding:8px 16px;background-position:left top 14px;background-size:6px auto}
    .newsd .bot .list .text{max-width:calc(100% - 58px)}
    .serpolicy2box .img{display:none}
    .serpolicy2box .wapimg{display:block}
    .serpolicy2box .items{display:none}
    .serpolicy2{padding:40px 0}
    .serpolicy2 .titlebox .btitle{font-size:24px;line-height:1.2}
    .serpolicy2 .titlebox .stitle{font-size:16px}
    .serpolicy2box{margin-top:25px}
    .serpolicy2 .wapimg{display:block}
    .newsitem .newstoplr{width:36px;height:36px;background-size:100% 100%}
    .newsd .content img{width:100% !important;height:auto !important}
}

.prode1{padding:210px 0 64px}
.prodbantextbox .box{width:480px;background-color:#fff;padding:80px 60px 80px 80px;position:absolute;opacity:0;top:20%;left:6.605vw;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.prodbantextbox.cur .box{opacity:1;top:54%}
.prodbantextbox .title{color:#000;font-size:30px;font-family:'alibabasans',Arial;line-height:1.2}
.prodbantextbox .text{color:#666;font-size:16px;font-family:'alisanslight',Arial;line-height:1.5;margin-top:34px;word-break:break-all}
.prode1 .textbox{width:calc(100% - 860px);margin-left:40px}
.prode1 .textbox .title{color:#000;font-size:36px;font-family:'alibabasans',Arial;line-height:1.2}
.prode1 .textbox .desc{color:#666;font-family:'alisanslight',Arial;margin-top:28px}
.prode1 .textbox .btnbox{margin-top:84px}
.prode1 .textbox .btnbox .btn{width:326px;height:60px;display:block;line-height:58px;border:1px solid #1263aa;padding:0 0 0 100px;color:#1263aa;font-family:'alibabasans',Arial;background-image:url(../img/prdownicon.png);background-repeat:no-repeat;background-position:right 58px center}
.prode1 .textbox .btnbox .btn2{margin-top:20px}
.prode1 .textbox .btnbox .btn:hover{background-color:#1263aa;color:#fff;background-image:url(../img/prdownicon_cur.png)}
.prode2list{width:30.7%;margin-right:3.95%;margin-bottom:74px;padding-top:34px;border-top:2px solid #1263aa}
.prode2list:nth-of-type(3n){margin-right:0}
.prode2list .icon{width:78px;margin-top:10px}
.prode2list .textbox{width:calc(100% - 78px)}
.prode2list .textbox .title{color:#1263aa;font-size:24px;font-family:'alibabasans',Arial;line-height:1.3}
.prode2list .textbox .text{color:#666;font-size:16px;font-family:'alisanslight',Arial;margin-top:8px}
.prodtitle{color:#000;font-size:36px;font-family:'alibabasans',Arial;text-align:center;line-height:1.2}
.prod3{padding:60px 0 130px}
.prod3 .slide{margin-top:38px}
.prod3 .slide video{width:100%;height:100%;position:absolute;top:0;left:0;visibility:hidden;opacity:0;z-index:-1}
.prod3 .slide .swiper-slide.cur video{visibility:visible;opacity:1;z-index:19}
.prod3 .slide .player{width:80px;height:80px;z-index:19;position:absolute;top:50%;margin-top:-40px;left:50%;margin-left:-40px;cursor:pointer}
.prod3 .slide .swiper-slide.cur .player,
.prod3 .slide .swiper-slide.cur .img{visibility:hidden;opacity:0;z-index:-1}
.prod3 .slide .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod3 .swiper-button-next{right:7.81vw}
.prod3 .swiper-button-prev{left:7.81vw}
.prod4{padding:0 0 152px}
.prod4 .items{margin-top:58px}
.prod4 .item{width:300px;margin-right:calc((100% - 1200px) / 3)}
.prod4 .item:nth-of-type(4n){margin-right:0}
.prod4 .item .title{font-size:16px;font-family:'alisanslight',Arial;text-align:center;margin-top:30px}
.prod4 .item:hover .img{transform:translateY(-10px);-webkit-transform:translateY(-10px);-moz-transform:translateY(-10px)}
.prod5{position:relative}
.prod5 .wapimg,
.prod5 .imgitem{display:none}
.prod5 .imgitem.cur{display:block}
.prod5 .textbox{max-width:494px;position:relative;height:446px;position:absolute;top:50%;left:6.605vw;margin-top:-223px;background-color:#fff;padding:90px 5.1vw 114px}
.prod5 .textbox .line{width:50px;height:1px;background-color:#0086e8;margin-top:9px}
.prod5 .textbox .title{color:#0086e8;font-size:16px;margin-left:10px;font-family:'alibabasans',Arial;line-height:1.2}
.prod5 .textbox .text{width:100%;margin-top:14px;height:auto;color:#000;font-size:30px;font-family:'alibabasans',Arial;line-height:1.2;word-break:break-word}
.prod5 .textbox .desc{margin-top:14px;font-size:16px;color:#666;line-height:1.4;word-break:break-all}
.prod5 .swiper-button-next,
.prod5 .swiper-button-prev{width:56px;height:56px;top:auto;margin-top:0;bottom:64px}
.prod5 .swiper-button-next{background-image:url(../img/pd5-r.png);left:calc(112px + 6vw)}
.prod5 .swiper-button-prev{background-image:url(../img/pd5-l.png);left:5vw}
.prod5 .numbox{position:absolute;bottom:64px;left:calc(5vw + 66px)}
.prod5 .numbox div{font-size:26px;line-height:56px}
.prod5 .numbox .numline{margin:0 6px}
.prod6{padding:120px 0}
.prod6 .top{height:100px;text-align:center;border-top:1px solid #ededed;border-bottom:1px solid #ededed;cursor:pointer}
.prod6 .top .text,
.prod6 .top .icon{line-height:98px;display:inline-block}
.prod6 .top .text{color:#000;font-size:36px;font-family:'alibabasans',Arial;margin-right:15px}
.prod6 .top .icon img{margin-bottom:8px}
.prod6.cur .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.prod6.cur .icon img{margin-bottom:0;margin-top:8px}
.prod6.cur .top{background-color:#f6f6f6}
.prod6 .bot{padding:60px 100px;border-bottom:1px solid #ededed;display:none}
/* .prod6 .bot table{display:contents} */
.prod6 .bot .list{margin-bottom:15px}
.prod6 .bot .list:nth-last-of-type(1){margin-bottom:0}
.prod6 .bot .rulename{font-family:'alibabasans',Arial;font-size:20px}
.prod6 .bot .ruletext{font-family:'alibabasans',Arial;font-size:20px;color:#666;margin-left:15px}
.prod7{padding-bottom:120px}
.prod7lf{width:calc(100% - 497px);}
.prod7lr{width:410px;margin-left:87px}
.prod7lr .imgbox{position:relative}
.prod7lr .imgbox .text{position:absolute;top:26px;left:30px;color:#fff;font-size:36px;font-family:'alibabasans',Arial}
.prod7lr .textbox{background-color:#f6f6f6;padding:42px 60px 62px}
.prod7lr .textbox .title{font-size:24px;font-family:'alibabasans',Arial;color:#000}
.prod7lr .textbox .phone{color:#666;font-size:16px;font-family:'alibabasans',Arial;margin-top:14px}
.prod7lr .textbox .bot{margin-top:4px}
.prod7lr .textbox .bot .email{color:#1263aa;font-size:16px;font-family:'alisanslight',Arial}
.prod7lr .textbox .bot .icon{margin-top:10px;margin-left:8px}
.prod7lr .textbox .bot:hover .icon{margin-left:16px}
.prod7lf .title{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.prod7lf .form{margin-top:20px}
.prod7lf .form .list{width:48.5%;height:56px;margin-right:3%;margin-bottom:20px;border:1px solid #e4e4e4;padding:10px 25px}
.prod7lf .form .list:nth-of-type(2n){margin-right:0}
.prod7lf .form .list .name{width:80px;line-height:36px;color:#666;font-family:'alisanslight',Arial}
.prod7lf .form .list .input{width:calc(100% - 80px)}
.prod7lf .form .list .input input{width:100%;height:36px;line-height:36px;font-family:'alisanslight',Arial,Arial}
.prod7lf .form .list.address{width:100%}
.prod7lf .form .btn{width:266px;height:56px;margin-top:40px;background-color:#1263aa;text-align:center;line-height:56px;cursor:pointer;color:#fff;font-size:18px;font-family:'alibabasans',Arial}
.prod7lf .inten{position:relative}
.prod7lf .selectbox{width:calc(100% - 80px);height:36px;cursor:pointer}
.prod7lf .selecttop .selectname{width:calc(100% - 27px);height:36px;margin-right:20px;line-height:46px}
.prod7lf .selecttop .selectname .text{width:100%;line-height:36px}
.prod7lf .selecttop .icon{margin-top:15px}
.prod7lf .selectitems{width:calc(100% + 2px);display:none;max-height:260px;background-color:#fff;border:1px solid #e4e4e4;position:absolute;top:54px;left:-1px;z-index:10;overflow-y:auto}
.prod7lf .selectitems::-webkit-scrollbar{width:4px;background-color:#dcefff}
.prod7lf .selectitems::-webkit-scrollbar-thumb{background-color:#1263aa}
.prod7lf .selectitem{line-height:38px;border-bottom:1px solid #e4e4e4;padding:4px 15px;cursor:pointer}
.prod7lf .selectitem:nth-last-of-type(1){border-bottom:none}
.prod7lf .selectbox.cur .icon{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg)}
.prod7lr .imgbox .wapimg{display:none}
.prod8{padding:108px 0 120px;background-color:#f5f5f5}
.prod8 .box{margin-top:40px}
.prod8 .prod8list{width:31%;margin-right:3.5%;display:block}
.prod8 .prod8list:nth-of-type(3n){margin-right:0}
.prod8 .prod8list img{width:100%}
.prod8 .prod8list .textbox{padding:38px 48px 70px;background-color:#fff}
.prod8 .prod8list .textbox .title{color:#000;font-size:24px;line-height:1.3;font-family:'alibabasans',Arial;max-height:32px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.prod8 .prod8list .textbox .text{color:#666;font-size:14px;margin-top:6px;font-family:'alisanslight',Arial;max-height:44px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.prod8 .prod8list:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.prod8 .prod8list:hover .textbox .title{color:#1263aa}

@media (max-width:1440px){
    .prodbantextbox .box{width:410px;left:3.05vw;padding:60px 40px 60px 60px}
    .prodbantextbox .title{font-size:26px}
    .prode1 .img{width:620px}
    .prode1 .textbox{width:calc(100% - 660px)}
    .prode1 .textbox .btnbox .btn{width:266px;padding-left:48px;background-position:right 50px center}
    .prode1 .textbox .title{font-size:30px}
    .prode1 .textbox .btnbox{margin-top:54px}
    .prode2list .textbox .title{font-size:20px}
    .prode2list{margin-bottom:50px}
    .prod3 .slide .player{width:64px;height:64px;margin-left:-32px;margin-top:-32px}
    .prod4 .item{width:250px;margin-right:calc((100% - 1000px) / 3)}
    .prod4{padding:0 0 102px}
    .prod5 .textbox{max-width:394px;height:360px;margin-top:-160px;padding:56px 4vw 64px}
    .prod5 .swiper-button-prev{left:4vw}
    .prod5 .swiper-button-next{left:calc(5vw + 98px)}
    .prod5 .numbox{left:calc(4vw + 50px);bottom:44px}
    .prod5 .numbox div{line-height:44px}
    .prod5 .textbox .text{font-size:24px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:42px;height:42px;bottom:44px}
    .prod6{padding:80px 0}
    .prod8{padding:68px 0 80px}
    .prod7{padding-bottom:80px}
}

@media (max-width:1024px){
    .prod7{padding-bottom:40px}
    .prode1, .prod8{padding:40px 0}
    .prodbantextbox{background-color:#f3f3f3;padding:0 15px 30px}
    .prodbantextbox .box{width:100%;left:0;margin-top:0;position:static;padding:40px;transform:translateY(-20px);-webkit-transform:translateY(-20px);-moz-transform:translateY(-20px)}
    .prodbantextbox .title,
    .prode1 .textbox .title{font-size:24px}
    .prodbantextbox .text{font-size:14px;line-height:1.6;margin-top:15px}
    .prode1 .img{width:100%}
    .prode1 .textbox{width:100%;margin-left:0;margin-top:20px}
    .prode1 .textbox .desc{margin-top:15px}
    .prode1 .textbox .btnbox{margin-top:25px}
    .prode1 .textbox .btnbox .btn{width:100%;height:48px;line-height:46px;padding-left:23vw;background-position:right 28vw center}
    .prode1 .textbox .btnbox .btn2{margin-top:15px}
    .prode2list{width:100%;padding-top:15px;margin-bottom:25px}
    .prode2list .icon{width:46px;margin-top:5px}
    .prode2list .icon img{height:30px}
    .prode2list .textbox{width:calc(100% - 46px)}
    .prode2list .textbox .title{font-size:16px}
    .prode2list .textbox .text{font-size:14px;margin-top:4px}
    /* .prode2list:nth-of-type(4), .prode2list:nth-of-type(5), .prode2list:nth-of-type(6){display:none} */
    .prod3{padding:20px 0 40px}
    .prodtitle{font-size:22px}
    .prod3 .slide{margin-top:20px}
    .prod3 .slide .player{width:40px;height:40px;margin-left:-20px;margin-top:-20px}
    .prod4{padding:0 0 40px}
    .prod4 .items{margin-top:15px}
    .prod4 .item{width:50%;margin-right:0;margin-top:10px;margin-bottom:10px}
    .prod4 .item .img{width:82%;margin:0 auto}
    .prod4 .item .title{font-size:14px;margin-top:10px}
    .prod5 .wapimg{display:block}
    .prod5 .img{display:none}
    .prod5 .textbox{width:100%;max-width:100%;height:auto;position:static;margin-top:0;padding:0 15px;left:0}
    .prod5 .textbox .box{padding:30px 30px 66px;background-color:#fff;transform:translateY(-30px);-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);position:relative}
    .prod5 .textbox .line{width:32px}
    .prod5 .textbox .title{font-size:14px}
    .prod5 .textbox .text{font-size:20px}
    .prod5 .textbox .desc{font-size:14px}
    .prod5 .swiper-button-next, .prod5 .swiper-button-prev{width:32px;height:32px;bottom:20px}
    .prod5 .swiper-button-prev{left:30px}
    .prod5 .swiper-button-next{left:118px}
    .prod5 .numbox{bottom:20px;left:72px}
    .prod5 .numbox div{line-height:32px;font-size:18px}
    .prod6 .top .text{font-size:22px;line-height:68px}
    .prod6 .top{height:68px}
    .prod6 .top .icon{line-height:66px}
    .prod6 .top .icon img{margin-bottom:0}
    .prod6.cur .icon img{margin-top:2px}
    .prod6 .bot{padding:25px 15px}
    .prod6 .bot .ruletext{font-size:16px;margin-left:0}
    .prod6 .bot .list{margin-bottom:8px}
    .prod6{padding:10px 0 50px}
    .prod7lr{width:100%;margin-left:0}
    .prod7lf{width:100%;margin-top:25px}
    .prod7lr .imgbox .text{font-size:24px;top:10px;left:15px}
    .prod7lr .imgbox .wapimg{display:block}
    .prod7lr .imgbox .img{display:none}
    .prod7lr .textbox{padding:20px 25px 30px}
    .prod7lr .textbox .title{font-size:20px}
    .prod7lr .textbox .phone{font-size:14px;margin-top:6px}
    .prod7lf .title{font-size:24px}
    .prod7lf .form{margin-top:10px}
    .prod7lf .form .list{width:100%;margin-bottom:10px;padding:0px 15px;height:48px}
    .prod7lf .form .list .name{line-height:46px}
    .prod7lf .form .list .input input{height:46px;line-height:46px}
    .prod7lf .selecttop .selectname{height:46px}
    .prod7lf .selecttop .icon{margin-top:20px}
    .prod7lf .selectitems{top:46px}
    .prod7lf .form .btn{width:100%;margin-top:15px;height:46px;line-height:46px;font-size:16px}
    .prod8 .box{margin-top:20px}
    .prod8 .prod8list{width:100%;margin-right:0}
    .prod8 .prod8list .textbox{padding:20px 25px 40px}
    .prod8 .prod8list .textbox .title{font-size:20px}
    .prod8 .prod8list:nth-of-type(2){display:none}
    .prod7 .box{padding-bottom:40px}
}

@media (max-width:380px){
    .prode1 .textbox .btnbox .btn{padding-left:28vw}
}

@media (max-width:370px){
    .prode1 .textbox .btnbox .btn{padding-left:24vw;background-position:right 27vw center}
}


/* 2020.04.11 新增 */

.serpolicy1{padding:116px 0 120px}
.serpolicy1 .name{font-size:36px;text-align:center;color:#000;font-family:'alibabasans',Arial}
.serpolicy1 .box{margin-top:50px}
.serpolicy1 .list{width:48%;margin-right:4%;border:1px solid #f2f2f2;padding:55px 42px 50px 80px}
.serpolicy1 .list:nth-last-of-type(1){margin-right:0}
.serpolicy1 .list .textbox{margin-top:38px}
.serpolicy1 .list .textbox .title{font-size:24px;text-transform:Uppercase}
.serpolicy1 .list .textbox .line{width:24px;height:2px;background-color:#1263aa;margin:20px 0 38px}
.serpolicy1 .list .textbox .text{color:#666;font-family:Arial;line-height:1.714}
.serpolicy3 .box1{background-color:#fff;padding:54px 70px 122px;margin-top:-230px;position:relative;z-index:3}
.serpolicy3 .box1 .titlebox{margin-bottom:56px}
.serpolicy3 .box1 .titlebox .title{color:#000;font-size:36px;text-align:center;font-family:'alibabasans',Arial}
.serpolicy3 .box1 .titlebox .text{color:#666;font-size:18px;text-align:center;font-family:'alibabasans',Arial}
.serpolicy3 .box1 .form1{margin-bottom:32px}
.serpolicy3 .box1 .form1:nth-last-of-type(1){margin-bottom:0}
.serpolicy3 .box1 .bigname{color:#494b4a;font-size:24px;line-height:24px;font-family:Arial;position:relative;padding-left:25px}
.serpolicy3 .box1 .bigname:after{content:"";width:4px;height:4px;background-color:#494b4a;position:absolute;top:50%;margin-top:-2px;left:0}
.serpolicy3 .box1 .formlist{height:64px;border:1px solid #e5e5e5;padding:15px 20px;margin-top:20px;margin-right:1.08%}
.serpolicy3 .box1 .formlist:nth-of-type(2n){margin-right:0}
.serpolicy3 .box1 .formlist .name{color:#666;font-family:'alibabasans',Arial;line-height:34px}
.serpolicy3 .box1 .formlist .name span{color:#ff0000;margin-right:6px}
.serpolicy3 .box1 .formlist .name span.showtext{color:#333;margin-left:5%}
.serpolicy3 .box1 .formlist.w4529{width:49.46%}
.serpolicy3 .box1 .formlist.w100{width:100%;margin-right:0}
.serpolicy3 .box1 .formlist .input{width:60%;margin-left:5%}
.serpolicy3 .box1 .formlist .input input{width:100%;height:34px;color:#333;font-family:'alibabasans',Arial}
.serpolicy3 .box1 .formlist.select{position:relative}
.serpolicy3 .box1 .formlist.select .name{width:100%;background-image:url(../img/serdown.png);cursor:pointer;background-repeat:no-repeat;background-position:right 20px center}
.serpolicy3 .box1 .formlist .selectitems{width:calc(100% + 2px);max-height:200px;overflow-y:auto;border:1px solid #e5e5e5;border-top:none;padding:0 20px;position:absolute;left:-1px;z-index:-1;top:0px;opacity:0;visibility:hidden;background-color:#fff;box-shadow:0px 4px 22px 0px rgba(0,0,0,0.04);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.serpolicy3 .box1 .formlist .selectitems::-webkit-scrollbar{width:4px;background-color:#dcefff}
.serpolicy3 .box1 .formlist .selectitems::-webkit-scrollbar-thumb{background-color:#1263aa}
.serpolicy3 .box1 .formlist .selectitem{padding:7px 0;color:#666;line-height:26px;font-family:'alibabasans',Arial;cursor:pointer;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s}
.serpolicy3 .box1 .formlist .selectitem:hover{color:#0068b7}
.serpolicy3 .box1 .formlist.select:hover .selectitems{z-index:19;visibility:visible;top:62px;opacity:1}
.serpolicy3 .box1 .upload{margin-top:20px;font-family:'alibabasans',Arial}
.serpolicy3 .box1 .uploadname{color:#666}
.serpolicy3 .box1 .uploadinput{width:104px;height:104px;margin-top:6px;position:relative;background-image:url(../img/serupload.png);cursor:pointer;background-repeat:no-repeat;background-position:center center}
.serpolicy3 .box1 .uploadinput input{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;z-index:6;cursor:pointer}
.serpolicy3 .box1 .imgbox{margin-top:20px}
.serpolicy3 .box1 .imgbox .imglist{width:104px;height:104px;position:relative;background-repeat:no-repeat;background-position:center center;border:1px solid #ddd}
.serpolicy3 .box1 .imgbox .imglist .close{width:21px;position:absolute;top:-10px;right:-10px;z-index:9;cursor:pointer}
.serpolicy3 .box1 .subbtn{width:360px;height:64px;background-color:#1263aa;color:#fff;font-weight:bold;font-size:18px;text-align:center;line-height:64px;text-transform:Uppercase;font-family:'alibabasans',Arial;cursor:pointer}
.serpolicy3{background-color:#f8f8f8;padding-bottom:120px}
.serpolicy3 .box2{margin-top:20px;background-color:#fff;padding:90px 70px 88px}
.serpolicy3 .box2 .bigtitle{color:#000;font-size:36px;font-family:'alibabasans',Arial}
.serpolicy3 .box2 .items{margin-top:46px}
.serpolicy3 .box2 .item{width:50%}
.serpolicy3 .box2 .item .title{font-size:24px;font-family:'alibabasans',Arial}
.serpolicy3 .box2 .item .text{color:#666;font-family:'alibabasans',Arial;margin-top:16px;line-height:1.714}
.serpolicy3 .box2 .item .text a{color:#666;font-family:'alibabasans',Arial}
.serpolicy3 .box2 .item:nth-of-type(1){border-right:1px solid #e8e8e8}
.serpolicy3 .box2 .item:nth-of-type(2){padding-left:5.2vw}

@media (max-width:1440px){
    .serpolicy3 .box1{margin-top:-160px}
}

@media (max-width:1024px){
    .serpolicy1{padding:40px 0}
    .serpolicy1 .name{font-size:22px}
    .serpolicy1 .box{margin-top:30px}
    .serpolicy1 .list{width:100%;margin-right:0;margin-bottom:20px;padding:25px 20px}
    .serpolicy1 .list:nth-last-of-type(1){margin-bottom:0}
    .serpolicy1 .list .icon img{width:60px}
    .serpolicy1 .list .textbox{margin-top:18px}
    .serpolicy1 .list .textbox .title{font-size:18px}
    .serpolicy1 .list .textbox .line{width:18px;margin:6px 0 12px}
    .serpolicy3 .box1{margin-top:0;padding:25px 20px}
    .serpolicy3 .box1 .titlebox .title{font-size:24px}
    .serpolicy3 .box1 .titlebox .text{font-size:14px}
    .serpolicy3 .box1 .titlebox{margin-bottom:30px}
    .serpolicy3 .box1 .bigname{font-size:18px;padding-left:14px}
    .serpolicy3 .box1 .formlist{height:auto}
    .serpolicy3 .box1 .formlist,.serpolicy3 .box1 .formlist.w4529{width:100%;padding:10px;margin-top:10px}
    .serpolicy3 .box1 .formlist.select .name{background-position:right center}
    .serpolicy3 .box1 .formlist .name{font-size:12px}
    .serpolicy3 .box1 .formlist .input{width:64%}
    .serpolicy3 .box1 .subbtn{width:100%;height:54px;line-height:54px;font-size:16px}
    .serpolicy3 .box2{padding:25px 20px}
    .serpolicy3 .box2 .bigtitle{font-size:26px}
    .serpolicy3 .box2 .item{width:100%;margin-bottom:25px}
    .serpolicy3 .box2 .item:nth-of-type(1){border-right:none;padding-bottom:25px;border-bottom:1px solid #e8e8e8}
    .serpolicy3 .box2 .item .title{font-size:18px}
    .serpolicy3 .box2 .item .text{line-height:1.6}
    .serpolicy3 .box2 .items{margin-top:30px}
    .serpolicy3 .box2 .item:nth-of-type(2){padding-left:0;margin-bottom:0}
    .serpolicy3{padding-bottom:40px}
}