@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:#666;line-height:1.6;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;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;width:100%;max-width:1600px;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:90px 0;overflow:hidden;}
.mb40{margin-bottom:40px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}
.lh2{line-height:2;}

@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');
}

@font-face {
  font-family: 'DINBold';
  src: url('../fonta/DINBold.eot');
  src: url('../fonta/DINBold.eot?#iefix') format('embedded-opentype'),
  url('../fonta/DINBold.woff') format('woff'),
  url('../fonta/DINBold.ttf') format('truetype'),
  url('../fonta/DINBold.svg#iconfont') format('svg');
  font-weight: normal;
  font-style: normal;
}


.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:80px;line-height:79px;background:#fff;position:relative;z-index:99;}
.nav{width:62%;padding-right:280px;display:flex;justify-content:space-between;}
.nav .m{float:left;text-align:center;position:relative;z-index:5;}
.nav .m>a{color:#080404;display:inline-block;position:relative;padding:0 6px;}
.nav .m>a::after{content:"";position: absolute;left:50%;top:0;width:0;height:2px;background:#ff0000;transition:all .5s;}
.nav .cur>a,.nav .m>a:hover,.nav .on>a{color:#ff0000;}
.nav .cur>a::after,.nav .m>a:hover::after{left:0;width:100%;}
.nav .navSub{position:absolute;left:50%;top:120%;background:#f6f6f6;line-height:35px;width:140px;color:#333;font-size:.875rem;transition:top 0.4s,opacity .4s;opacity:0;text-align:center;transform: scale(0);margin-left:-70px;}
.nav .navSub li{border-top:1px solid #e1e1e1;line-height:35px;}
.nav .navSub li:first-child{border:none;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#ff0000;color:#fff;}
.nav .m2 .navSub{width:280px;overflow:hidden;margin-left:-140px;}
.nav .m2 .navSub li{float:left;width:49%;}
.nav .m2 .navSub li:nth-child(2n){float:right;}
.nav .m:hover .navSub{top:100%;opacity:1;transform: scale(1);}
.headTel{position:absolute;right:0;top:0;font-size:1.75em;font-family:'Arial';color:#ff0000;background: url('../images/hTel.png') no-repeat left center;padding-left:35px;}
.wapTel{font-family:"iconfont";position: absolute;color:#ff0000;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
.headFix{box-shadow:0 0 6px #ddd;position: fixed;transition:all .5s;}

/*  导航按钮 */
.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;}
.banner .swiper-pagination{z-index: 5;}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;}
.banner .swiper-pagination-bullet-active{border-color: #ff0000;}
.banner .swiper-pagination-bullet-active::after{background:#ff0000;opacity:1;}

/* 产品 */
.hTitle{font-size:40px;margin-bottom:40px;color:#000;line-height:1.4;}
.hTitle span{display: block;opacity:.8;font-size:16px;letter-spacing:1px;font-family:Arial;}
.hTitleW,.hTitleW span{color:#fff;opacity:1;}
.product{background:#f8f8f8 url('../images/pro_bg.jpg') no-repeat center bottom;overflow:hidden;background-size:cover;}
.proMain ul{margin-right:-10px;}
.proMain li{float:left;width:25%;position:relative;overflow:hidden;padding-right:10px;}
.proMain li h5{font-size:1.5em;color:#191919;margin-bottom:20px;position:relative;padding-left:15px;position:relative;}
.proMain li h5::after{content:"";position: absolute;left:0;width:3px;height:20px;background:#ff0000;top:9px;}
.proMain li .pImg{padding-top:75%;background:#000;}
.proMain li .txt{position: absolute;bottom:0;padding:20px 25px;color:#fff;line-height:1.8; transition:all .6s;transition-delay:.2s;;opacity:0;transform: translateY(50%);}
.proMain li .more{display:block;font-size:.875em;background: url('../images/arr_r.png') no-repeat right center;margin-top:20px;border-bottom: 1px solid #fff;line-height:40px;transform: scale(1,0);transform-origin:center;transition:all .4s;}
.proMain li:hover img{opacity:.5;transform: scale(1.1);}
.proMain li:hover .txt{opacity:1;transform: translateY(0);}
.proMain li:hover .more{transform: scale(1);transition-delay:.5s;}

/* 产品优势 */
.proAdv{background:#f4f3f3 url('../images/proAdv_bg.jpg') no-repeat center;background-size:cover; padding:70px 0;}
.proAdv .pic{width:50%;}
.proAdv .font{width:46%;padding-top:50px;}
.proAdv .tie{font-size:1.5em;color:#ff0000;margin-bottom:20px;}
.proAdv ol li{background:url('../images/adv_li.png') no-repeat left center;padding-left:20px;margin-bottom:8px;}
.proAdv ul{margin-top:60px;display: flex;justify-content: space-between;color:#333;}
.proAdv ul li span{display:block;color:#ff0000;font-size:2.25em;line-height:1.2;font-weight:700;font-family:'DINBold';}


/* 行业应用 */
.case{background:#303036;overflow:hidden;}
.caseL{width:62.5%;background: url('../images/case1.jpg') no-repeat center;background-size:cover;position:relative;z-index:1;overflow:hidden;padding:4px;padding-right:0;transition:all .5s;}
.caseL::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:.5;z-index:-1;}
.caseL li{float:left;width:25%;margin-bottom:4px;padding-right:4px;}
.caseL li a{display: block;background:rgba(255, 255, 255, .6);color:#fff;height:260px;padding:25px;position:relative;transition:all .5s;}
.caseL li:first-child{margin-left:50%;margin-right:25%;}
.caseL li:nth-child(3){margin-right:25%;}
.caseL li:nth-child(5){margin-left:25%;}
.caseL li .num{font-size:3.250em;font-family:'DINBold';font-weight:700;line-height:1;}
.caseL li p{position: absolute;right:25px;bottom:25px;font-size:1.5em;text-shadow:0 0 10px rgba(0, 0, 0, .4);text-align:right;}
.caseL li p i{display:inline-block;width:60px;height:55px;}
.caseL li b{display:block;margin-top:-10px;}
.caseL li a:hover,.caseL .on a{background:rgba(255, 0, 0, .6)}

.caseR{width:37.5%;padding-left:60px;padding-top:150px;color:#fff;background: url('../images/case_bg.jpg') no-repeat;background-size:cover;}
.caseR .title{font-size:2.5em;padding-left:170px;color:#ff0000;position:relative;margin-bottom:60px;}
.caseR .title::after{content:"";position: absolute;width:140px;height:2px;background:#ff0000;left:0;top:50%;}
.caseR li {line-height:1.8;padding-right:23%;}
.caseR li h3{font-size:1.5em;margin-bottom:20px;}
.caseR li h3 a{color:#fff;}
.caseR li h3 a:hover{padding-left:10px;}
.caseR li p{height:190px;margin-bottom:30px;}
.caseR li .more{display:inline-block;width:160px;height:44px;line-height:40px;border:2px solid #fff;text-align:center;color:#fff;}
.caseR li .more:hover{background:#fff;color:#ff0000;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}



/* 合作客户 */
.hTitle i{display: block;font-style:normal;color:#757575;font-size:16px;margin-top:10px;}
.partnerSlide{padding:5px;overflow:hidden;text-align:center;}
.partnerSlide li{float:left;width:14.28%;text-align:center;position:relative;overflow:hidden;box-shadow:0 0 10px #eee;}
.partnerSlide li .pImg{padding-top:48%; transition:all .5s;}
.partnerSlide li p{position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(255, 0, 0, .9);color:#fff;padding-top:20%;transform: scale(1.5);transition:all .5s;opacity:0;}
.partnerSlide li:hover img{transform: scale(1.1);}
.partnerSlide li:hover .pImg{border-color: #f00;}
.partnerSlide li:hover p{transform: scale(1);opacity:1;}
.partnerSlide .btn{position: relative;margin-top:50px;display:inline-block;background:none;line-height:1;font-size:28px;color:#ff0000;font-family:"simsun";font-weight:700;opacity:1;height:auto;width:auto;top:-5px;}
.partnerSlide .swiper-pagination{display:inline-block;position: relative;width:auto;margin:0 15px;}

/* 卓越实力 */
.strength{background: url('../images/strength_bg.jpg') no-repeat center;background-size:cover;}
.strengthL{width:38%;}
.strengthL .tie,.qualityR .tie{font-size:1.5em;color:#ff0000;margin-bottom:15px;}
.strengthL p{line-height:2;height:190px;margin-bottom:30px;max-width:490px;}
.strengthL ul{display: flex;justify-content: space-between;}
.strengthL li{float:left;}
.strengthL li span{display:block;font-size:.875em;color:#ff0000;}
.strengthL li b{font-family:'DINBold';font-size:2.25em;margin-right:5px;}
.strengthR{width:55%;}

/* 品质管理 */
.quality{background: url('../images/quality_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed;color:#fff;}
.qualityL{width:45%;min-height:400px;}
.qualityR{width:48%;padding-top:20px;}
.qualityR .txt{margin-bottom:40px; line-height:1.8;}
.applySlide{width:48%;overflow:hidden;}
.applySlide li{float:left;width:25%;background:#fff;}
.applySlide li a{display:block;padding:15px 0;}
.applySlide li a::after{content:"";position: absolute;width:100%;height:100%;background:#f00;opacity:0;top:0;left:0;transition:all .5s;}
.applySlide li .pImg{padding-top:75%;}
.applySlide li p{position: absolute;top:0;text-align:center;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;width:100%;color:#fff;transition:all .5s;opacity:0;z-index:2;}
.applySlide li a:hover::after{opacity:.6;}
.applySlide li a:hover img{transform: scale(1.1);}
.applySlide li a:hover p{opacity:1;top:45%;}

/* 关于我们 */
.about{background:url('../images/about_bg.jpg') no-repeat center;position: relative;overflow:hidden;background-size:cover;}
.about .container{max-width:1140px;text-align:center;}
.hVideo{margin-top:50px;}
.hVideo span{background: url('../images/video_btn.png') no-repeat center top;margin:0 auto;margin-bottom:10px;padding-top:70px;display:inline-block;cursor:pointer;transition:all .5s;}
.hVideo span:hover{transform: scale(1.06);}
.about .more{display:inline-block;margin-top:40px;width:180px;height:50px;line-height:50px;background:#ff0000;color:#fff;border-radius:25px;}
.about .more:hover{width:260px;}
.quick{margin-top:15px;overflow:hidden;}
.quick .box{width:49.5%;height:360px;position:relative;overflow:hidden;line-height:2;}
.quick .txt{position: absolute;left:0;top:0;width:100%;padding:55px 12% 20px 17%;color:#000;transition:all .5s;}
.quick .tie{font-size:1.125em;margin-bottom:20px;color:#666;line-height:1.4;}
.quick .tie span{display:block;color:#ff0000;font-size:1.333em;}
.quick .box2 .txt{padding-left:12%;}
.quick .box:hover .bgImg{transform: scale(1.06);filter: blur(5px); }
.quick .box:hover .txt{padding-top:65px;}
.layer_video{width:90% !important;height:88% !important;}


/* 新闻快讯 */
.newsBox{margin-right:-15px;}
.newsBox li{float:left;width:25%;padding-right:15px;}
.newsBox li .pImg{padding-top:60%;}
.newsBox li h4{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:1.25em;margin-bottom:10px;color:#000;}
.newsBox li .txt{background:#f6f8fa;padding:20px 30px;position:relative;z-index:2;transition:all .4s;}
.newsBox li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#ff0000;transition:all .5s;z-index:-1;}
.newsBox li p{height:90px;margin-bottom:15px;line-height:1.8;}
.newsBox li .date{font-size:0.875em;opacity:.6;}
.newsBox li .date i{float:right;font-family:"iconfont";font-size:1.286em;font-style:normal;color:#ff0000;}
.newsBox li:hover img{transform: scale(1.1);}
.newsBox li:hover .txt::after{height:100%;}
.newsBox li:hover .txt,.newsBox li:hover h4,.newsBox li:hover .date i{color:#fff;}
.newsLi{margin-right:-50px;overflow: hidden;padding-top:45px;font-size:.875em;}
.newsLi li{float:left;width:25%;margin-bottom:15px;padding-right:50px;}
.newsLi li a{display:block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsLi li span{float:right; margin-left:20px;opacity:.6;}

/* 在线留言 */
.message{background:#f5f5f5;font-size:.875em;padding-top:50px;padding-bottom:50px;color:#333;}
.messageL{width:50%;font-size:1.286em;}
.messageR{width:38%;overflow: hidden;}
.messageR .tie{margin-bottom:20px;}
.messageR .tie span{font-size:1.714em;margin-right:10px;}
.messageR p{width:49%;float:left;;height:42px;line-height:40px;position: relative;margin-bottom:15px;padding:0 20px;border:1px solid #ddd;border-radius:5px;background:#fff;}
.messageR p:nth-child(2n){float:right;}
.messageR p input{width: 100%;height: 100%;font-size:16px;color:#fff;font-size:12px;cursor: pointer;}
.messageR .sub {background:#ff0000;transition:all .5s;}
.messageR .sub input{color:#fff;font-size:16px;}
.messageR .sub:hover{color:#fff;background:#d80000;}


/*底部 */
.footer{background:url('../images/message_bg.jpg') no-repeat center;background-size:cover;font-size:.875rem;color:#fff;overflow:hidden;position:relative;} 
.footMain{padding:70px 0 40px 0;overflow:hidden;line-height:2.4;}
.footMenu_wap{display:none;overflow:hidden;text-align:center;}
.footMenu{width:50%;overflow:hidden;display:flex;justify-content:space-between;}
.footMenu ul{float:left;overflow:hidden;}
.footMain h4{color:#fff;font-size:1.143em;margin-bottom:15px;line-height:1;font-weight:700;}
.footContact{width:42%;padding-right:200px;position:relative;}
.footContact .tel{font-size:2em;color:#fff;line-height:1.2;font-weight:700;margin-bottom:20px;}
.footContact .tel span{display:block;}
.footWx{position: absolute;right:0;text-align:center;top:0;}
.footWx p{margin-top:10px;}
.footer a{color:#fff;opacity:.8;}
.footer a:hover{color:#fff;opacity:1;}
.copyright{padding:20px 0; background:#333;position:relative;z-index:2;color:#999;min-height:55px;}
.copyright::after{content:"";position: absolute;top:0px;background:#333;width:200%;left:-50%;height:100%;z-index:-1;}
.firendlink{clear: both;padding-top:10px;}
.firendlink span{font-size:14px;color:#fff;}
.copyright a{color:#999;}
.firendlink a{margin:0 8px;color:#999;}
.copyright a:hover{color:#fff;}

/*内页广告图 */
.listWrap{overflow:hidden;padding:60px 0;}
.listBan{height:500px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;overflow:hidden;font-size:2.25rem;}
.listBan .bgImg{transform: matrix(1, 0, 0, 1, 0, 0);-webkit-transform: matrix(1, 0, 0, 1, 0, 0);-webkit-animation: minus 5s 0s ease both infinite;-moz-animation: minus 5s 0s ease both infinite;animation: minus 5s 0s ease both infinite;animation-iteration-count: 1;-webkit-animation-iteration-count: 1;}
.listBan h3{position:absolute;color:#fff;top:50%;font-size:54px;text-transform:uppercase;width:100%;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); transform:translate(-50%,-50%);text-align:center;}
.listBan h3 span{display: block;font-size:24px;font-weight: 400;}
@-webkit-keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes minus{from{-webkit-transform: matrix(1.05, 0, 0, 1.05, 0, 0); transform: matrix(1.05, 0, 0, 1.05, 0, 0);}
to{-webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0);}}
@keyframes lerdLabftPic
{
  0%   {opacity:0;padding-top:100px;}
  100% {opacity:1;padding-top:0;}
}


/*内页公用菜单 */
.breadCrumb{overflow:hidden;padding:15px 0;border-top: 1px solid #eee;line-height:30px;background:#f4f4f4;}
.breadCrumb p,.listMenu p{background: url('../images/homeIcon.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;border-bottom: 1px solid #ddd;font-size:1.5rem;padding-top:30px;line-height:70px;}
.listMenu .m{margin-right:70px;position:relative;display:inline-block;padding:0 30px;color:#000;}
.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:40px auto;text-align:center;font-size:1.25em;}
.listMenu2 .m{padding:0 20px;margin:0 5px;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{overflow:hidden;padding-bottom:60px;}
.proList{padding-top:60px;font-size:1.25em;}
.proList ul{margin-right:-30px;}
.proList li{float:left;width:33.3%;margin-bottom:30px;padding-right:30px;}
.proList li a{display:block;}
.proList li .pImg{padding-top:75%;transition:all .4s;}
.proList li .pImg:before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:#ff0000;transition:all 0.3s;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;opacity:.7;}
.proList li .pImg:after{content:"";position:absolute;width:58px;height:58px;background: url('../images/pMore.png') no-repeat;left:50%;top:50%;margin-left:-27px;opacity:0;transition:all 0.3s;z-index:3;}
.proList p{transition:all .4s;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;margin-top:15px;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover .pImg:before{transform:perspective(200px) rotateX(0);}
.proList li a:hover .pImg:after{transition-delay:.1s;margin-top:-27px;opacity:1;}
.proList li a:hover p{color:#ff0000;}

/*  产品详情 */
.proShow_box{background:#eeecee;}
.gallery{width:50%;position:relative;}
.gallery li .pImg{padding-top:75%;}
.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;opacity:0;transition:all .5s;}
.gallery .swiper-button-prev{left:auto; right:55px;transform: rotate(180deg);}
.gallery .btn:hover{background:#f00;}
.gallery:hover .btn{opacity:1;}
.proShow_R{width:43%;}
.proShow_R .title{margin-bottom:40px;color:#ff0000;font-size:2.25em;font-weight:700;}
.proShow_R .font{height:240px;line-height:2;margin-bottom:30px;}
.proShow_R .btn a{display:inline-block;height:54px;line-height:54px;background:#ff0000;color:#fff;border-radius:5px;width:140px;text-align:center;float:left;margin-right:10px;}
.proShow_R .btn .tel{background:#000;padding:0 30px;width:auto;font-size:1.625em;font-family: "DINBold";}
.proShow_R .btn i{font-family:"iconfont";margin-right:10px;font-style:normal;}
.proShow_R .btn a:hover{color:#fff;background:#d80000;}

.proShow_con{padding:40px 0 90px 0;overflow:hidden;}
.proShow_con .tie{background:#ff0000;height:70px;line-height:70px;padding-left:35px;font-size:1.5em;color:#fff;margin-bottom:30px;}
.proShow_con .font{border:1px solid #e9e9e9;padding:25px 35px;padding-left:220px;font-size:1.125em;line-height:2;min-height:90px;}
.proShow_con .tip{margin-left:-190px;padding-left:20px;font-size:1.111em;position:relative;float:left;}
.proShow_con .tip::after{content:"";position: absolute;left:0;top:11px;height:20px;width:3px;background:#ff0000;}

.performance{background:url('../images/performance_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed;}
.pTitle{text-align:center;margin-bottom:40px;font-size:1.125em;color:#080404;}
.pTitle span{display:block;font-size:2.444em;position:relative;padding-bottom:20px;margin-bottom:20px;line-height:1.2;}
.pTitle span::after{content:"";position: absolute;width:80px;height:3px;background:#ff0000;bottom:0;left:50%;margin-left:-40px;}
.performance ul{overflow:hidden;padding-top:15px;}
.performance li{float:left;width:32%;margin-bottom:30px;background:#fff;height:180px;padding:25px 120px 25px 30px;position:relative;box-shadow:0 0 10px #e1e1e1;transition:all .5s;top:0;}
.performance li:nth-child(3n-1){margin:0 2%;}
.performance li h4{color:#080404;font-size:1.375em;border-bottom: 1px solid #e5e5e5;margin-bottom:15px;padding-bottom:15px;position:relative;}
.performance li h4::after{content:"";position: absolute;left:0;bottom:-1px;width:90px;height:2px;background:#ff0000;}
.performance li i{width:46px;height:48px;background: url('../images/performance_icon.png') no-repeat;position: absolute;right:30px;top:35px;}
.performance li:nth-child(2) i{background-position:-46px 0;}
.performance li:nth-child(3) i{background-position:-92px 0;}
.performance li:nth-child(4) i{background-position:-138px 0;}
.performance li:nth-child(5) i{background-position:-184px 0;}
.performance li:nth-child(6) i{background-position:-230px 0;}
.performance li:hover{top:-10px;}

.scope ul{margin-right:-30px;}
.scope li{float:left;width:25%;margin-bottom:30px;padding-right: 30px;}
.scope li a{border:1px solid #e9e9e9;display:block;}
.scope li .pImg{padding-top:75%;}
.scope li p {height:60px;line-height:60px;text-align:center;border-top:1px solid #e9e9e9;padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.scope li a:hover img{transform: scale(1.1);}
.scope li a:hover,.scope li a:hover p{border-color:#f00;transition:all .4s;}

/*  应用领域 */
.applyCover li {margin-bottom:80px;height:580px;}
.applyCover li .pic{float:left;width:68%;height:580px;margin-left:-10%;overflow:hidden;}
.applyCover li .txt{float:right;width:37%;padding-top:90px;position:relative;height:580px;border-bottom: 1px solid #000;}
.applyCover li .txt::after{content:"";position: absolute;left:0;bottom:-1px;width:0;height:1px;background:#f00;transition:all .6s;}
.applyCover li h3{text-transform: uppercase;color:#999;position:relative;padding-bottom:20px;margin-bottom:40px;}
.applyCover li h3 a{color:#999;display:inline-block;}
.applyCover li h3 span{display:block;color:#000;font-size:1.75em;font-weight:700;transition:all .5s;}
.applyCover li h3::after{content:"";position: absolute;left:0;bottom:0;width:100px;background:#f00;height:2px;transition:all .5s;}
.applyCover li h3:hover::after{width:200px;}
.applyCover li h3 a:hover span{color:#f00;}
.applyCover li:nth-child(2n) .txt{float:left;}
.applyCover li:nth-child(2n) .pic{float:right;margin-left:0;margin-right:-10%;}
.applyCover li:hover .bgImg{transform: scale(1.08);transition:all 1s;}
.applyCover li:hover .txt::after{width:100%;}

.applyCover p{height:150px;margin-bottom:30px;line-height:2;}
.zxBtn{display:inline-block;width:230px;height:40px;line-height:40px;background:#f00;color:#fff;text-align:center;color:#fff;transition:all .5s;}
.zxBtn i{display:inline-block;background:url('../images/arr_ar.png') no-repeat;width:22px;height:7px;margin-left:20px;position: relative;top:-3px;transition:all .5s;}
.zxBtn:hover{background:#d80000;color:#fff;}
.zxBtn:hover i{margin-left:30px;}

/* 合作客户 */
.partnerList ul{margin-right:-30px;}
.partnerList li{float:left;width:20%;text-align:center;padding-right:30px;margin-bottom:30px;}
.partnerList li a{border:1px solid #e1e1e1;display:block;}
.partnerList li .pImg{padding-top:48%;transition:all .5s;}
.partnerList li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-size:1.125em;background:#eee;height:50px;line-height:50px;transition:all .5s;}
.partnerList li:hover img{transform: scale(1.1);}
.partnerList li:hover p{background:#f00;color:#fff;}

/* 研发智造 */
.rdLab .info{background:#f6f8fa;margin-bottom:80px;overflow:hidden;height:550px;}
.rdLab .pic{float:left; width:50%;height:550px;overflow:hidden;}
.rdLab .txt{padding:50px 4%;width:50%;float:right;}
.rdLab h4{color:#111;margin-bottom:40px;padding-bottom:35px;font-size:1.125em;background: url('../images/rd_line.png') no-repeat left bottom;}
.rdLab h4 span{display:block;font-size:1.556em;}
.rdLab p{min-height:180px;margin-bottom:30px;line-height:2;}
.rdLab .info2{margin-bottom:0;}
.rdLab .info2 .txt{float:left;}
.rdLab .info2 .pic{float:right;}
.rdLab .info:hover .bgImg{transform: scale(1.08);transition:all 1s;}
.rdBox2{background: url('../images/rdBox2_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed;}
.rdBox2 .info{background:#f8f8f8;max-width:1200px;padding:70px 4%;text-align:center;line-height:2;}
.rdBox2 .info p span{color:#f00;}
.rdBox2 ul{margin-top:40px;overflow:hidden;display:flex;justify-content: center;}
.rdBox2 li{margin:0 30px;}
.rdBox2 li p{margin-top:10px;}

.rdVideoBox {position: relative;overflow:hidden;}
.rdVideo li{float:left;width:25%;}
.rdVideo li .pImg{padding-top:70%;background:#000;}
.rdVideo li .pImg::after{content:"";position: absolute;left:50%;top:50%;width:40px;height:40px;margin-left:-20px;margin-top:-20px;background: url('../images/viIcon.png') no-repeat;}
.rdVideo li img{opacity:.7;}
.rdVideo li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;color:#080404;}
.rdVideo li:hover p{color:#000;}
.rdVideo li:hover img{transform: scale(1.1);}
.rdVideo .swiper-pagination{position: static;margin-top:60px;}
.rdVideo .swiper-pagination-bullet{width:14px;height:14px;}

.pTitleW{color:#fff;}
.rdBox4{background: url('../images/process_bg.jpg') no-repeat center;background-size:cover;background-attachment: fixed;}
.process{overflow:hidden;font-size:.875em;background: rgba(0, 0, 0, .2);color:#fff;text-align:center;z-index:2;}
.process .pTitle{position: absolute;left:50%;top:90px;transform: translateX(-50%);}
.process li{float:left;width:16.6%;padding:0 2%;height:660px;border-right: 1px solid rgba(255,255,255,.1);transition:all .5s;}
.process li i{display:inline-block;width:100px;height:100px;border-radius:100%;text-align:center;line-height:100px;font-style:normal;font-size:2.571em;font-family:"DINBold";transition:all .5s;position: relative;border:1px solid #fff;margin-top:220px;}
.process li i::after{content:"";position: absolute;left:50%;bottom:-18px;width:1px;height:35px;background:#fff;left:50%;transition:all .5s;}
.process li h4{font-size:1.286em;margin:30px 0 15px 0;}
.process li p{line-height:1.8;opacity:0;padding-top:20px;transition:all .5s;}
.process li:hover{box-shadow:0 0 100px rgba(0, 0, 0, .6) inset;}
.process li:hover i{margin-top:190px;background:#f00;border-color:#f00;color:#fff;}
.process li:hover i::after{transform:rotate(90deg);bottom:-30px;}
.process li:hover p{opacity:1;padding-top:0;transition-delay:.2s;}
.process .swiperBtn{position: absolute;bottom:0;width:40px;height:26px;text-align:center;background:#fff;color:#f00;display:none;font-family:"iconfont";line-height:26px;z-index:3;margin-left:-45px;transform:rotate(180deg);}
.process .swiperNext{margin-left:5px;transform:rotate(0);}

/* 新闻列表 */
.newsTop{overflow:hidden;position:relative;padding:60px 0;}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:50%;font-size:.813rem;height:280px;}
.newsTop li .pic{width:50%;float:left;height:280px;overflow:hidden;}
.newsTop li .txt{width:50%;padding:4%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsTop li .txt h4 a{color:#333;}
.newsTop li .txt h4 a:hover{color:#ec0000;}
.newsTop li .txt h4 span{display:block;font-family:Arial;color:#999;font-size:0.75rem;margin-top:5px;}
.newsTop li p{height:110px;overflow:hidden;margin-bottom:10px;}
.hdIcon {display:block;text-align:center;margin-top:25px;}
.hdIcon .swiper-pagination-bullet{border:1px solid #fff;position:relative;transition:all 0.3s;width:16px;height:16px;background:#fff;position:relative;opacity:1;}
.hdIcon .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#ec0000;top:4px;left:4px;border-radius:100%;}
.hdIcon .swiper-pagination-bullet-active{border:1px solid #ec0000;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsList{background:#f1f1f1;padding:70px 0;overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-25px;}
.newsList li{float:left;padding-right:25px;width:25%;margin-bottom:25px;}
.newsList li a{background:#fff;padding:6%;display:block;color:#777;}
.newsList li .pImg{padding-top:66%;margin-bottom:15px;}
.newsList li h3{font-size:1.231em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsList li p{height:80px;margin-bottom:10px;margin-top:15px;}
.newsList li .date{color:#999;margin-bottom:10px;}
.newsList li a:hover{box-shadow:0 0 10px #ccc;}
.newsList li a:hover img{transform:scale(1.1);}


/* 新闻详情 */
.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;}
.picShow_r .proShow_tie{font-size:28px;margin-bottom:20px;color:#111;}
.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);}

/* 关于我们 */
.aboutBox1{position:relative;overflow:hidden;}
.aboutBox1::after{content:"";position: absolute;right:0;top:0;width:35%;height:830px;background: url('../images/about_bg2.jpg') no-repeat;z-index:-1;}
.aboutTxt{max-width:61%;min-height:360px;margin-bottom:40px;}
.aboutTxt .title{font-size:1.5em;color:#000;padding-bottom:30px;margin-bottom:40px;position:relative;}
.aboutTxt .title span{display:block;font-size:1.5em;}
.aboutTxt .title::after{content:"";position: absolute;left:0;bottom:0;width:90px;height:2px;background:#f00;}
.aboutTxt .info{line-height:2;overflow:hidden;}
.aboutNum{position: absolute;width:22.5%;right:0;color:#fff;z-index:2;top:0;}
.aboutNum li{margin-bottom:50px;}
.aboutNum li span{font-size:.875em;display:block;line-height:1.2;}
.aboutNum li b{font-size:3.143em;font-family:"DINBold";margin:5px;}
.aboutVideo{position:relative;}
.aboutVideo .pic{display: block;overflow:hidden;height:420px;}
.aboutVideo .pic img{width:100%;transition:all 2s;}
.aboutVideo a{background: url('../images/video_btn.png') no-repeat center top;padding-top:70px;transition:all .5s;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);}
.aboutVideo:hover img{transform: scale(1.03);}

.proBase{background: url('../images/base_bg.jpg') no-repeat center bottom;background-size:100%;padding-bottom:80px;margin-bottom:80px;}
.proBase li{float:left;width:25%;}
.proBase li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;color:#111;}
.proBase li .pImg{padding-top:62%;}
.proBase li:hover img{transform:scale(1.1);}
.proBase li:hover p{color:#f00;}

.culture{background:url('../images/culture_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; position:relative;text-align:center;color:#fff;}
.culture::after{content:"";position: absolute;background:#fff;left:0;top:0;width:100%;height:115px;}
.culture .pTitle{position: relative;z-index:2;}
.cultureMain{border-left: 1px solid rgba(255, 255, 255,.2);overflow:hidden;}
.cultureMain li{float:left;width:25%;border-right:1px solid rgba(255, 255, 255,.2);padding:9% 3.5% 2% 3.5%;height:560px;position:relative;z-index:2;}
.cultureMain li i{display:inline-block;width:100px;height:100px;background-repeat: no-repeat;transition:all .5s;}
.cultureMain li h6{display:block;padding-bottom:15px;margin:15px 0;background: url('../images/culture_li.png') no-repeat center bottom;font-size:1.375em;}
.cultureMain li::after{content:"";position:absolute;left:0;top:50%;background:#f00;opacity:.7;z-index:-1;width:100%;height:0;transition:all .5s;}
.cultureMain li:hover::after{top:0;height:100%;}
.cultureMain li:hover i{background-position:0 -100px;}

.history{color:#080404;font-size:1.125em;background:url('../images/history_bg.jpg') no-repeat center;background-size:cover;}
.historyMenu{position:relative;font-size:1.111em;font-family:"DINBold";padding-top:30px;margin-bottom:70px;margin-top:60px;background:url('../images/h_arr.png') no-repeat right 0px;}
.historyMenu::after{content:"";position: absolute;left:0;top:6px;width:100%;background:#080404;height:2px;}
.historyMenu li{float:left;width:11.1%;position:relative;cursor:pointer;}
.historyMenu li::after{content:"";position: absolute;left:10%;top:-30px;background:#080404;width:14px;height:14px;border-radius:100%;transition:all .5s;}
.historyMenu li.on::after{background:#f00;}
.historyMenu li.on{color:#f00;}
.historyMenu li:nth-child(1)::after,.historyMenu .swiper-slide-active::after{left:0;}
.historyMain{position: relative;overflow:hidden;}
.historyMain .bgImg{width:42%;height:400px;border-radius:10px;overflow:hidden;}
.historyMain li .txt{width:50%;line-height:2;}
.historyMain li .tie{font-size:2.667em;font-family:"DINBold";border-bottom:2px solid #59595b;margin-bottom:15px;padding-bottom:10px;position:relative;line-height:1.2;}
.historyMain li .tie::after{content:"";position: absolute;left:0;bottom:-2px;width:110px;height:2px;background:#f00;}
.historyMain .btn{width:50px;height:50px;border-radius:100%;background:#fff;text-align:center;color:#333;font-size:26px;line-height:50px;font-family:"iconfont";transform: rotate(180deg);transition:all .5s;left:50%;bottom:0;top:auto;}
.history .swiper-button-next{transform: rotate(0);right:auto;margin-left:70px;}
.historyMain .btn:hover{background:#f00;color:#fff;}

.honor{position: relative;z-index:2;overflow: visible;}
.honorSlide li{float:left;width:25%;}
.honorSlide li .pImg{padding-top:115%;border:1px solid #efefef;}
.honorSlide li p{text-align:center;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:60px;line-height:60px;background:#f4f4f4;transition:all .5s;}
.honorSlide li:hover img{transform: scale(1.1);}
.honorSlide li:hover p{color:#fff;background:#f00;}
.honorSlide .btn{left:-80px;font-family:"iconfont";color:#999;background:none;font-size:4rem;font-weight:300;transform: rotate(180deg);top:55%;line-height:1;height:auto;width:auto;}
.honorSlide .swiper-button-next{left:auto;right:-80px; transform: rotate(0);}
.honorSlide .btn:hover{color:#f00;}

.setting{overflow:hidden;text-align:center;background:url('../images/setting_bg.jpg') no-repeat center;background-size:cover;}
.settingBox{position: relative;overflow:hidden;}
.settingBox li{float:left;width:34%;}
.settingBox li .pImg{padding-top:70%;background:#000;}
.settingBox li .pImg::after{content:"";position: absolute;left:50%;top:50%;margin-left:-30px;margin-top:-30px;width:60px;height:60px;background: url('../images/s_more.png') no-repeat;transform: scale(0);opacity:0;transition:all .5s;}
.settingBox li:hover img{transform: scale(1.05);opacity:.5;}
.settingBox li:hover .pImg::after{transform: scale(1);opacity:1;transition-delay:.2s;}
.settingBox li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.settingBox .swiper-pagination{position: static;margin-top:30px;}
.settingBox .swiper-pagination-bullet{width:12px;height:12px;}

/* 图片列表 */
.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:115%;}
.honorList li{width:25%;}
.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;}

/* 视频列表 */
.videoList ul{margin-right:-40px;overflow: hidden;}
.videoList li{float:left;width:33.3%;padding-right:40px;margin-bottom:20px;}
.videoList li a{display: block;overflow: hidden;}
.videoList li .pImg{padding-top:74%;}
.videoList li p{height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;line-height:60px;}
.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:.5;width:100%;height:100%;transition:all .5s;z-index:4;}
.videoList li .pImg::before{content:"";position:absolute;left:50%;top:50%;width:90px;height:36px;background: url('../images/vIcon.png') no-repeat;margin-left:-45px;margin-top:-18px;z-index:5;transition:all .5s;}
.videoList li:hover p{padding:0 15px;background:#f5f5f5;}
.videoList li:hover img{transform: scale(1.06);}
.videoShow{width:100%;height:600px;}
.layer_video{width:80% !important;height:90% !important;}

/* 联系我们 */
.contactMain .bgImg{height:440px;width:50%;}
.contactMain .txt{width:46%;padding-top:20px;}
.contactMain .tie{color:#080404;font-size:2em;border-bottom: 1px solid #e5e5e5;padding-bottom:30px;margin-bottom:40px;position:relative;}
.contactMain .tie::after{content:"";position:absolute;left:0;bottom:-1px;width:100px;height:2px;background:#f00;}
.contactMain ul{background: url('../images/contactIcon.jpg') no-repeat left 5px;}
.contactMain li{padding-left:25px;margin-bottom:18px;}
.contactMain li span{font-size:1.125em;color:#080404;}
.contactMain li:last-child{margin-bottom:0;}
#dituContent{height:600px;border:10px solid #fff;}

/* 在线留言*/
.feedback{background:url('../images/feedback_bg.jpg') no-repeat center;background-size:cover; margin-top:80px;}
.feedbackL{width:24%;height:380px;float:left;}
.feedbackR{width:72.5%;float:right;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 20px 0 20px;margin-bottom:20px;position: relative;border: 1px solid #ccc;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 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 .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:18px;background:#fff;}
.feedback .code .sub {background: #ee1d23;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #ee1d23;}
.feedback .sub:hover{background:#880203;}