@charset "utf-8";

body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#555;line-height:1.6;font-family:'AlibabaPuHuiTi-Regular','微软雅黑';min-width:320px;padding-top:80px;}
a{color:#555;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#f80000;}


/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.container{position:relative;width:100%;max-width:1600px;min-width:320px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;}
.pd60{padding:70px 0;overflow:hidden;}
.mb20{margin-bottom:20px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mt40{margin-top:50px;clear: both;}
.font14{font-size:.875em;}
.font16{font-size:1.143em;}
.gray{background:#efefef;}
.mb60{margin-bottom:60px;}
.mb80{margin-bottom:80px;}
/* @font-face {
  font-family: 'iconfont';
  src: url('../fonts/iconfont.eot'); 
  src: url('../fonts/iconfont.eot?#iefix') format('embedded-opentype'),
  url('../fonts/iconfont.woff') format('woff'),
  url('../fonts/iconfont.ttf') format('truetype'),
  url('../fonts/iconfont.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
} */
@font-face {
  font-family: 'iconfont';  /* Project id 2769793 */
  src: url('//at.alicdn.com/t/c/font_2769793_0ximwrktwu6r.eot?t=1761032083602'); /* IE9 */
  src: url('//at.alicdn.com/t/c/font_2769793_0ximwrktwu6r.eot?t=1761032083602#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/c/font_2769793_0ximwrktwu6r.woff2?t=1761032083602') format('woff2'),
  url('//at.alicdn.com/t/c/font_2769793_0ximwrktwu6r.woff?t=1761032083602') format('woff'),
  url('//at.alicdn.com/t/c/font_2769793_0ximwrktwu6r.ttf?t=1761032083602') format('truetype'),
  url('//at.alicdn.com/t/c/font_2769793_0ximwrktwu6r.svg?t=1761032083602#iconfont') format('svg');
}
.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}

/* 头部 */
.header{width:100%;height:90px;line-height:90px;font-size:1rem;background:#fff; transition:all .5s;position: fixed;top:0;width:100%;left:0;z-index:99;color:#333;border-bottom: 1px solid #eee;padding-right:70px;padding-left:70px;}
.header .main{height:90px;position:relative;display:flex;justify-content:space-between;}
.logo span{color:#000;font-family:Arial;line-height:1.2;margin-left:15px;}

.nav{width:60%;display:flex;justify-content:space-between;max-width:920px;font-size:1.125em;margin-left:4%;}
.nav .m{float:left;text-align:center;position:relative;}
.nav .m>a{color:#333;display:inline-block;position:relative;}
.nav .m>a::after{content:"";position:absolute;left:50%;bottom:25px;width:0;height:2px;background:#f80000;transition:all .5s;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:#f80000;}
/* .nav .cur>a::after,.nav .m>a:hover::after{width:100%;left:0;} */
.nav .navSub{position:absolute;left:50%;top:120%;background:#eee;line-height:35px;width:180px;color:#333;font-size:.875rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;margin-left:-90px;}
.nav .navSub::after{content:"";position: absolute;left:50%;top:-12px;border:6px solid transparent;border-bottom-color:#ddd;margin-left:-6px;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}
/* .nav .m2 .navSub{width:260px;margin-left:-130px;}
.nav .m2 .navSub li{width:49%;float:left;}
.nav .m2 .navSub li:nth-child(2n){float:right;} */
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#f80000;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}

.headeR{display:flex;}
.headeR li{margin-left:30px;position:relative;}
.headeR li i{font-style:normal;font-family:"iconfont";font-size:1.25em;margin-right:5px;float:left;}
.headeR .wx span{position:absolute;background:#f1f1f1;padding:5px;width:130px;left:50%;margin-left:-65px;top:90%;opacity:0;transform:scale(0);transition:top .4s,opacity .4s;}
.headeR .wx span::after{content:"";position:absolute;border:8px solid transparent;border-bottom-color: #ddd;margin-left:-8px;top:-16px;left:50%;}
.headeR .tel{font-size:1.375em;font-family:"Arial";background: url('../images/hPhone.png') no-repeat left center;padding-left:28px;color:#f80000;}
.headeR .wx:hover span{opacity:1;top:80%;transform: scale(1);}


/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:24px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#333;margin-bottom:5px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger span:nth-child(2){width:16px;}
.navTrigger-on span:nth-child(1){transform: translateX(3px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}
.wapTel{font-family:"iconfont";position: absolute;color:#333;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{bottom:20px;}
.banner .swiper-pagination-bullet{width:10px;height:10px;background:#fff;border-radius:5px;transition:all .5s;opacity:.8;margin:0 10px !important;}
.banner .swiper-pagination-bullet-active{width:40px;opacity:1;background:#f80000;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 快捷菜单 */
.quick{display:flex;justify-content:space-between;flex-flow:row wrap;}
.quick li{width:25%;padding-right:2px;}
.quick li a{display:block;background: url('../images/quick_bg.jpg') no-repeat;height:200px;padding-top:60px;padding-left:14%;padding-right:15px;transition:all .5s;background-size:cover;}
.quick li h4{font-size:1.375em;color:#222;}
.quick li span{float:left;width:98px;height:103px;margin-right:20px;background-repeat:no-repeat;background-position: 0 5px;}
.quick li i{font-style:normal;font-family:"iconfont";display:inline-block;width:28px;height:28px;line-height:26px;text-align:center;border:1px solid #919191;border-radius:100%;margin-top:10px;transition:all .5s;}
.quick li a:hover{background-image: url('../images/quick_bg2.jpg');}
.quick li a:hover span{background-position: 0 -98px;transition:all .5s;}
.quick li a:hover *{color:#fff;transition:all .4s;}
.quick li a:hover i{border-color:#fff;}

/* 产品中心 */
.hTitle{text-align:center;color:#333;font-size:2.375rem;margin-bottom:40px;line-height:1.4;}
.hTitle span{display:block;}

.proMenu{text-align:center;position:relative;margin-bottom:40px;}
.proMenu a{display:inline-block;width:90px;height:90px;border:1px solid #eee;background:#eee;border-radius:100%;margin:0 22px;box-shadow:0 0 0 5px#fff inset;font-size:1.25em;padding:20px;line-height:1.2;}
.proMenu::after{content:"";position:absolute;width:500px;height:2px;background:#e5e5e5;top:50%;margin-top:-2px;left:32%;z-index:-1;}
.proMenu a:hover,.proMenu .on{background:#f80000;color:#fff;border-color: #f80000;}

.proMain{padding:10px;overflow:hidden;text-align:left;}
.proMain li{float:left;width:49%;margin-bottom:30px;border-radius:10px;box-shadow:0 0 10px #e1e1e1;overflow:hidden;padding:30px;}
.proMain li .pic{float:left;width:44%;height:260px;line-height:260px;object-fit: contain;text-align:center;margin-right:30px;overflow:hidden;}
.proMain li .pic img{width:100%;transition:all .5s;height:100%;object-fit:cover;}
.proMain li h4{font-size:1.625em;padding-bottom:20px;margin-bottom:20px;position:relative;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.proMain li h4::after{content:"";position:absolute;left:0;bottom:0;width:50px;height:3px;background:#f80000;}
.proMain li h4 a{color:#333;}
.proMain li h4 a:hover,.proMain li:hover h4 a{color:#f80000;}
.proMain li .txt{height:110px;margin-bottom:20px;overflow:hidden;line-height:1.8;}
.proMain li i{font-style:normal;font-family:"iconfont";margin-left:10px;display:inline-block;}
.proMain li a{margin-right:30px;}
.proMain li a:hover i{animation: moveRightIn 1s 1;}
.proMain li:hover{box-shadow:0 0 10px #f9cfcf;}
.proMain li:hover img{transform: scale(1.1);}
.proMain li:nth-child(2n){float:right;}
.h_more{display:inline-block;color:#f80000;font-size:1.125em;position:relative;padding-bottom:5px;}
.h_more i{font-family:"iconfont";margin-right:6px;font-style:normal;font-size:1.25em;float:left;line-height:1.4;}
.h_more::after{content:"";position:absolute;left:50%;bottom:0;width:0;height:1px;background:#f80000;transition:all .5s;}
.h_more:hover::after{width:100%;left:0;}

/* 需求表单 */
.demand{margin-bottom:80px;overflow:hidden;padding:60px 4%;background:url('../images/demand_bg.jpg') no-repeat center;border-radius:10px;color:#fff;background-size:cover;max-width:1600px;margin:0 auto;margin-bottom:60px ;}
.demandL{width:45%;}
.demandL h3{font-size:2.625em;line-height:1.4;margin-bottom:30px;}
.demandL h3 span{display:block;}
.demandL h4{background:url('../images/tel.png') no-repeat left center;padding-left:60px;}
.demandL h4 span{display:block;font-size:1.75em;color:#f80000;}
.demandR{width:40%;overflow:hidden;}
.demandR .text,.demandR textarea{width:49%;border:2px solid #fff;margin-bottom:10px;border-radius:10px;padding:0 15px;height:46px;line-height:42px;color:#fff;}
.demandR textarea{width:100%;line-height:1.6;height:80px;padding:15px;}
.demandR input::-webkit-input-placeholder,.demandR textarea::-webkit-input-placeholder{color:#fff;}
.demandR input::-moz-placeholder,.demandR textarea::-moz-placeholder{color:#fff;}
.demandR input:-moz-placeholder,.demandR textarea:-moz-placeholder{color:#fff;}
.demandR input:-ms-input-placeholder,.demandR textarea:-ms-input-placeholder{color:#fff;}
.demandR .sub{background:#fff;border-radius:10px;width:140px;height:48px;line-height:48px;color:#f80000;font-size:16px;cursor: pointer;transition:all .5s;}
.demandR .sub:hover{background:#f80000;color:#fff;}

 
/* 解决方案 */
.solution{background:#eee;overflow:hidden;}
.solutionMenu{float:left;width:35%;height:650px;font-size:1.375em;padding-left:10px;}
.solutionMenu li{float: left;width:50%;box-shadow:0 0 10px #e8e8e8;transition:all .5s;}
.solutionMenu li a{display:block;height:130px;background:#fff;padding:25px 20px 20px 15%;color:#333;}
.solutionMenu li i{display:block;height:40px;background-repeat: no-repeat;margin-bottom:10px;transition:all .5s;transition:all .5s;}
.solutionMenu .on a{background:#f80000;}
.solutionMenu .on a{color:#fff;}
.solutionMenu .on i{background-position: 0 -40px;}
.solutionMain{width:65%;height:650px;overflow:hidden;}

.solutionMain li{position:relative;overflow:hidden;}
.solutionMain li .pic{display:block;overflow: hidden;height:650px;}
.solutionMain li .pic img{width:100%;height:100%;object-fit:cover;}
.solutionMain li .txt{position:absolute;bottom:0;padding:20px 5%;background:linear-gradient(to top,rgba(0,0,0,.5) 70%,rgba(0,0,0,0) );width:100%;left:0;color:#fff;padding-right:260px;}
.solutionMain li h3{font-size:1.5em;margin-bottom:5px;}
.solutionMain li h3 a{color:#fff;}
.solutionMain li h3 a:hover{text-decoration: underline;}
.solutionMain li .more{height:45px;line-height:45px;background:#fff;color:#f80000;border-radius:8px;text-align:center;font-size:1.125em;padding:0 25px;position:absolute;right:5%;bottom:20px;}
.solutionMain li .more i{font-family:"iconfont";font-style:normal;margin-left:15px;font-size:1.5em;float:right;}
.solutionMain li .more:hover{background:#f80000;color:#fff;}

/* 关于我们 */
.enterpriseAdv,.proAdv{border-radius:15px;height:500px;padding:40px 4%;color:#fff;}
.enterpriseAdv{background:url('../images/adv_bg1.jpg') no-repeat center;width:25%;width:calc(25% - 25px);padding:40px 3%;background-size:cover;}
.proAdv{background:url('../images/adv_bg2.jpg') no-repeat center;width:75%;background-size:cover;}
.about .title{margin-bottom:20px;font-size:1.5em;}
.about .title span{display:block;font-size: 0.667em;opacity:.8;}
.advNum li{display:flex;align-items:center;margin-bottom:12px;}
.advNum li b{font-size:3.75em;font-weight:400;letter-spacing:-2px;float:left;margin-right:20px;line-height:1.2;}
.advNum li span{display:block;}
.advBox{overflow:hidden;margin-top:25px;margin-right:-20px;}
.advBox li{float:left;width:25%;padding-right:25px;font-size:1.25em;}
.advBox li a{display:block;border-radius:10px;overflow:hidden;background:#eee;}
.advBox li .pImg{padding-top:78%;}
.advBox li p{text-align:center;padding:15px 10px;color:#333;}
.advBox li b{font-weight:normal;color:#f80000;}
.advBox li a:hover img{transform: scale(1.1);}

/* 新闻资讯 */
.news{background:#eee;}
.newsL{width:32%;font-size:1.125em;}
.newsL li{margin-bottom:30px;}
.newsL li .pic{height:240px;overflow:hidden;display:block;}
.newsL li img{width:100%;height:100%;transition:all .5s;object-fit:cover;}
.newsL li p{background:#fff;height:60px;line-height:60px;padding:0 20px;color:#333;}
.newsL li p i{float:right;font-family:"iconfont";font-style:normal;font-size:1.5em;opacity:.6;}
.newsL li:hover img{transform: scale(1.08);}
.newsL li:hover p{color:#f80000;}

.newsR{width:68%;overflow:hidden;}
.newsR li{float:left;width:50%;overflow:hidden;padding-left:30px;margin-bottom:30px;}
.newsR li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;background:#fff;padding:40px;height:300px;}
.newsR li .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;transition:all .6s;width:100%;}
.newsR li h4{font-size:1.25em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:15px;}
.newsR li .text{height:115px;overflow:hidden;}
.newsR li .date{display:block;font-size:.875em;border-top: 1px solid #e5e5e5;padding-top:35px;}
.newsR li .date i{font-style:normal;float:right;width:22px;line-height:22px;background:#f80000;border-radius:100%;color:#fff;font-family:"iconfont";text-align:center;margin-left:10px;transition:all .5s;}
.newsR li a:hover .bgImg{opacity:.2;transform: scale(1.1);}
.newsR li a:hover .bgImg2{opacity:1;}
.newsR li a:hover{color:#fff;background-color:#f80000;}
.newsR li a:hover h4{color:#fff;}
.newsR li a:hover .date i{background:#fff;color:#f80000;}
.news .h_more{margin:0 25px;}

/*底部 */
.footer{background:#3d3d3d;font-size:.875rem;color:#a3a3a3;}
.footMain{padding:50px 0 40px 0;overflow:hidden;line-height:2.2;display:flex;justify-content:space-between;flex-flow:row wrap;}
.footMenu{overflow:hidden;width:62%;display: flex;justify-content: space-between;}
.footMenu dl{float:left;padding-right:15px;}
.footMenu dt{font-size:1.143em;color:#fff;margin-bottom:15px;line-height:1.2;position: relative;}
.footMenu dt::after{content:"\e60f";position: absolute;right:0;top:0;transition: transform 0.3s ease;display:none;font-family:"iconfont";opacity:.4;}
.footMenu dd a{display:block;}
.footMenu .menu2{max-width:280px;}
.footMenu .menu2 dd a{float:left;min-width:40%}
.footMenu .menu2 dd a:nth-child(2n){margin-left:20%;}
.footMenu .on dt::after{transform: rotate(180deg);}
.footMenu .n dt::after{content:"\e624";transform: rotate(0);}
.footWx{width:300px;overflow:hidden;font-size:1.143em;color:#d2d2d2;}
.footWx .tie{font-size:1.5em;color:#fff;border-bottom: 1px solid #787878;margin-bottom:20px;}
.footWx p{width:48%;text-align:center;}
.footWx span{display:block;margin-top:10px;}

.footInfo{border-top: 1px solid #515151;overflow:hidden;padding:25px 0;}
.footInfo .fl{width:70%;display:flex;justify-content:space-between;}
.footInfo .fl li{background: url('../images/footIcon.png') no-repeat left top;padding-left:55px;}
.footInfo .fl li:nth-child(2){background-position: 0 -60px;}
.footInfo .fl li:nth-child(3){background-position: 0 -120px;}
.footInfo .fl span{display:block;color:#fff;font-size:1.143em;}
.footInfo .fr{max-width:26%;text-align:right;line-height:2;}
.footLink{background:#2e2e2e;padding:20px;}
.footLink span{display:block;margin-bottom:8px;font-size:1.143em;}
.footLink em{font-style:normal;margin:0 8px;}
.footer a{color:#a3a3a3;}
.footer a:hover{color:#fff;}


/*内页公用 */
.listWrap{overflow:hidden;padding:70px 0;}
.listBan,.mzsmBanner{height:500px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;}
.listBan .txt{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:leftPic .8s;color:#fff;max-width:1600px;margin:0 auto;width:100%;text-align:center;text-transform: uppercase;line-height:1.4;letter-spacing:2px;}
.listBan .txt h3{font-size:2.188em;margin-bottom:20px;position:relative;padding-bottom:30px;text-shadow:2px 2px 1px #333;}
.listBan .txt h3::after{content:"";position:absolute;left:0;bottom:0;width:70px;height:4px;background:#fff;left:50%;margin-left:-35px;}
.listBan .txt p{font-size:2.875em;text-shadow:2px 2px 1px #333;}
.listBan .txt p span{display:block;}
.listBan .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 8s 0s ease both infinite;-moz-animation: minus 8s 0s ease both infinite;animation: minus 8s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBan .hBtn{margin-top:70px;margin-right:20px;border-color:#222;color:#222;font-size:.9em;}
.listBan .hBtn:hover{border-color: #f80000;color:#fff;}

.breadCrumb{overflow:hidden;background:#fff;font-size:.875em;border-bottom: 1px solid #d5d5d5;padding:20px 0px;}
.breadCrumb p{background-size:18px;background:url('../images/home_icon.png') no-repeat left center;padding-left:30px;}
.breadCrumb .back{float:right;color:#fff;background:#666;line-height:30px;padding:0 10px;}
.breadCrumb .back:hover{background:#f80000;color:#fff;}
.breadCrumb .bc,.listMenu_box p .bc{color:#f80000;}
.breadCrumb .bc:hover,.listMenu_box p .bc:hover{text-decoration:underline;}

.listMenu_box{background:#fff;height:70px;line-height:70px;position: relative;z-index:3;font-size:1.125em;}
.listMenu_box::after{content:"";position:absolute;left:-100%;bottom:0;width:300%;z-index:-1;background:#fff;border-bottom: 1px solid #d5d5d5;}
.listMenu{max-width:78%;overflow:hidden;}
.listMenu a{padding:0 40px;width:auto;color:#333;position: relative;z-index:5;display:inline-block;border-left: 1px solid #d5d5d5;}
.listMenu a:last-child{border-right: 1px solid #d5d5d5;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;bottom:0;background:#f80000;transition:all .5s;z-index:-1;}
.listMenu .cur.on::before{content:"";position:absolute;left:50%;border:10px solid transparent;border-top-color: #f80000;bottom:-20px;margin-left:-10px;}
.listMenu a.cur,.listMenu a:hover{color:#fff;transition:all .5s;}
.listMenu a.cur::after,.listMenu a:hover::after{height:100%;}
.listMenu_box p{font-size:14px;background:url('../images/home_icon.png') no-repeat left center;padding-left:25px;background-size:18px;margin-left:15px;}
.menuSub{border-bottom: 1px solid #e9e9e9;padding:25px 0;}
.menuSub a{margin-right:40px;position:relative;padding-left:15px;}
.menuSub a::after{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;background:#666;}
.menuSub a:hover,.menuSub .cur{color:#f80000;}
.menuSub a:hover::after,.menuSub .cur::after{background:#f80000;}


/* 产品列表 */
.proSider{width:18%;font-size:1.125em;float:left;}
.proSider .title{padding:30px 25px;color:#333;font-size:1.667em;line-height:1;display:none;}
.proSider .title span{position:relative;padding-left:20px;display: block;}
.proSider .title span::after{content:"";position:absolute;top:3px;left:0;width:2px;height:30px;background:#fff;}
.proSider .title i{float:right;color:#f80000;display:none;font-size:14px;cursor:pointer;position: relative;font-style:normal;position: relative;z-index:5;padding-right:30px;}
.proSider .title i::after{content:"\e655";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}

.proSide_sub{border-bottom: 1px solid #ddd;}
.proSide_sub li a{display:block;height:80px;line-height:80px;padding:0 6%;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position: relative;border-top:1px solid #ddd;}
.proSide_sub li i{font-family:"iconfont";margin-left:5px;font-style:normal;top:3px;float:right;opacity:.6;transition:all .3s;}
.proSide_sub li a:hover,.proSide_sub li .cur{color:#fff;background:#f80000;}
.proSide_sub li a:hover i,.proSide_sub li .cur i{opacity:1;transform:rotate(90deg);color:#fff;}
.proSide_sub li ul{font-size:.833em;border-top: 1px solid #ddd;padding:10px 0;}
.proSide_sub li ul a{color:#666;height:40px;line-height:40px;border:none;}
.proSide_sub li ul a::after{content:"\e6ab";font-family:"iconfont";font-style:normal;right:25px;position: absolute;opacity:.5;}
.proSide_sub li ul .cur,.proSide_sub li ul a:hover{color:#f80000; background:none;}


.proList{float:right;width:77%;font-size:.875em;}
.proList ul{margin-right:-30px;overflow:hidden;padding:10px;margin-top:-10px;}
.proList li{float:left;width:25%;margin-bottom:30px;padding-right:30px;}
.proList li a{display: block;border-radius:8px;box-shadow:0 0 10px #e1e1e1;overflow:hidden;}
.proList li .pImg{padding-top:80%;border-bottom: 1px solid #ebebeb;}
.proList li p{height:100px;padding:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; }
.proList li p b{display:block;color:#222;font-size:1.429em;margin-bottom:5px;font-weight:400;}
.proList li a:hover img{transform:scale(1.1);}
.proList li a:hover {background-color:#f80000;}
.proList li a:hover *{color:#fff;transition:all .3s;}

/*  产品详情 */
.proSynopsis{width:45%;}
.proSynopsis .title{border-bottom: 1px solid #dedede;padding-bottom:25px;margin-bottom:30px;}
.proSynopsis .title span{font-size:2.5em;color:#333;display:block;}
.proSynopsis .font{color:#777;line-height:1.8;height:300px;border-bottom: 1px solid #dedede;margin-bottom:20px;overflow-y:auto;}
.proSynopsis .tel{float:left;background:url('../images/pro_tel.png') no-repeat left center;padding-left:60px;}
.proSynopsis .tel span{display:block;font-size:1.75em;color:#f80000;}
.proSynopsis .btn,.moreBtn{float:right;height:47px;line-height:45px;border:1px solid #f80000;color:#f80000;padding:0 20px;border-radius:8px;}
.proSynopsis .btn i,.moreBtn i{font-family:"iconfont";margin-left:10px;font-style:normal;font-size:1.5em;float:right;}
.proSynopsis .btn:hover,.moreBtn:hover{background:#f80000;color:#fff;border-color: #f80000;}
.proSlide{width:45%;overflow:hidden;position:relative;border:1px solid #eee;}
.proSlide li{height:540px;}
.proSlide li img{width:100%;height:100%;object-fit:cover;}
.proSlide .swiper-pagination-bullet{width:12px;height:12px;}

.proShow_box2,.relatedPro{background:#f8f8f8;overflow:hidden;}
.proShow_con{background:#fff;width:78%;}
.proShow_con .tie{border-bottom: 1px solid #ebebeb;font-size:1.875em;padding:0 5%;color:#333;}
.proShow_con .tie span{border-bottom:2px solid #f80000;display:inline-block;height:90px;padding-top:25px;}
.proShow_con .main{padding:35px 5%;overflow:hidden;}
.showPage{padding:25px 5%;border-top: 1px solid #ebebeb;overflow:hidden;}

.proShow_sider{float:right;background:#fff;width:20%;}
.proShow_sider .title{display:block;position:relative;}
/* .proShow_sider .title::after{content:"";position:absolute;left:25px;bottom:0;width:120px;background:#f80000;height:2px;} */
.proSide_sub li a{height:64px;line-height:64px;}
.relatedPro .tie{text-align:center;font-size:30px;margin-bottom:40px;color:#222;}
.relatedPro_slide{overflow:hidden;float:none;width:100%;margin-bottom:60px;}
.relatedPro li a{background:#fff;}


/*解决方案*/
.solutionList{width:78%;overflow:hidden;}
.solutionList li{display:flex;justify-content:space-between;align-items:center;border:1px solid #ebebeb;margin-bottom:40px;flex-flow:row wrap;}
.solutionList li .pic{width:52%;height:370px;overflow: hidden;}
.solutionList li img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.solutionList li .txt{width:48%;padding:0 4%;}
.solutionList li h4{font-size:1.375em;margin-bottom:10px;}
.solutionList li h4 a{color:#222;}
.solutionList li h4 a:hover{color:#f80000;}
.solutionList li .text{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;margin-bottom:30px;}
.solutionList li .tag {min-height:90px;}
.solutionList li .tag span{display:block;margin-bottom:10px;}
.solutionList li .tag a{background: url('../images/ly_li.png') no-repeat left center;padding-left:10px;margin-right:30px;}
.solutionList li .btn{margin-top:20px;}
.solutionList li:hover img{transform:scale(1.08);}
.moreBtn{float:none;margin-right:30px;display:inline-block;border-color:#d8d8d8;color:#666;}


/* 解决方案详情 */
.showMain{width:78%;background:#fff;}
.showMain .title{text-align:center;border-bottom: 1px solid #eee;padding:25px;color:#333;font-size:1.875em;}
.showCon{padding:5%;}
.gallery{position: relative;overflow:hidden;border-bottom: 1px solid #eee;padding-bottom:40px;margin-bottom:25px;}
.galleryBig{position:relative;background:#fff;border:1px solid #ddd;}
.galleryBig li{height:560px;text-align:center;}
.gallery li img{width:100%;height:100%;object-fit:cover;}
.gallery img{max-height:100%; vertical-align: middle;}
.gallerySmall{margin-top:25px;}
.gallerySmall li{cursor:pointer;pointer-events:initial !important;background:#fff;width:16.6%;height:100px;line-height:100px;text-align:center;}
.gallerySmall li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:2px solid transparent;}
.gallerySmall .on::after{border-color:#f80000;}
.gallery .btn{background:#333;width:35px;height:60px;line-height:60px;text-align:center;color:#fff;top:auto;top:30%;opacity:.6;left:0;}
.gallery .swiper-button-next{right:0px;left:auto;}
.gallery .btn:hover {opacity:1;}
.showCon .tie{font-size:1.5em;margin-bottom:10px;}

.picShow_r{width:20%;overflow:hidden;}
.picShow_r .proSider{width:100%;float:none;}
.picShow_r .proSider .tel{background: url('../images/pro_tel.png') no-repeat 20px center;font-size:1rem;line-height:1.4;padding:25px; padding-left:80px;}
.proSider .tel span{display: block;font-size:1.75em;color:#f80000;}

.rightRel{margin-top:25px;background:#fff;}
.rightRel .title{padding:30px 25px;color:#333;font-size:1.667em;line-height:1;margin-bottom:25px;border-bottom: 1px solid #ddd;}
.relaPro ul{padding:15px;}
.relaPro li {border:1px solid #ddd;margin-bottom:25px;}
.relaPro li .pImg{padding-top:85%;background:#fff;border-bottom: 1px solid #ddd;}
.relaPro li p{height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;}
.relaPro li i{float:right;font-style:normal;margin-left:15px;font-family:"iconfont";}
.relaPro li:hover img{transform: scale(1.1);}
.relaPro li:hover {border-color: #f80000;}


/* 视频列表 */
.videoList ul{margin-right:-30px;overflow: hidden;}
.videoList li{float:left;width:25%;padding-right:30px;margin-bottom:30px;text-align:center;}
.videoList li a{display: block;overflow: hidden;border:1px solid #ddd;}
.videoList li .pImg{padding-top:65%;}
.videoList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;font-size:1.125em;color:#222;padding:15px 10px;}
.videoList li p i{float:right;font-family:"iconfont";font-style:normal;}
.videoList li .pImg::after{content:"";position:absolute;left:0;top:0;background:#000;opacity:.4;width:100%;height:100%;transition:all .5s;z-index:4;}
.videoList li .pImg::before{content:"";position:absolute;left:50%;top:50%;width:60px;height:60px;background: url('../images/vIcon.png') no-repeat;margin-left:-30px;margin-top:-30px;z-index:5;transition:all .5s;background-size:100%;}
.videoList li:hover p{color:#f80000;}
.videoList li:hover img{transform: scale(1.06);}
.layer_video{width:80% !important;height:90% !important;}

/*工厂优势 */
.oddsBox1 li{float:left;width:50%;background:#eee;display:flex;justify-content:space-between;flex-grow:1;align-items:center;}
.oddsBox1 li .pic{width:50%;height:265px;overflow:hidden;display:block;}
.oddsBox1 li .pic img{width:100%;height:100%;object-fit:cover;transition:all .5s;}
.oddsBox1 li .txt{width:50%;padding:10px 25px;line-height:1.8;}
.oddsBox1 li .txt h4{font-size:1.25em;color:#222;font-weight:700;margin-bottom:10px;line-height:1.6;}
.oddsBox1 li .txt h4 span{display:block;}
.oddsBox1 li .txt .zx{color:#f80000;display:inline-block;margin-top:20px;}
.oddsBox1 li .txt .zx i{font-style:normal;font-family:"iconfont";margin-left:10px;font-size:1.25em;float: right;line-height:1.4;}
.oddsBox1 li .txt .zx:hover{padding-left:10px;}
.oddsBox1 .two{flex-flow:row-reverse;}
.oddsBox1 li:hover img{transform:scale(1.1);}

.leftPic{width:29%;height:615px;}
.oddsBox2{margin-bottom:50px;overflow:hidden;}
.oddsBox2 .main{float:right;width:71%;overflow:hidden;}
.oddsBox2 li{float: left;padding-left:35px;margin-bottom:35px;width:50%;}
.oddsBox2 li a{background:#eee;display: block;cursor:auto;height:290px;padding:35px 8%;color:#666;border:1px solid transparent;}
.oddsBox2 li .txt{position: relative;border-bottom: 1px solid #d9d9d9;margin-bottom:15px;padding-bottom:20px;display:flex;align-items:center;font-size:1.25em;color:#222;line-height:1.4;}
.oddsBox2 li b{font-size:3.5em;font-weight:400;letter-spacing:-3px;margin-right:15px;}
.oddsBox2 li .txt span{display:block;}
.oddsBox2 li .icon{width:58px;height:56px;position:absolute;right:0;transition:all .5s;background-repeat: no-repeat;}
.oddsBox2 li a:hover{border-color: #f80000;}
.oddsBox3 li{margin-bottom:30px;}
.advBox li a{cursor:auto;}

/*关于我们 */
.aboutBox .tie2{text-align:center;color:#f80000;margin-bottom:20px;font-size:1.875em;}
.aboutBox .pic{float: left;width:50%;height:520px;overflow:hidden;}
.imgObj{width:100%;height:100%;object-fit: cover;}
.aboutBox .txt {line-height:1.8;width:46%;}
.aboutBox .txt .tie{font-size:2.25em;font-weight:700;border-bottom: 1px solid #c6c6c6;padding-bottom:15px;margin-bottom:25px;color:#222;}
.aboutNum{display:flex;justify-content:space-between;flex-flow:row wrap;margin-top:40px;font-size:1.25em;color:#333;margin-bottom:20px;}
.aboutNum li{float:left;width:30%;border-bottom: 1px solid #c6c6c6;padding-bottom:20px;display:flex;justify-content:space-between;align-items:center;line-height:1.2;flex-flow:row wrap;}
.aboutNum li b{font-size:3.5em;font-weight:normal;}
.aboutNum li i{font-style:normal;float:right;}
.aboutBox2 .main{width:35%;}
.aboutBox2 .tie{font-size:3em;color:#222;line-height:1.2;margin-bottom:20px;}
.aboutBox2 .pic{width:58%;height:510px;}
.aboutBox2 .txt{font-size:1.125em;height:140px;margin-bottom:20px;}
.aboutBox2 .txt p{position:relative;padding-left:15px;margin-bottom:5px;}
.aboutBox2 .txt p::after{content:"";position:absolute;left:0;top:10px;background:#999;width:8px;height:8px;border-radius:100%;}
.aboutBox2 .advNum li{float:left;width:50%;margin-bottom:20px;}
.aboutBox2 .advNum li b{color:#333;}
.setting .tie{font-size:3em;color:#222;margin-bottom:30px;text-align:center;}
.setting ul{overflow:hidden;margin-right:-20px;}
.setting li{float:left;width:25%;padding-right:25px;margin-bottom:20px;}
.setting li a{display:block;overflow:hidden;}
.setting li .pImg{padding-top:84%;}
.setting li p{text-align:center;padding:15px 10px;color:#333;}
.setting li a:hover img{transform: scale(1.1);}



/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:33.3%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:78%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:100%;}
.honorList li{width:25%;}
.honorList li .pic{height:370px;line-height:370px;border:1px solid #e1e1e1;transition:all .5s;display:block;overflow:hidden;}
.honorList li .pic img{transition:all .5s;max-height:100%;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#f80000;}


/*新闻列表 */
.newsList ul{margin-right:-20px;}
.newsList li{float: left;width:25%;padding-right:20px;margin-bottom:30px;}
.newsList li a{display: block;border:1px solid #e8e8e8;}
.newsList li .pImg{padding-top:60%;}
.newsList li .txt{padding:20px;position: relative;z-index:2;}
.newsList li .date{font-family:Arial;color:#777;margin-bottom:10px;display:block;}
.newsList li h4{color:#111;font-size:1.125em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li p{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;margin-bottom:15px;height:70px;font-size:0.9em;opacity:.8;}
.newsList li a:hover img{transform: scale(1.1);}
.newsList li a:hover h4,.newsList li a:hover p,.newsList li a:hover .date,.newsList li a:hover .date i{color:#fff;transition:all .5s;}
.newsList li a:hover .date,.newsList li a:hover p{opacity:.9;}
.newsList li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#f80000;background: linear-gradient(to bottom,rgba(249,51,51,.5),rgba(249,51,51,1)); z-index:-1;transition:all .5s;}
.newsList a:hover .txt::after{height:100%;}
.newsList li a:hover img{transform:scale(1.1);}

.faqList{width:100%;}
.faqList li {width:33.3%;}
.faqList li a{background:#f5f5f5;}

/* 新闻详情 */
.showTie{overflow:hidden;padding:30px 0;text-align:center;border-bottom: 1px solid #ddd;}
.showTie h1{font-size:2em;color:#333;margin-bottom:15px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;margin-right:15px;}
.showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-4px;}
.relaNews ul{ padding:0 25px;padding-bottom:20px;}
.relaNews li{border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.relaNews li a{background: url('../images/ly_li.png') no-repeat left 5px;}
.relaNews li span{display: block;opacity:.8;margin-top:5px;font-size:.875em;}


/* 联系*/
.contactCon{width:50%;overflow:hidden;}
.contactCon .hTitle{text-align:left;}
.contactCon .txt {margin-bottom:30px;overflow:hidden;}
.contactCon .txt p{margin-bottom:20px;color:#888;}
.contactCon .txt p span{display: block;font-size:1.375em;color:#555;}
.contactCon .zx{font-size:1.125em;color:#f80000;position: relative;padding-bottom:10px;display:inline-block;}
.contactCon .zx i{font-style:normal;font-family:"iconfont";float:left;margin-right:10px;font-size:1.25em;line-height:1.2;}
.contactCon .zx::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:#f80000;}
.contactCon .zx:hover{padding-left:25px;}

.feedback {width:45%;max-width:650px;overflow:hidden;}
.feedback p{height:50px;line-height:50px;position: relative;margin-bottom:20px;position: relative;border: 1px solid #ddd;font-size:16px;padding:0 15px;}
.feedback p input{width: 100%;height: 100%;color:#333;}
.feedback .tarea{width: 100%;height: 120px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback textarea{width: 100%;height: 100%;color:#333;}
.feedback .code{clear:both;padding-top:40px;}
.feedback .code input{height: 60px;line-height: 60px;border-bottom: 1px solid #fff;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#fff;}
.feedback .sub {background: #f80000;width: 30%;cursor: pointer;transition: all .3s;display:inline-block;height: 50px;line-height: 50px;color:#fff;font-size:1.25em;}
.feedback .sub:hover{background:#f80000;color:#fff;}
#dituContent{height:480px;margin-top:60px;}

/* 搜索结果*/
.proSear{margin-bottom:40px;}
.proSear form{border:1px solid #ddd;height:55px;background:#fff;max-width:900px;margin:0 auto;overflow:hidden;padding-right:55px;padding-left:90px;position:relative;border-radius:5px;}
.proSear select{position:absolute;left:0; color:#666;top:0;cursor:pointer;width:80px;padding-left:12px; height:53px;}
.proSear option{color:#333;}
.proSear .text{padding:0 15px;line-height:53px;width:100%;border-left: 1px solid #ccc;border-radius:0;height:53px;}
.proSear .btn{width:60px;background:#555 url('../images/sBtn2.png') no-repeat center;position: absolute;right:0;height:55px;cursor:pointer;transition:all .5s;}
.proSear .btn:hover{background-color:#f80000;}
.searchList{width:100%;}

/* 弹出表单*/
.message_fix{position:fixed;width:500px;height:430px;top:50%;left:50%;margin-left:-250px;margin-top:-200px;background:#fff;box-shadow:0 0 15px #ccc;border-radius:10px;z-index:10;padding:30px 60px;opacity:0;transform:scale(0);transition:all .5s;}
.message_fix.on{opacity:1;transform:scale(1);}
.message_fix .tie{font-size:2em;color:#e11701;font-weight:700;margin-bottom:15px;text-align:center;}
.message_fix p,.message_fix .area{margin-bottom:15px;height:45px;line-height:45px;border:1px solid #ddd;border-radius:5px;}
.message_fix p input{width:100%;padding:0 15px;}
.message_fix .area{height:80px;padding:10px 15px;}
.message_fix textarea{width:100%;height:100%;}
.message_fix .btn{background:#e11701;text-align:center;}
.message_fix .btn input{color:#fff;letter-spacing:2px;cursor:pointer;}
.message_fix .btn:hover{background:#bf0007;}
.message_close{position:absolute;right:15px;top:15px;font-family:"iconfont";font-weight:700;font-size:1.25em;cursor:pointer;transition:all .5s;}
.message_close:hover{transform:rotate(180deg);color:#bf0007;}