@charset "utf-8";





/* 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;}



 



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

}





/* 首页流程 */

.processH{font-size:1em;}

.processH .box{width:48%;height:640px;position:relative;overflow:hidden;}

.processH .bgImg{transition:all .8s;}

.processH .txt{position: absolute;left:9%;top:11%;color:#333;max-width:400px;} 

.processH .txt h4{color:#111;margin-bottom:30px;font-size:2.250em;}

.processH .txt h4 span{display:block;font-size:14px;font-family:Arial;text-transform: uppercase;}

.processH .txt p{min-height:120px;margin-bottom:10px;line-height:1.8;}

.processH .txt a{display:inline-block;width:120px;height:36px;line-height:34px;color:#9f2925;border:1px solid #9f2925;text-align:center;font-size:14px;}

.processH .txt a:hover{background:#9f2925;color:#fff;}

.processH .box:hover .bgImg{transform: scale(1.06);filter: blur(3px);}



/* 产品 */

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

.hTitle span{display:block;font-size:1.6em;color:#000;font-family:Arial;font-weight:700;position:relative;padding-bottom:15px;margin-bottom:15px;}

.hTitle span::after{content:"";position: absolute;left:50%;bottom:0;width:50px;margin-left:-25px;height:2px;background:#9f2925;}

.product{position:relative;overflow:hidden;padding:0;}

.product::after{content:"";position: absolute;left:0;top:0;width:50%;z-index:-1;height:100%;background:url('../images/pro_bg.jpg') no-repeat center;background-size:cover;}

.product .hTitle{text-align:right;margin-bottom:0;}

.product .hTitle span::after{right:0;left:auto;margin-left:0;}

.proL{width:46%;color:#fff;font-size:1.143em;}

.proTxt h3{font-size:1.75em;padding-bottom:20px;margin-bottom:30px;position:relative;}

.proTxt h3 a{color:#fff;}

.proTxt h3::after{content:"";position: absolute;left:0;bottom:0;width:85px;height:2px;background:#fff;}

.proTxt h4{font-size:1.5em;margin-bottom:15px;}

.proTxt p{line-height:1.7;max-width:750px;height:183px;margin-bottom:15px;overflow:hidden; font-size: 15px;}

.proTxt .more{color:#fff;position:relative;}

.proTxt .more i,.newsTop .more i{font-style:normal;padding-left:10px;}

.proTxt .more::after,.newsTop .more::after{content:"";position: absolute;left:0;bottom:-5px;width:100%;height:1px;background:#fff;}

.proTxt .more:hover{padding-left:15px;}



.proSlide{margin-top:60px;overflow:hidden;padding-bottom:60px;}

.proSlide li{float:left;width:33.3%;text-align:center;}

.proSlide li .pImg{padding-top:75%;}

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

.proSlide li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#fff;opacity:0;position: relative;top:0;transition:all .5s;}

.proSlide li:hover p{top:15px;opacity:1;}



.proR{width:50%;overflow:hidden;padding-top:40px;}

.proR li{float:left;width:50%;border:1px solid #ddd;margin-left:-1px;margin-top:-1px;}

.proR li a{display:block;padding:9% 3% 0 9%;position:relative;color:#777;height:300px;}

.proR li h4 {color:#111;font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

.proR li h4 span{display: block;font-size:1.222em;margin-bottom:10px;}

.proR li p{font-size:12px;color:#999;margin-bottom:15px;}

.proR li i{font-style:normal;margin-left:10px;}

.proR li .pic{position: absolute;right:0;bottom:0px;overflow:hidden;width:60%;}

.proR li  img{transition:all .5s;}

.proR li a:hover{color:#9f2925;transition:all.5s;}

.proR li a:hover h4,.proR li a:hover h4 span,.proR li a:hover p{color:#9f2925;transition:alls 5s;}

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



/* 关于我们 */

.about{padding-bottom:0;background: url('../images/about_bg.jpg') no-repeat top center;background-size:cover;}

.aboutMain{max-width:1400px;margin:0 auto;text-align:center;line-height:2;font-size:1.071em;}

.aboutMain .more{color:#9f2925;font-size:13px;margin-top:15px;display:inline-block;}

.aboutMain .more:hover{text-decoration: underline;}

.aboutNum{max-width:1300px;margin:0 auto;display:-webkit-flex;display:flex;justify-content: space-between;padding-top:40px;font-size:0.933em;position: relative;z-index:2;}

.aboutNum li{float:left;color:#fff;background:#9f2925;flex-grow:1;margin:0 1px;padding:40px 0;width:25%;}

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

.video{height:480px;position: relative;margin-top:-80px;position: relative;cursor: pointer}

.video::after{content:"";position:absolute;left:50%;top:50%;background: url('../images/vIcon.png') no-repeat;width:60px;height:60px;z-index:5;background-size:100%;;margin-left:-30px;margin-top:-30px;}

.layer_video{width:80% !important;height:80%;}

.my-video-dimensions{width:100%;height:100%;}

.video .video-js .vjs-big-play-button{left:50%;top:50%;width:80px;height:80px;border-radius:100%;margin-left:-40px;margin-top:-40px;line-height:80px;}

.video .vjs-poster{background-size:cover;}



/* 新闻快讯 */

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

.newsTop{margin-bottom:50px;overflow:hidden;}

.newsTop .hTitle{text-align:left;margin-bottom:0;}

.newsTop .hTitle span::after{left:0;margin-left:0;}

.newsTop .more{color:#999;margin-top:40px;position:relative;}

.newsTop .more::after{background:#999;}

.newsTop .more:hover{color:#9f2925;}



.newsMain{margin-right:-5px;}

.newsMain li{float:left;width:33.3%;padding-right:5px;}

.newsMain li .pImg{padding-top:56%;}

.newsMain li .pImg span{position: absolute;right:0;bottom:0;background:rgba(255,255,255,.5);color:#9f2925;padding:0 15px;font-size:1.143em;height:36px;line-height:36px;transition:all .5s;}

.newsMain .txt{padding:20px 25px;background:#fff;}

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

.newsMain li p{height:40px;margin-bottom:10px;color:#888;}

.newsMain li .date{display:block;}

.newsMain li .date i{float:right;font-style:normal;color:#aaa;}

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

.newsMain li a:hover .pImg span{background:#9f2925;color:#fff;}

.newsMain li a:hover{box-shadow:0 3px 10px #ddd;}





/*内页公用 */

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

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

.listBanner h3{position:absolute;color:#fff;top:50%;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:#9f2925;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:#9f2925;z-index:-1;width:100%;height:0;transition:all .5s;}

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

.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:#9f2925;z-index:-1;transition:all .5s;}

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





/* 产品列表 */

.proWrap .proSider{float:left;}

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

.proSider .title{background:#9f2925;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:#9f2925;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:#9f2925;transition:all 0.3s;}

.proSide_sub li a:hover,.proSide_sub li .cur{color:#9f2925;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:#9f2925; }



.relaPro{margin-top:25px;}

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

.relaPro li .pImg{padding-top:80%;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;line-height: inherit;}

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



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

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

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

.proList li a{display:block;}

.proList li .pImg{padding-top:80%;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: #9f2925;}

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

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

.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;z-index:2;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;transition: all .4s ease-in-out;}

.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 .swiper-slide-thumb-active::after{border:2px solid #9f2925;}

.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:#9f2925;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:76%;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:#9f2925;}

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

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











/* 案例列表 */

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

.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:#9f2925; text-align: center; padding: 50px 20px; border-bottom: 1px solid #9f2925}

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

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

.listTieW{color:#fff;}

.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: #9f2925; 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:#9f2925;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:#3a3a3a;}



.supportBox2{background:url('../images/zs.jpg') no-repeat center;background-size:cover;font-size:1em;padding:100px 0;}

.supportBox2 li{float:left;width:23%;background:rgba(255, 255, 255, .8);text-align:center;padding:70px 3%;border-radius:10px;margin:0 1%;color:#333;transition:all .5s; line-height: 28px;}

.supportBox2 li i{display:inline-block;width:73px;height:73px;margin-bottom:15px;transition:all .5s;top:0;position:relative;}

.supportBox2 li span{display: block;font-size:1.75em;padding-bottom:15px;margin-bottom:15px;color:#9f2925;position: relative;}

.supportBox2 li span::after{content:"";position: absolute;left:50%;width:30px;height:2px;background:#9f2925;bottom:0;margin-left:-15px;}

.supportBox2 li:hover{background:#fff;}

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



.support3{font-size:1em;}

.support3 .box{float:left; background:#f5f5f5;width:50%;padding:3%;}

.support3 .box .tie{font-size:1.286em;text-align:center;color:#191919;margin-bottom:20px;padding-bottom:10px;position: relative;}

.support3 .box .tie::after{content:"";position: absolute;left:50%;width:80px;height:2px;background:#e5e5e5;bottom:0;margin-left:-40px;transition:all .3s;}

.support3 .box i{font-family:"iconfont";display: block;font-style:normal;font-size:4rem;line-height:1;margin-bottom:10px;}

.support3 .box:hover .tie::after{background:#9f2925;}

.support3 .box2{background:#f9f9f9;}

.support3 .main{height:400px;overflow:hidden;position:relative;}

.support3 li{border-bottom: 1px solid #e5e5e5;position:relative;height:100px;} 

.support3 li a{display:block;padding:15px 0;padding-left:100px;overflow:hidden;position: relative;}

.support3 li .pic{float:left; height:70px;width:70px;margin-left:-100px;background-size:100%;}

.support3 li p{position: absolute;top:50%;transform:translateY(-50%);}

.support3 li a{padding-left:100px;}

.support3 li a:hover{color:#9f2925;}



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

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

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



/* 下载中心 */

.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:#9f2925;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: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:#9f2925;width:15px;transition:all 0.4s; }

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

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

.newsSlide div.slideIcon{position: absolute;bottom:0;right: 0;background:#9f2925; 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:#9f2925;}



/* 新闻详情 */

.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:"\e8b8";font-family:"iconfont";position:absolute;left:0;top:-1px;bottom: 0;margin: auto;height: fit-content;font-size: 18px;}

.showTie .txt .s:before{content:"\e8bf";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; line-height: 26px; font-size: 15px;}

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

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

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

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

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

.aboutTie_grop h5{font-size:1em;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:460px;overflow-y:auto;font-size:.938em;}

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



.culture{background:#262626;margin-top:-90px;font-size:1em;line-height:1.8;padding-bottom:40px;}

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

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

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

.culture li i{display:inline-block;width:60px;height:60px;background:#9f2925;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;}


.partnerList{background:#f6f9fe;}
.history{background:#f6f9fe;padding-top:190px;font-size:1em;}

.history{margin-top:-120px;}

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

.historyMain{margin-bottom:40px;}

.historyMain li{text-align:center;position:relative;padding:90px 0;z-index:2;}

.historyMain li i{font-size:20em;font-style:normal;font-family:Arial;font-weight:700;opacity:.1;position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);z-index:-1;}

.historyMain li .txt{background:rgba(255,255,255,.8);display:inline-block;padding:30px;text-align:left;min-width:500px;box-shadow:0 3px 10px #eee;}

.historyMain li .info p{margin-bottom:10px;}

.historyMain li .tie{font-size:2em;color:#111;margin-bottom:15px;}



.historyMenu{position:relative;font-size:1.429em;overflow:hidden;color:#333;padding-top:65px;}

.historyMenu:after{content:"";position:absolute;left:-50%;top:68px;width:200%;height:1px;background:#ddd;}

.historyMenu li{float:left;position:relative;text-align:center;width:12.5%;font-family:Arial;cursor:pointer;padding-top:30px; transition:all .3s;}

.historyMenu li:after{content: "";position:absolute;left:50%;top:0;width:12px;height:12px;border-radius:100%;margin-left:-5px;border:2px solid #ccc;background:#f6f9fe;}

.historyMenu li span{position: relative;top:0;transition:all .5s;}

.historyMenu .swiper-slide-thumb-active:after{background:#9f2925;box-shadow:0 0 0 2px #fff inset;border:2px solid #9f2925;bottom:-3px}

.historyMenu .swiper-slide-thumb-active{color:#9f2925;font-size:1.8em;}

.historyMenu .swiper-slide-thumb-active span{top:-80px;}



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

.team li{float:left;width:25%;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:#fff;height:70px;line-height:70px;margin-top:-35px;position: absolute;left:50%;transform: translate(-50%);color:#9f2925;transition:all .5s;}

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

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





.honor{background: url('../images/honor_bg.jpg') no-repeat center;background-size:cover;position: relative;padding-bottom:130px;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:20%;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:140%;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:60%;}

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

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

.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:#9f2925;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: #9f2925;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:5%;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;border:none;background: none;}

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

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

.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:#9f2925;font-size:18px;border-radius:5px;border:none}

.feedback .sub:hover{background:#9f2925;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:#9f2925;color:#fff;font-size:14px;height:40px;line-height:40px;border-radius:20px;width:160px;text-align:center;}

.contactInfo .zx:hover{background:#9f2925;}








@media all and (max-width:1800px) {
  .listBanner h3{left:30px;transform:translate(0);}
}
@media all and (max-width:1620px) {
  .pd60,.listWrap{overflow:hidden;}
  .about{font-size:.875em;overflow: hidden;}
  

}



@media all and (max-width:1440px) {
  .processH .box{width:49%;height:540px;}
  .proL{font-size:1em;}
  .proR li a{height:280px;}
  .proR li h4{font-size:1.143em;}
  .proSider,.proList_r{font-size:1em;}
  .proSide_sub li a{height:62px;line-height:62px;}
  .aboutBox1{font-size:.875em;}
  .aboutBox1 .pic{height:540px;}
  .culture{margin-top:-70px;}
  .culture li h4{font-size:1.8em;}
  .aboutTie_grop p{font-size:14px;padding-top:15px;}
}

@media all and (max-width:1260px) {
  .listBanner{height:320px;}
  .listBanner h3{left:15px;font-size:2.5rem;}
  .proSub a{width:18%;margin:5px 1%}
  .listMenu,.aboutMenu{font-size:1rem;}
  .listMenu a{margin:0 20px;}
  .proList li{font-size:1em;}
  .gallerySmall li{width:25%;}
  .proShow_r{font-size:14px;}
  .proShow_r .title{font-size:24px;}
  .proList,.picList ul,.caseList ul{margin-right:-15px;}
  .proList li,.picList li,.caseList li{padding-right:15px;width:33.3%;}
  .serviceBox1{font-size:.75rem;}
  .newsSlide li .pic,.aboutBox1 .pic{height:480px;}
  .aboutTie_grop,.aTie{font-size:1em;}
  .aboutBox1,.culture{padding-bottom:60px;}
  .culture,.history{margin-top:0;}
  .history{padding-top:60px;}
  .team li{margin-bottom:20px;}
  .team li p{position: static;transform: translate(0);margin-top:0;height:auto;line-height:100%;margin-top:15px;}

  .contactBox1 ul{padding:5% 3%;}
}


@media all and (max-width:1024px) {
  .navTrigger,.wapTel,.wapLang,.footMenu_wap,.relative_pro li:nth-child(4),.proSider .title i, .banner .small,.wapLang{display:block;}
  .nav_on{opacity:1;transform: translateX(0);}
  .headR,.nav,.gr_kefu,.footMenu,.footR h3,.firendlink,.banner .big,.breadCrumb,.product::after,.picShow_r,.bshare-custom,.feedbackL,.searFont,.proShow_R .wx,.pro_bread,.proWrap::after,.proSider .title span,.proSide_sub,.relaCase,.relaPro,.menuBox::after,.menuBox p,.aboutBox2 .bgImg,.profileL,.proShow_r,.serviceMain::after,.serviceMain .tie,.downL .tel{display:none;}
  .footR,.searMain,.proL,.proR,.aboutPic,.aboutTxt,.faq,.newsR,.newsL,.gallery,.proSider,.proL,.proMain,.proList_r,.aboutL,.aboutR,.listR,.proShow_R,.picShow_l,#dituContent,.proShow_con,.aboutTop .font,.listMenu,.proShow_main ,.aboutBox1 .right,.aboutBox1 .left,.feedbackR,.courseL,.courseR,.lead .pic,.lead .font,.jobBox1 .bgImg,.jobBox1 .font,.newsList,.downL,.downR,.contactR,.caseShow{float:none;width:100%;}
  .pd60,.listWrap{padding-top:40px;padding-bottom:40px;overflow: hidden;}
  .processH .box{height:420px;}
  .processH .txt{left:6%;top:6%;}
  .processH .txt p{min-height:90px;}
  .hTitle{float:none;text-align:center !important;margin-bottom:30px !important;font-size:1.5rem;}
  .product .hTitle,.newsTop .more{display:none;}
  .product,.product .container{padding:0;}
  .proSlide {padding-bottom:0;margin-top:30px;}
  .proSlide li p{opacity:1;margin-top:15px;}
  .proL{background:url('../images/pro_bg.jpg') no-repeat center;background-size:cover;padding:25px;}
  .proR{padding-top:0;padding-left:3px;}
  .proTxt p{height:auto;}
  .about{padding-bottom:0;}
  .video{margin-top:20px;}
  .newsTop{margin-bottom:0;}
  .newsTop .hTitle span::after{left:50%;margin-left:-25px;}
  .newsMain li{width:100%;margin-bottom:10px;float:none;}

  .listBanner{height:300px;text-align:center;}
  .listBanner h3{left:0;}
  .aboutMenu{height:auto;line-height:100%;padding:0;}
  .listMenu,.aboutMenu{display: flex;flex-flow:row wrap;justify-content: space-between;overflow: hidden;padding-top:1px;padding-left:1px;background:#fefcf8;margin-top:0;line-height:45px;}
  .listMenu a,.aboutMenu a{flex-grow:1;border:1px solid #ddd;margin:0;margin-left:-1px;margin-top:-1px;padding:0 20px;border-radius:0;width:auto;min-width:auto;color:#333;}
  .listMenu .cur,.aboutMenu .cur{background:#9f2925;color:#fff;}
 
  .proSider{margin-bottom:25px;}
  .proSider .title{background:none;height:52px;line-height:50px;border-bottom: 1px solid #ddd;border-top: 1px solid #ddd;color:#191919;font-size:18px;text-align:left;padding:0;}
  .proSide_sub{background:#f5f5f5;}
  .proSide_sub li a{height:45px;line-height:45px;}
  .proList{margin-right:-10px;}
  .proList li{margin-bottom:10px;padding-right:10px;width:33.3%;}
  .proMain li .pImg::after, .proList li .pImg::after{display:none;}
  .gallerySmall{display:none;}
  .gallery .btn{bottom:auto;top:50%;height:40px;line-height:40px;}
  .proShow_R{height:auto;}
  .proShow_R .font,.proShow_main .info,.contactInfo .txt{min-height:auto;}
  .proShow_font .tel{padding-top:10px;padding-bottom:10px;}
  .proShow_R .btn a{float:left;margin-right:20px;}
  .proShow .proSider{display:none;}
  .serviceBox1 .main{box-shadow:none;padding-top:0;}
  .serviceBox1 .txt,.serviceBox1 .pic,.supportBox3 li,.supportBox3 li:nth-child(2n){float:none;width:100%;}
  .serviceBox1 .txt{border:1px solid #ddd;padding:3%;}
  .serviceBox1 .pic{height:500px;}
  .supportBox2 li{width:48%;margin-bottom:20px;}
  .support3 .box{float:none;width:100%;}
  .faq li{width:50%;}
  .newsSlide .slideIcon{height:60px;line-height:60px;}
  .newsSlide li .pic{height:380px;}
  .newsSlide{padding-bottom:0;}
  .newsList li a{padding:4%;}
  .newsList li {width:50%;padding-right:20px;}
  .aboutTie_grop{margin-bottom:25px;text-align:center;}
  .aboutBox1 .info{font-size:14px;margin-bottom:20px;}
  .aboutBox1 .info,.aboutBox1 .pic{float:none;width:100%;}
  .aboutNum2{position: static;width:100%;margin-bottom:20px;}
  .aboutBox1 .pic{height:420px;}
  .aboutBox1 .info{max-height:100%;}
  .culture li{width:48%;margin-bottom:20px;height:360px;box-shadow:none;}
  .aboutTie_grop .aTie{float:none;}
  .aboutTie_grop p{display:none;}
  .historyMain{margin-bottom:20px;}
  .historyMain li{padding:60px 0;}
  .historyMain li i{font-size:18em;}
  .honor{padding-bottom:50px;}
  .honor .btn{display:inline-block;position: static;margin-top:40px;position: relative;z-index:2;left:0;width:50px;height:26px;line-height:26px;background:#333;color:#fff;font-size:16px;}

  .contactBox1 ul{flex-flow:row wrap;}
  .contactBox1 li{margin-bottom:15px;}
  .contactInfo,.feedback{float:none;width:100%;}
  .contactBox2 {margin-top:0;}
  .layer_video{width:96% !important;height:60%;}
  #dituContent{height:420px;}

}

@media all and (max-width:920px) {
  .caseInfo .btn{left:10px;z-index:3;}
  .caseInfo .arrRight{left:auto;right:10px;}
  .caseList li{width:50%;}
}

@media all and (max-width:768px) {
  .processH .box{width:100%;float:none;margin-bottom:20px;}
  .processH .box,.aboutBox1 .pic{height:380px;}
  .processH .box.fr{margin-bottom:0;}
  .aboutNum li{padding:20px 0;}
  .video{height:420px;}
  .listBanner,.aboutPic,.oddsMain li .pic{height:300px;}
  .listBanner h3{font-size:2rem;top:42%;font-weight:normal;}
  .listBanner h3 span{display:none;}
  .listMenu,.aboutMenu{font-size:.875rem;}
  .proList li{width:50%;}
  .proList li p{height:40px;line-height:40px;}
  .galleryBig{height:auto;;}
  .galleryBig li{height:100%;line-height:100%;}
  .caseShow .title{padding:20px;}
  .picSlide-thumbs li{width:25%;padding-top:15%;}
  .listTie{margin-bottom:30px;font-size:2rem;}
  .listTie span{font-size:12px;}
  .serviceBox1 .pic{height:400px;}
  .newsSlide .slideIcon{width:100%;position: relative;text-align:center;}
  .partnerList li{width:20%;}
  .feedback h4,.feedback h3,.showPage a,.showPage a:nth-child(2),.faqList li,.faqList li:nth-child(2n){float:none;width:100%;}
  .feedback h3,.feedback .top{margin-bottom:20px;}
  .proSear{width:100%;}
  .showPage a,.showPage a:nth-child(2),.newsRelative{float:none;width:100%;}
  .showPage{height:auto;line-height:1.4}
  .showPage a{margin-top:15px;}
  .showPage a,.showPage a:nth-child(2){display:block;}
  .showPage a:nth-child(3){border:none;border-top: 1px solid #ddd;width:100%;margin-top:10px;line-height:40px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}
}

@media all and (max-width:640px) {
  .processH .txt{padding:8%;left:0;top:0;max-width:100%;background:rgba(255,255,255,.4);height:100%;}
  .proR li h4{font-size:1em;}
  .proR li a{padding:10px;height:230px;}
  .proL{padding:15px;}
  .proTxt h3{font-size:1.5em;padding-bottom:15px;margin-bottom:20px;}
  .proTxt h4{font-size:1.286em;}
  .hTitle{font-size:1.286rem;}
  .aboutNum{flex-flow:row wrap;padding-top:30px;}
  .aboutNum li{width:48%;margin-bottom:2px;}
  .video{height:360px;}
  .listBanner{height:280px;}
  .listBanner h3{font-size:1.8rem;}
  .listMenu a,.aboutMenu a{padding:0 10px;line-height:42px;height:42px;}
  .proShow_R .title{font-size:1.8em;}
  .proShow_R .tel{padding-left:0;background:none;}
  .proShow_R .btn{margin-top:20px;}
  .proShow_R .btn a{width:48%;margin:0;height:40px;line-height:40px;}
  .proShow_R .btn a:nth-child(2){float:right;}
  .gallery .btn{width:24px;}
  .caseList li .more{display:none;}
  .caseList li .txt{height:auto;}
  .caseList li h4{margin-bottom:0;text-align:center;font-size:1em;}
  .picList ul,.caseList ul{margin-right:-10px;}
  .picList li p{margin-top: 10px;}
  .picList li,.caseList li{padding-right:10px;margin-bottom:15px;width:50%;font-size:13px;}
  .proShow_main .title, .showTie2{height:60px;line-height:60px;}
  .proShow_main .tie{margin:15px 0;}
  .caseShow .title{padding:10px;font-size:2em;}
  .serviceBox1 .pic{height:300px;}
  .serviceBox1 .txt h4{margin-bottom:40px;}
  .serviceBox1 li i{font-size:2rem;}
  .serviceBox1 ul{margin-bottom:30px;}
  .faq li .txt,.faq li{height:auto;}
  .faq li{padding:20px 15px;}
  .faq li .txt{margin-bottom:30px;}
  .faq li h4{font-weight:normal;font-size:1.286em;}
  .newsSlide li .pic{height:320px;}
  .newsSlide li .pic,.newsSlide li .txt{float:none;width:100%;}
  .newsList li{float:none;width:100%;}
  .supportBox2 li{padding:30px 2%;}
  .supportBox2 li i{height:50px;width:50px;background-size:100%;margin-bottom:10px;}
  .supportBox2 li span{font-size:1.286em;padding-bottom:10px;margin-bottom:10px;}
  .support3 .main,.aboutBox1 .pic{height:300px}
  .support3 li a{padding:10px 0; padding-left:70px;}
  .support3 li .pic{height:50px;width:50px;background-size:100%;margin-left:-70px;}
  .support3 .box i{font-size:3rem;}
  .aboutBox1 .info{font-size:13px;}
  .culture li{padding:30px 2%;height:320px;}
  .historyMenu{font-size:1.286em;}
  .historyMenu li{padding-top:25px;}
  .historyMenu .on span{top:-80px;}
  .historyMain li{padding:10px 0;}
  .historyMain li i{display:none;}
  .historyMain li .txt{width:100%;display:block;}
  .team ul{margin-right:-10px;}
  .team li{width:50%;padding-right:10px;}


  .contactInfo .ewm,.contactInfo .zx{width:140px;}
  .contactInfo .ewm{margin-right:40px;}
  .contactInfo .ewm::after{right:-20px;}
  .feedback p,.feedback .sub{width:100%;}
  .feedback .code .c{width: 60%;}
  .feedback .code .sub{margin-top: 10px;float:none;width:100%;height:50px;line-height:50px;}
  .feedback p{height:50px;line-height:50px;}
  .feedback .tarea{height:100px;}
  #dituContent{height:300px;}
  .pagination .a1_page,.pagination .first_page,.pagination .Last_page{display:none;}

}

@media all and (max-width:480px) {
  .processH .box{height:320px;}
  .processH .txt p{min-height:auto;margin-bottom:40px;}
  .processH .txt h4{font-size:2em;margin-bottom:20px;}
  .processH .txt h4 span{font-size:12px;}
  .footMenu{font-size:13px;}
  .proR li a{height:auto;padding:0;}
  .proR  .more,.proR li h4 span,.proR li p{display:none;}
  .proR li h4{font-size:13px;text-align:center;padding:10px;}
  .proR li .pic{position:relative;padding-top:76%;display:block;overflow:hidden;width:100%;}
  .proR li .pic img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
  .aboutNum li{padding:10px 0;}
  .video,.aboutBox1 .pic{height:240px;}
  .video .video-js .vjs-big-play-button{width:50px;height:50px;margin-left:-25px;margin-top:-25px;line-height:50px;}
  .hTitle{font-size:1.143rem;margin-bottom:25px !important;}
  .listBanner{height:180px;}
  .aboutPic,.newsSlide li .pic,.newsPic li a{height:220px;}
  .proList li p{font-size:12px;}
  .serviceBox1 li i{font-size:1.8rem;}
  .serviceBox1 li{font-size:13px;}
  .faq li{width:100%;}
  .listTie{font-size:1.8rem;}
  .aboutNum2 li b{font-size:3.4em;}
  .culture li{width:100%;height:auto;padding:20px 15px;}
  .culture li i{margin-bottom:30px;}
  .partnerList li{width:33.3%;}
  .contactBox1 li:before{font-size:30px;}
  .contactBox1 li{padding-left:45px;width:100%;}
}
@media all and (max-width:380px) {
  .processH .box{height:280px;}
  .aboutBox1 .pic{height:200px;}

}

@media all and (max-width:340px) {

}


/* 解决方案 */
@media all and (max-width:1260px) {
  .solutionSlide li,.solutionFont{height:460px;}
}  
@media all and (max-width:1024px) {
  .solutionIndex li,.solutionIndex li .pic,.solutionIndex li .txt{height:420px;}
  .solutionIndex li h4{font-size:2em;}
  .relativeS ul{margin-right:-15px;}
  .relativeS li{padding-right:15px;width:33.3%;}
}  
@media all and (max-width:768px) {
  .solutionIndex li,.solutionIndex li .pic,.solutionIndex li .txt,.solutionFont{height:auto;}
  .solutionIndex li .pic{height:380px;}
  .solutionIndex li .pic,.solutionIndex li .txt,.showPage a,.showPage a:nth-child(2),.solutionSlide,.solutionFont{float:none;width:100%;}
  .solutionIndex li .txt .info{min-height:auto;}
  .relativeS li{width:50%;}
  .relativeS li{margin-bottom:15px;}
  .relativeS li p{height:40px;line-height:40px;}
} 
@media all and (max-width:640px) {
  .solutionSlide{height:380px;}
}
@media all and (max-width:480px) {
  .solutionIndex li .more{height:40px;line-height:40px;width:100%;}
  .solutionIndex li .pic{height:200px;}
  .solutionSlide{height:220px;}
}