@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',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#555;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:#ff0000;}


/* 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;min-width:320px;margin:0 8%;}
.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:90px 0;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* Project id 2948650 */
  src: url('//at.alicdn.com/t/font_2948650_103tg4xygghh.eot?t=1637820866578'); /* IE9 */
  src: url('//at.alicdn.com/t/font_2948650_103tg4xygghh.eot?t=1637820866578#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('//at.alicdn.com/t/font_2948650_103tg4xygghh.woff2?t=1637820866578') format('woff2'),
  url('//at.alicdn.com/t/font_2948650_103tg4xygghh.woff?t=1637820866578') format('woff'),
  url('//at.alicdn.com/t/font_2948650_103tg4xygghh.ttf?t=1637820866578') format('truetype'),
  url('//at.alicdn.com/t/font_2948650_103tg4xygghh.svg?t=1637820866578#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:100px;line-height:100px;position: fixed;z-index:99;padding:0 60px;color:#fff;top:0;left:0;}
.logo{position: absolute;left:60px;top:0;}
.logo span{color:#ff0000;font-size:1.5em;margin-left:20px;}
.nav{padding:0 24% 0 28%; display:flex;justify-content:space-between;}
.nav .m{float:left;text-align:center;}
.nav .m>a{color:#fff;display:inline-block;position:relative;}
.nav .m>a::after{content:"";position: absolute;left:0;bottom:30px;width:100%;height:2px;background:#fff;transform-origin:right;transform: scale(0,1);transition:transform .5s;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:#fff;}
.nav .cur>a::after,.nav .m>a:hover::after{transform-origin:left;transform: scale(1);}
.nav .navSub{position:absolute;top:120%;background:rgba(255, 255, 255,.8);color:#333;font-size:0.938rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;width:100%;left:0;text-align:center;padding:15px 0;line-height:40px;z-index:2;box-shadow:0 3px 5px #eee;border-top: 1px solid #f3f3f3;}
.nav .navSub::after{content:"";position: absolute;width:200%;left:-50%;background:rgba(255, 255, 255,.8);height:100%;z-index:-1;top:0;}
.nav .navSub li{display:inline-block;margin:0 15px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{color:#ff0000;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}

.headTel{position:absolute;right:60px;top:20px;font-size:1.125em;font-family:Arial;line-height:1.4;}
.headTel::before{content:"\e65b";font-family:"iconfont";margin-right:10px;font-size:26px;float:left;}
.headTel span{display:block;}
.headR li{float:left;position:relative;}
.headR .phone{font-family:"iconfont";font-size:26px;margin-left:25px;}
.wapTel{font-family:"iconfont";position: absolute;color:#005ab0;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

.listHead{background:none;}
.headFix{background:#fff !important;padding-top:0;height:70px;line-height:70px;box-shadow:0 0 6px #ddd;color:#222;}
.headFix .logo img{height:42px;}
.headFix .nav .m>a,.listHead .nav .m>a{color:#222;}
.listHead .nav .m>a::after{bottom:30px;background:#f00;}
.headFix .nav .m>a::after{background:#f00;bottom:0;}
.headFix .nav .cur>a,.headFix .nav .m>a:hover,.headFix .nav .on>a,.headFix .headTel::before,.headFix .headR .phone,.listHead .nav .cur>a,.listHead .nav .m>a:hover,.listHead .nav .on>a,.listHead .headTel::before,.listHead .headR .phone{color:#f00;}
.headFix .headTel{top:10px;}
.listHead{color:#222;}
.headHome{background:rgba(255, 255, 255,.9);transition:all .5s;color:#222;}


/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#ff0000;margin-bottom:6px;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-on span:nth-child(1){transform: translateX(4px) 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:#ff0000;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;}
.fraction{color:#888;font-size:24px;font-family:Arial;text-align:left;left:9%;width:auto;bottom:40px;line-height:1;}
.fraction .swiper-pagination-current{color:#fff; font-size:36px;}
.swiperBtn{display:inline-block;height:13px;width:116px;background: url('../images/swiperBtn.png') no-repeat left top;opacity:.7;transition:all .3s;cursor:pointer;font-size:0;}
.swiperNext{background-position:-120px 0;}
.swiperBtn:hover{opacity:1;}
.banner .swiperBtn{position: absolute;bottom:45px;right:10%;z-index:3;}
.banner .swiperPrev{right:20%;}


/* 产品 */
.hTitle{font-size:2.5rem;margin-bottom:40px;color:#f00;text-transform: uppercase;line-height:1.2;}
.hTitle b{display:block;color:#2e3136;font-size:1.2em;}
.hTitle span{position:relative;padding-right:60px;}
.hTitle span::after{content:"";position: absolute;right:0;background:#f00;width:50px;height:2px;top:20px;}
.product .hTitle span{font-size:30px;color:#2e3136;}
.product{background:#f8f8f8 url('../images/pro_bg.jpg') no-repeat center bottom;overflow:hidden;background-size:cover;}
.proMain li .txt{float:left;width:40.5%;line-height:2;}
.proMain li .pic{float:right;width:50.5%;margin-top:-140px;text-align:center;}

.proMenu{background:#fff;box-shadow:0 0 10px #ddd;overflow:hidden;height:60px;line-height:60px;font-size:1.5em;position: absolute;left:0;bottom:28%;}
.proMenu a{float:left;padding:0 20px;color:#333;position:relative;z-index:2;}
.proMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#f00;width:100%;height:100%;z-index:-1;transform-origin:right;transform: scale(0,1); transition:transform .5s;}
.proMenu .on,.proMenu a:hover{color:#fff;}
.proMenu .on::after,.proMenu a:hover::after{transform-origin:left;transform: scale(1)}
.product .btn{margin-top:-50px;position: relative;z-index:5;}
.product .btn a{display:inline-block;width:200px;height:54px;line-height:50px;border:2px solid #2e3136;margin-right:15px;;color:#333;padding:0 25px;text-align:left;}
.product .btn i{font-style:normal;font-family:"iconfont";font-size:1.286em;float:right;}
.product .btn a:hover{color:#f00;border-color:#f00;}

/* 合作案例 */
.case{position:relative;overflow:hidden;}
.caseTie{position: absolute;text-align:center;z-index:5;color:#fff;width:100%;padding-top:90px;}
.caseTie p span{display: block;}
.caseTie .title {color:#f00;font-size:2.5em;padding-bottom:20px;margin-bottom:20px;position:relative;}
.caseTie .title span{color:#fff;font-weight:700;margin-right:10px;}
.caseTie .title::after{content:"";position: absolute;left:50%;bottom:0;height:2px;background:#f00;width:50px;margin-left:-25px;}
.caseTie p{line-height:1.8;opacity:.8;}

.caseSlide{font-size:.875em;overflow:hidden;}
.caseSlide li{float:left;width:16.666%;line-height:1.6;}
.caseSlide li a{display:block;position:relative;height:880px;background-repeat: no-repeat;background-size:cover;background-position:center;}
.caseSlide li a::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%; background:#2e3136;opacity:.8;transition:all .5s;}
.caseSlide li .txt{position: absolute;left:0;bottom:50px;z-index:3;color:#fff;text-align:center;padding:0 8%;}
.caseSlide li .pic{border-radius:100%;transform:rotateY(180deg);transition:all .5s;backface-visibility:hidden;opacity:0;transition-delay:.1s;height:0;}
.caseSlide li h4{margin:15px 0 20px 0;font-size:1.786em;}
.caseSlide li h4 span{display:block;opacity:.8;font-weight:400;font-size:0.72em;margin-top:10px;transition:all .5s;}
.caseSlide li i{font-size:3.4rem;transition:all .5s;}
.caseSlide li p{opacity:.8;height:180px;background: url('../images/c_more.jpg') no-repeat center bottom;padding-bottom:40px;opacity:0;transition-delay:.15s;transition:all .5s;top:20px;position:relative;}
.caseSlide li a:hover i{display:none;}
.caseSlide li a:hover .pic{opacity:1;transform:rotateY(0);height:auto;}
.caseSlide li a:hover::after {background:#fa8282;opacity:.85;}
.caseSlide li a:hover h4 span{margin-top:0;}
.caseSlide li a:hover p{opacity:1;top:0;}
.caseSlide .swiperBtn{position: absolute;bottom:30px;left:34%; z-index:5;text-align:center;}
.caseSlide .swiperNext{left:auto;right:34%;}
.case .cMore{width:200px;height:54px;line-height:50px;color:#fff;text-align:center;border:2px solid #fff;position: absolute;left:50%;margin-left:-100px;bottom:10px;z-index:5;opacity:.7;}
.case .cMore:hover{background:#fff;color:#f00;opacity:1;}

/* 合作客户 */
.tieTop{margin-bottom:50px;line-height:1.8;color:#333;}
.tieTop .hTitle{margin-bottom:25px;}
.tieTop p span{display:block;}
.partnerSlide li{float:left;width:16.6%;text-align:center;}
.partnerSlide li .pImg{border:1px solid #ddd;padding-top:46%;transition:all .5s;}
.partnerSlide li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:10px;}
.partnerSlide li:hover img{transform: scale(1.1);}
.partnerSlide li:hover .pImg{border-color: #f00;}
.partner .swiperBtn{position: absolute;top:230px;background-position:0 -15px;right:180px;opacity:.35;}
.partner .swiperNext{background-position:-120px -15px;right:0;}
.partner .swiperBtn:hover{opacity:.8;}


/* 优势 */
.odds{color:#fff;overflow:hidden;position:relative;}
.odds::after{content:"";position: absolute;bottom:90px;width:100%;height:1px;background:#fff;z-index:2;left:0;}
.odds li{float: left;width:20%;height:880px;position:relative;transition:all .5s;}
.odds li .txt{position: absolute;top:50px;transition:all .5s;left:10%;right:5%;opacity:0;transition:all .5s;}

.odds li .tie{position: absolute;top:260px;transition:all .5s;text-align:center;padding:0 15%;line-height:1.2;transition:all .5s;}
.odds li .tie::after{content:"";position: absolute;left:50%;width:144px;height:144px;background: url('../images/click.png') no-repeat;margin-left:-72px;bottom:-180px;}
.odds li h4{padding-bottom:25px;border-bottom: 1px solid rgba(255, 255, 255,.2);margin-bottom:100px;top:-20px;}
.odds li h4 span{font-size:1.875em;display:block;color:#fff;margin-bottom:10px;}
.odds li h4 b{font-weight:400;opacity:.7;}
.odds li h3{font-size:3.75em;font-weight:700;margin-bottom:20px;}
.odds li p{line-height:2;max-width:500px;opacity:0;}
.odds .hBtn{margin-top:40px;display:none;opacity:0;}
.hBtn{display:inline-block; width:200px;height:54px;line-height:50px;color:#fff;border:2px solid #fff;padding:0 25px;text-align:left;}
.hBtn i{float:right; font-family:"iconfont";font-size:1.8rem;font-style:normal;}
.hBtn:hover{background:#f00;border-color:#f00;color:#fff;padding:0 40px;}
.odds .cur{width:80% !important;}
.odds .cur .txt{opacity:1;}
.odds .cur .tie{opacity:0;}
.odds .cur p,.odds .cur .hBtn{opacity:1;display: block;}
.odds .btn{display:inline-block;width:60px;height:60px;top:auto;bottom:60px;background:#fff;border-radius:100%;color:#333;font-family:"iconfont";text-align:center;line-height:60px;left:8%;font-size:26px;transform: rotate(180deg);transition:all .5s;}
.odds .swiper-button-next{left:74%;transform: rotate(0deg);}
.odds .btn:hover{background:#f00;color:#fff;}


/* 营销网络 */
.marketing::after{content:"";position: absolute;left:49%;top:0;height:100%;background:#aaa;width:1px;}
.marketingL{width:47%;color:#333;}
.marketing ul,.yfzzBox3 ul,.aboutBox1 ul{padding-top:40px;overflow:hidden;text-align:left;max-width:600px;display: flex;justify-content: space-between;width:100%;}
.marketing li,.yfzzBox3 li,.aboutBox1 li{float:left;}
.marketing li span,.yfzzBox3 li span,.aboutBox1 li span{display:block;overflow:hidden;margin-bottom:10px;}
.marketing li b,.yfzzBox3 li b,.aboutBox1 li b{float:left;font-size:3.750em;line-height:1;margin-right:10px;}
.marketingR{text-align:right;}
.marketingR ul{margin-right:8%;}


/* 关于我们 */
.about{background:url('../images/about_bg.jpg') no-repeat center;position: relative;overflow:hidden;background-size:cover;background-attachment: fixed;}
.about::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:150px;background:#f8f8f8;}
.aboutMain{color:#fff;max-width:930px;margin:0 auto;text-align:center;}
.aboutMain .title{font-size:1.5em;position:relative;margin-bottom:40px;padding-bottom:20px;}
.aboutMain .title span{display:block;font-size:1.667em;margin-top:10px;}
.aboutMain .title::after{content:"";position: absolute;left:0;bottom:0;width:50px;height:2px;background:#f00;left:50%;margin-left:-25px;}
.aboutMain .txt{line-height:2em;opacity:.8;margin-bottom:50px;}
.aboutMain .hBtn{margin:0 15px;}
.layer_video{width:80% !important;height:80%;}
.aboutMenu{background:#fff;overflow:hidden;z-index:2;}
.aboutMenu li{float: left;width:20%;border-right: 1px solid #ddd;}
.aboutMenu li a{display:block;height:300px;color:#222;position:relative;overflow: hidden;}
.aboutMenu li .bgImg{opacity:0;transition:all .5s;transform: scale(1.1);}
.aboutMenu li a::after{content:"";width:100%;height:100%;background:#f00;opacity:.5;top:0;left:0;position:absolute;opacity:0;transition:all .5s;}
.aboutMenu li .txt{position: absolute;z-index:2;left:0;top:0;width:100%;padding:10%;}
.aboutMenu li h4{font-size:1.563em;text-transform: uppercase;line-height:1.6;margin-bottom:100px;}
.aboutMenu li h4 span{display:block;opacity:.6;font-size:0.720em;}
.aboutMenu li i{display:inline-block;width:32px;height:32px;border:1px solid #f00;text-align:center;font-style:normal;font-size:22px;line-height:30px;color:#f00;transition:all .5s;}
.aboutMenu li .pic{position: absolute;width:85px;height:82px;bottom:30px;right:10%;transition:all .5s;}
.aboutMenu li a:hover .pic{transform: scale(0);opacity:0;}
.aboutMenu li a:hover{color:#fff;}
.aboutMenu li a:hover i{background:#fff;border-color: #fff;color:#f00;}
.aboutMenu li a:hover .bgImg{opacity:1;transform: scale(1);}
.aboutMenu li a:hover::after{opacity:.6;}


/* 新闻快讯 */
.news{font-size:.875em;background:#f8f8f8;}
.newsL{width:48%;overflow:hidden;}
.newsTie{margin-bottom:30px;font-size:1.714em;color:#f00;}
.newsTie a{color:#333;margin-right:30px;}
.newsTie .on,.newsTie a:hover,.newsR .pic h4 a:hover{color:#f00;}
.newsBox .pic {border:1px solid #ddd;margin-bottom:10px;}
.newsBox .pic a{height:480px;position:relative;overflow:hidden;display:block;}
.newsBox .pic p{position: absolute;bottom:0;width:100%;color:#fff;padding:0 5%;font-size:1.429em;height:80px;line-height:80px;background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.4) 70%);}
.news .pic:hover .bgImg{transform:scale(1.06);}
.news .txt{float:left;width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.newsBox .txt:nth-child(2n-1){float:right;}
.news .txt span{float:right;opacity:.5;margin-left:20px;}

.newsR{width:24%;margin-left:2%;}
.newsR .pic{color:#999;border-bottom: 1px solid #ddd;padding-bottom:20px;margin-bottom:25px;overflow:hidden;height:410px;}
.newsR .pic .bgImg{height:240px;}
.newsR .pic h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0 15px 0;position:relative;z-index:2;background:#f8f8f8;}
.newsR .pic h4 a{color:#333;}
.newsR .pic p{height:65px;}
.newsR .txt{float:none;width:100%;}


/* 在线留言 */
.message{background:url('../images/message_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed;}
.messageL{width:40%;}
.messageL .p1{color:#222;margin-top:-20px;margin-bottom:100px;}
.messageL h4{color:#f00;font-size:2em;margin-bottom:15px;}
.messageL .hBtn{color:#f00;border-color:#f00;}
.messageL .hBtn:hover{color:#fff;}
.messageR{width:50%;overflow: hidden;}
.messageR p{width:49%;float:left;;height: 60px;line-height: 60px;position: relative;margin-bottom:15px;background:#fff;padding:0 20px;}
.messageR p:nth-child(2n){float:right;}
.messageR p input{width: 100%;height: 100%;font-size:16px;}
.messageR .tarea{width: 100%;height: 130px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.messageR textarea{width: 100%;height: 100%;}
.messageR .code{clear:both;padding-top:40px;}
.messageR .code input{height: 60px;line-height: 60px;border-bottom: 1px solid #fff;}
.messageR .code .c{width: 20%;padding: 0 15px;}
.messageR .code img{padding:19px;background:#fff;}
.messageR .sub {width: 30%;cursor: pointer;transition: all .3s;color: #fff;display:inline-block;height:60px;line-height:60px;color:#333;font-size:18px;border:2px solid #333;}
.messageR .sub:hover{background:#f00;color:#fff;border-color: #f00;}

/*底部 */
.footer{background:#2e3136;font-size:.938em;color:#bebfc0;overflow:hidden;position:relative;} 
.footer::after{content:"";position:absolute;height:1px;background:#404349;width:100%;left:0;top:90px;}
.footMain{padding:50px 0;overflow:hidden;line-height:2.4;}
.footMenu_wap{display:none;overflow:hidden;text-align:center;}
.footMenu{width:74%;overflow:hidden;display:flex;justify-content:space-between;}
.footMenu ul{float:left;overflow:hidden;}
.footMain h4{color:#fff;height:40px;font-size:1.2em;margin-bottom:10px;position:relative;padding-bottom:10px;margin-bottom:15px;line-height:1;}
.footMain h4::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:25px;background:#ff0000;}
.footContact{max-width:25%;}
.footContact .tel{font-size:2em;color:#ff0000;line-height:1.2;}
.footer a{color:#bebfc0;}
.footer a:hover{color:#fff;}
.copyright{padding:20px 0; background:#24272b;position:relative;z-index:2;}
.copyright::after{content:"";position: absolute;top:0px;background:#24272b;width:200%;left:-50%;height:100%;z-index:-1;}
.firendlink{clear: both;padding-top:10px;}
.firendlink span{font-size:14px;color:#fff;}
.firendlink a{margin:0 8px;}



/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;}
.listBan,.mzsmBanner{height:600px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;font-size:1.250em;}
.listBan .txt{position: absolute;left:8%;top:50%;transform:translateY(-38%);animation:leftPic .8s;color:#222;line-height:2.2;}
.listBan .txt h3{font-size:2.8em;font-weight:700;line-height:1;margin-bottom:30px;}
.listBan .hBtn{margin-top:70px;margin-right:20px;border-color:#222;color:#222;font-size:.9em;}
.listBan .hBtn:hover{border-color: #f00;color:#fff;}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:80px;}
  100% {opacity:1;padding-top:0;}
}
.breadCrumb{overflow:hidden;padding:15px 0;border-top: 1px solid #eee;line-height:30px;background:#f8f8f8;}
.breadCrumb p,.listMenu p{background: url('../images/home_icon.png') no-repeat left center;padding-left:30px;background-size:20px;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;font-style:normal;}
.listMenu{height:100px;line-height:100px;border-bottom: 1px solid #ddd;font-size:1.125rem;}
.listMenu .m{margin-right:70px;position:relative;display:inline-block;}
.listMenu .m::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#f00;transform-origin:right;transform:scale(0,1);transition:transform .5s;}
.listMenu p{position: absolute;right:0;font-size:16px;top:0;}
.listMenu .cur{color:#f00;}
.listMenu .cur::after,.listMenu .m:hover::after{transform-origin:left;transform:scale(1);}
.listMenu2 {height:auto;line-height:100%;overflow:hidden;border:none;margin-top:40px;text-align:center;}
.listMenu2 .m{padding:0 20px;margin:0 10px;border:1px solid #ddd;height:55px;line-height:55px;margin-bottom:10px;}
.listMenu2 p{display:none;}
.listMenu2 .cur::after,.listMenu2 .m:hover::after{height:100%;z-index:-1;}
.listMenu2 .cur,.listMenu2 a:hover{color:#fff;}

/* 产品列表 */
.proWrap{background:#f8f8f8;overflow:hidden;padding-bottom:60px;}
.proWrap .p1{background: url('../images/home_icon.png') no-repeat left center;padding:20px 25px;margin-bottom:20px;}
.proList{padding-top:60px;}
.proList ul{margin-right:-20px;}
.proList li{float:left;width:25%;margin-bottom:10px;padding-right:20px;}
.proList li a{display:block;}
.proList li .pImg{padding-top:78%;transition:all .3s;border:1px solid #ddd;transition:all .4s;}
.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#ff0000;}
.get_more{display:block;height:60px;line-height:60px;text-align:center;background:#81868e;color:#fff;margin-top:30px;}
.get_more:hover{background:#f00;color:#fff;}


/*  产品详情 */
.pd70{padding-top:70px;padding-bottom:70px;overflow:hidden;}
.gallery{width:50%;border:1px solid #ddd;position:relative;}
.gallery li .pImg{padding-top:78%;}
.gallery .fraction{color:#fff;left:5%;bottom:30px;}
.gallery .btn{right:5px;z-index:5;bottom:30px;font-family:"iconfont";color:#fff;background:rgba(0, 0, 0, .6);width:40px;height:26px;line-height:26px;text-align:center;right:10px;top:auto;bottom:30px;}
.gallery .swiper-button-prev{left:auto; right:55px;transform: rotate(180deg);}
.gallery .btn:hover{background:#f00;}
.proShow_R{width:46%;}
.proShow_R .title{margin-bottom:20px;color:#333;border-bottom: 1px solid #ddd;font-size:2.250em;padding-bottom:20px;}
.proShow_R .font{min-height:240px;line-height:2;font-size:14px;margin-bottom:20px;}
.proShow_R .font span{display:block;margin-bottom:10px;font-size:16px;}
.proShow_R .btn{overflow:hidden;margin-bottom:40px;}
.proShow_R .hBtn{border-color: #f00;color:#f00;margin-right:10px;float:left;}
.proShow_R .zx{border-color: #333;color:#333;}
.proShow_R .hBtn:hover{color:#fff;border-color: #f00;}
.proShow_R .tel{color:#191919;background: url('../images/zxtel.png') no-repeat left center;padding-left:35px;font-size:1.125em;}

.proShow_con{background:#f8f8f8;}
.proShow_tie{font-size:2.250em;color:#222;padding-left:20px;margin-bottom:25px;position: relative;}
.proShow_tie::after{content:"";position: absolute;left:0;top:50%;width:8px;height:8px;background:#f00;margin-top:-4px;}
.proShow_con .info{background:#fff;padding:3%;border-top:2px solid #ddd;margin-bottom:50px;}

/* 案例列表 */
.partnerC{background: url('../images/partner_bg.jpg');}
.partnerC .swiperBtn{position: static;margin:0 40px;margin-top:60px;}
.csaeList {font-size:.875em;overflow:hidden;}
.csaeList li{float:left;border:1px solid #e1e1e1;width:49%;margin-bottom:30px;padding:10px 25px 10px 10px;overflow:hidden;}
.csaeList li:nth-child(2n){float:right;}
.csaeList li .pic{float:left;border:1px solid #e5e5e5;width:380px;height:240px;overflow:hidden;text-align:center;margin-right:30px;}
.csaeList li .pic img{height:100%;transition:all .5s;}
.csaeList li h4{font-size:1.714em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;padding-top:10px;}
.csaeList li h4 a{color:#222;}
.csaeList li h4 a:hover,.csaeList li .more:hover{color:#f00;}
.csaeList li p{color:#888;height:120px;margin-bottom:20px;overflow:hidden;line-height:1.8;}
.csaeList li .more{color:#888;}
.csaeList li:hover img{transform: scale(1.1);}

/* 案例详情 */
.caseShow_list{text-align:center;overflow:hidden;}
.caseShow_list .title{margin-bottom:40px;text-align:center;color:#f00;font-size:2.5em;position: relative;padding-bottom:20px;}
.caseShow_list .title::after{content:"";position: absolute;left:50%;width:50px;height:2px;margin-left:-25px;background:#f00;bottom:0;}
.caseShow_list li{float:left;width:25%;}
.caseShow_list li .pImg{border:1px solid #eee;padding-top:78%;transition:all .5s;}
.caseShow_list li p{text-align:center;margin-top:15px;}
.caseShow_list li:hover img{transform: scale(1.1);}
.caseShow_list li:hover .pImg{border-color:#f00;}
.caseShow_list .swiperBtn,.jcxbSlide .swiperBtn,.settingMain .swiperBtn{position: static;background-position:0 -15px;opacity:.35;margin:0 40px;margin-top:50px;}
.caseShow_list .swiperNext,.jcxbSlide .swiperNext,.settingMain .swiperNext{background-position:-120px -15px;}
.caseShow_list .swiperBtn:hover,.jcxbSlide .swiperBtn:hover,.settingMain .swiperBtn:hover{opacity:.8;}


/* 研发智造 */
.listBan3 .txt h3{line-height:1.4;}
.yfzzBox1 .info{width:49%;border-bottom: 1px solid #eee;color:#333;line-height:2;}
.yfzzBox1 .info .pic{display:block;overflow: hidden;}
.yfzzBox1 .info .pic img{width:100%;}
.yfzzBox1 .txt{padding:5%;position: relative;}
.yfzzBox1 .txt h4{font-size:2.5em;color:#222;margin-bottom:20px;line-height:1.2;}
.yfzzBox1 .txt p span{display:block;}
.yfzzBox1 .txt i{position: absolute;right:2%;z-index:-1;font-family:"iconfont";font-style:normal;opacity:.1;font-size:10rem;line-height:1;bottom:40px;color:#999;}

.yfzzBox2{background: url('../images/kycg_bg.jpg') no-repeat center;background-size:cover;overflow:hidden;color:#222;}
.yfzzBox2 .txt{padding:3% 4%;background:#f8f8f8;width:800px;margin-right:8%;line-height:2;}
.yfzzBox2 h4,.rdTie h4{font-size:2.5em;margin-bottom:20px;line-height:1.4;}
.yfzzBox2 ul{margin-top:30px;overflow:hidden;}
.yfzzBox2 li{float:left;text-align:center;margin-right:60px;}
.yfzzBox2 li p{margin-top:10px;}

.yfzzBox3{text-align:center;color:#222;}
.yfzzBox3 .title{font-size:2.5em;margin-bottom:20px;}
.yfzzBox3 .p1 {line-height:2;}
.yfzzBox3 .p1 span{display:block;}
.yfzzBox3 .zzjd_map{margin:60px auto;}
.yfzzBox3 ul{padding-top:0;width:880px;margin:0 auto;max-width:100%;}

.yfzzBox4{position:relative;z-index:2;text-align:center;}
.yfzzBox4::after{content:"";position: absolute;left:0;top:0;z-index:-1;width:100%;height:360px;background: url('../images/process_bg.jpg') no-repeat center;background-size:cover;}
.rdTie{color:#222;line-height:2.2;margin-bottom:50px;}
.rdTie_w{color:#fff;}
.rdTie span{display:block;}

.process{overflow: hidden;padding-top:30px;font-size:.875em;}
.process li{float:left;width:16.6%;padding:0 2%;}
.process li i{display:inline-block;width:120px;height:120px;background:#fff;border-radius:100%;text-align:center;line-height:120px;font-style:normal;box-shadow:0 2px 6px #e1e1e1;font-size:3.429em;font-family:"Arial";transition:all .5s;position: relative;top:0;}
.process li h4{font-size:1.786em;color:#222;margin:30px 0 15px 0;}
.process li p{line-height:1.6;opacity:.8;}
.process .swiperBtn{display:none;}
.process li:hover i{color:#f00;top:-10px;}

/* 品质管理 */
.qTitle  {margin-bottom:50px;font-size:1rem;text-align:center;color:#222;}
.qTitle  span{display:block;font-size:2.5em;margin-bottom:20px;}
.xntd .main{position:relative;max-width:1400px;margin:0 auto;font-size:.875em;color:#222;padding-top:70px;}
.xntd .pic{position: absolute;left:50%;top:0;transform: translateX(-50%);}
.xntd li{float:left;text-align:right;width:26%;min-height:120px;}
.xntd li span{display:block;font-size:1.714em;}
.xntd li:nth-child(2n){float:right;margin-left:30%;text-align:left;}
.xntd li:nth-child(3),.xntd li:nth-child(7){padding-right:3%;}
.xntd li:nth-child(4),.xntd li:nth-child(8){padding-left:3%;}
.xntd li:nth-child(5){padding-right:5%;}
.xntd li:nth-child(6){padding-left:5%;}
.xntd li:nth-child(3),.xntd li:nth-child(4),.xntd li:nth-child(5),.xntd li:nth-child(6){min-height:160px;}


.yyfw,.pzrz_bg{background-image:url('../images/yyfw_bg.jpg');background-size:cover;background-attachment:fixed;background-repeat: no-repeat;background-position:center;}
.yyfw ul{margin-right:-20px;}
.yyfw li{float:left;width:16.6%;text-align:center;margin-bottom:40px;padding-right:20px;}
.yyfw li .pImg{padding-top:64%;}
.yyfw li p,.jcxb li p,.pzrz li p{margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.yyfw li:hover img,.jcxb li:hover img,.pzrz li:hover img{transform: scale(1.1);}
.yyfw .more a{background:#fff;position:relative;display:block;}
.yyfw .more .pImg{opacity:0;}
.yyfw .more p{position: absolute;top:45%;width:100%;margin-top:0;}
.yyfw .more a:hover{background:#f00;color:#fff;}

.jcxbSlide{text-align:center;}
.jcxb li{float: left;width:20%;}
.jcxb li .pImg{padding-top:74%;}

.pzrz{background-image: url('../images/pzrz_bg.jpg'); text-align:center;}
.qTitle_w{color:#fff;}
.pzrz li{float: left;text-align:center;width:14.28%;}
.pzrz li .pImg{border-radius:100%;}
.pzrz li p{color:#fff;}
.pzrz .swiperBtn{margin:0 40px;margin-top:50px;}

/* 新闻列表 */
.listWrap{font-size:.875em;}
.newsList ul{margin-right:-20px;}
.newsList li{float:left;padding-right:20px;width:25%;margin-bottom:30px;overflow:hidden;}
.newsList li a{display:block;border-bottom: 1px solid #ddd;color:#999;}
.newsList li .pImg{padding-top:65%;margin-bottom:20px;}
.newsList li h3{font-size:1.286em;color:#222;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li p{height:50px;margin:10px 0;overflow:hidden;}
.newsList li i{font-style:normal;float:right;font-size:16px;margin-right:-40px;color:#f00;transition:all .5s;}
.newsList li .date{margin-bottom:20px;display:block;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#f00;}
.newsList li a:hover i{margin-right:0;}

/* 新闻详情 */
.newsShow {width:66%;overflow:hidden;border:1px solid #ddd;padding:40px 2.5%;box-shadow:10px 10px 0  #f1f1f1;}
.newsShow .title{text-align:center;font-size:2.286em;color:#333;}
.newsShow .tieTip{margin:15px 0 30px 0;text-align:center;}
.newsShow .tieTip span{margin:0 30px;}
.show-synopsis{background:url('../images/news_bg1.jpg');padding:30px 4% 5% 5%;margin-bottom:40px;font-size:1.143em;position:relative;}
.show-synopsis span{display:block;font-size:1.125em;color:#222;margin-bottom:10px;padding-left:30px;}
.show-synopsis::after,.show-synopsis::before{content:"";position:absolute;width:26px;height:21px;background: url('../images/a_l.png') no-repeat;left:4%;}
.show-synopsis::after{background: url('../images/a_r.png') no-repeat;left:auto;right:4%;bottom:20px;}
.showCon{overflow:hidden;margin-bottom:30px;border-bottom: 1px solid #dfdfdf;padding-bottom:40px;}
.showPage{margin-top:25px;overflow:hidden;}
.showPage i{font-style:normal;}
.showPage p{max-width:49%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.picShow_r{width:30%;overflow:hidden;font-size:1.143em;}
.picShow_r .proShow_tie{font-size:28px;margin-bottom:20px;}
.rightNews,.rightPro{background:#f8f8f8;padding:5%;margin-bottom:30px;overflow:hidden;}
.rightNews li{overflow:hidden;margin-bottom:20px;}
.rightNews li .pic{float:left;width:40%;margin-right:20px;height:120px;overflow:hidden;}
.rightNews li .pic img{height:120px;max-width:inherit;transition:all .5s;}
.rightNews li h4{color:#333;height:80px;margin-bottom:10px;}
.rightNews li p{color:#999;}
.rightNews li:hover h4{color:#f00;}
.rightPro ul{margin-right:-10px;}
.rightPro li{float:left;width:50%;text-align:center;padding-right:10px;}
.rightPro li .pImg{padding-top:80%;}
.rightPro li p{height:50px;line-height:50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.rightPro li:hover img,.rightNews li:hover  img{transform: scale(1.1);}

/* 关于我们 */
.listBan6 .txt{color:#fff;}
.aboutTxt{width:27%;margin-left:8%;padding-top:5%;line-height:2;}
.aboutTxt .hTitle i{font-style:normal;display:block;margin-bottom:10px;}
.aboutPic{width:61.5%;} 
.aboutPic img{width:100%;}
.aboutBox1 ul{color:#333;max-width:100%;display: flex;justify-content: space-between;width:auto;}


.culture{position:relative;}
.culture::after{content:"";position: absolute;right:0;top:23%;bottom:0;width:82%;background:#f8f8f8;z-index:-1;}
.cultureL{width:50%;height:800px;}
.cultureR{width:45%;padding-right:8%;}
.cultureR li{height:160px;padding-top:20px;padding-left:150px;color:#767676;}
.cultureR li h5{color:#222;font-size:1.750em;margin-bottom:10px;}
.cultureR li i{float:left;width:85px;height:82px;background-size:100%;margin-left:-150px;margin-top:10px;background-repeat: no-repeat;}

.history{color:#222;position:relative;overflow:hidden;}
.history::after{content:"";position: absolute;left:0;top:458px;height:1px;background:#ddd;width:60%;}
.history .hTitle{position: absolute;top:50px;z-index:3;}
.historyMenu{position: absolute;top:300px;width:45%;font-size:2.250em;font-family:Arial;z-index:3;padding-bottom:40px;}
.historyMenu li{float:left;width:25%;padding-bottom:40px;position:relative;}
.historyMenu li::after{content:"";position: absolute;left:0;bottom:0;background:#f8f8f8;width:7px;height:7px;border-radius:100%;border:6px solid #dedede;transition:all .5s;}
.historyMenu li.on::after{background:#f00;}
.historyMenu li.on{color:#f00;}
.swiperBtn2{width:60px;height:60px;border-radius:100%;background:#fff;text-align:center;border:1px solid #ddd;color:#666;font-size:26px;line-height:58px;font-family:"iconfont";transform: rotate(180deg);transition:all .5s;top:63%;left:44%;}
.history .swiper-button-next{transform: rotate(0);left:52%;right:auto;}
.swiperBtn2:hover{background:#f00;border-color:#f00;color:#fff;}
.historyMain .bgImg{float:right;width:50%;height:600px;}
.historyMain li .txt{float:left;width:45%; padding-top:460px;font-size:1.5em;color:#333;}

.honor{background:#f8f8f8;position: relative;z-index:2;}
.honor::after{content:"";position: absolute;left:0;top:0;height:100%;width:42%;background: url('../images/honor_bg.jpg') no-repeat center;background-size:cover; z-index:- 1;}
.honorSlide{width:48%;overflow:hidden;margin-right:4%;text-align:center;}
.honorSlide li{float:left;width:50%;}
.honorSlide li .pImg{padding-top:66%;border:1px solid #e3e3e3;}
.honorSlide li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.honorSlide li:hover img{transform: scale(1.1);}
.honorSlide .swiperBtn2{left:0;bottom:50px;top:auto;}
.honorSlide .swiper-button-next{left:100px;transform: rotate(0);}
.honor .hTitle{position:absolute; top:70px;left:0;z-index:2;max-width:40%;}
.hTitleW,.hTitleW b{color:#fff;}
.hTitleW span::after{background:#fff;}

.setting .title{text-align:center;font-size:2.5em;color:#222;margin-bottom:40px;}
.caseMenu{text-align:center;font-size:1.125em;margin-bottom:50px;}
.caseMenu a{display:inline-block;height:60px;line-height:60px;width:200px;background:#fff;box-shadow:0 3px 8px #e1e1e1;position:relative;z-index:1;}
.caseMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#f00;width:100%;height:100%;z-index:-1;transform-origin:right;transform: scale(0,1);transition:all .5s;}
.caseMenu .on{color:#fff;}
.caseMenu .on::after{transform-origin:left;transform: scale(1);}

.settingMain{max-height:;overflow:hidden;text-align:center;}
.settingBox{margin-bottom:30px;display:none;}
.settingMain li{float:left;width:33.3%;}
.settingMain li .pImg{padding-top:70%;}
.settingMain li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}

/* 图片列表 */
.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:75%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:142%;}
.honorList li{width:20%;}
.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:#ee1d23;}


/* 联系我们 */
.contactWrap{background:#f8f8f8;}
.contactBox1{display:flex;justify-content:space-between;overflow:hidden;margin-bottom:50px;}
.contactBox1 li{float:left;background:#fff;width:24%;margin:0 10px;height:280px;position: relative;padding:2%;flex-grow:1;color:#222;}
.contactBox1 li::after{content:"";position: absolute;left:0;top:0;height:3px;background:#f00;width:100%;transition:all .5s;transform-origin:right;transform: scale(0,1);transition: transform .5s;}
.contactBox1 li:hover::after{transform-origin:left;transform: scale(1);}
.contactBox1 li h4{font-size:1.563em;font-weight:700;}
.contactBox1 li h4 span{display:block;font-size:14px;color:#767676;font-weight:400;}
.contactBox1 li p{position: absolute;bottom:35px;font-size:1.275em;}
.contactBox1 li p span{display:block;}
.contactBox1 li i{font-family:"iconfont";font-style:normal;position: absolute;right:10px;bottom:20px;line-height:1;opacity:.1;font-size:10rem;color:#999;transition:all .5s;}
#dituContent{height:600px;border:10px solid #fff;}
.contactBox1 li:hover i{color:#f00;transform:scale(.9);}

.contactBox2 .qTitle{margin-bottom:20px;}
.contactBox2 .qTitle span{margin-bottom:0;}
.contactBox2 ul{margin:0 -1%;padding-bottom:20px;overflow:hidden;}
.contactBox2 li{float:left; width:31.3%;padding:2%;background:#fff;min-height:280px;margin:0 1% 30px 1%;line-height:1.8;transition:all .5s;}
.contactBox2 li span{display: block;color:#333;font-size:1.429em;margin-bottom:10px;position: relative;padding-bottom:15px;margin-bottom:15px;}
.contactBox2 li span::after{content:"";position: absolute;left:0;bottom:0;width:25px;height:2px;background:#af1d1f;}
.contactBox2 li:hover{box-shadow:0 0 10px #ccc;}