/*居中区域*/
.wrap{width:83.3333vw;max-width:100%;margin:0 auto}
.w1200{width:1200px;max-width:100%;margin:0 auto}
@media (max-width:1580px){ .wrap{width:85.3333vw} }
@media (max-width:1440px){ .wrap{width:87.3333vw} }
@media (max-width:1366px){ .wrap, .w1200{width:89.3333vw} }
@media (max-width:1280px){ .wrap, .w1200{width:92.3333vw} }
@media (max-width:993px){ .wrap, .w1200{width:100%;padding:0 35px} }
@media (max-width:768px){ .wrap, .w1200{width:100%;padding:0 15px} }

/*公共导航*/
header{height:108px;position:relative}
.headtop{width:100%;height:108px;background-color:#fff;position:absolute;top:-92px;left:0;;transition:0.6s ease 0s;-webkit-transition:0.6s ease 0s;-moz-transition:0.6s ease 0s;z-index:19}
.headtop.cur{top:0}
.headtop .logo{padding:23px 0}
.navitem-name{padding:0 2.0312vw;position:relative;overflow:hidden}
.navitem-name a{position:relative;z-index:2;text-align:center;display:block;line-height:108px;color:#666;font-size:16px;;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s ease 0s}
.navitem-name a:after{content:"";width:0;height:3px;background-color:#b60005;position:absolute;bottom:0;left:50%;margin-left:0;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headtop .lanbox{margin-left:3.2896vw}
.headtop .lanitem{line-height:108px;color:#666;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headtop .lanitem:nth-of-type(1){margin-right:18px}
.headtop .searchbox{height:108px;padding:0 1.875vw;position:relative}
.headtop .searchbox .btn{width:40px;height:40px;margin-top:34px;cursor:pointer;background-color:#b60005;border-radius:40px;text-align:center;line-height:40px}
.headtop .searchbox .btn img{display:initial;vertical-align:middle;margin-bottom:2px}
.headtop .searchform{width:220px;height:42px;padding:8px 15px;background-color:#b60005;border-radius:50px;position:absolute;top:128px;right:1.875vw;opacity:0;visibility:hidden;z-index:-1}
.headtop .searchform .input{width:calc(100% - 36px);height:26px}
.headtop .searchform .input input{width:100%;height:100%;color:#fff;background-color:transparent}
.headtop .searchform .input input::-webkit-input-placeholder{color:rgba(255,255,255,0.85)}
.headtop .searchform .searbtn{padding:5px 0 0 20px;cursor:pointer}
.headtop .securit{padding-top:36px}
.headtop .securit .t{color:#231815}
.headtop .securit .b{color:#b60005;font-size:18px;font-weight:bold;font-family:Arial}
.headtop .wapformbox{display:none}
.headtop .childbox{visibility:hidden;opacity:0;top:138px;z-index:-3;padding:2.5vw 0 1.5vw;position:absolute;left:0;width:100%;background-color:rgba(245, 245, 245, 0.6)}
.headtop .childbox .wrap{text-align:center}
.headtop .childbox .wrap .childlist{margin:0 1.6vw;display:inline-block;vertical-align:top}
.headtop .childlist .name a{display:block;font-size:18px;margin-bottom:1.2vw;text-align:left;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headtop .childlist .item{display:block;color:#4c4c4c;margin-bottom:10px;text-align:left;;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.headtop .childlist .item:nth-last-of-type(1){margin-bottom:0}
.wapbtnbox{width:36px;height:36px;background-color:#b60005;border-radius:36px;margin-top:16px;position:relative;display:none}
.wapbtnbox span{width:18px;height:2px;background-color:#fff;position:absolute;left:9px}
.wapbtnbox span:nth-of-type(1){top:11px}
.wapbtnbox span:nth-of-type(2){top:17px}
.wapbtnbox span:nth-of-type(3){top:23px}
.navreturn{height:68px;border-bottom:1px solid #e1e4e8;line-height:68px;display:none}
.navreturn img{display:initial;vertical-align:middle;width:12px}
.navitem:nth-of-type(1){display:none}
.wapformbox{width:86%;margin:3vh auto 0;height:40px;padding:6px 20px;background-color:#f5f5f5;border-radius:40px;border:1px solid #dcdcdc}
.wapformbox .btn{padding:2px 0 2px 20px}
.wapformbox .input{width:calc(100% - 44px)}
.wapformbox .input input{width:100%;height:28px;background-color:transparent}
.wapformbox .input input::-webkit-input-placeholder{color:#999}

.foottop{padding:46px 0 26px;background-color:#333}
.footleft .name{font-size:16px;color:#fff;margin-bottom:44px}
.footleft .contalist{margin-bottom:8px}
.footleft .contalist:nth-last-of-type(1){margin-bottom:0}
.footleft .contalist .icon{width:31px;height:20px;line-height:20px}
.footleft .contalist:nth-of-type(1) .icon{padding-left:3px}
.footleft .contalist .icon img{display:initial;vertical-align:middle}
.footleft .contalist .text{line-height:20px;color:#999}
.footewm{margin-left:10.9375vw}
.footewm .text{color:#999;margin-top:6px;text-align:center}
.footmaplist{margin-right:3.125vw}
.footmaplist:nth-last-of-type(1){margin-right:0}
.footmaplist .name{color:#fff;font-size:16px;margin-bottom:18px}
.footmaplist .list{display:block;margin-bottom:10px;color:#999;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
.footmaplist .list:nth-last-of-type(1){margin-bottom:0}

.footbot{height:62px;background-color:#ba0d12}
.footbot .left .text{color:rgba(255,255,255,0.5);line-height:62px}
.footbot .left .shareitem{line-height:62px;cursor:pointer;margin-left:15px}
.footbot .left .shareitem img{display:initial;vertical-align:middle;margin-bottom:2px}
.footbot .cen{color:#fff;line-height:62px;margin-left:20.1041vw}
.footbot .right{color:rgba(255,255,255,0.5);line-height:62px}

/* 其它公共 */
.pagenav{display:none;position:relative}
.pagenav .cur{display:block;height:48px}
.pagenav .pagenavname{display:block;color:#fff;background-color:#ba0d12;font-size:16px;line-height:48px;position:relative}
.pagenav .pagenavname:after{content:"";width:2px;height:14px;background-color:#fff;position:absolute;top:50%;right:21.5px;margin-top:-7px;transition:.4s;-webkit-transition:.4s}
.pagenav .pagenavname:before{content:"";width:14px;height:2px;background-color:#fff;position:absolute;top:50%;right:15px;margin-top:-1px}
.pagenav .pagenavname.cur:after{transform:rotate(-90deg);-webkit-transform:rotate(-90deg)}
.pagenav .pagenavitems{width:100%;max-height:200px;overflow-y:auto;padding:0;display:none;background-color:#fff;z-index:18;position:absolute;top:48px;left:0;box-shadow:0px 4px 20px rgba(0,0,0,0.06)}
.pagenav .paganavlist{width:100%;float:none;border-bottom:1px solid #ddd;padding:0 15px;z-index:99;background-color:#fff}
.pagenav .paganavlist:nth-last-of-type(1){border-bottom:none}
.pagenav .paganavlist a{width:100%;line-height:40px;color:#666;font-size:14px;border-top:none}
.pageban{position:relative}
.pageban .pagenavpc{width:100%;height:80px;background-color:rgba(0,0,0,0.5);position:absolute;left:0;bottom:0;text-align:center}
.pageban .pagenavpclist{display:inline-block;margin-right:-5px}
.pageban .pagenavpclist a{display:block;padding:0 1.5104vw;color:#fff;font-size:18px;line-height:77px}
.pageban .pagenavpclist.cur a,
.pageban .pagenavpclist:hover a{background-color:#fff;color:#ad011a;font-size:18px;border-top:3px solid #ad011a;font-weight:bold}

.boxflex{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}
.flex{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1}

.alert{width:100%;height:100%;position:fixed;top:0;left:0;background-color:rgba(0,0,0,0.5);z-index:19;display:none}
.alert .bg{width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;display:none}
.alert.cur{display:block}

.pageban{position:relative}
.pageban .textbox{position:absolute;opacity:0;transition:1s ease 0s;-webkit-transition:1s ease 0s;-moz-transition:1s ease 0s}
.pageban .textbox.cur{opacity:1;top:50%}
.contactban .textbox,
.recruitban .textbox,
.productban .textbox,
.techban .textbox,
.aboutban .textbox{top:20%;left:50%;margin-left:-600px;margin-top:-50px}
.contactban .textbox .cntitle,
.productban .textbox .cntitle,
.techban .textbox .cntitle{color:#fff;font-size:48px;font-weight:bold;font-family:"Source Han Sans CN";line-height:1.2}
.contactban .textbox .entitle,
.productban .textbox .entitle,
.techban .textbox .entitle{color:rgba(255,255,255,0.5);font-size:36px;font-weight:bold;font-family:Arial}
.recruitban .textbox .cntitle{font-size:48px;font-weight:bold;font-family:"Source Han Sans CN";line-height:1.2;text-align:center}
.recruitban .textbox .entitle{color:rgba(0,0,0,0.5);font-size:36px;font-weight:bold;font-family:Arial;text-align:center}
.recruitban .textbox{margin-top:-80px}
.productban .textbox .cntitle,
.productban .textbox .entitle{text-align:center}
.techban .textbox,
.aboutban .textbox{padding-right:13.5vw;justify-content:flex-end;-webkit-justify-content:flex-end;-moz-justify-content:flex-end;-ms-justify-content:flex-end}
.aboutban .textbox{margin-top:-110px;padding-right:10vw}
.aboutban .textbox .cntitle{color:#ad011a;font-size:48px;font-weight:bold;font-family:"Source Han Sans CN";line-height:1.2}
.aboutban .textbox .entitle{color:rgba(102,102,102,0.5);font-size:36px;font-weight:bold;font-family:Arial}


@media (max-width:1670px){
    .navitem-name{padding:0 1.4vw}
    .headtop .lanbox{margin-left:2vw}
}
@media (max-width:1580px){
    .footmaplist{margin-right:2vw}
    .footewm{width:132px;margin-left:7vw}
}
@media (max-width:1440px){
    .navitem-name{padding:0 1vw}
    .headtop .lanbox{margin-left:1.2vw}
    .headtop .lanitem:nth-of-type(1){margin-right:7px}
    .headtop .searchbox{padding:0 1.2vw}
    .headtop .childbox .wrap .childlist{margin:0 1vw}
    .footbot .cen{margin-left:7vw}
    .pageban .pagenavpc{height:68px}
    .pageban .pagenavpclist a{padding:0 1.1vw;line-height:65px}
    .contactban .textbox .cntitle,
    .recruitban .textbox .cntitle,
    .productban .textbox .cntitle,
    .techban .textbox .cntitle,
    .aboutban .textbox .cntitle{font-size:36px}
    .contactban .textbox .entitle,
    .recruitban .textbox .entitle,
    .productban .textbox .entitle,
    .techban .textbox .entitle,
    .aboutban .textbox .entitle{font-size:26px}
}
@media (max-width:1366px){
    .contactban .textbox,
    .recruitban .textbox,
    .productban .textbox,
    .techban .textbox,
    .aboutban .textbox{margin-left:-44.66665vw}
}
@media (max-width:1280px){
    .contactban .textbox,
    .recruitban .textbox,
    .productban .textbox,
    .techban .textbox,
    .aboutban .textbox{margin-left:-46.16665vw}
}
@media (max-width:1220px){
    .navitem-name{padding:0 0.74vw}
    .headtop .lanbox{margin-left:0.9vw}
    .headtop .lanitem:nth-of-type(1){margin-right:4px}
    .headtop .searchbox{padding:0 0.9vw}
    .headtop .logo{width:220px;padding:29px 0}
    .footleft{width:220px}
    .footleft .contalist .text{width:calc(100% - 34px)}
    .footleft .contalist .text a{word-break:break-all}
    .footewm{width:112px;margin-left:5vw}
    .footmaplist{margin-right:1.6vw}
}


@media (min-width:993px){
    .navitem.cur .navitem-name a:after,
    .navitem:hover .navitem-name a:after{width:100%;margin-left:-50%;}
    .navitem:hover .navitem-name a,
    .headtop .childlist .item:hover{color:#b60005;font-weight:bold}
    .headtop .lanitem:hover{color:#b60005}
    .headtop .searchbox:hover .searchform{opacity:1;visibility:visible;z-index:14;top:108px}
    .headtop .childlist .name a:hover{color:#ad011a;font-weight:bold}
    .headtop .navitem:hover .childbox{visibility:visible;opacity:1;top:108px;z-index:19;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .footmaplist .list:hover{color:#fff;font-weight:bold}
    
}

@media (max-width:993px){
    header{height:68px}
    .headtop{height:68px;top:0;opacity:1}
    .headtop .logo{width:40%;padding:17px 0}
    .headbtnbox .icon,
    .navbox .top .name{line-height:68px}
    .headbtnbox .list{margin-right:10px}
    .headtop .securit{padding-top:15px;margin-right:12px}
    .headtop .lanitem{line-height:68px}
    .headtop .searchbox,
    .navitem-name a:after,
    .footmapbox,
    .pagenavpc{display:none}
    .headtop .lanbox{margin-left:0;margin-right:12px}
    .wapbtnbox,
    .navreturn,
    .headtop .wapformbox,
    .pagenav{display:block}
    .navright{width:100%;height:100vh;position:fixed;top:0;right:0;background-color:#fff;z-index:24;transform:translateX(100%);-webkit-transform:translateX(100%);-moz-transform:translateX(100%)}
    .navright.cur{transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0)}
    .navitems{width:100%;height:calc(100vh - 168px);overflow-y:auto;float:none}
    .navitem{width:100%;border-bottom:1px solid #d6d6d6}
    .navitem-name{padding:0 15px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .navitem-name a{height:58px;line-height:58px;font-size:18px;text-align:left;color:#333;display:inline-block;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .navitem:nth-of-type(1){display:block}
    .navitem-name:after{content:">";font-size:18px;font-weight:bold;color:#999;font-family:宋体, 'SimSun';position:absolute;top:50%;margin-top:-10px;right:15px;transition:0.5s ease 0s;-webkit-transition:0.5s ease 0s;-moz-transition:0.5s ease 0s}
    .navitem-name.cur{background-color:#c32d31}
    .navitem-name.cur a{color:#fff;font-weight:bold}
    .navitem-name.cur:after{color:#fff;transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg)}
    .navitem:nth-of-type(1) .navitem-name:after{display:none}
    .headtop .childbox{visibility:visible;opacity:1;z-index:2;padding:0;background-color:#f5f5f5;position:static;display:none}
    .headtop .childbox .gadson{display:none}
    .headtop .childbox .wrap .childlist{margin:0;display:block}
    .headtop .childbox .wrap{padding:0}
    .headtop .childlist .name a{height:50px;line-height:50px;font-size:16px;color:#666;margin-bottom:0;padding:0 15px;border-bottom:1px solid #d6d6d6}
    .headtop .childlist:nth-last-of-type(1) .name a{border-bottom:none}
    .foottop{padding:30px 0}
    .footewm,.footbot .cen{float:right}
    .footleft .name{margin-bottom:16px}
    .footleft .contalist .icon{width:16px}
    .footleft .contalist .text{width:calc(100% - 18px);font-size:12px}
    .footleft .contalist .text a{font-size:12px}
    .footewm{margin-left:0}
    .footleft .contalist .icon img{width:12px}
    .footleft .contalist:nth-of-type(1) .icon{padding-left:0}
    .footleft{width:auto}
    .footbot .right{width:100%;line-height:22px;margin-top:5px}
    .footbot{height:auto;padding:15px 0}
    .footbot .cen{margin-left:0;line-height:34px}
    .footbot .left .text{line-height:34px}
    .footbot .left .shareitem{line-height:34px;margin-left:10px}
    .footbot .left .shareitem:nth-of-type(2) img,
    .footbot .left .shareitem:nth-of-type(3) img{width:18px}
    .footbot .left .shareitem:nth-of-type(1) img{width:14px}
    .contactban .textbox,
    .recruitban .textbox,
    .productban .textbox,
    .aboutban .textbox,
    .techban .textbox{margin-left:0;left:0;margin-top:-23px}
    .contactban .textbox .cntitle,
    .recruitban .textbox .cntitle,
    .productban .textbox .cntitle,
    .techban .textbox .cntitle,
    .aboutban .textbox .cntitle{font-size:22px}
    .contactban .textbox .entitle,
    .recruitban .textbox .entitle,
    .productban .textbox .entitle,
    .techban .textbox .entitle,
    .aboutban .textbox .entitle{font-size:18px}
    .footleft .contalist{width:230px}
}

@media (max-width:370px){
    .footewm{width:92px}
    .footleft .contalist{width:180px}
    .footleft{max-width:180px}
    .headtop .logo{padding:21px 0}
    .footewm .text{font-size:12px}
}