.indexban {font-size: 0;}
.indexbanner {width: 100%;}
.indexbanner .swiper-slide a {display: block;}
.indexbanner .swiper-slide img {width: 100%;height: auto}
.indexbanner .swiper-slide img.phone {display: none;}
.indexban .swiper-pagination-bullet{position: relative;width:17px;height:17px;background-color:transparent;opacity:1;border: 1px solid #fff;}
.indexban .swiper-pagination-bullet:before {content: "";display: block;width: 100%;height: 100%;background: #fff;border-radius: 50%;border: 1px solid #fff;position: absolute;left: -1px;top: -1px;z-index: 10;transform: scale(0);transition: all 0.3s;}
.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px auto}
.indexban .swiper-pagination{width:17px;left:auto;right:20px;bottom:50%}
.indexban .swiper-pagination-bullet-active:before{transform: scale(1);}

@media (max-width:993px){
    .indexban .swiper-pagination{width:100%;bottom:0;text-align:center;right:0;bottom:5%}
    .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px}
}

/* 浜у搧绯诲垪 */
.protop{padding:86px 0 76px;border-bottom:2px solid #f2f2f2}
.protopleft{width:50%;padding-right:4.6958vw}
.protopright{width:50%;padding-left:8.2375vw}
.pagetitlebox .cntitle{color:#5bb446;font-size:36px;font-weight:bold}
.pagetitlebox .entitle,
.pagetitlebox2 .entitle{color:#666;font-family:Arial;margin-top:5px}
.pagetitlebox .icon{margin-top:35px}
.protopleft .textbox .textlist{margin-bottom:4.1666vw}
.protopleft .textbox{margin-top:4.8958vw}
.protopleft .textbox .textname{padding-left:30px;font-size:18px;background-image:url(../img/pyuan1.png);background-repeat:no-repeat;background-position:left top 4px}
.protopleft .textbox .textlist:nth-of-type(2) .textname{background-image:url(../img/pyuan2.png)}
.protopleft .textbox .texten{color:#666;font-weight:bold;margin-top:12px;margin-bottom:5px;margin-left:30px}
.protopleft .textbox .text{color:#666;line-height:2.143;margin-top:12px;margin-left:30px}
.protoplist{margin-bottom:74px}
.protoplist:nth-last-of-type(1){margin-bottom:0}
.protopright .name{text-align:center;font-size:18px;margin-top:14px}
.protopright .img2{width:248px;height:248px;border-radius:248px;margin-left:4.5833vw}
.probot{padding:75px 0 67px}
.probot .pager{margin-top:40px}
.pagetitlebox2 .name{font-size:24px;font-weight:bold}
.pagetitlebox2 .icon{margin-top:35px}
.proitems{margin-top:60px}
.proitem{width:24%;margin-right:1.3333%;margin-bottom:28px}
.proitem:nth-of-type(4n){margin-right:0}
.proitem .img{border:2px solid #d2d2d2;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.proitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.proitem:hover .img{border:2px solid #002b80}
.proitem .namebox{background-color:#f6f6f6;padding:20px 40px 20px 15px;background-image:url(../img/promore.png);background-repeat:no-repeat;background-position:right 15px center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.proitem .namebox .name{font-size:16px;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s;max-height:21px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.proitem:hover{box-shadow:0px 10px 30px 0px rgba(0, 0, 0, 0.07)}
.proitem:hover .namebox{background-color:#fff;background-image:url(../img/promore_cur.png)}
.proitem:hover .namebox .name{color:#002b80}
.prodetailbox{padding:74px 0 100px}
.prodetail{margin-top:44px}
.prodetail .w1916{width:30.66%}
.prodetail .w1412{width:23.08%}
.prodetail .w4246{width:69.25%}
.prodetail .top{height:auto;padding:15px 0;background-color:#002b80}
.prodetail .top .name{line-height:20px;color:#fff;text-align:center;font-weight:bold}
.prodetail .bot{width:100%;border:1px solid #e0e0e0;border-top:none}
.prodetail .bot .img{text-align:center;border-right:1px solid #e0e0e0}
.prodetail .bot .img img{display:initial;vertical-align:middle}
.prodetail .bot .name{width:33.3333%;height:50px;border-right:1px solid #e0e0e0;color:#666;line-height:50px;text-align:center;border-bottom:1px solid #e0e0e0}
.prodetail .bot .name:nth-last-of-type(1){border-right:none}
.prodetail .bot .list:nth-last-of-type(1) .name{border-bottom:none}
.prodetailbox .return{padding:15px 100px;display:block;margin-top:42px;background-color:#002b80;line-height:30px;color:#fff;text-align:right;background-image:url(../img/proreturn.png);background-repeat:no-repeat;background-position:right 50px center}

@media (max-width:993px){
    .protop, .probot{padding:40px 0}
    .protopleft{width:100%;padding-right:0}
    .protopright{width:100%;padding-left:0;margin-top:30px}
    .pagetitlebox .cntitle,
    .pagetitlebox2 .name{font-size:22px}
    .pagetitlebox .icon,
    .pagetitlebox2 .icon{margin-top:15px}
    .protopleft .textbox .text{line-height:1.8;margin-top:6px}
    .protopleft .textbox .texten{margin-top:6px}
    .protopright .img2{margin-left:20vw}
    /* .protopright .img{width:64px} */
    .protopright .name{font-size:15px}
    .protoplist{margin-bottom:25px}
    .pagetitlebox2 .icon img{width:40px}
    .proitems{margin-top:20px}
    .proitem{width:48%;margin-right:4%;margin-bottom:15px}
    .proitem:nth-of-type(2n){margin-right:0}
    .proitem:nth-last-of-type(1), .proitem:nth-last-of-type(2){margin-bottom:0}
    .proitem .namebox{padding:10px 30px 10px 10px;background-position:right 10px center}
    .prodetailbox{padding:40px 0 60px}
    .prodetail .bot .name{font-size:12px}
}

@media (max-width:480px){
    .protopright .img2{width:200px;height:200px;margin-left:0;float:right}
}

@media (max-width:370px){
    .protopright .img2{width:170px;height:170px}
    .protopright .img1 .img{width:67px}
}


/* 瑙ｅ喅鏂规 */
.solu1{padding:88px 0 100px}
.solu1 .solu1lf,
.solu1 .img{width:50%}
.solu1 .solu1lf{padding-right:8.5416vw}
.solu1 .solu1lf .box{margin-top:38px}
.solu1 .solu1lf .box .list .numUp{color:#002b80;font-size:46px;font-weight:bold;line-height:1;font-family:'dinpro'}
.solu1 .solu1lf .box .list .numUpb{color:#002b80;font-size:26px;font-weight:bold;line-height:1}
.solu1 .solu1lf .box .list .unit{color:#666;margin-top:22px}
.solu1 .solu1lf .box .list .name{color:#666;margin-top:6px}
.solu1 .solu1lf .box .two{margin-left:90px;margin-top:20px;position:relative}
.solu1 .solu1lf .box .two:after{content:"";width:1px;height:57px;background-color:#c3c3c3;position:absolute;top:-8px;left:-45px}
.solu1 .solu1lf .text{color:#666;line-height:2;margin-top:34px}
.solu1 .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.solu2{padding:100px 0 114px;background-image:url(../img/sobg1.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.solutitlebox .title{font-size:24px;font-weight:bold}
.solu2 .items{margin-top:40px;justify-content:space-between}
.solu2 .item{width:21.3333%;margin:42px 0;text-align:center}
.solu2 .item:nth-of-type(1),
.solu2 .item:nth-of-type(5n+1){width:18%;text-align:left}
.solu2 .item:nth-of-type(5n){width:18%;text-align:right}
.solu2 .item .icon{width:116px;height:116px;border:1px solid #34b502;border-radius:116px;background-repeat:no-repeat;background-position:center center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.solu2 .item .name{width:116px;text-align:center;color:#666;margin-top:16px}
.solu2 .item .box{display:inline-block}
.solu2 .item.cur .icon{background-color:#002b80}
.solu3{padding:100px 0 88px}
.solu3 .solu3list{margin-bottom:72px}
.solu3 .solu3list:nth-last-of-type(1),
.solu3 .solu3list .textboxlr .list:nth-last-of-type(1){margin-bottom:0}
.solu3 .solu3list .textbox{padding:50px 0 64px;border-bottom:1px solid #f0f0f0}
.solu3 .solu3list .textboxlf,
.solu3 .solu3list .textboxlr{width:50%}
.solu3 .solu3list .textboxlf .name{font-size:24px;font-weight:bold;line-height:1.5}
.solu3 .solu3list .textboxlf .icon{margin-top:32px}
.solu3 .solu3list .textboxlr .list{margin-bottom:36px}
.solu3 .solu3list .textboxlr .list .title{font-weight:bold}
.solu3 .solu3list .textboxlr .list .text{color:#666;margin-top:10px;line-height:2.143}
.solu3 .solu3list:nth-last-of-type(1) .textbox{padding:50px 0 0;border-bottom:none}
.techteam1{padding:96px 0 124px}
.techteam1lr{width:50%}
.techteam1lr .title,
.techteam3 .textbox .textlist .title{font-size:24px;font-weight:bold}
.techteam1lr .icon{margin:35px 0 32px}
.techteam1lr .text{color:#666;line-height:2.143}
.techteam3{padding:94px 0 104px;position:relative}
.techteam3 .img{position:absolute;bottom:0;left:0}
.techteam3 .textbox{width:50%}
.techteam3 .textbox .textlist:nth-of-type(1){padding-bottom:105px;border-bottom:1px solid #dfdfdf}
.techteam3 .textbox .textlist .title{line-height:1.5}
.techteam3 .textbox .textlist .icon{margin:32px 0}
.techteam3 .textbox .textlist .text{line-height:2.143;color:#666}
.techteam3 .textbox .textlist:nth-of-type(2){margin-top:76px}
.techteam3 .textbox .textlist:nth-of-type(2) .text{margin-top:32px}
.techteam3 .textbox .textlist .list:nth-of-type(1){margin-right:80px}
.techteam3 .textbox .textlist .list .text{margin-top:3px;line-height:1.4}
.techteam3 .textbox .textlist .list .title{color:#002b80;font-size:28px;font-weight:normal;line-height:1.2}
.techteam3 .textbox .textlist .list .numUp{font-size:36px;color:#002b80;line-height:1;font-family:'dinpro'}
.techteam3 .textbox .textlist .list .add{color:#002b80;margin-top:-2px}
.techteam3 .img img{width:44.5833vw}
.promote{padding:82px 0 116px}
.promotebox{margin-top:64px}
.promote .pager{margin-top:70px}
.promotebox .item{position:relative;width:31.5%;margin-right:2.75%;margin-bottom:30px;overflow:hidden;cursor:pointer}
.promotebox .item:nth-of-type(2),
.promotebox .item:nth-of-type(3n){margin-right:0}
.promotebox .item.one{width:65.75%}
.promotebox .item .img img{width:100%}
.promotebox .item .textbox{width:100%;height:100%;background-color:rgba(0,0,0,0.7);position:absolute;top:-100%;left:0;opacity:0;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center
;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.promotebox .item .textbox .title{color:#fff;padding:0 10px;font-size:24px;max-height:62px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.promotebox .item .textbox .icon{width:24px;height:24px;margin:14px auto 0}
.promotebox .item:hover .textbox{opacity:1;top:0}
.down1{padding:92px 0 86px}
.down1items{margin-top:96px}
.down1item{width:47%;margin-right:6%;margin-bottom:20px;background-color:#f7f7f7;padding:56px 35px 54px}
.down1item:nth-of-type(2n){margin-right:0}
.down1itemlf{width:calc(100% - 51px);margin-right:20px}
.down1item .title{font-size:16px}
.down1item .date{font-size:12px;color:#666;margin-top:6px}
.down1item:hover{background-color:#fff;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.16)}
.down2{padding:74px 0 98px;background-color:#f9f9f9}
.down2 .down2title .title{font-size:24px;font-weight:bold}
.down2 .down2title .icon{margin-top:24px}
.down2vitems{margin-top:72px}
.down2vitem{width:31%;margin-right:3.5%;margin-bottom:20px}
.down2vitem:nth-of-type(3n){margin-right:0}
.down2vitem .videobox{position:relative}
.down2vitem .videobox video{width:100%;height:100%;position:absolute;top:0;left:0;z-index:-3;opacity:0}
.down2vitem.cur .videobox video{z-index:19;opacity:1}
.down2vitem.cur .player,
.down2vitem.cur .img{z-index:-3;opacity:0}
.down2vitem .img img{width:100%}
.down2vitem .player{position:absolute;top:50%;left:50%;margin-left:-33px;margin-top:-19px;z-index:19;cursor:pointer}
.down2vitem .bot{padding:35px;background-color:#fff}
.down2vitem .bot .title{font-size:16px;width:calc(100% - 51px);margin-right:20px}
.down2vitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.down2vitem:hover{box-shadow:0px 3px 32px rgba(0,0,0,0.07)}

@media (max-width:993px){
    .indexbanner .swiper-slide img.pc {display: none;}
    .indexbanner .swiper-slide img.phone {display: block;}
    .indexban .swiper-pagination-bullet{width:12px;height:12px;}
    /*.indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 5px auto}*/
    .solu1, .solu2, .techteam1, .techteam3, .promote, .down1, .down2{padding:40px 0 50px}
    .solu1 .solu1lf, .solu1 .img{width:100%}
    .solu1 .solu1lf{padding-right:0}
    .solu1 .img, .promotebox, .down1items, .down2vitems{margin-top:30px}
    .solu1 .solu1lf .box,
    .solu1 .solu1lf .text{margin-top:15px}
    .solu1 .solu1lf .text{line-height:1.8}
    .solu1 .solu1lf .box .list .numUpb,
    .solutitlebox .title,
    .solu3 .solu3list .textboxlf .name,
    .techteam1lr .title,
    .techteam3 .textbox .textlist .title,
    .down2 .down2title .title{font-size:20px}
    .solu1 .solu1lf .box .list .numUp{font-size:30px}
    .solu1 .solu1lf .box .list .unit{margin-top:9px}
    .solu1 .solu1lf .box .two,
    .down2 .down2title .icon{margin-top:10px}
    .solu1 .solu1lf .box .two:after{height:46px;top:-4px}
    .solutitlebox .icon{width:46px}
    .solu2{background-size:cover}
    .solu2 .items{margin-top:15px}
    .solu2 .item{width:50%;padding:0 5%;margin:10px 0}
    .solu2 .item:nth-of-type(1), .solu2 .item:nth-of-type(5n+1){width:50%; padding:0 5%;text-align:center}
    .solu2 .item:nth-of-type(5n){width:50%;text-align:center}
    .solu2 .item .icon{width:96px;height:96px;margin:0 auto}
    .solu3{padding:50px 0 40px}
    .solu3 .solu3list .textboxlf, .solu3 .solu3list .textboxlr{width:100%}
    .solu3 .solu3list .textbox{padding:20px 0 30px}
    .solu3 .solu3list .textboxlf .icon{margin-top:15px}
    .solu3 .solu3list .textboxlf .icon img,
    .down2 .down2title .icon img{width:46px}
    .solu3 .solu3list .textboxlr,
    .techteam3 .textbox .textlist:nth-of-type(2) .text{margin-top:20px}
    .solu3 .solu3list .textboxlr .list{margin-bottom:15px}
    .solu3 .solu3list:nth-last-of-type(1) .textbox{padding:20px 0 0}
    .solu3 .solu3list{margin-bottom:30px}
    .techteam1lf{width:100%}
    .techteam1lr{width:100%;margin-top:25px}
    .techteam1lr .icon, .techteam3 .textbox .textlist .icon{margin:10px 0}
    .techteam1lr .icon img{width:46px}
    .techteam1lr .text{line-height:1.8}
    .techteam3 .img{width:100%;position:static}
    .techteam3 .img img{width:100%}
    .techteam3 .textbox{width:100%;margin-top:25px}
    .techteam3 .textbox .textlist .icon img{width:46px}
    .techteam3 .textbox .textlist .text{line-height:1.8}
    .techteam3 .textbox .textlist:nth-of-type(1){padding-bottom:35px}
    .techteam3 .textbox .textlist:nth-of-type(2){margin-top:25px}
    .techteam3 .textbox .textlist .list .text{margin-top:3px}
    .techteam3 .textbox .textlist .list .title{font-size:24px}
    .techteam3 .textbox .textlist .list .numUp{font-size:32px}
    .pagetitlebox .icon img{height:1px}
    .promotebox .item.one{width:100%;margin-right:0}
    .promotebox .item{width:100%;margin-bottom:20px}
    .promotebox .item .textbox{top:0;opacity:1;background-color:rgba(0,0,0,0.4)}
    .promotebox .item .textbox .title{font-size:20px;max-height:50px}
    .down1item{width:100%;margin-right:0;padding:25px 15px}
    .down1item:nth-last-of-type(1){margin-bottom:0}
    .down2vitem{width:100%;margin-right:0}
    .down2vitem:nth-last-of-type(1){margin-bottom:0}
    .down2vitem .bot{padding:20px 15px}
}


/* 鏈嶅姟 */
.service{padding:9.38vh 0;background-image:url(../img/serbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.service .sevicebox{background-color:rgba(255,255,255,0.95);padding:7.88vh 4.16vw 8vh}
.sevicebox .servicetitle .title{color:#5bb446;font-size:36px;font-weight:bold}
.sevicebox .servicetitle .text{margin-top:3px;color:#666}
.sevicebox .servicetitle .icon{margin-top:36px}
.sevicebox .bot{margin-top:66px}
.sevicebox .bot .form .item{margin-bottom:20px}
.sevicebox .bot .form .item:nth-last-of-type(1){margin-bottom:0}
.sevicebox .bot .form .item .name{line-height:40px}
.sevicebox .bot .form .item .name span{color:#48af1f}
.sevicebox .bot .form .item .input{width:280px;height:40px;margin-left:18px;border:1px solid #c3c3c3}
.sevicebox .bot .form .item .input input{width:100%;height:100%;padding:0 19px}
.sevicebox .bot .form .item .input input#area{width:calc(100% - 53px)}
.sevicebox .bot .form .item .unit{line-height:40px;color:#48af1f;margin-right:19px}
.sevicebox .bot .layui-form-item .layui-inline{width:130px;margin-bottom:0;margin-right:0}
.sevicebox .bot .layui-form-item .layui-inline.one{margin-left:18px;margin-right:14px}
.sevicebox .bot .layui-form-item .layui-form-select .layui-edge{border-top-color:#48af1f}
.sevicebox .center{position:relative;margin:0 80px;padding:87px 0 85px}
.sevicebox .center:before{content:"";width:1px;height:87px;background-color:#c3c3c3;position:absolute;top:0;left:50%}
.sevicebox .center:after{content:"";width:1px;height:85px;background-color:#c3c3c3;position:absolute;bottom:0;left:50%}
.sevicebox .center .btn{width:124px;height:130px;position:relative;z-index:9;background-image:url(../img/serbtn.png);background-repeat:no-repeat;background-position:center center;background-size:100% 100%}
.sevicebox .center .text{width:50px;height:54px;position:absolute;top:50%;margin-top:-27px;left:50%;margin-left:-25px;color:#fff;font-size:24px;z-index:10;cursor:pointer}
.sevicebox .center .btn.cur{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}
.sevicebox .result .resulttitle{color:#666;font-size:18px}
.sevicebox .result .resulttitle span{color:#48af1f;font-size:24px;font-weight:bold}
.sevicebox .resultbox{width:378px;height:150px;border:1px solid #c3c3c3;margin-top:25px;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center}
.sevicebox .resultbox .list .name{font-size:16px}
.sevicebox .resultbox .list .text{color:#48af1f;font-size:16px;font-weight:bold}
.sevicebox .result .resulttext{width:372px;color:#666;margin-top:22px;line-height:1.714}
.joinadvan{padding:66px 0 98px}
.joinadvanitems{margin-top:68px}
.joinadvanitem{margin-bottom:70px}
.joinadvanitem:nth-last-of-type(1){margin-bottom:0}
.joinadvanitem .img{width:50%}
.joinadvanitem .textbox{padding:4.1666vw 3.5416vw 30px 0;width:50%}
.joinadvanitem:nth-of-type(2n) .textbox{padding:4.1666vw 0 30px 3.5416vw}
.joinadvanitem .textbox .title{font-size:24px;font-weight:bold}
.joinadvanitem .textbox .icon{margin:36px 0}
.joinadvanitem .textbox .text{color:#666;line-height:2.143}
.joinadvanitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.shopbox{padding:64px 0 0 0}
.shopbox .pagetitlebox .btn,
.honor .pagetitlebox .btn{width:150px;height:46px;display:block;background-color:#e5e5e5;text-align:center;line-height:46px}
.shopbox .pagetitlebox .btn:hover,
.honor .pagetitlebox .btn:hover,
.shopbox .pagetitlebox .btn.cur,
.honor .pagetitlebox .btn.cur{background-color:#002b80;color:#fff}
.shopbox .pagetitlebox .boxlr{margin-top:32px}
.shopbox .pagetitlebox .btn:nth-of-type(1),
.honor .pagetitlebox .btn:nth-of-type(1){margin-right:40px}
.shopslide{margin:80px 0 2px}
.shopslide .swiper-pagination{bottom:3.152vw}
.shopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:13px;height:13px;background-color:#fff;margin:0 2px;opacity:1}
.shopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#48af1f}
.shopslide .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.shopslide .img img{width:100%}
.joinstand .joinadvanitem .wapimg{display:none}
.joinstand .joinadvanitem{align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center}
.joinstand .joinadvanitem:nth-of-type(2n) .textbox{padding:0 0 0 3.5416vw}
.joinstand .joinadvanitem .textbox{padding:0 3.5416vw 0 0}

@keyframes xuanzhuan{
	from {transform:rotateZ(0deg)}
	to {transform:rotateZ(360deg)}
}

@-webkit-keyframes xuanzhuan{
	from {-webkit-transform:rotateZ(0deg)}
	to {-webkit-transform:rotateZ(360deg)}
}

@-moz-keyframes xuanzhuan{
	from {-moz-transform:rotateZ(0deg)}
	to {-moz-transform:rotateZ(360deg)}
}

@media (max-width:1320px){
    .sevicebox .center{margin:0 3vw}
    .sevicebox .result,
    .sevicebox .form{width:calc((100% - 6vw - 124px) / 2)}
    .sevicebox .resultbox{width:100%}
    .sevicebox .result .resulttext{width:95%}
    .sevicebox .bot .form .item .input{width:calc(100% - 95px)}
    .sevicebox .bot .layui-form-item .layui-inline{width:34%}
    .service .sevicebox{padding:5vh 3vw}
}

@media (max-width:1120px){
    .sevicebox .bot .layui-form-item .layui-inline{width:30%}
}

@media (max-width:993px){
    .service .sevicebox{width:calc(100% - 30px)}
    .service{padding:30px 0;background-size:cover}
    .sevicebox .servicetitle .title{font-size:22px}
    .sevicebox .servicetitle .icon{margin-top:10px}
    .sevicebox .servicetitle .icon img{height:1px}
    .sevicebox .result, .sevicebox .form{width:100%}
    .sevicebox .bot{margin-top:25px}
    .sevicebox .bot .form .item .input{margin-left:8px;width:calc(100% - 85px)}
    .sevicebox .bot .layui-form-item .layui-inline{width:calc((100% - 85px - 6%) / 2);display:inline-block}
    .sevicebox .bot .layui-form-item .layui-inline.one{margin-left:2%;margin-right:4%}
    .sevicebox .bot .form .item .input input#area{width:calc(100% - 38px)}
    .sevicebox .bot .form .item .input input{padding:0 10px}
    .sevicebox .bot .form .item{margin-bottom:10px}
    .sevicebox .center .btn{margin:0 auto;width:88px;height:93px}
    .sevicebox .center{width:100%;margin:15px 0;padding:0}
    .sevicebox .center:before{width:calc((100% - 98px) / 2);height:1px;left:0;top:50%}
    .sevicebox .center:after{width:calc((100% - 98px) / 2);height:1px;right:0;left:auto;top:50%}
    .sevicebox .center .text{font-size:16px;width:36px;height:44px;margin-top:-22px;margin-left:-18px}
    .sevicebox .result .resulttitle{font-size:16px;text-align:center}
    .sevicebox .result .resulttitle span{font-size:20px}
    .sevicebox .resultbox{height:100px;margin-top:10px}
    .sevicebox .result .resulttext{width:100%;margin-top:10px}
    .sevicebox .layui-form-select .layui-input{padding-right:20px}
    .sevicebox .bot .layui-form-item .layui-form-select .layui-edge{right:5px}
    .joinadvan{padding:40px 0 50px}
    .joinadvanitem .img{width:100%}
    .joinadvanitem .textbox,
    .joinstand .joinadvanitem .textbox,
    .joinstand .joinadvanitem:nth-of-type(2n) .textbox{width:100%;padding:20px 0}
    .joinadvanitem:nth-of-type(2n) .textbox{padding:20px 0}
    .joinadvanitem .textbox .title{font-size:20px}
    .joinadvanitems{margin-top:30px}
    .joinadvanitem .textbox .icon{margin:10px 0}
    .joinadvanitem .textbox .icon img{width:36px}
    .joinadvanitem .textbox .text{line-height:1.8}
    .joinadvanitem{margin-bottom:10px}
    .shopbox{padding:40px 0 0 0}
    .shopbox .pagetitlebox .boxlr{width:100%;margin-top:20px}
    .shopslide{margin:30px 0 0 2px}
    .shopbox .pagetitlebox .btn{width:130px;height:40px;line-height:40px}
    .shopbox .pagetitlebox .btn:nth-of-type(1){margin-right:20px}
    .shopslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px}
    .joinstand .joinadvanitem .wapimg{display:block}
    .joinstand .joinadvanitem:nth-of-type(1) .img,
    .joinstand .joinadvanitem:nth-of-type(2n+1) .img{display:none}
}

/* 妗堜緥灞曠ず */
.casecen{margin-top:83px}
/* .promotebox{transform:translateZ(400px)} */
.caselist{width:250px;position:relative;z-index:18;}
.caselistname{width:250px;height:45px;line-height:45px;border:1px solid #333;padding:0 55px 0 33px;cursor:pointer;background-image:url(../img/casedown.png);background-repeat:no-repeat;background-position:right 33px center}
.caselist.one{margin-right:60px}
.caseitems{width:100%;max-height:300px;overflow-y:auto;background-color:#fff;border:1px solid #666;border-top:none;display:none;position:absolute;top:45px;left:0;z-index:19}
.caseitem{line-height:40px;border-bottom:1px solid #999;color:#666;padding:0 33px;cursor:pointer;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s}
.caseitem:nth-last-of-type(1){border-bottom:none}
.caseitem:hover{color:#002b80;background-color:#f0f0f0}
.casesearchbox input{width:230px;height:45px;background-color:#ebebeb;padding:0 15px}
.casesearchbox .btn{width:100px;height:45px;background-color:#002b80;color:#fff;line-height:45px;cursor:pointer;padding-left:52px;background-image:url(../img/casesearch.png);background-repeat:no-repeat;background-position:left 20px center}
.caseban .textbox{position:absolute;bottom:7.3333vw;left:50%;margin-left:-600px;opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.caseban .textbox.cur{opacity:1;bottom:3.3333vw}
.caseban .cntitle{color:#fff;font-size:30px}
.caseban .entitle{color:#fff;font-family:Arial;margin-top:6px}
.caseban .swiper-container-horizontal>.swiper-pagination-bullets{width:1200px;left:50%;margin-left:-600px;bottom:3.6458vw}
.caseban .swiper-pagination{text-align:right}
.caseban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:13px;height:13px;opacity:1;background-color:#fff;margin:0 2px}
.caseban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#002b80}

.casedetailbox .bot{margin-top:146px}
.casedetailbox .bot .btn{width:240px;height:48px;display:block;background-color:#efefef;border-radius:48px;line-height:48px}
.casedetailbox .bot .btn.prev{color:#7c7c7c;padding-left:56px}
.casedetailbox .bot .btn.next{color:#7c7c7c;padding-left:100px}
.casedetailbox .bot .btn.prev span,
.casedetailbox .bot .btn.next span{font-family:瀹嬩綋, 'SimSun';font-weight:bold;font-size:16px;color:#a6a6a6}
.casedetailbox .bot .btn.returnshowd{margin:0 calc((100% - 720px) / 2);padding-left:104px;color:#7c7c7c;background-image:url(../img/nlist.png);background-repeat:no-repeat;background-position:left 82px center}
.casedetailbox .bot .btn.prev:hover,
.casedetailbox .bot .btn.next:hover{color:#fff;background-color:#002b80}
.casedetailbox .bot .btn.prev:hover span,
.casedetailbox .bot .btn.next:hover span{color:#fff}
.casedetailbox .bot .btn.returnshowd:hover{color:#fff;background-color:#002b80;background-image:url(../img/nlist_cur.png)}
.casedetail{background-color:#f7f7f7}
.casedetailbox{margin-top:-57px;position:relative;z-index:5;background-color:#fff;padding:5.1041vw 8.0208vw 5.7291vw 8.1208vw}
.casedetailbox .textbox{width:calc(100% - 330px);padding-right:7.06vw;border-right:1px solid #f1f1f1}
.casedetailbox .textbox .cntitle{font-size:24px}
.casedetailbox .textbox .entitle{font-family:Arial;margin-top:7px}
.casedetailbox .textbox .text{margin-top:52px;color:#666;line-height:2.143}
.casedetailbox .iconlist:nth-of-type(1){margin-bottom:74px}
.casedetailbox .iconlist .icon{margin-top:5px}
.casedetailbox .iconlist .itextbox{margin-left:18px}
.casedetailbox .iconlist .itextbox .type{color:#666}
.casedetailbox .iconlist .itextbox .name{font-size:24px;margin-top:8px}

@media (max-width:1366px){ 
    .caseban .textbox,
    .caseban .swiper-container-horizontal>.swiper-pagination-bullets{margin-left:-44vw}
    .casedetailbox{margin-top:-30px}
}

@media (max-width:1332px){
    .casedetailbox .bot .btn.returnshowd{margin:0 calc((100% - 600px) / 2);padding-left:84px;background-position:left 62px center;}
    .casedetailbox .bot .btn{width:200px}
    .casedetailbox .bot .btn.prev{padding-left:48px}
    .casedetailbox .bot .btn.next{padding-left:60px}
}
@media (max-width:933px){ 
    .caseban .textbox{margin-left:0;left:0;padding:0 15px;width:100%}
    .caseban .swiper-container-horizontal>.swiper-pagination-bullets{margin-left:0;left:0}
    .caseban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px}
    .caseban .cntitle,
    .casedetailbox .textbox .cntitle{font-size:18px}
    .casecen{margin-top:30px}
    .caselistname{width:100%;padding:0 40px 0 15px;background-position:right 15px center}
    .caselist{width:48%}
    .caselist.one{margin-right:4%}
    .casesearchbox{float:left;margin-top:15px;width: 100%;}
    .casesearchbox .input{width:70%}
    .casesearchbox input{width:100%}
    .casesearchbox .btn {width: 30%;}
    .casedetailbox .bot{margin-top:30px}
    .casedetailbox .bot .btn{width:31%;height:42px;line-height:42px;margin-right:3.5%}
    .casedetailbox .bot .btn:nth-last-of-type(1){margin-right:0}
    .casedetailbox .bot .btn.prev{padding-left:0;text-align:center}
    .casedetailbox .bot .btn.next{padding-left:0;text-align:center}
    .casedetailbox .bot .btn.returnshowd{padding-left:6.5%;text-align:center;background-position:left 19% center}
    .casedetailbox{margin-top:-15px;padding:40px 15px}
    .casedetailbox .textbox{width:100%;;padding-right:0;border-right:none}
    .casedetailbox .textbox .text{margin-top:20px;line-height:1.8}
    .casedetailbox .iconbox{float:left;margin-top:30px}
    .casedetailbox .iconlist:nth-of-type(1){margin-bottom:15px}
    .casedetailbox .iconlist .itextbox .name{font-size:20px;margin-top:4px}
    .casedetailbox .iconlist .itextbox{margin-left:10px}
    .casedetailbox .bot .btn.returnshowd{margin:0}
}

@media (max-width:420px){
    .casedetailbox .bot .btn{width:64%;margin:0 auto;margin-right:auto;float:none}
    .casedetailbox .bot .btn.returnshowd{margin:10px auto}
    .casedetailbox .bot .btn.next{margin-left:auto}
    .casedetailbox .bot .btn:nth-last-of-type(1){margin-right:auto}
}


/* 鍏充簬鎴戜滑 */
.about1{padding:92px 0 88px}
.about1 .text{width:calc(100% - 246px);color:#666;line-height:2.143}
.about2{background-color:#002b80;padding:8.4375vw 0 9.375vw}
.about2 .list{width:16.6666%}
.about2 .text{color:#fff;font-size:20px;margin-top:5px;text-align: center}
.about2 .numbox{text-align:center;}
.about2 .numUp{color:#fff;font-size:60px;font-weight:bold;font-family:'din';line-height:1;display:initial;vertical-align: top;float: none}
.about2 .add{font-size:24px;font-family:'din';color:#fff;display:initial;float: none}
.about3{padding:6.0416vw 0}
.about3 .box{position:relative}
.about3 .box:after{content:"";width:100%;height:1px;background-color:#d2d2d2;position:absolute;top:50%;left:0}
.about3 .box .list:nth-of-type(1){width:120px}
.about3 .box .list:nth-of-type(2),
.about3 .box .list:nth-of-type(4),
.about3 .box .list:nth-of-type(7){width:144px}
.about3 .box .list:nth-of-type(3){width:162px}
.about3 .box .list:nth-of-type(5),
.about3 .box .list:nth-of-type(6){width:200px}
.about3 .box .top,
.about3 .box .bottom{min-height:74px;position:relative;text-align:center;color:#666;line-height:1.714}
.about3 .box .top{margin-bottom:82px}
.about3 .box .bottom{margin-top:82px}
.about3 .box .list:nth-of-type(2n) .top:after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:6px solid #002b80;position:absolute;bottom:-14px;left:50%;margin-left:-3px}
.about3 .box .list:nth-of-type(1) .bottom:after,
.about3 .box .list:nth-of-type(2n+1) .bottom:after{content:"";border-left:5px solid transparent;border-right:5px solid transparent;border-top:6px solid #002b80;position:absolute;top:-14px;left:50%;margin-left:-3px}
.about4{position:relative}
.about4 .textbox{position:absolute;left:50%;margin-left:-600px;top:4.375vw}
.about4 .textbox .cntitle{color:#fff;font-size:24px;text-align:center}
.about4 .textbox .entitle{color:#fff;text-align:center;margin-top:4px}
.about5{padding:68px 0}
.about5 .page-caption-box {padding: 0;}
.about5 .page-caption-box .caption {color:#666;font-weight:bold;font-size:24px;text-align:center}
.about5 .cir{margin:18px auto 46px;text-align: center;}
.about5 .text{padding:0 24px;color:#666;line-height:2.143;text-align:center}
.about6 .list{width:33.3333%;position:relative}
.about6 .list .textbox{width:100%;position:absolute;bottom:1.5vw;left:0;padding:0 44px}
.about6 .list .textbox .cntitle{color:#fff;font-size:22px}
.about6 .list .textbox .entitle{color:#fff;margin-top:6px}
.about6 .list:hover .textbox{width:100%;height:100%;background-color:#002b80;bottom:0;padding:0 15px;
align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center}
.about6 .list:hover .textbox .cntitle,
.about6 .list:hover .textbox .entitle{text-align:center}
.wareh{padding:92px 0 62px}
.wareh .warehnumbox{margin:60px 0}
.warehnumlist{margin-right:4.7916vw}
.warehnumlist:nth-last-of-type(1){margin-right:0}
.warehnumlist .numbox{text-align:center}
.warehnumlist .numUp{color:#002b80;font-size:60px;font-weight:bold;font-family:'din';line-height:1;display:initial}
.warehnumlist .add{font-size:24px;font-family:'din';color:#002b80;display:initial}
.warehnumlist .text{margin-top:8px;font-size:20px;color:#666;}
.wahrehitem{width:49%;margin-right:2%;margin-bottom:22px}
.wahrehitem:nth-of-type(2n){margin-right:0}
.wahrehitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.wahrehitem .title,
.techn3 .item .title{padding:10px;line-height:30px;background-color:#f6f6f6;text-align:center}
.techn1{padding:92px 0 44px}
.techn1 .text{color:#666;margin-top:58px;line-height:2.143}
.about2.techn2 .wrap{text-align:center}
.about2.techn2 .list{display:inline-block}
.about2.techn2 .numUp{font-size:100px;text-align: center}
.about2.techn2 .add{margin-top:58px;margin-left:10px}
.about2.techn2 .text{font-size:24px;text-align:center;}
.techn3{padding:60px 0}
.techn3 .titlebox .title{font-size:24px;font-weight:bold}
.techn3 .titlebox .icon{margin-top:28px}
.techn3 .items{margin-top:30px}
.techn3 .item{width:49%;margin-bottom:20px;margin-right:2%}
.techn3 .item.one{width:100%;margin-right:0}
.techn3 .item:not(.one):nth-of-type(2n+1){margin-right:0}
.techn3 .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1366px){
    .about4 .textbox{margin-left:-44vw}
    .about2 .numUp,
    .warehnumlist .numUp{font-size:42px}
    .about2 .text,
    .warehnumlist .text{font-size:16px}
    .about2.techn2 .numUp{font-size:72px}
    .about2.techn2 .add{margin-top:42px}
    .about2.techn2 .text{font-size:20px}
}

@media (max-width:1360px){
    .about3 .box .list:nth-of-type(1),
    .about3 .box .list:nth-of-type(2),
    .about3 .box .list:nth-of-type(4),
    .about3 .box .list:nth-of-type(7),
    .about3 .box .list:nth-of-type(3),
    .about3 .box .list:nth-of-type(5),
    .about3 .box .list:nth-of-type(6){width:14.28%}
}

@media (max-width:933px){
    .about1{padding:50px 0 40px}
    .about1 .text{width:100%;margin-top:25px;line-height:1.8}
    .about2,
    .about5,
    .techn1,
    .techn3{padding:35px 0}
    .about2 .list{width:33.3333%;margin:8px 0}
    .about2 .numUp, .warehnumlist .numUp{font-size:28px}
    .about2 .text,
    .warehnumlist .text{font-size:14px}
    .about2 .add,
    .about4 .textbox .cntitle,
    .about6 .list .textbox .cntitle,
    .warehnumlist .add{font-size:18px}
    .about4 .textbox{width:100%;margin-left:0;left:0}
    .about4 .img img {min-height: 150px;height: auto;object-fit: cover;}
    .about5 .page-caption-box .caption,
    .techn3 .titlebox .title{font-size:20px}
    .about5 .cir{margin:8px auto 15px}
    .about5 .text{padding:0;line-height:1.8;text-align: justify;}
    .about6 .list{width:100%}
    .about6 .list .textbox{bottom:15px;padding:0 15px}
    .about6 .list .textbox .entitle{margin-top:3px}
    .about3 .wrap{overflow-x:auto;}
    /* 婊氬姩鏉℃牱寮 */
    .about3 .wrap::-webkit-scrollbar {
        height: 3px;
        /*瀵瑰瀭鐩存祦鍔ㄦ潯鏈夋晥*/
    }
    /*瀹氫箟婊氬姩鏉＄殑杞ㄩ亾棰滆壊銆佸唴闃村奖鍙婂渾瑙?/
    .about3 .wrap::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.1);
    }
    /*瀹氫箟婊戝潡棰滆壊銆佸唴闃村奖鍙婂渾瑙?/
    .about3 .wrap::-webkit-scrollbar-thumb {
        background-color: #002b80;
    }
    .about3 .wrap .box{width:500%;flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-moz-box-flex:nowrap;-ms-flex-wrap:nowrap}
    .wareh{padding:50px 0 40px}
    .wareh .warehnumbox{margin:25px 0}
    .warehnumlist{width:50%;margin-right:0;margin:6px 0}
    .wahrehitem{width:100%;margin-bottom:20px;margin-right:0}
    .wahrehitem:nth-last-of-type(1),
    .techn3 .item:nth-last-of-type(1){margin-bottom:0}
    .techn1 .text{margin-top:20px;line-height:1.8}
    .about2.techn2 .list{width:auto}
    .about2.techn2 .numUp{font-size:48px}
    .about2.techn2 .add{margin-top:26px;font-size:16px}
    .about2.techn2 .text{font-size:16px}
    .techn3 .titlebox .icon{margin-top:6px}
    .techn3 .titlebox .icon img{width:40px}
    .techn3 .items{margin-top:20px}
    .techn3 .item{width:100%;margin-right:0}
}

.quali1{padding:88px 0 118px}
.quali1 .quali1lf{width:50%}
.quali1 .quali1lf .text{font-size:48px;margin-top:42px}
.quali1 .quali1lr{width:50%;color:#666;line-height:2.143}
.quali2 .item{width:33.3333%;position:relative}
.quali2 .item.one{width:100%}
.quali2 .item.one .title{width:100%;left:0;text-align:center}
.quali2 .item .title{color:#fff;font-size:18px;position:absolute;bottom:3.0208vw;left:3.125vw}
.quali2 .item .img img{width:100%}
.quali2 .item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.quali3 .quali3titlebox{padding:92px 0 60px}
.quali3 .quali3titlebox .title{font-size:24px;font-weight:bold}
.quali3 .quali3titlebox .icon{margin-top:34px}
.quali3item{padding:94px 0;background-image:url(../img/quabg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}
.quali3item:nth-of-type(2n){padding:74px 0;background-image:none}
.quali3item .titlebox .num{width:46px;height:46px;border-radius:46px;background-color:#002b80;color:#fff;line-height:46px;font-size:24px;font-family:'dinpro';text-align:center}
.quali3item .titlebox .textbox{margin-left:19px}
.quali3item .titlebox .textbox .cntitle{color:#332c2b;font-size:20px;font-weight:bold;line-height:1}
.quali3item .titlebox .textbox .entitle{color:#332c2b;font-size:18px;margin-top:7px;font-family:Arial}
.quali3item .box{margin-top:64px}
.quali3item .box .name{height:50px;background-color:#002b80;margin-bottom:50px;border-radius:5px;color:#fff;line-height:50px;font-size:18px;padding:0 32px;display:inline-block}
.quali3item .box .item{margin-right:58px}
.quali3item .box .item:nth-last-of-type(1){margin-right:0}
.quali3item .box .item .content{border-radius:5px;border:1px solid #d5d5d5;padding:16px 32px;position:relative;min-height:82px}
.quali3item .box .item .content:after{content:"";width:20px;height:23px;background-image:url(../img/quaicon.png);position:absolute;top:50%;margin-top:-11px;right:-40px;background-repeat:no-repeat;background-position:center center;background-size:100% auto}
.quali3item .box .item:nth-last-of-type(1) .content:after{display:none}
.quali3item .box .item .content .t{color:#332c2b;font-size:18px;text-align:center}
.quali3item .box .item .content .b{color:#666;text-align:center;margin-top:5px}
.quali3item .box .item .otext{text-align:center;margin-top:22px}
.quali3item .box .item .otext .text{font-size:18px;display:inline-block}
.quali3item .box .item .otext .yuan{width:12px;height:12px;border-radius:12px;background-color:#002b80;display:inline-block;margin-right:4px}
.quali3item .box .list{margin-bottom:75px}
.quali3item .box .list:nth-last-of-type(1){margin-bottom:0}
.quali3item .box .item.cur .otext .yuan{background-color:#ee791d}
.honor{padding:92px 0 100px}
.honoritems{margin-top:80px}
.honoritem{width:47%;margin-right:6%;margin-bottom:80px;cursor:pointer;background-color:#f9f9f9;padding:50px 50px 24px}
.honoritem:nth-of-type(2n){margin-right:0}
.honoritem:hover{box-shadow:0px 11px 68px rgba(0,0,0,0.11)}
.honoritem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.honoritem .title{text-align:center;color:#666;margin-top:10px;opacity:0}
.honoritem:hover .title,
.honoritem:hover .img .see{opacity:1}
.honor .pager{margin-top:20px}
.honoritem .img{position:relative}
.honoritem .img .see{width:80px;height:80px;position:absolute;top:50%;left:50%;margin-top:-40px;margin-left:-40px;opacity:0}
.honoralert .close{cursor:pointer;margin-bottom:6px}
.honoralert{width:872px;position:absolute;top:30%;left:50%;opacity:0;margin-left:-436px;z-index:20;text-align:center;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.honoralert .img{background-color:#fff;padding:10px 35px}
.honoralert img{max-width:100%;display:initial}
.honoralert.cur{opacity:1;top:50%}
.honoritems.certifi .honoritem{width:29%;margin-right:6.5%;padding:50px 25px}
.honoritems.certifi .honoritem:nth-of-type(2n){margin-right:5%}
.honoritems.certifi .honoritem:nth-of-type(3n){margin-right:0}
.honoritems.certifi .honoritem .title{opacity:1;margin-top:26px}
.honoritems.certifi .honoritem .img{text-align:center;min-height:270px;line-height:270px}
.honoritems.certifi .honoritem .img img{display:initial;vertical-align:middle}
.honoritems.certifi .honoritem .img .see img{display:block}
.salesteam1{padding:92px 0 0 0}
.salesteam1 .top .toplr{width:50%}
.salesteam1 .top .toplr .text{color:#666;font-size:14px;line-height:2.333}
.salesteam1 .top .toplr .icon{margin-top:20px}
.salesteam1 .solu3 .solu3list .textboxlr .list .text{margin-top:0}
.salesteam2.techn2 .text{font-size:20px;}
.salesteam2.techn2 .numUp{font-size:60px}
.salesteam2.techn2 .add{margin-top:0}
.salesteam3 .solu3 .solu3list .textboxlr .list .text{margin-top:0}
.salesteam4{padding:85px 0 120px;background-color:#f7f7f7}
.salesteam4 .one .textbox{width:100%;padding-right:762px;background-image:url(../img/samap.png);background-repeat:no-repeat;background-position:right center;}
.salesteam4 .one .textbox .title{font-size:24px;font-weight:bold}
.salesteam4 .one .textbox .icon{margin:36px 0 32px}
.salesteam4 .one .textbox .text{color:#666;line-height:2.143}
.salesteam4 .one .img{display:none}
.salesteam4 .table{margin-top:90px}
.salesteam4 .table .list{background-color:#fff}
.salesteam4 .table .title{height:80px;background-color:#002b80;color:#fff;font-size:18px;line-height:80px;padding-left:36px;}
.salesteam4 .table .title:before {content: "";display: inline-block;width: 12px;height: 12px;border-radius: 50%;border: 1px solid #fff;background: #002b80;margin-right: 30px;}
.salesteam4 .table .item{width:12.5%;border-bottom:1px solid #f0f0f0;height:92px;line-height:92px;text-align:center;color:#666}
.salesteam4 .table .item:nth-last-of-type(1),
.salesteam4 .table .item:nth-last-of-type(2),
.salesteam4 .table .item:nth-last-of-type(3),
.salesteam4 .table .item:nth-last-of-type(4),
.salesteam4 .table .item:nth-last-of-type(5),
.salesteam4 .table .item:nth-last-of-type(6),
.salesteam4 .table .item:nth-last-of-type(7),
.salesteam4 .table .item:nth-last-of-type(8){border-bottom:none}
.culture1{padding:86px 0 78px}
.cultureitem .wapimg{display:none}
.cultureitem .pcimg,
.cultureitem .img,
.cultureitem .textbox{width:50%}
.cultureitem .textbox{background-image:url(../img/culbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:100% 100%;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.cultureitem .textbox .cntitle{color:#002b80;font-size:24px;margin-top:44px}
.cultureitem .textbox .entitle{color:#666;margin-top:6px}
.cultureitem .textbox .text{color:#666;font-size:18px;margin-top:44px}
.cultureitem:nth-of-type(1) .textbox,
.cultureitem:nth-of-type(2n+1) .textbox{padding-right:10.7291vw;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.cultureitem:nth-of-type(2n) .textbox{padding-left:9.9291vw}
.cultureitem:nth-of-type(1) .textbox .cntitle,
.cultureitem:nth-of-type(1) .textbox .entitle,
.cultureitem:nth-of-type(2n+1) .textbox .cntitle,
.cultureitem:nth-of-type(2n+1) .textbox .entitle{text-align:right}
.cultureitem:nth-of-type(1) .icon,
.cultureitem:nth-of-type(2n+1) .icon{text-align:right}
.cultureitem:nth-of-type(1) .icon img,
.cultureitem:nth-of-type(2n+1) .icon img{display:initial}
.cultureitem:hover .img img,
.cultureitem:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}

@media (max-width:1440px){
    .quali1 .quali1lf .text{font-size:34px;margin-top:25px}
    .cultureitem .textbox .cntitle,
    .cultureitem .textbox .text{margin-top:20px}
}

@media (max-width:993px){
    .quali1{padding:35px 0 45px}
    .quali1 .quali1lf{width:100%}
    .quali1 .quali1lr{width:100%;margin-top:20px}
    .quali1 .quali1lf .text{font-size:26px;margin-top:10px}
    .quali2 .item .title{font-size:16px}
    .quali2 .item{width:100%}
    .quali3 .quali3titlebox .title,
    .salesteam4 .one .textbox .title{font-size:20px}
    .quali3 .quali3titlebox,
    .quali3item,
    .quali3item:nth-of-type(2n),
    .culture1{padding:30px 0}
    .quali3 .quali3titlebox .icon{margin-top:10px}
    .quali3 .quali3titlebox .icon img{width:40px}
    .quali3item .box .item .content{padding:16px 10px;min-height:60px}
    .quali3item .box .item{margin-right:40px;margin-bottom:15px}
    .quali3item .box .item .content:after{width:18px;height:21px;right:-32px}
    .quali3item .box .item .content .b{font-size:13px}
    .quali3item .box .item .content .t{font-size:15px}
    .quali3item .box{margin-top:15px}
    .quali3item .titlebox .textbox .cntitle{font-size:17px}
    .quali3item .titlebox .textbox .entitle{font-size:15px}
    .quali3item .titlebox .num{width:38px;height:38px;line-height:38px;font-size:18px}
    .quali3item .box .item .otext{margin-top:8px}
    .honor,
    .salesteam4{padding:35px 0 45px}
    .honoritem .title{opacity:1}
    .honoritem,.honoritems.certifi .honoritem{width:100%;margin-right:0;padding:20px 20px 10px;margin-bottom:20px}
    .honoritem .img .see{width:56px;height:56px;margin-top:-28px;margin-left:-28px;opacity:0.4}
    .honoralert{width:92%;margin-left:-46%;padding:15px}
    .honoralert .close{margin-bottom:15px}
    .honoritems.certifi .honoritem .img{min-height:initial;line-height:initial}
    .salesteam1{padding:35px 0 0 0}
    .salesteam1 .top .toplr{width:100%;margin-top:15px}
    .salesteam1 .top .toplr .text{font-size:16px;line-height:1.8}
    .salesteam1 .top .toplr .icon{margin-top:10px}
    .solu3 .solu3list .textboxlr .list .text,
    .salesteam4 .one .textbox .text{line-height:1.8}
    .salesteam2.techn2 .numUp{font-size:32px}
    .salesteam2.techn2 .text{font-size:16px}
    .salesteam2.techn2 .list{margin:0 8px}
    .salesteam4 .one .textbox{padding-right:0;background-image:none}
    .salesteam4 .one .textbox .icon{margin:8px 0}
    .salesteam4 .one .textbox .icon img{width:40px}
    .salesteam4 .table{margin-top:25px}
    .salesteam4 .table .title{height:58px;line-height:58px;font-size:16px;padding-left:20px;background-position:left 15px center}
    .salesteam4 .table .title:before {margin-right: 15px;width: 10px;height: 10px;}
    .salesteam4 .table .item{width:33.333%;height:64px;line-height:64px}
    .salesteam4 .table .item:nth-last-of-type(1), 
    .salesteam4 .table .item:nth-last-of-type(2), 
    .salesteam4 .table .item:nth-last-of-type(3), 
    .salesteam4 .table .item:nth-last-of-type(4), 
    .salesteam4 .table .item:nth-last-of-type(5), 
    .salesteam4 .table .item:nth-last-of-type(6), 
    .salesteam4 .table .item:nth-last-of-type(7),
    .salesteam4 .table .item:nth-last-of-type(8){border-bottom:1px solid #f0f0f0}
    .salesteam4 .one .img,
    .cultureitem .wapimg{display:block}
    .cultureitem .pcimg{display:none}
    .cultureitem .textbox,
    .cultureitem .img{width:100%}
    .cultureitem .textbox{padding:30px 20px}
    .cultureitem:nth-of-type(2n) .textbox{padding-left:20px}
    .cultureitem:nth-of-type(1) .textbox, .cultureitem:nth-of-type(2n+1) .textbox{padding-right:20px;justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start}
    .cultureitem:nth-of-type(1) .icon, .cultureitem:nth-of-type(2n+1) .icon{text-align:left}
    .cultureitem:nth-of-type(1) .textbox .cntitle, .cultureitem:nth-of-type(1) .textbox .entitle, .cultureitem:nth-of-type(2n+1) .textbox .cntitle, .cultureitem:nth-of-type(2n+1) .textbox .entitle{text-align:left}
    .cultureitem .icon img{width:28px}
    .cultureitem .textbox .cntitle{font-size:20px;margin-top:8px}
    .cultureitem .textbox .text{font-size:16px;margin-top:8px}
    .cultureitem .textbox .entitle{margin-top:3px}
}

/* 鏂伴椈 */
.newsitem{margin-bottom:60px}
.news{padding-bottom:88px}
.newsitem .textbox{width:calc(100% - 368px);background-color:#f2f2f2;padding:58px 68px 0 68px}
.newsitem .textbox .date{color:#666;font-family:Arial}
.newsitem .textbox .title{font-weight:bold;font-size:18px;margin-top:18px;max-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .text{color:#666;margin-top:46px;max-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}
.newsitem .textbox .more{width:165px;margin-top:60px;height:40px;background-color:#666;color:#fff;font-weight:bold;line-height:40px;padding:0 42px 0 20px;background-image:url(../img/nmore.png);background-repeat:no-repeat;background-position:right 20px center}
.newsitem:hover .textbox{background-color:#fff}
.newsitem:hover{box-shadow: 0px 10px 60px 0px rgba(0, 0, 0, 0.16);}
.newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.newsitem:hover .title{color:#002b80}
.newsitem:hover .more{background-color:#002b80}
.newsdetailbox{padding:100px 0 92px}
.newsdlr{width:340px;padding:46px 32px 112px;background-color:#f8f8f8}
.newsdlr .name{color:#666;font-size:18px;font-weight:bold}
.newsdlr .relateditem{display:block;padding:20px 0;border-bottom:1px solid #d3d3d3;color:#666;line-height:2}
.newsdlr .relateditem:hover {color: #002b80}
.newsdlf{width:calc(100% - 450px);margin-right:110px}
.newsdlf .title{font-size:24px}
.newsdlf .other{color:#bbb;margin-top:12px}
.newsdlf .content{padding:48px 0 80px}
.newsdlf .sharebox{padding-bottom:28px;margin-bottom:26px;border-bottom:1px solid #f0f0f0}
.newsdlf .sharebox .text{color:#666;line-height:18px}
.newsdlf .sharebox .shareitem{margin-left:14px;cursor:pointer}
.newsdlf .npagerlist{margin-bottom:10px}
.newsdlf .npagerlist .name{color:#444;font-weight:bold}
.newsdlf .npagerlist .text{color:#666}
.newsdlf .npagerlist:hover .text{color:#002b80}
.newsdlf .return{width:100px;height:38px;border-radius:4px;background-color:#002b80;color:#fff;line-height:38px;font-weight:bold;padding:0 48px 0 23px;background-image:url(../img/nreturn.png);background-repeat:no-repeat;background-position:right 22px center;transition: background 0.3s;}
.newsdlf .return:hover{background-color: #fb5400}
@media (max-width:993px){
    .newsdetailbox{padding:40px 0}
    .newsdlf{width:100%;margin-right:0}
    .newsdlf .title{font-size:20px}
    .newsdlf .other{margin-top:6px}
    .newsdlf .content{padding:25px 0 35px}
    .newsdlf .sharebox{padding-bottom:15px;margin-bottom:15px}
    .newsdlf .return{float:left}
    .newsdlr{padding:30px 15px;margin-top:30px;width:100%}
    .newsdlr .relateditem{padding:10px 0}
    .news{padding-bottom:40px}
}
@media (max-width:768px){
    .newsitem{margin-bottom:20px}
    .newsitem .img img,
    .newsitem .img{width:100%}
    .newsitem .textbox{width:100%;padding:30px 20px 0}
    .newsitem .textbox .title{margin-top:5px;font-size:16px}
    .newsitem .textbox .text{margin-top:8px}
    .newsitem .textbox .more{width:116px;padding:0 32px 0 10px;background-position:right 10px center;margin-top:20px}
    .newsitem:nth-last-of-type(1){margin-bottom:0}
    .news{padding-bottom:40px}
}

/* 鑱旂郴鎴戜滑 */
.contact1{padding:94px 0 84px}
.contactbox{margin-top:72px}
.contactbox .contactlf{padding-right:12.2395vw;border-right:2px solid #f7f7f7}
.contactbox .contactlf .name{color:#9c9c9c}
.contactbox .contactlf .tel{color:#666;font-size:30px;font-family:'dinpro';margin-top:14px}
.contactbox .contactlf .conewmbox{margin-top:50px}
.contactbox .contactlf .conewmlist:nth-of-type(1){margin-right:29px}
.contactbox .contactlf .conewmlist .img{width:116px;height:116px;border:1px solid #ebebeb;text-align:center;line-height:116px}
.contactbox .contactlf .conewmlist .img img{display:initial;vertical-align:middle}
.contactbox .contactlf .conewmlist .text{color:#666;text-align:center;margin-top:10px}
.contactbox .contactlr .conlist{margin-bottom:42px}
.contactbox .contactlr .conlist:nth-last-of-type(1){margin-bottom:0}
.contactbox .contactlr .conlist .textbox{margin-left:17px}
.contactbox .contactlr .conlist .textbox .name{color:#9c9c9c}
.contactbox .contactlr .conlist .textbox .text{font-size:18px;margin-top:10px}
.contact2{padding:86px 0 0 0;border-top:1px solid rgba(0, 43, 128, 0.3)}
.contact2 .conmaplist{width:calc((100% - 3px) / 2)}
.contact2 .conmaplist .name{text-align:center;color:#666;font-size:24px;text-align:center;font-weight:bold}
.contact2 .conmaplist .mapbox{width:100%;margin-top:26px;height:509px}
.contact2 .conmaplist .mapbox .map{width:100%;height:100%}
.recruit{padding:64px 0 100px}
.recruittop{margin-top:62px}
.recruittop .page-caption-box{width:calc(100% - 672px);margin-right:72px;padding:50px 0 0 0}
.recruittop .page-caption-box .title{font-size:24px;font-weight:bold}
.recruittop .page-caption-box .cir{margin-bottom: 30px}
.recruittop .page-caption-box .text{color:#666;line-height:2.143}
.recruittop .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.recruititem{padding:36px 104px 32px 56px;background-color:#f8f8f8;margin-bottom:40px;position:relative;transition:.4s;-webkit-transition:.4s}
.recruititem .left{width:122px;}
.recruititem .left .name{font-size:22px;transition:.4s;-webkit-transition:.4s}
.recruititem .left .posi{font-size:22px;margin-top:4px}
.recruititem.cur .left .name{transition:.4s;-webkit-transition:.4s}
.recruititem .left .bline{width:19px;height:3px;margin-top:20px;background-color:#333;transition:.4s;-webkit-transition:.4s}
.recruititem.cur .left .bline{background-color:#333;transition:.4s;-webkit-transition:.4s}
.recruititem .line{width:1px;height:64px;background-color:#e5e5e5;margin:8px 65px 0 83px}
.recruititem:nth-last-of-type(1){margin-bottom:0}
.recruititem .textbox{width:Calc(100% - 271px);transition:.4s;-webkit-transition:.4s;overflow:hidden}
.recruititem.cur .textbox{max-height:86px !important;overflow:hidden;transition:.4s;-webkit-transition:.4s}
.recruititem .bigbox .smallbox{padding-bottom:0.8rem}
.recruititem.cur .bigbox{padding-bottom:0}
.recruititem .textbox .boxlist{margin-bottom:24px}
.recruititem .textbox .boxlist .name{margin-bottom:14px}
.recruititem .textbox .boxlist p{color:#7c7c7c;line-height:2}
.recruititem .more{width:104px;height:100%;position:absolute;top:0;right:0;cursor:pointer}
.recruititem .more span{background-color:#333;position:absolute}
.recruititem .more span:nth-of-type(1){width:12px;height:4px;bottom:31px;right:44px}
.recruititem .more span:nth-of-type(2){width:4px;height:12px;bottom:27px;right:48px}
.recruititem .more span:nth-of-type(2){transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);;opacity:0;transition:.4s;-webkit-transition:.4s}
.recruititem.cur .more span:nth-of-type(2){transform:rotate(0);-webkit-transform:rotate(0);-ms-transform:rotate(0);opacity:1}
.recruititem .prop{width:85%;line-height:32px;padding:14px 30px;display:block;margin-top:44px;background-color:#002b80}
.recruititem .prop .text,
.recruititem .prop .list,
.recruititem .prop .email,
.recruititem .prop .email a{color:#fff}
.recruititem .prop .list:nth-of-type(1){margin-right:60px}
.recruititems{margin-top:70px}

@media (max-width:1440px){
    .contact1{padding:74px 0 64px}
    .contact2 .conmaplist .mapbox{height:440px}
    .contactbox{margin-top:50px}
    .recruittop .img{width:480px}
    .recruittop .page-caption-box{width:calc(100% - 530px);margin-right:50px;padding-top:35px}
    .recruittop .page-caption-box .cir{margin-bottom:20px}
}

@media (max-width:993px){
    .contact1{padding:35px 0}
    .recruit{padding:40px 0 50px}
    .contact2 .conmaplist .mapbox{height:350px}
    .contactbox{margin-top:35px}
    .contactbox .contactlf{padding-right:0;border-right:none}
    .contactbox .contactlf .tel{font-size:24px;margin-top:0px}
    .contactbox .contactlf .conewmbox{margin-top:15px}
    .contactbox .contactlr{margin-top:35px}
    .contactbox .contactlr .conlist .icon{width:36px}
    .contactbox .contactlr .conlist .textbox{width:calc(100% - 50px);margin-left:10px}
    .contactbox .contactlr .conlist .textbox .name{line-height:1}
    .contactbox .contactlr .conlist .textbox .text{font-size:16px;margin-top:3px}
    .contactbox .contactlr .conlist{margin-bottom:20px}
    .contactbox .contactlf .conewmlist .text{margin-top:6px}
    .contact2{padding:35px 0 0 0}
    .contact2 .conmaplist{width:100%;margin-bottom:25px}
    .contact2 .conmaplist:nth-last-of-type(1){margin-bottom:0}
    .contact2 .conmaplist .name{font-size:20px}
    .recruititem{margin-bottom:22px;padding:40px 104px 40px 60px}
    .recruititem .more{width:90px}
    .recruititem.cur .left .name, .recruititem .left .posi{font-size:18px}
    .recruititem .line{margin:4px 45px 0 20px}
    .recruititem .textbox{width:calc(100% - 197px)}
    .recruitsearch{padding:20.5px 35px}
    .recruititem .left .name{font-size:18px}
    .recruittop{margin-top:30px}
    .recruittop .page-caption-box{width:100%;margin-right:0;padding-top:0}
    .recruittop .page-caption-box .title{font-size:20px}
    .recruittop .page-caption-box .cir{margin-bottom:8px}
    .recruittop .img{width:100%;margin-top:20px}
    .recruittop .page-caption-box .text{line-height:1.8}
    .recruititems{margin-top:30px}
    .recruititem .left .bline{margin-top:10px}
}

@media (max-width:768px){
    .recruititem{margin-bottom:15px;padding:15px 40px 15px 15px}
    .recruititem .line{margin:4px 15px 0 10px;display:none}
    .recruititem .left{width:100%}
    .recruititem .more{width:40px}
    .recruititem .more span:nth-of-type(1){right:15px}
    .recruititem .more span:nth-of-type(2){right:19px}
    .recruititem .textbox{width:100%;margin-top:15px;padding-bottom:30px}
    .recruititem.cur .textbox{padding-bottom:0;max-height:0px !important}
    .recruititem.cur .bigbox{max-height:initial !important}
    .recruititem .prop{width:100%;margin-top:15px;box-sizing:border-box;padding:10px 15px;line-height:22px}
}


.indexb,
.indexc{position:relative}
.indexb .textbox{position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-116px}
.indexb .textbox .box{text-align:center}
.indexb .textbox .box .numUp{font-size:100px;color:#fff;font-family:'dinpro';line-height:1}
.indexb .textbox .box .add{font-size:52px;color:#fff;font-family:'dinpro'}
.indexb .textbox .box .numbox{display:inline-block}
.indexb .textbox .box .title{font-size:36px;color:#fff;text-align:center}
.indexb .textbox .box .more{display:block}
.indexb .wapimg,
.indexc .wapimg{display:none}
.indexc .textbox{position:absolute;top:50%;left:50%;margin-left:-600px;margin-top:-191px}
.indexc .bignum{color:#ff4700;text-align:center;font-family:'dinpro';font-size:100px;line-height:1}
.indexc .title{color:#ff4700;font-size:24px;text-align:center;margin-top:6px}
.indexc .numbox{margin-top:68px;text-align:center}
.indexc .numlist{display:inline-block;margin-right:178px}
.indexc .numlist:nth-last-of-type(1){margin-right:0}
.indexc .smallnum{color:#fff;font-size:42px;font-family:'dinpro';line-height:1}
.indexc .name{color:#fff}
.indexc .add{color:#fff;font-size:18px}
.indexc .more{display:block;margin:76px auto 0}
.indexdlist .wapimg{display:none}
.indexdlist .img,
.indexdlist .pcimg{width:50%}
.indexdlist .textbox{width:50%;background-image:url(../img/idbg.jpg);background-repeat:no-repeat;background-position:center center;padding-left:6.5625vw;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center}
.indexdlist .textbox .title{color:#002b80;font-size:30px}
.indexdlist .textbox .entitle{color:#666;margin-top:3px;font-family:Arial}
.indexdlist .textbox .text{margin-top:48px;color:#666}
.indexdlist .textbox .text span{color:#002b80;font-size:46px;line-height:1;font-family:'dinpro'}
.indexdlist .textbox .text2{margin-top:10px;color:#666}
.indexdlist:nth-of-type(2) .textbox .text2{margin-top:48px}
.indexdlist .textbox .more{width:150px;height:40px;text-align:left;display:inline-block;color:#666;border:1px solid rgba(0,0,0,0.5);line-height:40px;font-weight:bold;font-family:Arial;padding:0 42px 0 20px;margin-top:56px;background-image:url(../img/idmore.png);background-repeat:no-repeat;background-position:right 18px center}
.indexdlist:nth-of-type(2) .textbox{padding-left:0;padding-right:6.5625vw;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.indexdlist:nth-of-type(2) .textbox .title,
.indexdlist:nth-of-type(2) .textbox .entitle,
.indexdlist:nth-of-type(2) .textbox .text2{text-align:right}
.indexdlist .textbox .title2{color:#002b80;font-size:24px;margin-top:25px;text-align:right}
.indexdlist:nth-of-type(2) .box{text-align:right}
.indexdlist .textbox .numbox{margin-top:46px}
.indexdlist .textbox .numlist{margin-right:54px}
.indexdlist .textbox .numlist .numUp{color:#002b80;font-size:46px;font-family:'dinpro';line-height:1}
.indexdlist .textbox .numlist .add{color:#002b80;font-size:18px}
.indexdlist .textbox .numlist .name{color:#666;margin-top:3px}
.indexdlist:hover .img img,
.indexdlist:hover .pcimg img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)}
.indexdlist .textbox .more:hover{background-color:#002b80;color:#fff;border:1px solid #002b80;background-image:url(../img/iaicon2.png)}
.indexe{padding:84px 0 88px}
.indexe .cntitle{color:#333;font-size:30px;text-align:center}
.indexe .entitle{font-family:Arial;text-align:center;margin-top:6px}
.indexebox{height:381px;margin-top:60px}
.indexebox .swiper-container{height:100%;padding-right:76px}
.indexe .swiper-slide{height:auto}
.indexe .swiper-slide .list{width:16.6666%;height:127px;border:1px solid #e6e6e6;text-align:center;line-height:127px}
.indexe .swiper-slide .list img{display:initial;vertical-align:middle;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);filter:grayscale(100%);transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.indexe .swiper-slide .list:hover img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);filter:grayscale(0)}
.indexebox .swiper-container-vertical>.swiper-scrollbar{right:0;top:0;height:100%;width:8px;background-color:#eee}
.indexebox .swiper-scrollbar-drag{background-color:#002b80}
.indexeboxwap{display:none}
.indexeboxwap .swiper-slide{height:100px;line-height:100px;text-align:center;border:1px solid #e6e6e6}
.indexeboxwap .swiper-slide img{display:initial;max-width:80%;vertical-align:middle}
.indexeboxwap .swiper-container{padding-bottom:25px}
.indexeboxwap .swiper-container-horizontal>.swiper-pagination-bullets{bottom:0}


.index-box-2 .list .hidetextbox .title,
.index-box-2 .list .hidetextbox .text{transform:translateX(-220px);-webkit-transform:translateX(-220px);-moz-transform:translateX(-220px);opacity:0;transition:0.6s ease-in-out 0.1s;-webkit-transition:0.6s ease-in-out 0.1s;-moz-transition:0.6s ease-in-out 0.1s}
.index-box-2 .list .hidetextbox .icon{transform:translateX(220px);-webkit-transform:translateX(120px);-moz-transform:translateX(220px);opacity:0;transition:0.6s ease-in-out 0.1s;-webkit-transition:0.6s ease-in-out 0.1s;-moz-transition:0.6s ease-in-out 0.1s}
.index-box-2 .list .hidetextbox .more{transform:translateY(80px);-webkit-transform:translateY(80px);-moz-transform:translateY(80px);opacity:0;transition:0.6s ease-in-out 0.1s;-webkit-transition:0.6s ease-in-out 0.1s;-moz-transition:0.6s ease-in-out 0.1s}

.index-box-2 .list:hover .hidetextbox .title,
.index-box-2 .list:hover .hidetextbox .text,
.index-box-2 .list:hover .hidetextbox .icon{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);opacity:1}
.index-box-2 .list:hover .hidetextbox .more{transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);opacity:1}

@media (max-width:1600px){
    .indexf .imgbox{width:250px}
    .indexf .initems{margin-left:40px;width:calc(100% - 290px)}
    .indexf .initem{margin-bottom:15px}
    .indexf .initem .img{width:190px}
    .indexf .initem .textbox{width:calc(100% - 190px);padding:20px 10px 0 15px}
    .indexf .initem .textbox .title{line-height:1.6;margin-top:8px;max-height:56px}
}

@media (max-width:1440px){
    .indexb .textbox .box .numUp,
    .indexc .bignum{font-size:66px}
    .indexb .textbox .box .add,
    .indexc .smallnum{font-size:34px}
    .indexb .textbox .box .title{font-size:24px}
    .indexb .textbox .box .more{margin:34px auto 0}
    .indexc .more{margin:50px auto 0}
    .indexb .textbox{margin-top:-87px}
    .indexc .title{font-size:20px}
    .indexc .numbox{margin-top:40px}
    .indexc .numlist{margin-right:128px}
    .indexc .textbox{margin-top:-140px}
    .indexdlist .textbox .text,
    .indexdlist:nth-of-type(2) .textbox .text2,
    .indexdlist .textbox .numbox{margin-top:28px}
    .indexdlist .textbox .more{margin-top:30px}
    .indexdlist .textbox .title{font-size:26px}
    .indexdlist .textbox .text span,
    .indexdlist .textbox .numlist .numUp{font-size:36px}
    .indexdlist .textbox .title2{margin-top:10px}
    .indexdlist .textbox .numlist{margin-right:30px}
    .index-box-2 .list .hidetextbox .more{margin:26px auto 0}
    .index-box-2 .list .hidetextbox .text{margin-top:3px}
    .index-box-2 .list .hidetextbox .icon img{width:38px}
    .index-box-2 .list .hidetextbox .title{margin-top:10px}
}
@media (max-width:1366px){
    .indexb .textbox,
    .indexc .textbox{margin-left:-44vw}
}
@media (max-width:993px){
    .indexc .add{font-size:16px}
    .indexb .textbox,
    .indexc .textbox{width:100%;left:0;margin-left:0}
    .indexb .wapimg,
    .indexc .wapimg,
    .indexdlist .wapimg{display:block}
    .indexb .img,
    .indexc .img,
    .indexdlist .pcimg{display:none}
    .indexb .textbox{margin-top:-53px}
    .indexb .textbox .box .numUp{font-size:34px}
    .indexc .bignum{font-size:48px}
    .indexb .textbox .box .add{font-size:20px;line-height:1}
    .indexb .textbox .box .title,
    .indexc .title{font-size:16px;margin-top:0}
    .indexb .textbox .box .more,
    .indexc .more,
    .indexdlist .textbox .more{width:104px;height:32px;text-align:left;line-height:32px;background-size:14px auto;margin:20px auto 0;padding:0 32px 0 10px;background-position:right 10px center}
    .indexc .numbox{margin-top:20px;text-align:left}
    .indexc .numlist{width:20%;margin-right:0}
    .indexc .numlist:nth-of-type(1){width:40%}
    .indexc .numlist:nth-of-type(2){width:36%}
    .indexc .smallnum{font-size:24px}
    .indexc .name{font-size:12px}
    .indexc .textbox{margin-top:-91px}
    .indexdlist .img,
    .indexdlist .textbox{width:100%}
    .indexdlist .textbox{padding:30px 15px}
    .indexdlist .textbox .title{font-size:22px}
    .indexdlist .textbox .text, .indexdlist:nth-of-type(2) .textbox .text2, .indexdlist .textbox .numbox{margin-top:15px}
    .indexdlist .textbox .text span, .indexdlist .textbox .numlist .numUp{font-size:28px}
    .indexdlist:nth-of-type(2) .textbox{padding:30px 15px;justify-content:flex-start;-webkit-justify-content:flex-start;-moz-justify-content:flex-start;-ms-justify-content:flex-start}
    .indexdlist:nth-of-type(2) .textbox .title, .indexdlist:nth-of-type(2) .textbox .entitle, .indexdlist:nth-of-type(2) .textbox .text2,
    .indexdlist .textbox .title2, .indexdlist:nth-of-type(2) .box{text-align:left}
    .indexdlist .textbox .title2{font-size:18px}
    .indexeboxwap{display:block;margin-top:30px}
    .indexebox{display:none}
    .indexe,
    .indexf{padding:35px 0}
    .indexe .cntitle{font-size:22px}
    .indexeboxwap .swiper-pagination-bullet-active{background-color:#002b80}
    .indexf .imgbox{width:100%}
    .indexf .imgbox .bigimg{display:none}
    .indexf .imgbox .textbox{position:static}
    .indexf .imgbox .box{float:left}
    .indexf .imgbox .more{float:right}
    .indexf .initems{width:100%;margin-left:0;margin-top:20px}
    .indexf .initem{width:100%;margin-right:0}
    .indexf .initem:nth-last-of-type(2){margin-bottom:15px}
    .indexf .initem .img{width:160px}
    .indexf .initem .img img{-webkit-filter:grayscale(0);-moz-filter:grayscale(0);filter:grayscale(0)}
    .indexf .initem .textbox{width:calc(100% - 160px);padding:10px}
    .indexf .initem .textbox .title{font-size:16px;max-height:50px}
    .indexf .imgbox .textbox .cntitle{font-size:22px;color:#333}
    .indexf .imgbox .textbox .entitile{color:#333;margin-top:3px}
    .indexf .imgbox .textbox .more{width:110px;height:34px;line-height:34px;background-size:16px auto;padding:0 32px 0 10px;margin:5px 0 0 0;border:1px solid rgba(0,0,0,0.5);color:#333;background-image: url(../img/idmore.png);}
}

@media (max-width:768px){
    .indexeboxwap .swiper-slide{height:66px;line-height:66px}
}