@charset "utf-8";
 
@font-face {
font-family: "albbht-r";font-weight: 400;src: url("font/Alibaba_r.woff") format("woff"); font-display: swap;}
body{font-family:'albbht-r';font-size: 12px;line-height: 1.5em;font-weight: 500;color: #595757;}

/* 列后清除浮动 */
.row:after {content: ""; display: table; clear: both;}
.column {float: left; padding: 0.625rem; box-sizing: border-box;}
/* 三等宽度 */
.column.third {width: 33.33%;}
/* 四列宽度 */
.column.side {width: 25%;} 
.column.t-f {width: 75%;}
/* 中间区域宽度 */
.column.middle {width: 50%;}
/* 两列宽度 */
.column.left {width: 60%;}
.column.right {width: 40%;}
/* 响应式布局 - 小于 600 px 时改为上下布局 */
@media screen and (max-width: 600px) {
.column {width: 100%;}
}
.f-item-5{width: 50%;}
.f-item-6 {width: 60%;}
.f-item-4 {width: 40%;} 
.f-item-75{width: 75%;}
.f-item-15 {width: 25%;} 
.flex-container,.flex-center,.flex-center1,.flex-between{display: -webkit-flex;display: flex; box-sizing: border-box;}
.flex-container { -webkit-justify-content:space-aroun; justify-content: space-aroun; padding: 0.625rem; width: 100%;}
.flex-center{-webkit-justify-content:space-evenly; justify-content: space-evenly; padding-bottom: 1rem;}
.flex-center1{-webkit-justify-content:center; justify-content: center; padding: 1rem;}
.flex-between{-webkit-justify-content:space-between; justify-content: space-between; width: 100%; padding: 0.625rem; align-items: flex-end;}
.section{width: 80%; margin: 0 auto; overflow: hidden; padding-bottom: 2rem;}
.box {width: 80%; margin: 0 auto; position: relative; padding-bottom: 2rem;}
.wrapper{width: 100%;overflow: hidden; text-align: center;}

/*头部*/ 
.header{width: 95%; margin: 0 auto; padding: 2rem 1rem; box-sizing: border-box; overflow: hidden;} 

.top-l a,.top-r a{font-size: 1rem; color: #595757; display: inline-block; margin: 0 10px;}
.top-l a:hover,.top-r a:hover{ color: #e60012;}
.top-l{float: left;padding: 1rem; box-sizing: border-box; margin-left: 5%;}
.top-r{float:right;padding: 1rem; box-sizing: border-box; margin-right: 5%;}

.header .logo{float: left;}
/*下拉菜单*/
.header .menu{width: 80%; float: right; font-size: 1rem;} 
.header .menu li{padding-bottom: .4rem; display: inline-block;text-align: center;}
.header .menu .nLi h1{font-size:18px; color: #3e3a39; font-weight: 400;}
.header .menu .nLi h2{font-size:  1.25rem; text-align: left; color: #3e3a39; line-height: 2rem; font-weight: 600;} 
.header .menu li.nLi.on {border-bottom: 0.15rem solid #ff0000;}
.header .menu li.nLi a{color: #898989;}
.header .menu li.nLi a:hover{color:#e60012}
.nav{padding:0;}
.menu .sub{position:absolute; width: 100%; z-index: 9999; top:6.95rem; left: 0; display: none; background-color: rgba(255, 255, 255, .8);}
.menu .sub a{width: 100%; font-size:1rem ;line-height: 2.5em; text-align: left; display:block;} 
.nav-l{padding-left:10%; padding-top: 3em;text-align: right;}
.nav-r{padding-left:4rem; padding-top: 3em;}
.nLi.on .sub li a{color: #000;}
.nLi.on .sub li a:hover{color: #e60012;}
.nav-close{line-height: 5rem; margin-right: 3rem;margin-top: 1rem;}
.sub a:hover span{background-color: #e60012;}
.sub a span{width: 1.25rem; height: 1px; margin-right: .5em; display: inline-block; background-color:  #3e3a39; margin-bottom: .3em;}
.h-search-detail,.h-retrospect-detail{position: fixed; top:6.95rem;display: none;z-index: 99999; width: 100%; background-color: rgba(255, 255, 255, .8); left: 0;}
.h-search-detail input[type=text] ,.h-retrospect-detail input[type=text]{width: 80%; font-size: 1.5rem; padding: 12px 20px; margin: 8px 0; display: inline-block;border:0; background-color: rgba(255, 255, 255, .0); border-radius: 4px; box-sizing: border-box;color: #999; border-bottom: 1px solid;}
.h-search ,.h-retrospect{cursor: pointer;}
.navigation{text-align: left; font-size: 0.875rem; margin-top: 2rem;}
.navigation a{color: #898989; margin-left: 0.3125rem; }
.navigation a:hover{color: #e60012;}
.bg{background-color: #eeeeee; width: 100%; overflow: hidden;}  
.bg-top{background-color: #fafafa; width: 100%; overflow: hidden;}  

/*轮播图*/
.h-banner{width: 100%;position: relative;z-index: 2;}
.h-banner .bd{overflow: hidden;zoom: 1;}
.h-banner .bd li{width: 100%;overflow: hidden;_display: inline;}
.h-banner .bd li img{width: 100%;}
.h-banner .hd{position: absolute;bottom: 15px;left: 0;width: 100%;height: 30px;z-index: 99;}
.h-banner .hd li{display: inline-block; width: 3.75rem; height: 0.25rem; margin: 0 10px;background: #595757;}
.h-banner .hd li.on{background: #e60012;} 
.h-banner img{width: 100%;}
.yf img{height: 5.5rem; margin-bottom: 0.625rem;}
.yf a span{font-size: 1.5rem; line-height: 2em; display:block; color: #595757;letter-spacing:.5rem;}

/*提供商*/
.scheme-img img{width: 100%;}
.scheme-text {background-color: #f1f1f0; padding: 1rem 2rem; text-align: left; display: list-item;font-size: 1rem;line-height: 1.5em;position: relative;}
.scheme-text h2, .h-scheme-text h2{color: #595757; font-size: 1.875rem; line-height: 1.5em; font-weight: 600;}
.scheme-text p{display: block; margin-top: 1rem;}
.scheme-text .more{position: absolute;left: 0; bottom:0;}
.scheme{overflow: hidden;-webkit-justify-content:space-between;  justify-content: space-between;}
.scheme a{display:block;position: relative;}
.scheme-bg{ width: 100%; height: 100%; padding: 1rem; box-sizing: border-box;  background: rgba(0,0,0,.4); position: absolute; left: 0;bottom:0;}
.h-scheme-text{text-align: left; padding: 1rem; box-sizing: border-box; position: absolute; left: 0;bottom:1rem;}
.h-scheme-text h2{color: #fff; margin-top:10%;}
.h-scheme-text span{ background: #ff3300;  display: inline-block; width: 4rem; height: 5px;  margin: 10px 0;}
.h-scheme-text p{color: #fff;font-size: 0.875rem;}

/*产品*/
.h-product-text a .top a{display: inline-block; color: #595757;}
.h-product-text a:hover, a:hover{color: #e60012;} 
.product img{width: 100%;}
.h-product-text{ display: block; text-align: center; margin: 1rem 0;line-height: 1.5em;}
.h-product-text span{font-size: 1.5rem; color:#595757;margin: .8rem 0;display: inline-block;}
.h-product-text p{font-size: 1rem;color:#595757;line-height: 1.8em;}

/*底部*/
.bottom li a{display: block; font-size: 0.875rem; color: #727171;line-height: 2em;}
.bottom li a:hover{color: #e60012;}
.bottom li span{font-size: 1rem; color: #3e3a39; font-weight: 600;line-height: 2em;display: block;}
.code span{display: block; font-size: 0.875rem; color: #3e3a39;text-align: center; margin: 5px auto;}
.footer{width: 100%; text-align: center; line-height: 4rem; border-top: 0.0625rem solid #595757;} 
.contact a{display: block; color: #3e3a39; margin: .5em 0;}
.contact .fa-more{display: inline-block; padding: .5rem 1rem; border-radius: 1.25rem; border: 2px solid #e60012; margin-left: 1em; cursor: pointer;color: #e60012;} 
.contact .fa-more:hover{ background: #e60012; color: #fff;} 
.share-icon a{color: #8b8b8b; font-size: 1.875rem; line-height: 1em; padding: 0 .2em;}
.bottom{margin-top: 1rem;}

/*右侧导航*/
.follow{position: fixed; right: 30px; bottom: 40px; z-index: 9999;}
.follow ul{position: relative;}
.follow li{width:4.125rem; height: 4.125rem;  background: url(../../upload/home-img/h-follow.png) no-repeat center; cursor: pointer;}
.follow li a{display: inline-block;width:4.125rem; height: 4.125rem;} 
.follow .wei-icon{background-position: center 0;}  
.follow .top{background-position: center -4.3125rem;} 
.tel,.wei{position: absolute; top: 0; color: #fff; }
.tel{width: 160px; height: 65px; background: #000; left: -170px; line-height: 65px; text-align: center; font-family: "hjt"; font-size: 16px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;opacity: 0;}
.wei{width: 128px; height: 128px; line-height: 128px; text-align: center; border: 2px solid #e5e4e6; background: #fff; left: -140px;-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;display: none;}
.wei img{max-width: 100%;} 

/*研发*/ 
.a-yanfa{ margin: 2rem auto; position: relative; overflow: hidden;}
.yanfa-img{width: 60%; overflow: hidden;}
.yanfa-img img{width: 100%;}
.yanfa-text{text-align: left; position: absolute; top: 50%;min-height: 20rem; transform: translate(0,-50%);width: 50%;height: auto;padding: 50px 40px;background: #fff;z-index: 99;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-shadow: 5px 2px 10px #e1e1e1;cursor: pointer;}
.a-yanfa:after{content: "";display: block;height: 0;clear: both;visibility: hidden;} 
.yanfa-r{right: 0;}
.yanfa-l{left:0;}
.yanfa-img-r{float: right;}
.yanfa-text .xian{width: 3em; display: inline-block; border-bottom: 2px solid #ff0000;}
.yanfa-text h3{font-size: 1.5rem; color: #3e3a39; line-height: 2em; font-weight: 600;}
.yanfa-text p{font-size: 1rem;color: #3e3a39; line-height: 1.6em;}
.yanfa-text .more{text-align: right; margin-bottom: 0; margin-top: 1rem;}
.ljgd{display: block; text-align: right; font-size: 1.125rem; position: absolute; bottom: 1rem; right: 2rem;}

.ljgd span{ display: inline-block; color: #e60012; margin-left: .5rem; border-radius: 50%;  font-size: 1.2rem;  height:26px; text-align: center; width: 26px; line-height: 26px;  border: 2px solid; }
.ljgd a:hover span{background: #e60012; color:#fff; border: 2px solid #e60012; }
.ljgd a{color: #595757; line-height: 30px; height: 30px; align-content: center; display: inline-flex;}
.button-r{display: inline-block; color: #e60012; margin-left: .5rem; border-radius: 50%;  font-size: 1.2rem;  height:26px; text-align: center; width: 26px; line-height: 26px;  border: 2px solid;}
a:hover .button-r{background: #e60012; color:#fff; border: 2px solid #e60012; }

/**/
.media-img img,.ry img{width: 100%;}
.td{position: relative; display: block;}
.td .td-text{position: absolute; left: 0; top: 0; width: 100%; height: 100%;background: rgba(255, 0, 0, 0); color: #fff; padding: 1em; box-sizing: border-box; text-align: left; }
.td-text h2{font-size: 1.5rem; margin-top: 1rem; opacity:0;}
.td-text h3{font-size: 1rem; line-height: 2em; opacity:0;}
.td-text p{font-size: 0.875rem; line-height: 1.8em; opacity:0;}
.td-text span{width:2em; height:2px; background-color:#fff; display: block;  margin-top:1rem;} 
.td a:hover .td-text{background: rgba(255, 0, 0, 1); transition-duration:1.5s;} 
.td a:hover .td-text h2,.td a:hover .td-text h3,.td a:hover .td-text p{transition-duration:1.5s; opacity: 1;} 
.wh-img img,.td-img img{width: 100%;}
.wh-text{background-color: #fff;box-shadow: 5px 2px 10px #e1e1e1;padding: 1rem; box-sizing: border-box;}
.wh-text p{font-size: 1.125rem; padding:.2em 1em; line-height: 1.8em;}
.a-i-c{align-self:stretch;padding: 0; margin: 2rem 0;}
.wh-img img{width: 100%;}
 a.td:hover .td-text{background: rgba(255, 0, 0, 1); transition-duration:1.5s;} 
 a.td:hover .td-text h2, a.td:hover .td-text h3, a.td:hover .td-text p{transition-duration:1.5s; opacity: 1;} 
 .cy-name{margin-top: 1rem;font-size: 1.5rem; color: #3e3a39;}
 .td-img{border: 1px solid #c9caca;}

/**/
.ry-text{padding: 1em; font-size: 1.125rem; color: #3e3a39; text-align: center;}
.ry img{width: 100%;}

/*2.3.1*/
.overview-text{color: #595757; line-height: 2em;padding: 0.625rem; box-sizing: border-box;}
.overview-img{margin: 1rem 0;}
.overview img{width: 100%;}
/*2.4.0*/

.rmt-text{text-align: left; position: relative; padding-left: 1rem; } 
.rmt-text h2{font-size: 2.25rem; color: #b5b5b5; font-family: Bahnschrift;line-height: 1.8em;}
.rmt-text h3{font-size: 1.5rem; color: #3e3a39; font-weight: 600; line-height: 1.8em;}
.rmt-text p{color: #595757;font-size: 1.125rem;line-height: 2em;margin-bottom: 1em;}
.rmt-text a{display: block; line-height: 2.5em; color: #3e3a39;}
.rmt-text a:hover{color: #e60012;}
.rmt-t{align-self: stretch;}
.div-r{display: inline-block; float: right;} 
.cp-text{padding: 0.625rem; text-align: left; display:inline-block; font-size: 1rem; line-height:1.8em;position: relative; color: #3e3a39;} 
.cp-text p{line-height: 2em; color: #3e3a39;}


/**/
.results{font-size: 14px; color: #898989; margin: 1rem 0; text-align: left;}
.cp-details{position: relative; text-align: left; overflow: hidden; margin: 1rem 0;} 
.cp-time{ width: 10%;font-size: 1rem; color: #898989;font-family: Bahnschrift;}
.cp-txt{width: 90%; line-height: 2em;}
.cp-txt p{margin-top: 1rem;} 
 
.yhzx{text-align: left;line-height: 2em;}
.yhzx h3{font-weight: 600; }
.yhzx a{display: block; color: #3e3a39;}
.yhzx a:hover{display: block; color: #e60012;}
.yhzx span{ width:.8em;height: .8em; background-color: #b1b1b1;display: inline-block; margin-right: .5em;}
 
 
 /*公共*/
 .z-c1{color: #ed1b24;}
 .z-c3{color: #3e3a39;} 
 .color-e12{color: #e60012;}
 .z36{font-size: 2.25rem;}
 .z30{font-size: 1.875rem}
 .z24{font-size: 1.5rem;}
 .z20{font-size: 1.25rem;}
 .z18{font-size: 1.125rem;}
 .z16{font-size:1rem; } 
 .zb20{font-size: 1.25rem; font-family: Bahnschrift; color: #595757; padding-right:1rem;}
 .lh-2{line-height: 2em;}
 .m-b-30{margin-bottom: 1.875rem;}
 .line-dashed {width: 100%; border: 1px dashed #eaeaea; margin: 2rem 0; display: block; overflow: hidden;}
 .line-solid {width: 100%; border: 1px solid #eaeaea; margin: 2rem 0; display: block; overflow: hidden;}
 .pa{padding: 0.625rem; box-sizing: border-box;}
 .show{width: 100%;display: none;overflow: hidden;} 
 
 /*更多*/ 
 .more{width:100%; overflow: hidden; text-align: center; margin-bottom: 2rem;}
 .more a{display: inline-block; border-radius: 2em; background-color: #e60012; color: #fff; font-size:1.2rem; line-height: 2.5em; padding: 0 2.5em; cursor:pointer}
 .more-1{ border:1px solid #e60012; color: #e60012; }
 .more-2{ background-color: #e60012; color: #fff; }
 .more-1,.more-2{display: inline-block; margin: 0 1rem; border-radius: 2em;font-size:1.2rem; line-height: 2.5em; padding: 0 2.5em; cursor:pointer;}
 .more-2:hover{color:#fff;}
 a.cp-more{font-size: 1.125rem; color: #595757;  display:inline-flex; padding-bottom: 0.0625rem; line-height: 1.5em; float: right;}
 a.cp-more span{ display: inline-block; margin-left: .2em; color: #e60012;}
 
 .l-line {border-left: 2px dashed #999;}
 .line-b{font-size: 2.25rem; display: inline-block; width: 2em; height: 0.25rem; background-color: #e60012;}
 
  /*标题*/
.bt1{width: 100%; text-align: center; overflow: hidden;margin: 3rem 0;}
.bt1 h1{font-size: 2rem; color: #3e3a39; line-height: 1.5em; font-weight: 600;}
.bt1 span{font-size: 2.25rem; display: inline-block; width: 2.5em; height: 0.2rem; background-color: #e60012;}
.bt1 p{text-align: center; line-height: 2em;}
.bt2{width: 100%; border-bottom: 0.0625rem solid #595757; text-align: left; position: relative; height: 3em; margin: 2rem 0 1rem 0;}
.bt2 h3{font-size: 1.875rem; color: #595757; border-bottom:4px solid #e60012; display: inline-block; padding-bottom: 0.0625rem; line-height: 1.5em; position: absolute;left: 0; bottom: -2px;}
.bt3{position: relative; display: block; font-size: 1.75rem; margin: 1rem 0; overflow: hidden; text-align: left; line-height: 2em;}
.bt3 span.line-b{font-size: 1.875rem; left: 0; bottom: 0; position: absolute;} 
.zi {font-size: 16px; color: #595757; line-height: 1.5em; display: inline-block; text-align: left; margin-top: 10px;}

 /*弹窗*/
.job-detail,.message-detail {text-align: left; display: none;width:70%;padding: 50px 40px;background: #fff;z-index: 99999;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);-ms-transform::translatex(-50%) translateY(-50%);-moz-transform::translatex(-50%) translateY(-50%);-webkit-transform::translatex(-50%) translateY(-50%);-o-transform::translateX(-50%) translateY(-50%);}
 
.job-close{position: absolute; right: 3rem;}
.job-bg{display: none;position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;background-color: black;z-index: 8;-moz-opacity: 0.8;opacity: 0.5;filter: alpha(opacity=80);}
.job-bt {border-bottom: 1px solid #c9caca; line-height: 2em;}
.job-detail h2 ,.job-detailt h3{display: block; padding: 1rem 0;}
 
 
 /*在线留言*/
.message-bg{position: fixed;display: none;top: 0; bottom: 0; left: 0; right: 0; z-index: 1005; background-color: rgba(10, 10, 10, 0.45); overflow-y: auto;}
.message-detail h2{ text-align: center; line-height: 2em;}
.input ,.advice_form{ width: 100%; height: 3em; border: 1px solid #696969; font-size: 1em; color: #696969; margin:1rem 0;}
.advice_form{height: 3rem;}


.queding {width:25%; text-align: right;}
.queding a{display: inline-block;line-height:2em; text-align: center; width:4em;  border-radius: 1rem; border: 2px solid #e60012; margin-left: 1em; cursor: pointer;color: #fff; margin-top: 2rem; font-size: 1.25rem; background-color: #e60012;}