@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:"Microsoft YaHei","SimSun", Arial, Helvetica, sans-serif;;min-width:320px;padding-top:90px;}
a{color:#555;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#182f65;}
body,html{height:100%;position:relative;}
i,em{font-style:normal;}

/* 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:1520px;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;}
.mb30{margin-bottom:30px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.font16{font-size:1.143em;}
.gray{background:#efefef;}

/* @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_ckosesibba7.eot?t=1719117882435'); /* IE9 */
  src: url('//at.alicdn.com/t/c/font_2769793_ckosesibba7.eot?t=1719117882435#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/c/font_2769793_ckosesibba7.woff2?t=1719117882435') format('woff2'),
  url('//at.alicdn.com/t/c/font_2769793_ckosesibba7.woff?t=1719117882435') format('woff'),
  url('//at.alicdn.com/t/c/font_2769793_ckosesibba7.ttf?t=1719117882435') format('truetype'),
  url('//at.alicdn.com/t/c/font_2769793_ckosesibba7.svg?t=1719117882435#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;
}

/*==颜色配置↓==*/
:root {
  --color-main:#182f65;
  --color-hover:#182f65;
  --color-hover2:#96cd1a;
  --color-title:#333;
  --color-txt:#666;
}	

/* 头部 */
.header{width:100%;height:90px;line-height:90px;background:#fff; transition:all .5s;position: fixed;top:0;width:100%;left:0;z-index:99;box-shadow:0 2px 8px #eee;}
.nav{width:45%;margin-right:260px;display:flex;justify-content:space-between;max-width:700px;font-size:1.125em;}
.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:4px;background:var(--color-main);transition:all .5s;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:var(--color-main);}
.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:160px;color:#333;font-size:.875rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;margin-left:-80px;}
.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 .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:var(--color-main);color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.headTel{position:absolute;right:0;font-size:1.750em;background: url('../images/hPhone.png') no-repeat left center;padding-left:30px;font-family:"Arial";}

/*  导航按钮 */
.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:55px;font-size:1.4rem;line-height:1;top:20px;display:none;}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;}
.banner img{width:100%;}
.banner .small{display:none;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination-bullet{width:12px;height:12px;background:#fff;opacity:1;border:2px solid transparent;transition:all .5s;margin:0 6px !important;}
.banner .swiper-pagination-bullet-active{opacity:1;background:var(--color-hover2);}

/* 产品 */
.hTitle{font-size:2.75rem;margin-bottom:40px;color:var(--color-title);text-align:center;text-transform: uppercase;font-weight:700;line-height:1.2;}
.hTitle span{display:block;font-size:1.227em;margin-bottom:5px;color:#2e2e2e;text-transform:uppercase;opacity:.06;margin-bottom:-40px;}
.hTitle b{color: var(--color-main);}
.hTitleW span,.hTitleW{color:#fff;}
.hTitleW span{opacity:.15;}
.product{background:#eef2f5 url('../images/pro_bg.jpg') no-repeat;background-size:cover; overflow:hidden;}
.proMenu{display: flex;justify-content:space-between;margin:0 -2px;position:relative;margin-bottom:20px;font-size:1.5em;}
.proMenu li{background:#302c29;flex-grow:1;margin:0 2px;height:80px;line-height:80px;text-align:center;width:20%;}
.proMenu li a{color:#fff;display:block;position:relative;z-index:2;}
.proMenu li a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:var(--color-hover);z-index:-1;transition: all .5s;}
.proMenu li i{display:inline-block;margin-right:10px;width:34px;height:32px;position:relative;top:8px;background-repeat: no-repeat;}
.proMenu li a:hover::after,.proMenu .on a::after{height:100%;}

.proTop{display:flex;justify-content:space-between;background:#fff;margin-bottom:25px;}
.proTop .pic{width:56%;height:440px;overflow:hidden;}
.proTop img{width:100%;height:100%;object-fit: cover;transition:all .5s;}
.proTop img:hover{transform:scale(1.1);}
.proTop .txt{width:44%;padding:3% 4%;}
.proTop h4{font-size:2em;height:70px;font-weight:700;border-bottom: 1px solid #e9e9e9;margin-bottom:20px;line-height:1.2;padding-bottom:10px;}
.proTop h4 a{color: var(--color-main);}
.proTop h4 a:hover{color: var(--color-hover2);}
.proTop .p1{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:3;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:3;height:160px;}
.proTop .btn {padding-top:15px;margin-top:15px;border-top: 1px solid #e9e9e9;}
.proTop .btn a{display:inline-block;background:var(--color-hover2);color:#fff;font-size:1.125em;height:54px;line-height:54px;padding:0 25px;min-width:154px;text-align:center;}
.proTop .btn .tel{cursor: auto;margin-right:15px;background:url('../images/telIcon.png') no-repeat 20px center var(--color-main);font-size:1.333em;font-family:'Arial';padding-left:55px;}
.proTop .btn a:hover{background-color: var(--color-hover);}

.proMain ul{margin-right:-25px;overflow:hidden;}
.proMain li{float: left;width:25%;padding-right:25px;}
.proMain li a{display: block;position:relative;background:#fff;}
.proMain li .pImg{padding-top:68%;}
.proMain li a::after{content:"";position:absolute;width:120px;height:120px;background: url('../images/click.png') no-repeat;left:50%;top:50%;margin-top:-70px;margin-left:-60px;z-index:2;background-size:120px;opacity:0;transition:all .5s;transform:scale(0);}
.proMain li a:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(26,47,107,.7);transition:all 0.25s;transform:perspective(400px) rotateX(-90deg);-moz-transform:perspective(400px) rotateX(-90deg);-webkit-transform:perspective(400px) rotateX(-90deg);-o-transform:perspective(400px) rotateX(-90deg);transform-origin:top;z-index:2;}
.proMain li p{text-align:center;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:55px;padding-top:5px;position:relative;}
.proMain li a:hover:before{transform:perspective(200px) rotateX(0);}
.proMain li a:hover::after{opacity:1;transform:scale(1);}
.proMain li a:hover img{transform:scale(1.1);}
.proMain li a:hover p{color:#fff;z-index:2;}


/* 核心优势 */
.oddsMenu{text-align:center;font-size:1.5em;display:flex;justify-content: space-between;font-weight:700;height:80px;line-height:80px;border-top: 1px solid #e5e5e5;position:relative;}
.oddsMenu::after{content:"";position:absolute;left:-100%;width:300%;height:1px;background:#e5e5e5;top:-1px;}
.oddsMenu a{color:var(--color-title);flex-grow:1;text-align:center;position:relative;}
.oddsMenu a::after{content:"";position: absolute;left:0;bottom:-1;height:2px;width:100%;background:var(--color-main);transform-origin:right;transform:scale(0,1);transition:transform .5s;}
.oddsMenu a i{display:inline-block;width:30px;height:30px;background-repeat: no-repeat;margin-right:10px;position: relative;top:5px;}
.oddsMenu a.on{color:var(--color-hover);}
.oddsMenu a.on::after{transform-origin:left;transform:scale(1);}
.oddsMenu a.on i{background-position: 0 -30px;}

.oddsSlide{position:relative;overflow:hidden;text-align:center;}
.oddsSlide li{float: left;width:70%;position:relative;overflow:hidden;padding-bottom:60px;}
.oddsSlide li .bgImg{height:620px;transition:all .4s;position:relative;}
.oddsSlide li .bgImg::after{content:"";position:absolute;left:0;width:100%;height:100%;bottom:0;background: var(--color-main);opacity:.7;transition:all .5s;}
.oddsSlide li .txt{left:0;bottom:0;width:70%;max-width:640px;background:var(--color-main);position:absolute;bottom:0;color:#fff;text-align:left;padding:30px 3%;transform: translateY(100%);opacity:0;transition:all .5s;}
.oddsSlide li h4{font-size:1.5em;margin-bottom:10px;}
.oddsSlide .swiper-slide-active .txt{opacity:1;transform: translateY(0);}
.oddsSlide .swiper-slide-active .bgImg::after{opacity:0;}

.oddsSlide .btn{cursor:pointer;background:#fff;width:50px;height:50px;text-align:center;color:#333;opacity:1;z-index:3;line-height:50px;font-size:20px;left:11.3%;pointer-events:initial;transition:all .3s;font-family:"simsun";font-weight:700;}	
.oddsSlide .swiper-button-next{left:auto;right:11.3%;}
.oddsSlide .btn:hover{background:var(--color-hover);color:#fff;}

/* 合作伙伴 */
.partner{background:#f8fafb;}
.partner ul{display:flex;flex-flow: row wrap;flex-wrap: wrap;}
.partner li{width:20%; height:316px;}
.partner a{position:relative;display:flex;width: 100%;height: 100%;background: url('../images/partner-iBg.png') no-repeat center;background-size:contain;justify-content: center;align-items: center;text-align:center;}
.partner img{width: 75%;transition:all .5s;}
.partner p{opacity:0;position:absolute;width:60%;color:#fff;padding:40px 10px; background: rgba(0,0,0,0.5);transform: translateY(-5px);transition:all .5s;}
.partner li:nth-child(6){margin-left: 10%;}
.partner li:nth-child(n+6){margin-top: -7%;}
.partner li:nth-child(9){margin-left: 0%;}
.partner li:hover p{opacity:1;transform:translateY(0px)}
.partner li:hover img{transform: scale(1.1);}


/* 关于我们 */
.about .container{overflow:visible;}
.hTitle2{text-align:left;padding-bottom:25px;position: relative;}
.hTitle2::after{content:"";position:absolute;left:0;bottom:0;width:50px;height:4px;background:var(--color-main);}
.aboutTxt{width:40%;font-size:1.143em;line-height:1.8;}
.aboutTxt .more{display:inline-block;background:var(--color-main);color:#fff;width:220px;height:50px;line-height:50px;padding:0 25px;margin-top:40px;position:relative;z-index:2;}
.aboutTxt .more::after{content:"";position:absolute;left:0;width:3px;height:100%;top:0;background:var(--color-hover2);transition:all .5s;z-index:-1;}
.aboutTxt .more i{float:right;}
.aboutTxt .more:hover::after{width:100%;}

.aboutPic{width:63%;height:720px;overflow:hidden;position:relative;z-index:2;margin-right:-14%;cursor: pointer;}
.aboutPic .bgImg{transition:all 5s;}
.aboutPic::after{content:"";position:absolute;width:114px;height:114px;background:url('../images/vIcon.png') no-repeat;transform: translate(-50%,-50%);left:50%;top:50%;background-size:100%;}
.aboutPic:hover .bgImg{transform:scale(1.05);}
.aboutNum{display:flex;justify-content:space-between;position:absolute;width:100%;background: url('../images/about_num.png');z-index:3;bottom:0;bottom:30px;padding:30px 4%;color:#fff;}
.aboutNum li span{display:block;line-height:1;font-size:3.750em;font-family:Arial;}
.aboutNum li b{margin-right:5px;font-size:1.2em;font-weight:400;}
.layer_video{width:80% !important;height:90% !important;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}

/* 新闻快讯 */
.news{font-size:.938em;overflow:hidden;}
.newsTop{margin-bottom:40px;overflow:hidden;position: relative;}
.newsTop .hTitle{text-align:left;margin-bottom:0;}
.newsMenu{text-align:center;font-size:1.143em;position:absolute;bottom:0;right:0;}
.newsMenu a{display:inline-block;width:150px;height:50px;line-height:50px;background:#f5f5f5;margin-left:20px;position:relative;z-index:2;overflow:hidden;}
.newsMenu a::after{content:"";position: absolute;left:0;bottom:0;background:var(--color-main);width:100%;height:100%;z-index:-1;transform-origin:right;transform: scale(0,1);transition:transform .5s;}
.newsMenu a:hover,.newsMenu .on{color:#fff;}
.newsMenu .on:after,.newsMenu a:hover::after{transform-origin:left;transform: scale(1);}
.newsMain .pic{float:left;width:48%;overflow:hidden;color:#777;border-bottom:2px solid var(--color-main);height:542px;}
.newsMain .pic .img{height:410px;display:block;margin-bottom:20px;overflow:hidden;}
.newsMain .pic:hover .bgImg{transform: scale(1.06);}
.newsMain .pic h4{font-size:1.2em;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsMain .pic h4 a{color:#191919;}
.newsMain .pic h4 a:hover{color:var(--color-main);}
.newsMain .pic .date{float:left;font-family:Arial;text-align:center;padding-right:20px;margin-right:20px;line-height:1.2;border-right: 1px solid #e5e5e5;}
.newsMain .pic .date b{display:block;font-size:1.714em;color:#555;}
.newsMain p a{color:var(--color-main);}

.newsMain .txt{width:48%;float:right;position: relative;}
.newsMain .txt a{display: block;color:#777;padding-left:180px;margin-bottom:30px;padding-bottom:30px;border-bottom:1px solid #e5e5e5;position:relative;}
.newsMain .txt h4{font-size:1.2em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:10px;color:#191919;transition:all .5s;}
.newsMain .txt .date{float:left; width:140px;text-align:center;color: #999;font-family: Arial;line-height: 1.2;margin-left:-180px;border-right: 1px solid #e5e5e5;height:80px;color: var(--color-main);}
.newsMain .txt .date b{font-size:3.125em;display: block;font-weight:normal;font-weight:700;margin-bottom:5px;}
.newsMain .txt a:hover h4{color:var(--color-main);}
.newsMain .txt a::after{content:"";position: absolute;left:0;bottom:-1px;width:0;height:1px;background:var(--color-main);transition:all .5s;}
.newsMain .txt a:hover::after{width:100%;}
.newsMain .txt:last-child a{margin-bottom:0;}
.newsMain .txt p{text-overflow:ellipsis;display: -webkit-box;overflow: hidden;line-clamp:2;-webkit-box-orient: vertical;text-overflow: -o-ellipsis-lastline;-webkit-line-clamp:2;}
.newsLi{padding-top:30px;overflow:hidden;clear:both;}
.newsLi li{float:left;width:30%;margin-bottom:20px;font-size:1.071em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsLi li span{float:right;color:#999;font-size:13px;margin-left:15px;}
.newsLi li:nth-child(3n-1){margin:0 5%;}
.newsLi li a:hover{padding-left:10px;} 

/*底部 */
.footer{background:#3d3d46;overflow:hidden;font-size:.875rem;color:#ccc;border-top:6px solid #182f65;}
.footMain{padding:50px 0 30px 0;overflow:hidden;line-height:2;}
.footMenu{overflow:hidden;width:40%;display: flex;justify-content: space-between;}
.footMenu dl{float:left;}
.footMenu dt,.footTxt h4{font-size:1.125em;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 .on dt::after{transform: rotate(180deg);}
.footMenu .n dt::after{content:"\e624";transform: rotate(0);}
.footTxt{max-width:30%;margin-left:8%;}
.footTxt h4 span{display:block;font-size:1.75em;font-family:Arial;margin-top:5px;}
.footTxt .txt{background: url('../images/footIcon.png') no-repeat left center;padding-left:25px;}
.footTxt .tel{font-size:2em;color:#fff;font-weight:700;font-family:Arial;}

.footWx{width:150px;text-align:center;}
.footWx img{background:#fff;padding:5px;}
.footWx span{display:block;margin-top:10px;}
.copyright{border-top: 1px solid #515159;padding:20px 0;overflow:hidden;}
.firendLink{margin-top:10px;}
.firendLink span{font-size:1.143em;color:#fff;}
.footer a{color:#ccc;}
.footer a:hover{color:#fff;}


/*内页公用 */
.listWrap{overflow:hidden;padding:80px 0;}
.listBan,.mzsmBanner{height:520px;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;font-size:1.5em;text-transform: uppercase;letter-spacing:2px;line-height:1.2;}
.listBan .txt h3{font-size:1.875em;margin-bottom:20px;position:relative;padding-bottom:20px;}
.listBan .txt h3::after{content:"";position:absolute;left:0;bottom:0;width:50px;height:2px;background:#fff;left:50%;margin-left:-25px;}
.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: var(--color-main);color:#fff;}

.breadCrumb{overflow:hidden;background:#fff;box-shadow:0 5px 10px #eee;font-size:.875em;}
.breadCrumb p{padding:25px 15px;background:url('../images/home_icon.png') no-repeat left center;padding-left:25px;background-size:18px;}
.breadCrumb .back{float:right;color:#fff;background:#666;line-height:30px;padding:0 10px;}
.breadCrumb .back:hover{background:var(--color-main);color:#fff;}
.breadCrumb .bc,.listMenu_box p .bc{color:var(--color-main);}
.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%;height:100%;box-shadow:0 3px 8px #eee;z-index:-1;background:#fff;}
.listMenu{width:78%;overflow:hidden;}
.listMenu a{padding:0 40px;width:auto;color:#333;position: relative;z-index:5;display:inline-block;}
.listMenu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;bottom:0;background:var(--color-main);transition:all .5s;z-index:-1;}
.listMenu .cur.on::before{content:"";position:absolute;left:50%;border:10px solid transparent;border-top-color: var(--color-main);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{float:right;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:var(--color-main);}
.menuSub a:hover::after,.menuSub .cur::after{background:var(--color-main);}

/* 加工服务 */
.prjectList{margin-right:0;margin-bottom:60px;}
.prjectList .box{width:100% !important;margin-bottom:40px;float:none;margin-bottom:25px;}
.prjectList .active{opacity:0;transform:scale(0);display:none;}
.prjectList .hover,.prjectList ul li{transform: translateX(0);opacity:1;}
.prjectList ul li{transition-delay:.3s;}
.prjectList .pic{overflow: hidden;margin-right:-25px;}
.prjectList .pic>div{float: left;width:33.3%;padding-right:25px;}
.prjectList .pic .pImg{padding-top:65%;}

/* 加工实力 */
.oddsMain2 li{background:#f5f5f5;margin-bottom:40px;}
.oddsMain .s .pic{width:50%;}
.oddsMain2 .s .txt{width:50%;padding:15px 4%;}
.oddsMain2 .s:nth-child(2n){flex-direction:row-reverse;}
.oddsMain2 ol li{margin-right:10%;}

/* 产品列表 */
.proSider{width:20%;font-size:1.125em;float:left;}
.proSider .title{background:var(--color-main);padding:30px 25px;color:#fff;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:var(--color-main);font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;position: relative;z-index:5;}
.proSider .title i::after{content:"\e655";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}
.proSide_sub{background:#f2f2f2;border:1px solid #d1d1d1;}
.proSide_sub>li{position:relative;}
.proSide_sub>li>a{display:block; background:var(--color-main);color:#fff;font-size:1.375em;height:55px;line-height:55px;padding:0 45px;}
.proSide_sub>li>a::after,.proSide_sub>li>a::before{content:"\e6e7";position:absolute;font-family:"iconfont";left:15px;}
.proSide_sub>li>a::before{left:auto;right:15px;content:"\e60f";font-size:.875em;}

.proSide_sub .sub{padding:10px 0;padding-left:15px;}
.proSide_sub .sub li {margin:3px 0;}
.proSide_sub .sub li a{border:none;display:inline-block;height:30px;line-height:30px;padding-left:20px;position:relative;}
.proSide_sub .sub li .cur{color:var(--color-hover);}
.proSide_sub .sub li a::after{content:"\e625";position:absolute;font-family:"iconfont";left:0;font-size:.75em;}
.proSide_sub .sub ul{padding-left:10px;}
.proSide_sub .sub ul a{font-size:.875em;color:#333;background:none;}
.proSide_sub .sub ul em{margin-right:5px;display:inline-block;font-style:normal;}
.proSider .box{background: var(--color-main);padding:25px 8%;color:#fff;font-size:1.143em;}
.proSider .box span{display: block;font-size:1.5em;}
.proSider .box .tel{position: relative;padding-left:50px;}
.proSider .box .tel::after{content:"\e603";position:absolute;left:0;font-family:"iconfont";font-size:2em;left:0;top:0;}
.proSider .box a{background:#fff;display: block;height:50px;line-height:50px;border-radius:5px;text-align:center;margin-top:10px;}
.proSider .box a:hover{background:var(--color-hover);color:#fff;}


.searMain2{border:1px solid #aaa;margin-right:15px;border-radius:15px;height:32px;line-height:32px;padding:0 20px;width:30%;max-width:260px;padding-right:40px;position:relative;}
.searMain2 .sear_text{width:100%;}
.searMain2 .sear_btn{background: url('../images/sBtn.png') no-repeat right center;width:32px;height:32px;position:absolute;right:15px;background-size:20px;}
.proWrap{background:#f5f7fa;}
.proList ul{margin-right:-30px;padding:5px;}
.proList li{float:left;width:25%;margin-bottom:30px;padding-right:30px;}
.proList li a{display:block;position:relative;background:#fff;padding-bottom:35px;}
.proList li .pImg{padding-top:68%;transition:all .3s;}
.proList li p{color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;font-size:1.25em;}
.proList li p span{display:block;font-size:14px;opacity:.5;margin-top:5px;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#0073dd;}
.proList li a:hover{box-shadow:0 5px 10px #e1e1e1;}

/*  产品详情 */
.proShow_box1{margin-bottom:60px;overflow: hidden;}
.gallery{width:48%;position:relative;}
.galleryBig{position:relative;height:500px;background:#fff;border:1px solid #ddd;}
.galleryBig li{height:500px;line-height:500px;text-align:center;}
.galleryBig p{position: absolute;bottom:-40px;left:0;height:40px;line-height:40px;text-align:center;width:100%;background: rgba(0,0,0,.6);color:#fff;transition:all .5s;z-index:5;}
.galleryBig p i{font-family:"iconfont";font-style:normal;margin-right:15px;}
.galleryBig:hover p{bottom:0;}
.gallery img{max-height:100%; vertical-align: middle;}
.gallerySmall{margin:10px 50px 0 50px;}
.gallerySmall li{cursor:pointer;pointer-events:initial !important;background:#fff;width:20%;height:100px;line-height:100px;text-align:center;}
.gallerySmall li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:1px solid #bdc4ce;}
.gallerySmall .on::after{border:2px solid var(--color-main);}
.gallery .btn{background:#333;width:35px;height:100px;line-height:100px;text-align:center;color:#fff;top:auto;bottom:0;opacity:.6;left:0;}
.gallery .swiper-button-next{right:0px;left:auto;}
.gallery .btn:hover {opacity:1;}

.proShow_R{width:48%;overflow:hidden;height:610px;background:#f4f4f4;padding:3%;}
.proShow_R .title{margin-bottom:20px;color:#333;border-bottom: 1px solid #ddd;font-size:2em;padding-bottom:20px;}
.proShow_R .font{min-height:120px;line-height:2;}
.proShow_R .tel{border-bottom: 1px solid #ddd;padding:20px;margin:20px 0;border-top: 1px solid #ddd;font-size:1.5em;color:#191919;background: url('../images/zxtel.png') no-repeat left center;padding-left:40px;}
.proShow_R .tel p{ font-size: 14px; line-height: 20px;}
.proShow_R .btn{margin-top:30px;overflow:hidden;position:relative;}
.proShow_R .btn a{display:block; width:40%;height:50px;line-height:50px;text-align:center;background:#fff;color:#333;margin-bottom:35px;max-width:180px;border-radius:5px;box-shadow:2px 2px 6px #ccc;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.proShow_R .btn a:nth-child(2){color:#f00;}
.proShow_R .btn a:hover{background:var(--color-main);color:#fff;}
.proShow_R .wx{position: absolute;right:5%;top:0;width:120px;text-align:center;}
.proShow_R .wx img{width:100%;box-shadow:2px 2px 6px #ccc;}
.proShow_R .wx span{display:block;margin-top:10px;}

.proShow_main{width:72%;}
.proShow_main .title,.showTie2{height:80px; background:#fafafa; border:1px solid  #ddd;  padding: 0 4%;font-size:1.571em;line-height:80px;color:var(--color-main);}
.proShow_main .title span,.showTie2 span{position:relative;display:inline-block;}
.proShow_main .title span::after,.showTie2 span::after{content:"";position: absolute;left:0;bottom:0px;height:2px;background:var(--color-main);width:100%;}
.proShow_main .info{padding:4%;border-bottom: 1px solid #ddd;min-height:400px;border:1px solid #ddd;border-top:none;}
.proShow_main .tie{margin-bottom:30px;font-size:1.286em;border-left:3px solid var(--color-main);padding-left:20px;line-height:1;color:#333;}
.relaPros{margin-top:30px;overflow:hidden;width:100%;}
.relaPros .tie{font-size:1.5em;}
.relaPros ul{margin-right:-15px;}
.relaPros li{float:left; width:33.3%;padding-right:15px;}
.relaPros li .pImg{border:1px solid #ddd;padding-top:68%;}
.relaPros li p{text-align:center;margin-top:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.relaPros li:hover img{transform: scale(1.1);}

/* 加工优势 */
.oddsMain li{position: relative;overflow:hidden;margin-bottom:60px;}
.oddsMain li .pic{width:76%;float:right;height:600px;overflow: hidden;display: block;}
.oddsMain li .info{width:40%; position: absolute;left:10px;bottom:60px;top:60px;background:#fff;padding:3.5%;line-height:2;transition:all .5s;box-shadow:0 2px 10px #e1e1e1;background-size:60%;}

.oddsMain li h3{font-size:2.5em;margin-bottom:25px;line-height:1.2;color:#000;position: relative;padding-bottom:20px;}
.oddsMain li h3::after{content:"";position:absolute;bottom:0;width:50px;height:3px;background:var(--color-main);left:0;}
.oddsMain li .txt{height:190px;margin-bottom:20px;}
.oddsMain li .more i{font-style:normal;width:26px;height:26px;border:1px solid var(--color-main);line-height:24px;border-radius:100%;text-align:center;margin-right:10px;display:inline-block;}
.oddsMain li h3 a:hover,.oddsMain li .more{color:var(--color-main);}
.oddsMain li h5{font-size:1.25em;color: var(--color-title);margin-bottom:10px;}
.oddsMain li:nth-child(2n) .pic{float:left;}
.oddsMain li:nth-child(2n) .info{left:auto;right:10px;}
.oddsMain li .pic:hover .bgImg{ transform:scale(1.08) !important;}


/* 关于我们 */
.culture{position: relative;overflow:hidden;}
.culture li{float: left;width:25%;text-align:center;position:relative;height:560px;background-position: center;background-repeat: no-repeat;background-size:cover;position: relative;z-index:2;}
.culture li::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#f0ecec;z-index:-1;transition:all .6s;}
.culture li i{display:inline-block;width:45px;height:41px;transition:all .5s;background-repeat: no-repeat;}
.culture li h4{margin-top:20px;font-size:1.875em;color:#333;padding-bottom:25px;margin-bottom:40px;position:relative;line-height:1.4;}
.culture li h4::after{content:"";position: absolute;left:50%;width:70px;height:2px;background:var(--color-main);margin-left:-35px;bottom:0;}
.culture li .txt{padding:0 10%;color:#888;line-height:2;padding-top:25%;}
.culture li:hover::after{height:0;}
.culture li:hover i{background-position: 0 -41px;}
.culture li:hover .txt,.culture li:hover h4{color:#fff;}
.culture .swiper-pagination {display:none;}
.honor{position:relative;overflow: visible;}
.honor li{float:left;width:25%;text-align:center;}
.honor li a{display: block;position: relative;overflow:hidden;}
.honor li p{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.honor li .pic{border:1px solid #ddd;transition:all .5s;display:block;height:200px;line-height:200px;}
.honor li img{transition:all .5s;max-height:100%;}
.honor li a:hover img{transform: scale(1.1);}
.honor li a:hover .pImg{border-color:var(--color-hover);}
.honor .swiper-pagination{position:static;margin-top:40px;}
.honor .swiper-pagination-bullet{width:12px;height:12px;}
.honor .btn{left:-60px;top:55%;}
.honor .swiper-button-next{left:auto;right:-60px;}

.team{overflow:hidden;margin-bottom:60px;}
.team li{float:left;width:26%;padding-right:10px;margin-bottom:10px;}
.team li a{position: relative;display:block;overflow:hidden;}
.team li p{position: absolute;left:0;bottom:-50px;text-align:center;background: rgba(0, 0, 0, .7);color:#fff;width:100%;height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;opacity:0;transition:all .5s;}
.team li .pImg{padding-top:70%;}
.team .t1{width:48%;}
.team .t4{width:52%;float:right;}
.team .t5,.team .t6{width:24%;margin-bottom:9px;}
.team .t1 .pImg{padding-top:65%;}
.team li:hover img{transform: scale(1.1);}
.team li:hover p{opacity:1;bottom:0;}
.team .t4 .pImg{padding-top:57.2%;}

/* 图片列表 */
.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:68%;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:var(--color-main);}

/*新闻列表 */
.newsList ul{margin-right:-20px;}
.newsList li{float: left;width:33.3%;padding-right:20px;margin-bottom:30px;}
.newsList li .pImg{border:1px solid #e8e8e8;padding-top:60%;}
.newsList li .txt{background:#f5f5f6;padding:25px;position: relative;z-index:2;}
.newsList li h4{color:#111;font-size:1.12em;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:75px;font-size:0.9em;}
.newsList li .date{font-family:Arial;color:#999;}
.newsList li .date i{float:right;font-family: "iconfont";font-style:normal;color:#666;font-size:2em;line-height:1;margin-top:-2px;}
.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:var(--color-hover); z-index:-1;transition:all .5s;}
.newsList a:hover .txt::after{height:100%;}
.faqList ul{padding-left:1px;padding-top:1px;overflow: hidden;}
.faqList li{float:left;width:33.3%;position:relative;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;transition:all .3s;padding:2.5%;height:260px;}
.faqList li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:var(--color-main);transition:all .5s;width:0;}
.faqList li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:10px;color:#333;}
.faqList li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f;}
.faqList li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}
.faqList li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden;}
.faqList li .date{color:#999;display:block;}
.faqList li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}
.faqList li:hover::after{width:100%;}
.faqList li:hover{box-shadow:0 0 10px #ccc;}
.faqList li:hover h4 {color:var(--color-main);}

/* 新闻详情 */
.picShow_l {width:68.5%;overflow:hidden;}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;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:-2px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.showCon .ce img{min-width:60%;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/a_r.png') no-repeat;margin-left:5px;margin-right:0;}

.picShow_r{width:26%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid var(--color-main);height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:var(--color-main);}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.rightNews_w li h4{font-size:18px;padding-top:10px;}
.showPage p{border:1px solid #e1e1e1;border-top:2px solid #666;margin-bottom:25px;padding:20px 3%;transition:all .5s;position:relative;}
.showPage p::after{content:"";position: absolute;left:0;top:0;width:0;height:2px;background:var(--color-main);transition:all .5s;}
.showPage p span{display:block;color:#000;margin-bottom:5px;}
.rightNews,.rightContact{background:#f2f2f2;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;font-size:.875rem;}
.rightContact h4{background: url('../images/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.rightContact p span{margin-left:-80px;float:left;}
.newsRelative{margin-top:40px;}
.newsRelative .tie{font-size:1.714em;color:#191919;margin-bottom:20px;}
.newsRelative li{float: left;width:48%;height:46px;line-height:46px;border-bottom: 1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.newsRelative li:nth-child(2n){float:right;}
.newsRelative li span{float:right;opacity:.5;margin-left:15px;}

/* 合作伙伴*/
.partnerList ul{padding-left:1px;padding-top:1px;}
.partnerList li{float:left;width:14.3%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;overflow:hidden;}
.partnerList li .pImg{padding-top:72%;}
.partnerList li p{background:var(--color-hover);color:#fff;height:32px;line-height:32px;text-align:center;padding:0 10px;position:absolute;left:0;bottom:-32px;width:100%;font-size:12px;transition:all .5s;}
.partnerList li:hover{z-index:2;border:1px solid var(--color-hover);}
.partnerList li:hover p{bottom:0;}
.partnerList li:hover img{top:-20px;}

/* 联系*/
.contactBox{overflow: visible;}
.contactTxt{width:46%;color:#666e80;padding-top:70px;}
.contactTxt .tie{border-bottom:2px solid var(--color-main);color:var(--color-main);font-size:2.5em;height:80px;}
.contactTxt li{overflow:hidden;padding-top:30px;padding-bottom:30px;border-bottom: 1px solid #dcdee1;position:relative;}
.contactTxt li i{float:left;width:48px;height:48px;border:1px solid #cacfd6;margin-right:10px;font-family:"iconfont";color:var(--color-main);font-style:normal;line-height:48px;font-size:1.5em;text-align:center;}
.contactTxt li span{display:block;}
.contactTxt li .fl{width:46%;}
.contactTxt .tel span{font-weight:700;}
.contactTxt .p3{clear: both;padding-top:30px;}
.contactTxt li:last-child{border:none;padding-bottom:40px;}
.contactTxt .wx{position: absolute;right:0;top:30px;width:100px;text-align:center;}
.contactTxt .wx2{right:120px;}
.contactBox .pic{width:60%;height:640px;float:right;margin-right:-10%;}

/* 在线留言*/
.feedback{background:#eff1f5;}
.feedback p{width:49%;float: left;;height:60px;line-height: 60px;position: relative;padding:0 25px 0 60px;margin-bottom:20px;position: relative;background:#fff;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback p em{position: absolute;right:10px;font-size:1.125em;}
.feedback p i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .tip{margin-bottom:20px;color:#333;clear:both;display:block;}
.feedback .tip i,.feedback p em{font-style:normal;color:#f00;}
.feedback .code{clear: both;}
.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#fff;}
.feedback .code .sub {background: var(--color-main);width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid var(--color-main);}
.feedback .sub:hover{background:var(--color-hover2);}


/* 搜索结果*/
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/sBtn2.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}
.proSear .btn:hover{background-color:#111;}