@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:#f2be45;}


/* 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{background:#fff;height:100px;line-height:100px;position:relative;z-index:99;}
.header::after{content:"";position: absolute;left:-20px;top:0;height:100%;width:30%;background:#282828;z-index:-1;transform: skewX(-8deg);}
.nav {margin-right:22%;display:flex;justify-content:center;width:45%;font-size:1.125em;}
.nav .m{float:left;text-align:center;position:relative;z-index:5;background: url('../images/nav_line.jpg') no-repeat right center;flex-grow:1;}
.nav .m:last-child{background:none;}
.nav .m>a{color:#000;display:inline-block;position:relative; }
.nav .m>a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:2px;background:#f2be45;transition:transform .3s;z-index:1;transform: scale(0,1);transform-origin:right;}
.nav .cur>a,.nav .m>a:hover{color:#f2be45;}
.nav .cur>a::after,.nav .m>a:hover::after{transform: scale(1);transform-origin:left;}
.nav .navSub{position:absolute;top:120%;background:#eee;line-height:35px;width:160px;color:#333;font-size:.875rem;transform:scale(0);transition:top .4s,opacity .4s;opacity:0;left:50%;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:#f2be45;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}

/* 头部右侧 */
.headR{position:absolute;right:0;top:0;}
.headR li{float:left;margin-left:20px;}
.headR .sIcon{font-family:"iconfont";color:#9a9a9a;position:relative;font-size:1.375rem;cursor: pointer;}
.headR .sIcon:hover{color:#f2be45;}
.pcLang a{color:#9a9a9a;font-size:12px;border-radius:100%;height:24px;width:24px;border:1px solid #9a9a9a;text-align:center;line-height:22px;display:inline-block;}
.pcLang a:hover{background:#f2be45;border-color:#f2be45;color:#fff;}
.headR .tel{float:left;font-size:14px;padding-left:32px;color:#f2be45;font-size:24px;font-weight:700;font-family:Arial;position: relative;background: url('../images/hTel.png') no-repeat left center;}
.wapTel{font-family:"iconfont";position: absolute;color:#f2be45;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
.wapLang{position: absolute;right:96px;top:19px;display:none;font-size:2em;line-height:1;color:#f2be45;font-family:"iconfont";}

/* PC端搜索 */
.search{position: absolute;padding:20px;background:#333; background: rgba(0,0,0,.5);left:0;top:100%;display:none;width:100%;padding-top:0;border-top: 1px solid #333;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 20px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/sIcon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#f2be45;}

/*  导航按钮 */
.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:#f2be45;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:#f2be45;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}
.headFix{position: fixed;top:0;left:0;width:100%;box-shadow:0 2px 10px #eee;height:80px;line-height:80px;}
.headFix .logo img{height:40px;}

/* 广告轮播图 */
.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:2.5rem;margin-bottom:50px;color:#333;text-align:center;text-transform: uppercase;line-height:1;}
.hTitle span{display:block;font-size:1.350em;color:#f0f0f0;font-family:Arial;margin-bottom:-25px;font-weight:700;}
.product{background:#fafafa;overflow:hidden;font-size:1em;padding-bottom:30px;}

.proMenu{overflow:hidden;position:relative;text-align:center;font-size:1.125em;position:relative;margin-bottom:50px;padding:0 20px;}
.proMenu::after{content:"";position: absolute;width:100%;height:1px;background:#e9e9e9;left:0;top:15px;}
.proMenu li{float:left;width:16.6%;}
.proMenu li a{color:#333; font-weight: bold;}
.proMenu li span{display:block;font-size:12px;opacity:.5;}
.proMenu .btn{left:0;font-family:"simsun";font-weight:700;font-size:28px;line-height:1;width:auto;}
.proMenu li.on a{color:#f2be45;}
.proMenu .swiper-button-next{left:auto;right:0;}
.proMenu .btn:hover,.proMain li a:hover{color:#f2be45;}

.proMain{font-size:1.125em;overflow:hidden;max-height:935px;}
.proMain ul{margin-right:-20px;overflow: hidden;display:none;}
.proMain li{float:left;width:25%;padding-right:20px;margin-bottom:40px;text-align:center;}
.proMain li a{display:block;color:#333;overflow:hidden;}
.proMain li .pImg{box-shadow:0 2px 10px #eee;padding-top:68%;}
.proMain li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:20px;transition:all .5s;}
.proMain .big{width:50%;}
.proMain .big a{background:#fff;box-shadow:0 2px 10px #eee;}
.proMain .big .pImg{box-shadow:none;margin-top:-30px;}
.proMain .big .pImg img{transform: scale(.9);}
.proMain .big p{margin-top:-30px;height:70px;}
.proMain li .pImg::after,.proList li .pImg::after{content:"";height:100%;width:100%; left:-120%;position: absolute;top: 0;transform: skewX(-25deg);transition: all 0s; width: 380px;
  background-image:-moz-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  background-image:-webkit-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  background-image:-o-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
  background-image:-ms-linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0));
}
.proMain li a:hover .pImg::after,.proList li a:hover .pImg::after{left:120%;transition: all 0.7s;}
.proMain li a:hover img{transform: scale(1.1);}


/* 合作案例 */
.case{background:url('../images/case_bg.jpg') no-repeat center;background-size:cover; font-size:1em;}
.hTitlew span{color:#fff;}
.caseMenu{text-align:center;margin-bottom:50px;overflow:hidden;}
.caseMenu a{display:inline-block;width:140px;height:40px;background:#fff;border-radius:5px;line-height:40px;margin:0 20px;position:relative;z-index:2;}
.caseMenu a::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#f3c456;z-index:-1;transition:all .5s;}
.caseMenu .on::after,.caseMenu a:hover::after{height:100%;}
.caseMenu .on,.caseMenu a:hover{color:#fff;}


.caseMain,.caseTab{overflow:hidden;height:580px;position: relative;}
.caseBox li{background:#fff;overflow:hidden;}
.caseBox li .pic{float:left;width:68%;height:580px;}
.caseBox li .txt{float:right;width:32%;padding:5% 3%;}
.caseBox li .txt h4{font-size:1.5em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:20px;}
.caseBox li .txt h4 a{color:#333;position:relative;display:inline-block;padding-bottom:5px;}.caseBox li .txt h4 a::after{content:"";position: absolute;left:0;bottom:0;width:30px;height:2px;background:#f3c456;}
.caseBox li .txt p{height:160px;margin-bottom:20px;overflow:hidden;line-height:1.8;color:#888;}
.caseBox li .more{display:inline-block;font-size:.875em;color:#fff;background:#f3c456;width:140px;height:45px;line-height:45px;text-align:center;border-radius:5px;border: 1px solid #f3c456;}
.caseBox li .more:hover{background:none;color:#f3c456;}

.caseInfo{position: absolute;bottom:0;right:0;width:60%;background:#fff;padding:0 5%;overflow: hidden;z-index:5;}
.caseSlide li{height:120px; line-height:120px;cursor:pointer;width:25%;text-align:center;}
.caseSlide li img {filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);}
.caseSlide .on img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;}
.caseInfo .btn{width:34px;height:34px;background:#d0d5e1;border-radius:100%;text-align:center;line-height:34px;color:#fff;font-weight:700;font-family:"simsun";left:25px;transition:all .4s;display:inline-block;cursor: pointer;position: absolute;top:50%;margin-top:-17px;}
.caseInfo .arrRight{right:25px;left:auto;}
.caseSlide .btn:hover{background:#f2be45;}

/* 关于我们 */
.about{padding:0;overflow:hidden;position:relative;z-index:2;font-size:1em;}
.about .container{height:750px;}
.aboutPic{width:60%;height:750px;overflow:hidden;position: relative;margin-right:-10%;}
.aboutPic .bgImg{animation:scale 40s infinite;} 

.aboutTxt{width:46%;padding-top:80px;}
.aboutTxt .title{font-size:2.5em;color:#333;font-weight:700;position: relative;line-height:2;letter-spacing:4px;}
.aboutTxt .title span{display:block;font-size:3em;position:absolute;left:0;top:0;color:#f5f5f5;line-height:1;z-index:-1;top:-20px;letter-spacing:0;}

.aboutTxt .tie2{font-size:1.375em;color:#f3c456;margin:10px 0 30px 0;}
.aboutTxt .tie2 span{display:block;font-size:12px;font-weight:400;text-transform: uppercase;color:#ccc;}
.aboutTxt .txt{height:200px;margin-bottom:20px;overflow:hidden;line-height:1.8;}
.aboutTxt .more{display:inline-block;width:200px;height:48px;line-height:46px;border:1px solid #f3c456 ;text-align:center;color:#f3c456;border-radius:24px;}
.aboutTxt .more:hover{background:#f3c456;color:#fff;}
.aboutMenu{position:absolute;width:46%;left:0;bottom:0px;background:#fbf7ef;height:180px;display:-webkit-flex;display:flex;justify-content: space-between;padding-top:35px;text-align:center;}
.aboutMenu li{float:left;}
.aboutMenu li i{display:inline-block;width:80px;height:80px;border-radius:5px;border:2px solid #666;font-family:"iconfont";line-height:80px;text-align:center;font-style:normal;font-size:2.5rem;margin-bottom:5px;transition:all .3s;}
.aboutMenu li:hover i{background:#f3c456;color:#fff;border-color:#f3c456;}
.about::after{content:"";position: absolute;left:0;width:50%;background:#fbf7ef;height:180px;z-index:-1;bottom:0;}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}



/* 新闻快讯 */
.news{font-size:0.938em;}
.news ul{margin-right:-25px;}
.news li{float:left;margin-bottom:25px;padding-right:25px;}
.news li a{display:block;overflow:hidden;border-radius:6px 6px 0 0;}
.news li .bgImg{height:320px;}
.news .txt{border:1px solid #eee;padding:20px 25px;position: relative;z-index:2;background:#fff;min-height:115px;}
.news li .date{color:#f3c456;display:block;font-size:1.067em;}
.news li h4{font-size:1.125em;margin-bottom:10px;color:#f3c456;margin-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.news li p{height:70px;margin-bottom:20px;color:#888;line-height:1.8;}
.news .n1 {width:42%;}
.news .n1 .bgImg{height:460px;}
.news .n1 .txt{background:#f8f8f8;border:none;padding:5%;height:245px;}

.news .n2,.news .n3{width:29%;}
.news .n2 p,.news .n3 p,.news .n2 .more,.news .n3 .more{display:none;}
.news .n2 h4,.news .n3 h4{color:#333;margin-top:10px;}
.news .n4{width:58%;}
.news .n4 a{position: relative;border-radius:0;}
.news .n4 .bgImg{position: absolute;left:0;bottom:0;opacity:0;transform:scale(1.11);}
.news .n4 .txt{height:242px;padding-top:30px;background:none;}
.news li a:hover h4,.news li .more{color:#f3c456;}
.news li a:hover .bgImg{transform:scale(1.08);}
.news .n4 a:hover .bgImg{opacity:.1;}

/*底部 */
.footer{background:#302f2e;font-size:.813em;color:#949493;overflow:hidden;line-height:2;} 
.footMain{padding:50px 0 25px 0;overflow:hidden;padding-right:180px;}
.footMenu_wap{display:none;overflow:hidden;text-align:center;}
.footContact{width:35%;padding-right:3%;}
.footContact .txt{margin-top:25px;font-size:1.077em;color:#b1b1b1;line-height:2.4;}
.footContact .tel{font-size:2.615em;color:#f2be45;background: url('../images/fTel.png') no-repeat left center;padding-left:35px;}
.footMenu{width:56%;overflow:hidden;display: flex;justify-content:space-between;}
.footMenu ul{float:left;overflow:hidden;}
.footMenu ul h4{color:#fff;font-size:1.231em;margin-bottom:10px;position:relative;line-height:1.6;padding-bottom:10px;margin-bottom:15px;}
.footMenu ul h4::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:25px;background:#f2be45;}
.footWx{text-align:center;width:140px;position: absolute;right:0;}
.footWx img{background:#fff;padding:5px;}
.footWx span{display:block;margin-top:8px;}
.footer a{color:#949493;}
.footer a:hover{color:#fff;}

.copyright{padding:20px 0;border-top: 1px solid #3c3b3a;position:relative;z-index:2;}
.copyright::after,.firendlink::after{content:"";position: absolute;top:-1px;background:#3c3b3a;width:200%;left:-50%;height:1px;}
.firendlink{clear: both;padding-top:10px;}
.firendlink span{font-size:14px;color:#fff;}
.firendlink a{margin:0 8px;}


/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;}
.listBanner,.mzsmBanner{height:400px;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;}
.listBanner h3 span{display: block;font-size:20px;opacity: 0.8;}
.breadCrumb{font-size:.875rem;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:#f2be45;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:#f3c456;z-index:-1;width:100%;height:0;transition:all .5s;}
.listMenu a:hover,.listMenu .cur{color:#fff;border-color:#cc9b29;}
.listMenu a:hover::after,.listMenu .cur::after{height:100%;}
.pro_subMenu{text-align:center;font-size:.875rem;margin-bottom:30px;}
.pro_subMenu a{margin:0 10px;border:1px solid #ccc;height:36px;line-height:36px;display:inline-block;padding:0 15px;margin-bottom:5px;}
.pro_subMenu a:hover,.pro_subMenu .cur{background:#f2be45;border:1px solid #f2be45;color:#fff;}

/* 产品列表 */
.proSub{background:#fefcf8;border:1px solid #ddd;border-radius:6px;padding:20px 40px;text-align:center;font-size:1rem;overflow:hidden;margin-top:60px;}
.proSub a{float:left;width:15%; height:40px;line-height:40px;border-radius:5px;margin:5px .8%;}
.proSub a:hover,.proSub .cur{background:#f3c456;color:#fff;}
.proList {margin-right:-30px;}
.proList li{float:left;width:25%;margin-bottom:20px;padding-right:30px;}
.proList li a{display:block;}
.proList li .pImg{padding-top:68%;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;font-size:1.143em;}
.proList li a:hover .pImg{border-color: #f2be45;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#f2be45;}
.searchList li{width:25%;}

/*  产品详情 */
.proShow_box1{margin-bottom:60px;overflow: hidden;}
.gallery{width:48%;position:relative;}
.galleryBig{position:relative;height:500px;background:#fff;border:1px solid #ddd;}
.galleryBig li{height:500px;line-height:500px;text-align:center;}
.galleryBig p{position: absolute;bottom:-40px;left:0;height:40px;line-height:40px;text-align:center;width:100%;background: rgba(0,0,0,.6);color:#fff;transition:all .5s;}
.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 #f2be45;}
.gallery .btn{background:#333;width:35px;height:100px;line-height:100px;text-align:center;color:#fff;top:auto;bottom:0;opacity:.6;left:0;}
.gallery .swiper-button-next{right:0px;left:auto;}
.gallery .btn:hover {opacity:1;}

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

.proShow_main{width:72%;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:#f2be45;}
.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:#f2be45;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 #f2be45;padding-left:20px;line-height:1;color:#333;}

.proShow_r{width:25%;font-size:16px;}
.rightMenu,.relaPro .title{background:#fafafa; border:1px solid  #ddd;}
.proShow_r .title{font-size: 28px; color: #281f20; padding:25px 8%; border-bottom: 1px solid  #ddd;}
.proShow_r .title span{display: block;color:#999;font-size:14px}
.rightMenu ul { padding:4% 8%; }
.rightMenu li{border-bottom: 1px solid #ddd;padding:15px 0;background: url('../images/ly_li.png') no-repeat left center;padding-left:15px;}
.rightMenu li:last-child{border-bottom:none;}

.relaPro{margin-top:40px;}
.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);}

/* 案例列表 */
.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:#f2be45;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:#f2be45;}
.caseList li a:hover img{transform: scale(1.1);}
.caseList li a:hover .txt::after{height:100%;}

/* 案例详情 */
.caseShow{width:72%;border:1px solid #ddd;}
.caseShow .title{text-align:center;background: url('../images/caseShow.jpg') no-repeat center; background-size: cover; font-size:2.571em;color:#f2be45; text-align: center; padding: 50px 20px; border-bottom: 1px solid #f2be45}
.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 #f2be45;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:#f2be45;}
.showTie2{border-top: 1px solid #ddd;}
.caseShow_info{padding:4% 5%;}


/* 服务中心 */
.listTie{font-size:2.5rem;text-align:center;color:#191919;position:relative;margin-bottom:40px;line-height:1.2;}
.listTie span{display: block;font-size:14px;margin-top:8px;}

.serviceBox1 .main {box-shadow: 0px 0 12px #e1e1e1; border-radius:10px; padding:2%;overflow:hidden;}
.serviceBox1 .txt {float:left;width:45%;padding-top:3%;}
.serviceBox1 .txt h4 {font-size:2em;color: #f2be45; position: relative; padding-bottom: 30px; margin-bottom:60px; }
.serviceBox1 .txt h4:before {content: ""; position: absolute; left: 0; bottom: 0; width: 40px; height:2px; background:#666; }
.serviceBox1 ul{display: flex;justify-content: space-between;text-align:center;font-size:1.286em;margin-bottom:50px;}
.serviceBox1 li i{font-style:normal;font-family:"iconfont";font-size:2.4rem;margin-bottom:10px;display:inline-block;}
.serviceBox1 .pic {width:50%;height:500px;}
.serviceBox1 .more{display:inline-block;background:#f2be45;color:#fff;width:160px;height:40px;line-height:40px;text-align:center;}
.serviceBox1 .more i{font-style:normal;margin-left:10px;}
.serviceBox1 .more:hover{background:#cc9b29;}
.supportBox3{background:url('../images/product_bg.jpg') no-repeat center;background-size:cover;}
.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 #f2be45;color:#191919;font-size:1.143em;padding:1.5% 3%;}
.supportBox3 li:nth-child(2n){float:right;}

.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;}
.faq li::after{content:"";position: absolute;left:0;bottom:0;height:6px;background:#f2be45;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:#f2be45;}
.faqList li h4{margin-bottom:20px;}
.faqList li {width:50%;height:auto;}


/* 新闻列表 */
.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:45.5%;height:530px;overflow: hidden;display:block;}
.newsSlide li .txt{width:54.5%;padding:5%;}
.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:#f2be45;width:15px;transition:all 0.4s; }
.newsSlide li h4 a{color: #333;}
.newsSlide li h4 a:hover,.newsList li h3 a:hover{color: #f2be45;}
.newsSlide .slideIcon{position: absolute;bottom:0;right: 0;background:#f2be45; 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:#f2be45;}

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



.picShow_r{width:26%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #f2be45;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:#f2be45;}
.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;}
.showPage a{float:left;width:43%;padding:0 20px;}
.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:#f2be45;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;text-align:center;}
.aboutBox1 .more{display:inline-block;margin-top:50px;width:180px;height:42px;line-height:40px;border:1px solid #ccc;border-radius:21px;letter-spacing:2px;}
.aboutBox1 .more:hover{background:#f2be45;border-color: #a57608;color:#fff;}
.aboutBox1 .pic{margin-top:60px;}

.aboutNum{max-width:1200px;margin:0 auto;background:#fff;padding:30px 5%;box-shadow:0  5px  15px #ddd;border-radius:70px;display:flex;justify-content: space-between;height:120px;margin-top:-60px;z-index:2;position:relative;text-align:left;}
.aboutNum li span{float:left;margin-right:20px;font-size:3.375em;font-weight:700;font-family:Arial;color:#f2be45;line-height:1;}
.aboutNum li p{float:left;}
.aboutNum li b{display:block;color:#f2be45;}

.culture li{float:left;width:33.3%;height:640px;text-align:center;color:#fff;position:relative;}
.culture li .txt{position: absolute;padding:0 10px;bottom:50px;width:100%;transition:all .4s;}
.culture li i{display:inline-block;width:50px;height:50px;margin-bottom:10px;opacity:0;transition:all .4s;}
.culture li h4{font-size:1.625em;font-weight:700;}
.culture li p{margin-top:20px;opacity:0;transition:all .4s;transition-delay:.15s;top:40px;}
.culture li:hover .txt{bottom:80px;}
.culture li:hover i{opacity:1;}
.culture li:hover p{opacity:1;top:0;}

.team{font-size:1em;}
.teamSlide li{float:left;width:33.3%;}
.teamSlide li a{display: block;position: relative;overflow:hidden;}
.teamSlide li p{position: absolute;bottom:0;width:100%;padding:0 5%;color:#fff;height:60px;line-height:50px;}
.teamSlide li .pImg{padding-top:68%;}
.team .swiper-pagination{position: static;margin-top:40px;height:2px;background:#e7e7e7;background:#e7e7e7;}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#f2be45;}
.setting{background:#f5f5f5;overflow: hidden;}

.settingMenu{font-size:1.143em;}
.setting li{float:left;width:20%;padding-right:5px;padding-bottom:5px;}
.setting li .pImg{padding-top:74%;}
.setting li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height:50px;line-height:50px;color:#fff;left:0;bottom:-50px;z-index:2;width:100%;transition:all .3s;text-align:center;}
.setting li.big {width:40%;}
.setting li:hover img{transform: scale(1.1);}
.setting li:hover p{bottom:0;}


/* 图片列表 */
.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: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:#f2be45;}
.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:#f2be45;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: #f2be45;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%;}
.feedback .tarea{width: 100%;height: 120px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback textarea{width: 100%;height: 100%;}
.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:#f2be45;font-size:18px;border-radius:5px;}
.feedback .sub:hover{background:#f2be45;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:#f2be45;color:#fff;font-size:14px;height:40px;line-height:40px;border-radius:20px;width:160px;text-align:center;}
.contactInfo .zx:hover{background:#f3c456;}