@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.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}

a{color:#666;text-decoration:none;transition:all ease 0.3s;}

a:hover{color:#ff0028;}

html,body{position:relative;height: 100%;}



/* 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:70px 0;font-size:.875em;overflow:hidden;}

.mb40{margin-bottom:40px;}

.font14{font-size:.875em;}

.gray{background:#efefef;}



@font-face {

  font-family: 'iconfont';  /* Project id 2288898 */

  src: url('//at.alicdn.com/t/font_2288898_y8grcw9mxb.eot?t=1637048432956'); /* IE9 */

  src: url('//at.alicdn.com/t/font_2288898_y8grcw9mxb.eot?t=1637048432956#iefix') format('embedded-opentype'), /* IE6-IE8 */

  url('//at.alicdn.com/t/font_2288898_y8grcw9mxb.woff2?t=1637048432956') format('woff2'),

  url('//at.alicdn.com/t/font_2288898_y8grcw9mxb.woff?t=1637048432956') format('woff'),

  url('//at.alicdn.com/t/font_2288898_y8grcw9mxb.ttf?t=1637048432956') format('truetype'),

  url('//at.alicdn.com/t/font_2288898_y8grcw9mxb.svg?t=1637048432956#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%;z-index:99;left:0;top:0;height:90px;line-height:90px;background:#fff;}

.header .logo{position:absolute;left:0;top:0;} 

.nav {padding:0 440px 0 25%;height:90px;display:flex;justify-content:space-between;}

.nav .m{float:left;text-align:center;position: relative;z-index:10;}

.nav .m>a{color:#191919;display:inline-block;position:relative;}

.nav .m>a::after{content:"";position: absolute;left:0;bottom:0px;width:100%;height:2px;background:#ff0028;transition:transform .3s;z-index:1;transform: scale(0,1);transform-origin:right;}

.nav .cur>a,.nav .m>a:hover,.nav .on a{color:#ff0028;}

.nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;}

.nav .navSub{position:absolute;left:50%;top:120%;background:#eee;line-height:35px;width:160px;color:#333;font-size:.875rem;transition:top 0.4s,opacity .4s;opacity:0;text-align:center;transform: scale(0);margin-left:-80px;}

.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}

.nav .navSub a{color:#333;display:block;}

.nav .navSub a:hover{background:#ff0028;color:#fff;}

.nav .m:hover .navSub{top:100%;opacity:1;transform: scale(1);}



/* 头部右侧 */

.headR{position:absolute;right:0;top:0;color:#333;font-size:1.125em;}

.headR li{float:left;position: relative;margin-left:25px;}

.headR .cart a{background: url('../images/car.png') no-repeat left center;padding-left:30px;color:#333;}

.headR .tel{float:left;font-size:1.333em;padding-left:30px;font-family:Arial;background: url('../images/hTel.png') no-repeat left center;color:#ff0028;}

.headR .lang{border:1px solid #ff0028;height:26px;line-height:24px;border:1px solid #ff0028;border-radius:14px;top:33px;font-size:14px;overflow:hidden;}

.headR .lang a{color:#ff0028;float:left;width:38px;height:24px;text-align:center;}

.headR .lang .on,.headR .lang a:hover{background:#ff0028;color:#fff;}



.headFix{position:fixed;height:70px;line-height:70px;box-shadow:0 3px 6px #eee;}

.headFix .headR .lang{top:22px;}

.headFix .nav{height:70px;}

.headFix .logo img{height:50px;}



/*  导航按钮 */

.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:#ff0028;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,.wapLang{font-family:"iconfont";position: absolute;color:#ff0028;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

.wapLang{right:100px;}



/* 广告轮播图 */

.banner{position:relative;overflow:hidden;}

.banner img{width:100%;}

.banner .small{display:none;}

.swiper-wrapper{transition-timing-function: ease-in-out;}

.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%;opacity:0;}

.banner .swiper-pagination-bullet-active{border-color: #fff;}

.banner .swiper-pagination-bullet-active::after{background:#fff;opacity:1;}





/* 产品 */

.hTitle{font-size:1rem;margin-bottom:50px;color:#8d8d95;text-align:center;text-transform: uppercase;}

.hTitle span{display:block;font-size:2.5em;color:#333;font-weight:700;}

.hTitle b{color:#ff0028;}

.product{background:#f7f8fa;overflow: hidden;font-size:1.125em;}

.proMenu{width:27%;background:#fff;}

.proMenu li{border-bottom: 1px solid #eee;}

.proMenu li a{display:block;padding:10px 10px 10px 25px;position:relative;height:88px;line-height:60px;color:#333;z-index:2;}

.proMenu li .bgImg{float:right;width:85px;}

.proMenu li a::after{content:"";position: absolute;left:0;bottom:0;background:#ff0028;z-index:-1;height:100%;width:0;transition:all .5s;}

.proMenu .on a,.proMenu li a:hover{color:#fff;}

.proMenu .on a::after,.proMenu li a:hover::after{width:100%;}



.proMain{float:right;width:70%;}

.proMain li{float:left;width:33.3%;padding-right:20px;margin-bottom:20px;text-align:center;}

.proMain li a{display:block;background:#fff;color:#333;}

.proMain li .pImg{padding-top:81%;}

.proMain li p{padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;height:52px;margin-top:8px;}

.proMain li p span{display:block;font-size:0.778em;opacity:.5;margin-top:5px;}

.proMain li a:hover img{transform: scale(1.1);}

.proMain li a:hover{box-shadow:0 2px 8px #eee;color:#ff0028;}



/* 优势 */

.odds{background: url('../images/odds_bg.jpg') no-repeat center;background-size:cover;background-attachment:fixed; font-size:1em;}

.oddsMenu{float:left; width:22%;background:#fff;z-index:2;position:relative;}

.oddsMenu li{border-bottom: 1px solid #e9e9e9;height:145px;position:relative;z-index:2;color:#ff0028;padding-left:100px;padding-top:45px;font-size:1.5em;font-weight:700;text-transform: uppercase;cursor:pointer;transition:all .5s;}

.oddsMenu li i{width:56px;height:48px;float:left;margin-left:-70px;margin-top:5px;transition:all .5s;}

.oddsMenu li span{display:block;font-weight:400;font-size:0.583em;}

.oddsMenu li::after{content:"";position: absolute;left:0;top:0;width:0%;height:100%;background: url('../images/odds_line.jpg') no-repeat;background-size:cover;z-index:-1;transition:all .5s;}

.oddsMenu .on{color:#fff;}

.oddsMenu .on::after{width:106%;}

.oddsMenu .on i{background-position: 0 -48px;}



.oddsMain{text-align:center;overflow:hidden;width:78%;color:#fff;}

.oddsMain .swiperBtn{font-family:"iconfont";background:#ccc;color:#333;width:40px;height:26px;line-height:26px;margin:0 2px;display:none;}

.oddsMain .swiper-button-prev,.applyMain .swiper-button-prev{transform: rotate(180deg);}

.oddsMain li{text-align:left;position:relative;height:580px;}

.oddsMain li .txt{position: absolute;bottom:35px;width:100%;padding:0 5%;}

.oddsMain li h4{font-size:1.25em;margin-bottom:35px;padding-bottom:25px;position:relative;}

.oddsMain li h4 span{display:block;font-size:1.4em;font-weight:700;}

.oddsMain li h4::after{content:"";position: absolute;left:0;bottom:0;width:70px;height:2px;background:#fff;}







/* 行业应用 */

.apply{text-align:center;position:relative;}

.apply::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:310px;background-size:cover;background: url('../images/apply_bg.jpg') no-repeat center;z-index:-1;}

.applyMain li{float:left;width:20%;}

.applyMain li h4{background:#fff;padding:15px;position:relative;font-size:1.286em;color:#333;transition:all .5s;}

.applyMain li h4::after{content:"";position: absolute;left:50%;top:-16px;border:8px solid transparent;border-bottom-color:#fff;margin-left:-8px;transition:all .5s;}

.applyMain li h4 span{display:block;font-size:12px;opacity:.6;}

.applyMain li .pImg{padding-top:66%;}

.applyMain li:hover img{transform: scale(1.1);}

.applyMain li:hover h4{background:#ff0028;color:#fff;}

.applyMain li:hover h4::after{border-bottom-color:#ff0028;}

.applyMain .swiperBtn{display:inline-block;width:45px;height:45px;border-radius:100%;margin:0 10px;margin-top:30px;background:#fff;color:#ff0028;line-height:45px;font-size:1.5rem;position: static;font-family:"iconfont";}

.applyMain .swiperBtn:hover{background:#ff0028;color:#fff;}





/* 工程案例 */

.case{background:#f5f6f7;font-size:1em;}

.caseSlide li{float:left;width:25%;}

.caseSlide li .pImg{padding-top:68%;background:#000;}

.caseSlide li .pImg::after,.settingBox li .pImg::after{content:"";position: absolute;left:50%;top:40%;background: url('../images/c_more.png') no-repeat center;width:48px;height:48px;margin-left:-24px;margin-top:-24px;transition:all .5s;opacity:0;}

.caseSlide li p{height:60px;line-height:60px;border-bottom: 1px solid #e0e0e0;}

.caseSlide li p::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:1px;background:#ff0028;transform-origin:right;transform: scale(0,1);transition:transform .5s;}

.caseSlide li:hover img{transform: scale(1.1);opacity:.5;}

.caseSlide li:hover .pImg::after,.settingBox li:hover .pImg::after{top:50%;opacity:1;}

.caseSlide li:hover p::after{transform-origin:left;transform: scale(1);}

.caseSlide .btn{border-radius:100%;width:38px;height:38px;border:2px solid #ccc;font-family:"iconfont";text-align:center;line-height:34px;left:-60px;transform: rotate(180deg);font-size:18px;top:52%;}

.caseSlide .swiper-button-next{left:auto;right:-60px;transform: rotate(0);}

.caseSlide .btn:hover{border-color:#ff0028;color:#ff0028;}

.case .more{display: block;width:200px;height:46px;line-height:44px;border:1px solid #ff0028;color:#ff0028;border-radius:23px;text-align:center;font-size:14px;margin:0 auto;margin-top:40px;} 

.case .more i{font-family:"iconfont";margin-left:15px;font-style:normal;font-size:16px;}

.case .more:hover{background:#ff0028;color:#fff;}



/* 关于我们 */

.about{font-size:1em;position:relative;}

.about::after{content:"";position: absolute;left:0;width:42%;height:480px;background: url('../images/about_img1.jpg') no-repeat center;background-size:cover;z-index:-1;bottom:70px;}

.aboutPic{width:48%;overflow:hidden;height:560px;border-radius:6% 0 6% 0;}

.aboutTxt{width:48%;color:#333;}

.aboutTxt .tie{font-size:5em;color:#eef1f6;line-height:1;margin-bottom:20px;}

.aboutTxt .title{font-size:.875em;color:#999;padding-bottom:20px;margin-bottom:20px;position:relative;}

.aboutTxt .title span{display:block;color:#ff0028;font-size:2.143em;font-weight:700;}

.aboutTxt .title::after{content:"";position:absolute;width:30px;background:#ff0028;left:0;bottom:0;height:2px;}

.aboutTxt .txt{line-height:1.8;height:210px;margin-bottom:20px;overflow:hidden;}

.aboutTxt ul{background:#ff0028;font-size:1.125em;border-radius:60px 0 0 60px;position: relative;height:120px;}

.aboutTxt ul::after{content:"";position: absolute;left:0;width:240%;background:#ff0028;height:100%;border-radius:60px 0 0 60px;z-index:-1;}

.aboutTxt li{float:left;border-right: 1px solid #da0022;}

.aboutTxt li a{display:block;padding:0 20px;height:120px;color:#fff;padding:0 54px;padding-top:35px;}

.aboutTxt li:nth-child(1) a{border-radius:60px 0 0 60px;}

.aboutTxt li span{display:block;font-size:12px;opacity:.5;}

.aboutTxt li i{float:left;background: url('../images/aboutIcon.png') no-repeat;width:64px;height:64px;margin-right:10px;position: relative;top:-8px;}

.aboutTxt li:nth-child(2) i{background-position:-64px 0;}

.aboutTxt li:nth-child(3) i{background-position:-128px 0;}

.aboutTxt li a:hover{background:#ff0028;}



/* 新闻快讯 */

.news{background:#f6f7f8;}

.newsL{float: left;width:32%;background:#fff;overflow:hidden;}

.newsL ul{border:1px solid #e9e9e9;}

.newsL2{margin:0 2%;}

.newsL .pic{height:280px;overflow:hidden;position:relative;display:block;}

.newsL .pic img{height:100%;width:100%;transition:all .5s;}

.newsL .pic span{position: absolute;left:0;top:0;width:120px;height:40px;line-height:40px;color:#fff;text-align:center;background: rgba(255,0,40,.8);}

.newsL ul{padding:25px 6%;}

.newsL li.txt{height:140px;border-bottom: 1px solid #cecece;margin-bottom:20px;}

.news li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;transition:all .3s;margin-bottom:15px;}

.news li h4 a{color:#191919;}

.news li h4 a:hover{color:#ff0028;}

.news li .date{display:block;font-size:12px;opacity:.6;margin-top:10px;}

.newsL li.list {line-height:35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsL li.list span{float:right;color:#999;font-size:12px;margin-left:20px;}

.newsL li.list a:hover{padding-left:10px;background-position: 10px center;color:#ff0028;}



.newsR{background:#f2f2f2;height:605px;width:30%;position:relative;padding:70px 3% 30px 3%;}

.newsR li{height:130px;}

.newsR li h4{margin-bottom:10px;}

.newsR li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.newsL .pic:hover img{transform: scale(1.1);}





/*底部 */

.footer{background:#262626; font-size:0.875rem;color:#ccc;line-height:2em;overflow:hidden;}

.footMain{padding:45px 0;overflow:hidden;padding-right:180px;}

.footMenu{width:52%;overflow:hidden;display: flex;justify-content: space-between;}

.footMenu ul{float:left;padding-left:15px;}

.footMenu ul h4,.footR h4{color:#fff;font-size:1.143em;margin-bottom:15px;background: url('../images/ly_liw.png') no-repeat left center;padding-left:15px;}

.footMenu ul h4{margin-left:-15px;}

.footMenu_wap{display:none;overflow:hidden;text-align:center;}

.footR{width:35%;margin-left:13%;}

.footR .tel{color:#fff;font-size:1.571em;margin-bottom:10px;}

.footR .txt{padding-left:25px;background: url('../images/footIcon.png') no-repeat left 6px;}

.footR p{padding-left:40px;}

.footR p span{margin-left:-40px;float:left;}

.footWx{width:140px;text-align:center;line-height:1.6;position: absolute;right:0;}

.footWx span{display:block;text-align:center;margin-top:10px;height:20px;font-size:14px;color:#fff;}

.footer a{color:#ccc;}

.footer a:hover{color:#fff;}

.copyright{padding:15px 0;position:relative;z-index:2;min-height:60px;}

.copyright::after{content:"";position: absolute;left:0;top:0;width:200%;margin-left:-50%;height:1px;background:#fff;z-index:-1;opacity:.1;}

.firendlink{padding-top:8px;clear: both;}

.firendlink span{color:#fff;font-size:14px;}

.firendlink a{margin:0 5px;}











/*内页公用 */

.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}

.listBanner,.mzsmBanner{height:450px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;}

.listBanner h3{position:absolute;color:#fff;top:40%;font-size:2.625rem;text-transform:uppercase;width:100%;padding-bottom:15px;animation:leftPic 1s;max-width:1600px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);  text-align: center; font-weight: bold;}

.listBanner h3 span{display: block;font-size:20px;opacity: 0.8;font-weight:100;}

.breadCrumb{font-size:.975rem;overflow:hidden;background:#f5f5f5;padding:15px 0;border-bottom: 1px solid #ddd;line-height:30px;}

.breadCrumb p span{background: url('../images/home_icon.png') no-repeat left center;padding-left:25px;}

.breadCrumb .back{float:right;color:#fff;background:#666;line-height:30px;padding:0 10px;}

.breadCrumb .back:hover{background:#ff0028;color:#fff;}

.listBox{min-height:300px;}

.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/sBtn.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;}

@keyframes leftPic

{

  0%   {opacity:0;padding-top:60px;}

  100% {opacity:1;padding-top:0;}

}





/*内页公用菜单*/

.listMenu{text-align:center;font-size:1.125rem;overflow:hidden;display:flex;flex-flow: row wrap;justify-content: center;margin-top:50px;}

.listMenu a{float:left;height:46px;line-height:46px;border-radius:5px;margin:5px 12px;padding:0 20px;background:#f7f7f7;border:1px solid #ddd;border-radius:6px;position: relative;z-index:2;min-width:140px;}

.listMenu a::after{content:"";position: absolute;left:0;bottom:0;background:#ff0028;z-index:-1;width:100%;height:0;transition:all .5s;}

.listMenu a:hover,.listMenu .cur{color:#fff;border-color:#ff0028;}

.listMenu a:hover::after,.listMenu .cur::after{height:100%;}

.aboutMenu{height:70px;line-height:70px;margin-top:-70px;position: relative;z-index:3;font-size:1.125rem;display: flex;justify-content: space-between;}

.aboutMenu a{float:left;color:#fff;position:relative;flex-grow:1;text-align:center;margin:0 1px;background: rgba(255, 255, 255,.3);z-index:2;}

.aboutMenu a::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:0;background:#ff0028;z-index:-1;transition:all .5s;}

.aboutMenu a:hover::after,.aboutMenu a.cur::after{height:100%;}



/* 产品列表 */

.proSider{width:22%;font-size:1.143em;float:left;}

.proSider .title{background:#ff0028;padding:20px 30px;color:#fff;font-size:2em;text-transform: uppercase;}

.proSider .title span{display:block;font-family:Arial;font-size:0.556em;}

.proSider .title i{float:right;color:#ff0028;display:none;font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;}

.proSider .title i::after{content:"\e655";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}

.proSide_sub{border:1px solid #e4e4e4;border-top:none;margin-bottom:25px;}

.proSide_sub li a{display:block;height:70px;line-height:70px;padding:0 6%;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position: relative;border-top:1px solid #ddd;}

.proSide_sub li i{font-family:"iconfont";margin-right:5px;font-style:normal;font-size:1.286em;position: relative;top:3px;}

.proSide_sub li:last-child a{border-bottom:none;}

.proSide_sub>li>a:after{content:"";position:absolute;left:-1px;top:0;height:0;width:3px;background:#ff0028;transition:all 0.3s;}

.proSide_sub li a:hover,.proSide_sub li .cur{color:#ff0028;background:#f5f5f5;}

.proSide_sub li .cur:after,.proSide_sub li a:hover:after{height:100%;}

.proSide_sub li ul{font-size:.889em;border-top: 1px solid #ddd;padding:5px 0;}

.proSide_sub li ul a{background: url('../images/ly_li.png') no-repeat 15% center;padding-left:20%;color:#666;height:36px;line-height:36px;font-size:13px;border:none;}

.proSide_sub li ul .cur,.proSide_sub li ul a:hover{background: url('../images/ly_li.png') no-repeat 15% center;color:#ff0028; }



.relaPro{margin-top:25px;}

.relaPro .title{margin-bottom:10px;}

/* .relaPro .tie{background: #f8f8f8;padding:20px 5%;border:1px solid #ddd;border-top: 1px solid #ff0028;margin-bottom:10px;font-size:1.5em;color:#333;} */

.relaPro li .pImg{padding-top:64%;border:1px solid #ddd;background:#fff;}

.relaPro li p{height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.relaPro li i,.proList li i{float:right;font-style:normal;margin-left:15px;}

.relaPro li:hover img{transform: scale(1.1);}



.proList_r{width:76%;font-size:1.143em;}

.proList {margin-right:-30px;}

.proList li{float:left;width:33.3%;margin-bottom:20px;padding-left:30px;}

.proList li a{display:block;}

.proList li .pImg{padding-top:81%;transition:all .3s;border:1px solid #d1d1d1;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 .pImg{border-color: #ff0028;}

.proList li a:hover img{transform: scale(1.1);}

.proList li a:hover p{color:#ff0028;}

.searchList li{width:25%;}





/*  产品详情 */

.proShow_box1{margin-bottom:60px;overflow: hidden;}

.gallery{width:48%;position:relative;}

.galleryBig{position:relative;height:480px;background:#fff;border:1px solid #ddd;}

.galleryBig li{height:480px;line-height:480px;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 #ff0028;}

.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:52%;overflow:hidden;height:590px;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:#ff0028;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:100%;border:1px solid #ddd;}

.proShow_main .title,.showTie2{height:80px; background:#fafafa; border-bottom: 1px solid  #ddd;  padding: 0 4%;font-size:1.571em;line-height:80px;color:#ff0028;}

.proShow_main .title a{float:right;font-size:16px;}

.proShow_main .title a i{font-style:normal;font-family:"iconfont";margin-right:5px;}

.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:#ff0028;width:100%;}

.proShow_main .info{padding:4%;border-bottom: 1px solid #ddd;min-height:400px;}

.proShow_main .tie{margin-bottom:30px;font-size:1.286em;border-left:3px solid #ff0028;padding-left:20px;line-height:1;color:#333;}



/* 解决方案 */

.solutionIndex li{background:#f8f8f8;overflow:hidden;margin-bottom:20px; line-height:26px;}

.solutionIndex li .pic{width:50%;overflow:hidden;display:block;height:430px;}

.solutionIndex li .txt{width:50%;padding:4%;position:relative;}

.solutionIndex li h4{font-size: 2.143em;font-weight:normal;position:relative;padding-bottom:15px;margin-bottom:30px;}

.solutionIndex li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#ff0028;width:15px;transition:all 0.4s; }

.solutionIndex li h4 a{color:#333;}

.solutionIndex li .txt .info{min-height:130px;}

.solutionIndex li .more{text-align:center;display:inline-block;font-size:12px;font-family:Arial;margin-top:25px;width:160px;border:none;height:46px;line-height:46px;color:#fff;background:#ff0028;}

.solutionIndex li .more:hover{width:220px;color:#fff;border:none;}

.solutionIndex li:nth-child(2n) .txt{float:left;} 

.solutionIndex li:nth-child(2n) .pic{float:right;}

.solutionIndex li:hover .bgImg{transform: scale(1.05);}

.solutionIndex li h4 a:hover{color:#ff0028;}





/* 案例列表 */

.caseList ul{margin-right:-40px;}

.caseList li{float:left;width:33.3%;padding-right:40px;margin-bottom:40px;}

.caseList li .pImg{padding-top:56%;border-radius:5px 5px 0 0;}

.caseList li .txt{background:#f8f8f8;padding:4% 6%;height:120px;position:relative;z-index:2;}

.caseList li h4{font-size:1.143em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;margin-bottom:15px;transition:all .4s;}

.caseList li .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#ff0028;transition:all .5s;z-index:-1;}

.caseList li .more{width:114px;height:36px;border-radius:3px;line-height:34px;text-align:center;border:1px solid #d5d5d5;display:inline-block;color:#999;font-size:12px;transition:all .4s;}

.caseList li i,.caseList .cMore i{font-style:normal;font-family:"iconfont";margin-left:10px;opacity:.6;}

.caseList li a:hover h4{color:#fff;}

.caseList li a:hover .more{background:#fff;border-color:#fff;color:#ff0028;}

.caseList li a:hover img{transform: scale(1.1);}

.caseList li a:hover .txt::after{height:100%;}



/* 案例详情 */

.caseShow{width:72%;border:1px solid #ddd;font-size: 16px; line-height: 26px;}

.caseShow .title{text-align:center;background: url('../images/caseShow.jpg') no-repeat center; background-size: cover; font-size:2.571em;color:#ff0028; text-align: center; padding: 50px 20px; border-bottom: 1px solid #ff0028}

.picSlide{position:relative;;padding:5%;overflow: hidden;}

.picSlide li{text-align:center;height:100%;position: relative;}

.picSlide-top .pImg{padding-top:56%;}

.picSlide-thumbs{margin-top:10px;}

.picSlide-thumbs li{border-right:1px solid #fff;padding-top:10%;cursor:pointer;width:16.66%;position: relative;}

.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #ff0028;opacity:.7;transform: scale(0);transition:all .3s;}

.picSlide-thumbs .on::after{transform: scale(1);}

.picSlide .btn{top:45%;background:rgba(0, 0, 0, .7);text-align:center;width:26px;height:50px;line-height:50px;color:#fff;font-size:14px;font-family:Arial;transition:all .3s;left:5%;}

.picSlide .swiper-button-next{right:5%;left:auto;}

.picSlide .btn:hover{background:#ff0028;}

.showTie2{border-top: 1px solid #ddd;}

.caseShow_info{padding:4% 5%;}



/* 服务保障 */

.listTie{font-size:2.5rem;text-align:center;color:#333;position:relative;margin-bottom:40px;line-height:1.2;font-weight:700;}

.listTie span{display: block;font-size:14px;margin-top:8px;}

.quality{text-align:center;}

.quality li{float:left;width:20%;background: url('../images/line2.png');padding:3.5% 2%;height:340px;font-size: 16px;}

.quality li i{display:inline-block;background: url('../images/qIcon.png') no-repeat;width:56px;height:50px;transition:all .3s;position: relative;top:0;}

.quality li h5{font-size:2em;color:#191919;margin:20px 0;}

.quality li:nth-child(2) i{background-position: -56px 0;}

.quality li:nth-child(3) i{background-position: -112px 0;}

.quality li:nth-child(4) i{background-position: -166px 0;}

.quality li:nth-child(5) i{background-position: -224px 0;}

.quality li:hover i{top:-10px;}

.quality .btn{position: static;background:#333;width:50px;height:32px;line-height:32px;color:#fff;text-align:center;font-size:16px;margin-top:20px;display:none;}



.supportBox3{background:#ededed;}

.supportBox3 .pic img{width:50%;float:left;border-right: 1px solid #fff;}

.supportBox3 .pic img:nth-child(2){border-right:none;}

.supportBox3 ul{background:#fff;padding:3% 4%;overflow:hidden;}

.supportBox3 li{float: left;width:49%;margin:10px 0;min-height:70px;background: url('../images/line2.png');border-top: 1px solid #ff0028;color:#191919;font-size:1.143em;padding:1.5% 3%;}

.supportBox3 li:nth-child(2n){float:right;}



.units ul{margin:0 -1%;}

.units li{float:left; width:31.3%;padding:2%;background:#f6f6f6;min-height:280px;margin:0 1% 30px 1%;line-height:1.8;transition:all .5s;font-size:1.1em;}

.units li span{display: block;color:#333;font-size:1.629em;margin-bottom:10px;position: relative;padding-bottom:15px;margin-bottom:15px;}

.units li span::after{content:"";position: absolute;left:0;bottom:0;width:25px;height:2px;background:#ff0028;}

.units li:hover{box-shadow:0 0 10px #ccc;}











/* 下载中心 */

.downList li{background:#ededed;margin-bottom:10px;}

.downList li a{display:block;padding:2.5% 3%;color:#191919;}

.downList li span{float:right;color:#666;position:relative;padding-left:30px;margin-left:25px;}

.downList li span::after{content:"\e624";position:absolute;font-family:"iconfont";left:0;font-size:1.286rem;top:-5px}

.downList li a:hover{background:#ff0028;color:#fff;}

.downList li a:hover span{color:#fff;}

.downList .more{text-align:center;font-size:18px;}



/* 新闻列表 */

.newsSlide{overflow:hidden;position:relative;text-align: center;margin-bottom:50px;padding-bottom:0;}

.newsSlide li{text-align: left;background:#e3e3e3;overflow: hidden;}

.newsSlide li .pic{width:50%;height:480px;overflow: hidden;display:block;}

.newsSlide li .txt{width:50%;padding:5%;font-size: 1.2em; line-height: 28px;}

.newsSlide li h4{font-size: 1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:700;}

.newsSlide li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#ff0028;width:15px;transition:all 0.4s; }

.newsSlide li h4 a{color: #333;}

.newsSlide li h4 a:hover,.newsList li h3 a:hover{color: #ff0028;}

.newsSlide .slideIcon{position: absolute;bottom:0;right: 0;background:#ff0028; height: 80px;line-height: 80px;width:54.5%;z-index:2;left:auto;padding-left:6%;text-align: left;}

.newsSlide .swiper-pagination-bullet{width:10px;height:10px;cursor: pointer;background:#fff;}

.newsSlide .swiper-button-next, .newsSlide .swiper-button-prev{background:rgba(0,0,0,.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"宋体";font-weight:bold;line-height:36px;text-align:center;color:#fff;position: static;margin-top: 20px;display: none;}

.newsList{background:#f1f1f1;padding:70px 0;overflow:hidden;font-size:.813rem;}

.newsList ul{margin-right:-25px;}

.newsList li{float:left;padding-right:25px;width:33.3%;margin-bottom:25px;}

.newsList li a{background:#fff;padding:6%;display:block;color:#777;}

.newsList li .pImg{padding-top:65%;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:15px;margin-top:15px;border-bottom: 1px solid #ddd;padding-bottom:15px;}

.newsList li i{font-style:normal;float:right;font-size:16px;}

.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);}

.newsList li a:hover h3,.newsList li a:hover i{color:#ff0028;}



/* 常见问题 */

.faq2{background:url('../images/product_bg.jpg') no-repeat center;background-size:cover;}

.faq ul{padding-left:1px;padding-top:1px;overflow: hidden;}

.faq 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;background:#fff;}

.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#ff0028;transition:all .5s;width:0;}

.faq li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;font-weight:700;margin-bottom:10px;color:#333;}

.faq li .tag{font-size:12px;margin:15px 0 20px 0;padding-left:25px;position:relative;color:#8f8f8f;}

.faq li .tag::after{content:"\e606";font-family:"iconfont";position:absolute;left:0;top:-2px;font-size:1.143rem;}

.faq li .txt{color:#777;height:100px;margin-bottom:15px;overflow:hidden;}

.faq li .date{color:#999;display:block;}

.faq li .date i{float:right;font-style:normal;font-size:1.286rem;font-family:"Arial";margin-top:-5px;}

.faq li:hover::after{width:100%;}

.faq li:hover{box-shadow:0 0 10px #ccc;}

.faq li:hover h4 {color:#ff0028;}

.faqList li h4{margin-bottom:20px;}

.faqList li {width:33.3%;height:auto;}





/* 新闻详情 */

.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:2em;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;font-size: 16px; line-height: 26px;}

.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 #ff0028;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:#ff0028;}

.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{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;font-size:0.975em;}

.showPage a{float:left;width:43%;padding:0 20px;font-size:1.2em;}

.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}

.showPage a:nth-child(2){float:right;text-align:right;}

.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}

.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}

.showPage a:hover{background:#ff0028;color:#fff;}

.rightNews,.rightContact{background:#f2f2f2;padding:5%;}

.rightNews_w,.rightContact_w{background:#fff;padding:8%;}

.rightContact{margin-top:30px;}

.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;}



/* 关于我们 */

.aboutBox1{font-size:1em;padding-bottom:0;position: relative;z-index:5;}

.aboutTie_grop{margin-bottom:40px;overflow:hidden;font-size:1.125rem;position:relative;text-align: center;}

.aTie{text-transform: capitalize;font-size:1.125rem;}

.aTie span{display:block;font-size:2.444em;color:#ff0028;font-weight:700;}

.aboutTie_grop h5{font-size:1.5em;color:#222;margin-top:15px;}

.aboutNum2{position: absolute;right:0;top:70px;display: flex;justify-content:space-between;color:#222;text-align:center;width:35%;}

.aboutNum2 li{float:left;}

.aboutNum2 li b{font-size:4em;font-family:Arial;line-height:1.2;}

.aboutBox1 .info{width:46%;line-height:1.8;max-height:620px;overflow-y:auto;font-size:.938em;}

.aboutBox1 .pic{width:50%;height:400px;}



.culture{background:#25374d;margin-top:80px;font-size:1em;line-height:1.8;padding-bottom:10px;position: relative;z-index:3;overflow:visible;}

.culture .container{margin-bottom: -120px;}

.aboutTie_gropW,.aboutTie_gropW .aTie span,.aboutTie_gropW  h5{color:#fff;}

.culture ul{margin:0 -1%;}

.culture li{float:left;width:23%;background:#fff;margin:0 1%;height:360px;border-radius:10px; padding:60px 2%;box-shadow:0 4px 8px #eee;}

.culture li i{display:inline-block;width:60px;height:60px;background:#ff0028;color:#fff;border-radius:100%;font-style:normal;line-height:60px;font-size:1.875em;text-align:center;font-weight:700;margin-bottom:40px;position:relative;}

.culture li h4{font-size:2em;font-weight:700;color:#222;margin-bottom:30px;line-height:1;position:relative;}

.culture li h4::after{content:"";position: absolute;left:80px;right:0;height:1px;background:#e1e1e1;top:-70px;}



.team ul{margin-right:-20px;}

.team li{float:left;width:33.3%;padding-right:20px;margin-bottom:70px;}

.team li a{position: relative;display:block;}

.team li .pImg{padding-top:70%;}

.team li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;min-width:300px;text-align:center;background:#f8f8f8;height:70px;line-height:70px;margin-top:-35px;position: absolute;left:50%;transform: translate(-50%);color:#ff0028;transition:all .5s;}

.team li a:hover img{transform:scale(1.1);}

.team li a:hover p{background:#ff0028;color:#fff;}

.aboutTie_grop p{float:right;width:42%;padding-top:5px;text-align:right;}



.honor{background: url('../images/honor_bg.jpg') no-repeat center;background-size:cover;position: relative;padding:190px 0 130px 0;text-align:center;}

.honor::after{content:"";position: absolute;background: url('../images/honor_bg2.jpg') no-repeat center;background-size:100%;left:0;bottom:0;width:100%;height:170px;}

.honorSlide li{width:25%;float:left;font-size:1.143em;}

.honorSlide li a{position:relative;overflow:hidden;display:block;}

.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#fff;z-index:2;position:absolute;bottom:-50px;height:50px;line-height:60px;background: rgba(0,0,0,.7);transition:all .5s;width:100%;left:0;}

.honorSlide li .pImg{padding-top:68%;border:1px solid #ddd;}

.honorSlide li a:hover p{bottom:0;}

.honorSlide .btn{width:20px;background-size:20px 40px;opacity:.5;left:-60px;cursor:pointer;pointer-events:initial;font-size:0;}

.honorSlide .swiper-button-next{left:auto;right:-60px;}

.honorSlide .btn:hover{opacity:1;}



.partnerList ul{padding-left:1px;padding-top:1px;}

.partnerList li{float:left;width:16.6%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}

.partnerList li .pImg{padding-top:48%;}

.partnerList li p{background:#ff0028;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 #ff0028;}

.partnerList li:hover p{bottom:0;}

.partnerList li:hover img{top:-20px;}



/* 图片列表 */

.picList ul{margin-right:-30px;}

.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;font-size:1.143em;}

.picList li a{display:block;overflow:hidden;}

.picList li .pImg{padding-top:74%;border:1px solid #e1e1e1;}

.honorList li .pImg{padding-top:68%;}

/* .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:#ff0028;}

.galy{background:#f5f5f5;}

.teamList li{width:33.3%;}

.teamList li .pImg{padding-top:68%;}



/* 联系*/

#dituContent{height:480px;}

.contactBox1 ul{display: flex;overflow: hidden;border-radius:10px;padding: 80px 60px;box-shadow: 2px 2px 20px #ddd;justify-content: space-between;}

.contactBox1 li{position: relative;color:#666;font-size:1.429em;padding-left:60px;}

.contactBox1 span{display:block;color:#ff0028;font-weight:bold;margin-top: 4px;}

.contactBox1 li:before{content:"";font-family:"iconfont"; position: absolute;left:0;top:0;bottom: 0;margin: auto;height: fit-content;color: #ff0028;font-size: 40px;}

.contactBox1 li:nth-child(1):before{content: "\e603";}

.contactBox1 li:nth-child(2):before{content: "\e6ee";}

.contactBox1 li:nth-child(3):before{content: "\e63a";}



.contactBox2{margin:20px auto 80px auto;overflow:hidden;background:#fff;border-radius:8px;box-shadow: 2px 2px 20px #ddd;}

.feedback{width:50%;background:url('../images/feedabck_bg.jpg') no-repeat center;background-size:cover;padding:3%;color:#fff;}

.feedback .title{font-size:1.750em;margin-bottom: 30px;}

.feedback .title span{display:block;font-size:12px;opacity:.8;}



.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;margin-bottom: 10px;position: relative;border-bottom: 1px solid #fff;font-size:16px;}

.feedback p:nth-child(2n){float:right;}

.feedback p input{width: 100%;height: 100%;color:#fff;}

.feedback .tarea{width: 100%;height: 120px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}

.feedback textarea{width: 100%;height: 100%;color:#fff;}

.feedback .code{clear:both;padding-top:40px;}

.feedback .code input{height: 60px;line-height: 60px;border-bottom: 1px solid #fff;}

.feedback .code .c{width: 20%;padding: 0 15px;}

.feedback .code img{padding:19px;background:#fff;}

.feedback .sub {background: #fff;width: 30%;cursor: pointer;transition: all .3s;color: #fff;display:inline-block;height: 50px;line-height: 50px;margin-top:30px;color:#ff0028;font-size:18px;border-radius:5px;}

.feedback .sub:hover{background:#ff0028;color:#fff;}

.feedback input::-webkit-input-placeholder,.feedback textarea::-webkit-input-placeholder{color:#fff;}

.feedback input::-moz-placeholder,.feedback textarea::-moz-placeholder{ color:#fff;}

.feedback input:-moz-placeholder,.feedback textarea:-moz-placeholder{  color:#fff;}

.feedback input:-ms-input-placeholder,.feedback textarea:-ms-input-placeholder{ color:#fff;}

.contactInfo{width:50%;padding:3%;line-height:2;overflow:hidden;}

.contactInfo .txt{margin-bottom:30px;min-height:240px;}

.contactInfo .ewm{float: left;width:130px;text-align:center;font-size:14px;position: relative;margin-right:80px;}

.contactInfo .ewm span{display:block;}

.contactInfo .ewm::after{content:"";position: absolute;right:-40px;border-right: 1px dotted #ccc;top:20px;bottom:40px;}

.contactInfo .zx{display:inline-block;margin-top:40px;background:#ff0028;color:#fff;font-size:14px;height:40px;line-height:40px;border-radius:20px;width:160px;text-align:center;}

.contactInfo .zx:hover{background:#ff0028;}