/**
深圳市恒一信息技术有限公司
http://szhengyi.net
**/
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%;}*/
img{vertical-align:middle;  } 
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:#565656;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;} */
body{color:#565656;line-height:1.5;font-family: PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;min-width:320px;}
a{color:#565656;text-decoration:none;transition:all ease 0.3s;}
a:hover{color:rgba(24, 172, 9, 1);}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.header .container{max-width: 1330px;}
.container{position:relative;min-width:320px;width:100%;    max-width: 1200px;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%;}
.pd70{padding:70px 0;font-size:.875em;overflow:hidden;    clear: both;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('/template/default/t/font_1152918_9ee6ghp2xv.eot');
  src: url('/template/default/t/font_1152918_9ee6ghp2xv.eot') format('embedded-opentype'),
  url('../font/font_1152918_9ee6ghp2xv.woff2') format('woff2'),
  url('../font/font_1152918_9ee6ghp2xv.woff') format('woff'),
  url('/template/default/t/font_1152918_9ee6ghp2xv.ttf') format('truetype'),
  url('../font/font_1152918_9ee6ghp2xv.svg') 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{position: relative;width:100%;z-index:99;left:0;top:0;  position: fixed;  height: 120px;
  line-height:80px;background-color: #fff;}
.header .logo{position:absolute;left:0;top:0;} 
.header .logo img{} 
.t{
  display: block;
}
.t.opaque {
  padding-top: 0px;
}

.nav {padding: 0 80px 0 290px;height:90px;display:flex;justify-content: space-between;}
.nav .m{float:left;text-align:center;position:relative;width:14.5%;padding-right:1px;}
.nav .m>a{color: #333;
  display:block;position:relative;}
.nav .m>a::after{content:"";position: absolute;left:0;top:0;width:100%;height:0;transition:all .3s;z-index:1;}
.nav .cur>a,.nav .m>a:hover{color:rgba(24, 172, 9, 1);opacity: 1;}
.nav .cur>a::after,.nav .m>a:hover::after{height:100%;z-index:-1;}
.nav .navSub{position:absolute;top:120%;background:#eee;line-height:35px;width:100%;color:#333;font-size:.875rem;transform: scale(0) ;transition:top .5s,opacity 0.4s;opacity:0;}
.nav .navSub::before{content:"";position:absolute;right:50%;border:8px solid transparent;border-bottom-color:#f1f1f1;margin-right:-8px;top:-14px;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:40px;    position: relative;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:rgba(24, 172, 9, 1);color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.headFix{    height: 120px;
  line-height: 80px;box-shadow:1px 1px 5px #ddd;position: fixed;}
.headFix .nav{height:90px;}

ul.subnavigationlist1{    top: 0;
  position: absolute;
  left: 123px;
  width: 160px;display: none;
  background: #eee;}
  ul.subnavigationlist2{    top: 0;
    position: absolute;
    left: 160px;
    width: 160px;display: none;
    background: #eee;}
  .top{
    width: 100%;background: #3e4348;height: 40px;
  }
  header .header-top{
    
    max-width: 1330px;margin: 0 auto;
}

header .header h1{
    width: 24%;
    white-space: nowrap
}
header .header h1 img{
  width: 75%;
    height: auto;
}
header .header p{
    /* padding-top: 8px; */
}
header .header-top a{
    color: #949697;
    font-size: 14px;
    padding: 0 15px;
    cursor: pointer;
}
header .header-top a:hover{
    color: #fff
}

header .header-top p{
    color: #949697;
    font-size: 14px;
    line-height: 40px;
}
/* 留言 */
.vimgview {
  position: fixed;
  left: 50%;
  top: 30%;
  width: 500px;
  margin-left: -250px;
  z-index: 999;

}
.vimgview  .forem{
  width: 500px;
  box-sizing: border-box;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  margin: 0 auto;
  padding: 30px;
  display: none
}
.vimgview  .forem  p{
  text-align: center;
  font-size: 14px;
}
.vimgview  .forem h6{
  text-align: center;
  font-size: 20px;
  color: #111;
}
.vimgview  .forem .inp{
  border: 1px solid #e1e1e1;
  border-radius: 5px;
  font-size: 16px;
  box-sizing: border-box;
  display: block;
  padding: 10px 12px;
  width: 100%;
  margin-top: 20px;
}
.vimgview  .forem  .formbtn{
   margin-top: 20px;
}
.vimgview  .forem  .formbtn input{
   width: 45%;
   margin-right: 10%;
   background: rgba(24, 172, 9, 1);
   color: #fff;
   font-size: 16px;
   line-height: 40px;
   height: 40px;
   border-radius: 5px;
   text-align: center;
   cursor: pointer;
   display: block;
}
.vimgview  .forem  .formbtn input:hover{
  background: rgba(24, 172, 9, 1);
}
.vimgview  .forem  .formbtn input:last-of-type{
   margin-right: 0;
}


/* 头部右侧 */
.headR{position:absolute;right:0;top:30px;line-height:30px;}
.headR .sIcon{position: relative;width:20px;height:30px;background: url('../image/topIcon.png') no-repeat left 2px;float:left;margin-right:30px;}
.headR .tel{float:left; background: url('../image/topIcon.png') no-repeat left -24px;color: #d6000f;    font-weight: bold;padding-left:30px;font-size:1.375em;}

/* 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('../image/sIcon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#000;}

/*  导航按钮 */
.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:rgba(24, 172, 9, 1);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);}

/* 广告轮播图 */
.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:12px;height:12px;border:1px solid #fff;}
.banner .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.banner .swiper-button-white::after{content: "";position: absolute;left: -100px;width: 60px;height: 2px;background: #fff;top:50%;margin-top: -1px;opacity: 0;transition: all .3s;}
.banner .swiper-button-next::after{left: auto; right: 100px;}
.banner .swiper-button-white:hover::after{opacity: 1;left: 3px;}
.banner .swiper-button-next:hover::after{left: auto;right: 0;}

/* 我们的产品 */
.yunu-showcase {padding: 20px;margin-bottom: 40px;border: 1px solid #ddd;}
.yunu-showcase-info {float: right;width: 50%;}
.yunu-showcase-info h1 {  margin: 20px 0 15px;    text-indent: 2em;font-size: 24px;line-height: 40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.yunu-showcase-info .parameter{font-size:14px;line-height:36px; height:36px; width: 100%; overflow: hidden;}
.yunu-showcase-info p {margin: 0;color: #666;   
  line-height: 30px;
  padding: 0 20px;
  font-size: 15px;}
.yunu-showcase-info .tel {border-top: 2px solid #e6e6e6;margin-top: 15px;padding-top: 15px;background: url(../image/pc-xc-icon2.png) no-repeat 2em  15px;height: 60px;padding-left: 100px;    padding-right: 2em;line-height: 21px;font-size: 18px;}
.yunu-showcase-info .tel a {float: right;line-height: 42px;padding: 0 15px;background-color: #dc2821;color: #fff;}

.pc-slide{width: 50%;float:left;}
.view{    border-bottom: 1px solid #ddd;
  border-right: 1px solid #ddd;
  }
.view .swiper-slide .imgauto{width:100%;height:350px;line-height:350px;    text-align: center;margin: 20px 0;}
.view .swiper-container{width:100%;}
.preview{width:100%;margin-top:10px;position:relative;}
.preview .swiper-container{width:80%;    margin: 3% 10%;}
.preview .swiper-slide{width:30.33%;padding:5px;}
.preview .swiper-slide .imgauto{width:100%;height:82px;line-height:78px;border:1px solid #ddd;text-align:center;}
.preview .swiper-slide .imgauto img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.preview .slide6{width:82px;}
.preview .arrow-left{background:url(../image/feel3.png) no-repeat left top;position:absolute;left:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .arrow-right{background:url(../image/feel4.png) no-repeat left bottom;position:absolute;right:10px;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10;}
.preview .active-nav .imgauto{border:1px solid rgba(24, 172, 9, 1);}

div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}
div.zoomMask{position:absolute;background:url(/template/default/themes/Home/default/Public/images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}
.yunu-showcase-info .tel b {
  font-size: 30px;    line-height: 41px;
}
.product,.odds,.about{overflow: hidden;background: #fff;}
.hTitle{font-size:1rem;margin-bottom:40px;position: relative;}
.hTitle span{display: block;    font-size: 2em;font-weight:bold;color:#191919;}
.proMenu{text-align:center;font-size:1.286em;margin-bottom:40px;}
.proMenu a{display:inline-block;position:relative;padding:0 25px;margin:0 5px;height:45px;line-height:45px;color:#fff;z-index:2;}
.proMenu a::after{content:"";position:absolute;left:0;top:0;background:#3f3f3f;width:100%;height:100%;z-index:-1;transform: skewX(-15deg);}
.proMenu .on{color:#fff;}
.proMenu .on::after{background:rgba(24, 172, 9, 1);}
.proMain{margin-right:-20px;}
.proMain li{float:left;width:25%;padding-right:20px;font-size:1.143em;margin-bottom:15px;}
.proMain li a{display:block;overflow:hidden;}
.proMain li .pImg{padding-top:76%;border:1px solid #ddd;}
.proMain li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid rgba(24, 172, 9, 1);transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.proMain li h4{padding:15px 0;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;line-height:30px;}
.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4,.proMain li a:hover i{color:rgba(24, 172, 9, 1);}
.proMain li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:.4;}

.index-product-content { max-width: 1224px;;
  overflow: hidden;
  margin: 0 auto;
  position: relative;
}
.index-product-content .hdbox{ float:left;     width: 20%;position:relative; border: 1px solid rgba(24, 172, 9, 1);}
.index-product-content .bdbox{ float: right;   margin-top: 30px;
  width: 78%;margin-left:20px;overflow:hidden;position:relative;}
.index-product-content .tempWrap{width:100% !important; position:relative;}
.mess{   padding: 25px 12px;
  color: #fff;
  background: rgba(24, 172, 9, 1);
  text-align: center;}
.mess h3{    padding-top: 20px;
  padding-bottom: 20px;font-weight: bold;
  font-size: 18px;}
.mess p{padding: 5px 0;
  font-size: 22px;}
  .mess p.kefu_phone{
    font-size: 28px;
  } .hdbox .hover-t {
    line-height: 80px;
    text-align: center;
    text-indent: 13px;
    font-size: 25px;
    background: rgba(24, 172, 9, 1);
  }
 
  .hdbox .hover-t a {
    color: #fff;
    line-height: none;
    line-height: 40px;
  }
 
  .hdbox h3 {
    background: #ddd;
    margin: 0 auto;
    margin-bottom: 20px;
    margin-top: 20px;
    width: 85%;
    text-indent: 25px;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    background: url(../image/p14-icon5.png) no-repeat right center #ddd;
    display: block;
  }

  .hdbox h3.on {
    border-top: 1px solid #fff;
  }
 
  .hdbox h3.on,
  .hdbox h3:hover {
    color: #fff;
    line-height: none;
    background: url(../image/p14-icon2.png) no-repeat right center rgba(24, 172, 9, 1);
  }
  .hdbox h3:hover a{color: #fff;}
  .hdbox h3.on a {
    color: #fff;
  }
 
  .hdbox .yunu-column {
    overflow: hidden;
 
  }
  .yunu-column li {line-height: 50px;border-bottom: 1px solid #fff;width: 85%; margin: 0 auto;}
  .yunu-column li a {display: block;padding: 0 40px;background-color: #ECECEC;}
  .yunu-column li i{font-size: 16px;margin-right: 2em;    margin-right: 0.3em;}
  .hdbox ul{display: none;}
  .hdbox h3.on
  .hdbox h2 {
    background-color: rgba(24, 172, 9, 1);
    margin-bottom: 12px;
    height: 82px;
    text-align: center;
  }
 
  .hdbox span {
    display: block;
    padding-top: 21px;
    color: #fff;
    font-size: 22px;
    line-height: 27px;
    font-family: "Microsoft Yahei";
  }
.hdbox em {
  display: block;
  color: rgba(255, 255, 255, .6);
  font-family: "Impact";
  font-size: 22px;font-style: normal;
  text-transform: uppercase;
  margin-top: -5px;
}
.hover-t .fa{color: #fff;   padding-right: 5px;}
.dex-class1 li:last-child{border-bottom: none;}
.bdbox .slideBox{padding:10px; overflow:hidden;}
.bdbox ul{overflow:hidden; zoom:1; width:100%;  float:left; _display:inline;}
.bdbox ul li{float:left;    width: 31.999999%;  margin-right: 2%; _display:inline; overflow:hidden; text-align:center;  }
.bdbox ul li:nth-child(3n){margin-right: 0 ;}
.bdbox ul li .pic{ text-align:center; width:100%; height:auto;background-color:#FFF;border:1px solid #e2e3ea; overflow:hidden;}
.bdbox ul li .pic img{  width:100%; display:block;    height: 225px;}
.bdbox ul li .pic a:hover img{ border-color:#999;  }
.bdbox ul li .title{    line-height: 45px; font-size: 16px;text-align:center; }  
#nav1.on a{ font-size:18px; color:rgba(24, 172, 9, 1); line-height:none; }
.bdbox ul li .pic img {
    -webkit-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
}
.bdbox ul li:hover .pic img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}
.cptil {
  width: 78%;    float: right;    background: rgba(24, 172, 9, 1);
  height: 40px;
  line-height: 40px;
}
.cptil span{
    height: 40px;
    line-height: 40px;
    padding: 0 25px;
    font-size: 18px;
    color: #fff;

    float: left;
    border-bottom: 0px;
}
.cptil .fa{padding-right: 5px;}
.cptil .sp2{
  float: right;}
  .cptil .sp2 a{color: #fff;}
/* 六大优势 */
.odds{background-image: url('../image/odds_bg.jpg');transition:all .5s;} 
.odds .hTitle{text-align:left;color:#fff;}
.odds .hTitle span{color:#fff;}
.oddsMenu{width:440px;overflow:hidden;}
.oddsMenu li{float:left;width:50%;border-bottom: 1px solid #424647;border-right: 1px solid #424647;padding:4% 5%;height:140px;cursor:pointer;transition:all .4s;background:#fff;}
.oddsMenu li i{font-style:normal;font-size:1.857em;opacity:.5;font-family:Arial;font-weight:bold;}
.oddsMenu li h4{font-size:1.429em;color:#191919;}
.oddsMenu li h4 span{display: block;font-size:12px;opacity:.5;font-family:Arial;}
.oddsMenu li.on{background:rgba(24, 172, 9, 1);color:#fff;}
.oddsMenu li.on h4{color:#fff;}
.oddsMenu li.on i{opacity:1;}
.oddsMain{width:54%;position: absolute;bottom:10px;right:0;overflow: hidden;color:#fff;}
.oddsMain li{background:rgba(24, 172, 9, 1);min-height:170px;padding:5% 8%;font-size:1.143em;overflow: hidden;}
.oddsMain li i{position: absolute;right:-30px;top:-40px;font-family:Arial;font-style:normal;opacity:.2;font-weight:bold;font-size:15.625em;line-height:1;letter-spacing:-15px;}
.oddsMain li h4{font-size:1.625em;margin-bottom:10px;}

/* 案例 */
.case{text-align:center;}
.case ul{padding-bottom:15px;}
.case li{float: left;width:33.3%;background:#fff;background:#fff;box-shadow:0 0 12px #999;border-radius:30px 30px 0 0;overflow: hidden;}
.case li .txt{padding:40px;font-size:1.143em;height:260px;}
.case li h4{font-size:1.625em;margin-bottom:20px;}
.case li h4 a{color:#191919;}
.case li .more{color:#888;font-size:14px;}
.case li p{height:90px;}
.case li h4 a:hover,.case li .more:hover{color:#e5a55d;}
.case li .pImg{padding-top:72%;}
.case li:hover img{transform: scale(1.1);}
.case .btn{display:inline-block;width:60px;height:40px;background: rgba(0,0,0,.5);color:#fff;text-align:center;line-height:40px;opacity:0;}
.caseMain:hover .btn{opacity:1;}
.case_t{height: 80px;border-top: 1px solid #ccc;margin-top: 32px;}
.case_t a{float: left;width: 150px;height: 60px;line-height: 60px;font-size: 18px;color: #282828;text-align: center;transition: all 0.3s;}
.case_t a:hover,.case_t a.on{background: rgba(24, 172, 9, 1);color: #fff;}
.case_con{position: relative;}
.case_con dl{position: relative;float: left;width: 1200px;margin-right: 120px;}
.case_con dt img{display: block;width: 1200px;height: 500px;opacity: 0.1;}
.case_con dd{display: none;position: absolute;width: 480px;height: 270px;background: #fff;left: 0;top: 165px;padding: 0 26px;box-sizing: border-box;}
.case_con dd h4{text-align: left;font-size: 30px;color: #141414;line-height: 30px;padding: 55px 0 25px;background: url(../image/case_line.png) no-repeat left bottom;}
.case_con dd h4 a{color: #141414;}
.case_con dd h4 i{font-size: 22px;font-weight: normal;margin-left: 8px;}
.case_con dd p{font-size: 14px;color: #141414;line-height: 24px;padding: 15px 0 18px;text-align: left;}
.case_con .prev{position: absolute;width: 100px;height: 32px;left: 28px;bottom: 108px;z-index: 10;}
.case_con .next{position: absolute;width: 100px;height: 32px;left: 140px;bottom: 108px;z-index: 10;}
.case_con .tempWrap{overflow: visible !important;}
.case_con dl.cur dd{display: block;}
.case_con dl.cur dt img{opacity: 1;}
.content {
  width: 1200px;
  margin: 0 auto;
}
/* 解决方案 */
.fangan {
  background: #f3f4f7 url(../image/k_14.jpg) no-repeat center top;
}
.fangan  .hTitle, .fangan  .hTitle span{color: #fff;}
.blist{overflow:hidden; zoom:1; position:relative;width: 100%;max-width: 1200px; margin:0 auto;}
.blist ul{  zoom:1;   }
.blist .sPrev,.blist .sNext{ position:absolute; left:0px; top:200px; display:block; width:26px; height:45px; background:url(../image/in_arrow.png) no-repeat 0 0; }
.blist .sNext{ left:auto; right:0; background-position:-26px 0; }
.blist .sPrev:hover,.blist .sNext:hover{ border-color:#f60;  }

.div_more{ position: relative; z-index: 1; clear: both; width: 100%; text-align: center; }
.div_more .more{ display: inline-block; width:140px; line-height:26px; padding:5px 20px;    color: #fff;
  background-color: rgba(24, 172, 9, 1);border: 1px solid rgba(24, 172, 9, 1);}
.div_more .more:hover:before {top:0;}
.div_more .more:hover{ border: 1px solid #d6000f; background-color:inherit;  color: #fff; background-color: #d6000f;}
.fangan li h5{ padding-top: 60px; font-size: 20px; color: #333; padding-bottom: 20px; }
.fangan li p{ font-size: 14px; color: #666; line-height: 30px; padding-top: 25px; }
.fangan li{ transition: 0.3s; float: left;  width: 22.5%; height: 420px; -webkit-box-shadow:0 0px 20px rgba(0,0,0,0.2);
box-shadow:0 0px 20px rgba(0,0,0,0.2);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0); margin:0 12px; background-color:#FFF; position:relative; overflow:hidden; }
.fangan li .ybox{ padding:0 20px;}
.fangan li .ybox img{max-width: 100%;border-radius: 5px;}
/* 荣誉 */
.rongyu  .blist .sPrev,.rongyu  .blist .sNext{ position:absolute; left:0px; top:100px; display:block; width:26px; height:45px; background:url(../image/in_arrow.png) no-repeat 0 0; }
.rongyu  .blist .sNext{ left:auto; right:0; background-position:-26px 0; }
.rongyu  .blist .sPrev:hover,.blist .sNext:hover{ border-color:#f60;  }
.rongyu li h5{ padding-top: 90px; font-size: 20px; color: #333; padding-bottom: 20px; }
.rongyu li p{ font-size: 14px; color: #666; line-height: 30px; padding-top: 25px; }
.rongyu li{ transition: 0.3s; float: left;  width: 24%; height: 200px; -webkit-box-shadow:0 0px 20px rgba(0,0,0,0.2);
box-shadow:0 0px 20px rgba(0,0,0,0.2);
-webkit-transform:translate3d(0, -2px, 0);
transform:translate3d(0, -2px, 0); margin:0 12px; background-color:#FFF; position:relative; overflow:hidden; }
.rongyu li .ybox{ padding:0 20px;}
.rongyu li .ybox img{max-width: 100%;}
/* 关于我们 */
.about{padding-bottom:80px;}
.about .hTitle,.about .hTitle span{    color: #191919;}
.about .main{max-width:1200px;margin:0 auto;}
.aboutFont .more{display:inline-block;width:180px;height:45px;line-height:45px;color:#fff;margin-top:40px;border:1px solid #fff;}
.aboutFont .more:hover{width:240px;}
.aboutFont .more i{font-style:normal;margin-left:10px;}
.setting li{float:left;width:25%;}
.setting li .pImg{padding-top:60%;}
.setting li p{width:100%;padding:0 10px;background: rgba(0, 0, 0,.6);height:50px;line-height:50px;z-index:2;color:#fff;text-align:center;transition:all .5s;position: absolute;transition:all .4s;bottom:-50px;}
.setting li:hover p{background:rgba(24, 172, 9, 1);bottom:0;}
.setting li:hover img{transform: scale(1.1);}
.aboutNum{height:160px;margin-top:60px;font-size:1.286em;text-align:left;}
.aboutNum li{float:left;width:20%;    text-align: center;}
.aboutNum li span{font-size:2.667em;font-family:Arial;font-weight:700;display: block;color: rgba(24, 172, 9, 1);}
.aboutFont {font-size: 15px;    line-height: 33px;  
 }
.about .txt{float: right;width: 48%;}
.about video{
  background-color: rgba(0, 0, 0, 0.5);
}
.about .txt p{font-size: 16px;}
/* 新闻快讯 */
.news{    background: #f5f5f5;} 
.tieTop{overflow: hidden;margin-bottom:40px;position:relative;}
.tieTop .hTitle{text-align:left;margin-bottom:0;}
.newsMenu{position: absolute;right:0;bottom:15px;font-size:1.571em;}
.newsMenu a{position:relative;color:#191919;margin-left:60px;display:inline-block;padding-bottom:10px;}
.newsMenu a::after,.caseMain a::after{content:"";position:absolute;left:0;bottom:0;background:rgba(24, 172, 9, 1);height:1px;transition:all .5s;width:0;}
.newsMenu .on{color:rgba(24, 172, 9, 1);}
.newsMenu a.on::after,.caseMain li a:hover::after{width:100%;}
.newsMain{position: relative;overflow: hidden;}
.newsL{    width: 62%;margin: 0 auto;}
/* .newsL{width:62%;float:left;} */
.newsL li.pic{    overflow: hidden;
  padding-bottom: 30px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ddd;}

.newsL li .img{float: left;display:block;width:38%;height: 200px;overflow:hidden;margin-right:40px;}
.newsL li h4{font-size:1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;transition:all .3s;margin-bottom:20px;padding-top:10px;font-weight:700;}
.newsL li h4 a{color:#333;}
.newsL li h4 a:hover{text-decoration: underline;}
.newsL li p{margin-bottom:30px;    line-height: 1.7;height:75px;overflow:hidden;    padding-right: 10px;}
.newsL li .date{display:block;    font-size: 14px;opacity:.8;}
.newsL li .date a{margin-left:20px;}
.newsL .pic:hover .bgImg{transform: scale(1.1);}
.newsL li.txt {line-height:35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsL li.txt span{float:right;color:#999;font-size:14px;margin-left:20px;}
.newsL li.txt a{background: url('../image/n_li.jpg') no-repeat left center;padding-left:15px;color:#333;font-size:1.143em;}
.newsL li.txt a:hover{padding-left:25px;background-position: 10px center;color:rgba(24, 172, 9, 1);}

.newsR{width:34%;overflow:hidden;background:#fff;padding:25px 30px;}
.newsR .tie{height:45px;border-bottom: 1px solid #ccc;font-size:1.429em;color:#191919;margin-bottom:25px;}
.newsR .tie a{float:right;font-size:14px;margin-top:3px;background: url('../image/more_c.png') no-repeat left center;padding-left:20px;color:#999;}
.newsR .tie a:hover{color:rgba(24, 172, 9, 1);}
.newsR li{border-bottom: 1px dotted #ccc;margin-top:20px;font-size:.75rem;}
.newsR li a{display: block;color:#888;height:88px;position:relative;}
.newsR li a::after{content:"";position: absolute;left:0;bottom:-1px;height:1px;background:rgba(24, 172, 9, 1);width:100%;transform: scale(0,1);transform-origin: right;transition:transform .5s;}
.newsR li h4{font-size:1.333em;color:#191919;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsR li .date{margin-top:15px;opacity:.7;display:block;}
.newsR li a:hover h4{color:rgba(24, 172, 9, 1);}
.newsR li a:hover::after{transform: scale(1);transform-origin: left;}

/*底部 */
.footer{background:rgba(24, 172, 9, 1);overflow:hidden;padding:50px 0 40px 0;font-size:.75rem;color:#fff;}
.footMenu{margin-bottom:20px;font-size:16px;overflow:hidden;line-height:1.6;}
.footL{width: 55%;line-height:2;}
.footL .btn{margin-top:5px;}
.footL .btn a{display:inline-block;width:32px;height:32px;background: url('../image/footIcon.png') no-repeat;margin-right:8px;margin-top:5px;opacity:.8;}
.footL .btn a:nth-child(2){background-position: -32px 0;}
.footL .btn a:hover{opacity:1;}
.footR{width:40%;}
.footR .tel{padding-left:10%;}
.footR .tel h4{margin-bottom:15px;}
.footR .tel h4 span{font-size:26px;display:block;color:#fff;font-family:Arial;font-weight: bold;}
.footR .tel h4:nth-child(2) span{font-size:24px;}
.footWx {color:#fff;text-align: center;}
.footWx img{width:120px;margin-bottom:10px;}
.footer a{color:#fff;}
.footMenu a{    margin-right: 30px;
  font-size: 18px;
  color: #fff;
  font-weight: bold;}
.firendlink{background:rgba(24, 172, 9, 1);padding:15px 0;font-size:.75rem;    border-top:1px solid #57ab7c}
.firendlink span{color:#fff;margin-right:10px;text-transform: uppercase;}
.firendlink a{margin:0 5px;color:#fff;}
.firendlink a:hover,.footMenu a:hover,.footer a:hover{text-decoration: underline;}
.showCon p{font-size: 16px;line-height: 30px;text-indent: 2em;    margin-top: 30px;}
/*内页公用 */
.listWrap{overflow:hidden;padding:70px 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.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:1200px;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);}
.listBanner h3 span{display: block;font-size:12px;font-weight: 400;opacity: 0.5;}
.breadCrumb{font-size:.875rem;padding:25px 20px 0 20px;position:relative;overflow:hidden;}
.breadCrumb::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} 
.breadCrumb .back{float:right;position:relative;color:#000;border:1px solid #000;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#000;color:#fff;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#f5f5f5;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../image/sIcon.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{font-size:1.143rem;text-align:center;margin-top:40px;overflow:hidden;}
.listMenu a{display:inline-block;color:#191919;height:50px;line-height:50px;margin:0 10px;padding:0 15px;position:relative;}
.listMenu a::before,.listMenu a::after{background:rgba(24, 172, 9, 1);transition:all .5s;}
.listMenu a::after{top:auto;bottom:0;left:auto;right:0;}
.listMenu .cur,.listMenu a:hover{color:#fff;background:rgba(24, 172, 9, 1);}
.listMenu .cur::after,.listMenu .cur::before,.listMenu a:hover::after,.listMenu a:hover::before{width: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:rgba(24, 172, 9, 1);border:1px solid rgba(24, 172, 9, 1);color:#fff;}
.listTie{text-align:center;color:#191919;margin-bottom:40px;padding-bottom:10px;position:relative;font-size:2.2rem;font-weight:bold;}
.listTie::after{content:"";position: absolute;left:50%;width:30px;margin-left:-15px;height:2px;background:#2d2f89;bottom:0;}

/* 产品列表 */
.proList ul{margin-right:-30px;}
.proList li{float:left;    width: 22.33333%;  margin-right: 30px;font-size:15px;margin-bottom:15px;border:1px solid #ddd;}
.proList li p{  margin-bottom: 20px;    color: #888; font-size: 14px;    padding: 0 10px; }
.proList li a{display:block;overflow:hidden;}
.proList li .pImg{padding-top:76%;}
.proList li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;border:1px solid rgba(24, 172, 9, 1);transform:scale(0) rotate(-180deg);opacity:0;transition:all .4s;}
.proList li h4{  text-indent: 10px;  font-size: 16px;height:60px;padding:15px 0;color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;}
.proList li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:16px;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover h4,.proList li a:hover i{color:rgba(24, 172, 9, 1);}
.proList li a:hover .pImg::after{transform:scale(1) rotate(0deg);opacity:.4;}
.searList ul{margin-right:-1px;}
.listWrap .hide2 li:nth-child(4n){margin-right: 0 ;}
/*  产品详情 */
.proShow_box1{overflow:hidden;margin-bottom:50px;border:1px solid #ddd;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:50%;position:relative;border-right:solid 1px #ddd;}
.gallery .gallery-top{position:relative;border-bottom: 1px solid #ddd;}
.gallery .gallery-top li{height:540px;line-height:540px;vertical-align: middle;overflow:hidden;    text-align: center;}
.gallery .gallery-top img{max-height:100%;}
.gallery-top li a{position:relative;padding-top:81%;}
.gallery-thumbs{position: absolute;z-index:10;bottom:0;right:0;width:100%;left:100%;border-top: 1px solid #ddd;margin-left:1px;}
.gallery-thumbs li{border-right:1px solid #bdc4ce;padding-top:16%;cursor:pointer;width:20%;position: relative;}
.gallery-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;}
.gallery-thumbs .on::after{border:2px solid rgba(24, 172, 9, 1);}
.gallery .btn{background:#333;width:60px;height:35px;line-height:35px;text-align:center;color:#fff;opacity:.8;}
.gallery .swiper-button-prev{left:0;}
.gallery .swiper-button-next{right:0;left:auto;}
.gallery .btn:hover{background:rgba(24, 172, 9, 1);}

.proShow_R{width:50%;overflow:hidden;line-height:1.8;padding:3% 4%;}
.proShow_R .title{margin-bottom:20px;color:#333;}
.proShow_R .title span{display:block;font-size:1.778em;color:rgba(24, 172, 9, 1);}
.proShow_R .font{min-height:160px;line-height:2;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:20px;}
.proShow_R li{float: left;width:25%;border-right: 1px dotted #ddd;text-align:center;font-size:1.143em;}
.proShow_R li i{display:inline-block;width:37px;height:37px;background: url('http://www.hanxijichang.com/themes/Home/default/Public/images/show_Icon.png') no-repeat;}
.proShow_R li:nth-child(2) i{background-position: -37px 0;}
.proShow_R li:nth-child(3) i{background-position: -74px 0;}
.proShow_R li:nth-child(4) i{background-position: -111px 0;}
.proShow_R li span{display: block;}
.proShow_R .btn{margin-top:30px;overflow:hidden;}
.proShow_R .btn a{width:40%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid rgba(24, 172, 9, 1);margin-right:25px;background:rgba(24, 172, 9, 1);color:#fff;}
.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){border:1px solid #ddd;color:#333;background:none;}
.proShow_R .btn a:hover{background:rgba(24, 172, 9, 1);color:#fff;}
.proShow_menu{margin-bottom:10px;text-align:center;overflow: hidden;}
.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#333;border-radius:20px;}
.proShow_menu .on,.proShow_menu a:hover{background:rgba(24, 172, 9, 1);border:1px solid rgba(24, 172, 9, 1);color:#fff;}
.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}

.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;margin-top:30px;}
.proTie span{display:inline-block;border-bottom:1px solid rgba(24, 172, 9, 1);;color:rgba(24, 172, 9, 1);height:50px;}
.relative_case ul{margin-right:-35px;}
.relative_case li{float: left;width:25%;padding-right:35px;margin-bottom:20px;}
.relative_case li .pImg{padding-top:70%;}
.relative_case li p{transition: all .3s;height:50px;line-height: 50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.relative_case li p i{float: right;font-family:"Arial";opacity: .8;margin-left:15px;}
.relative_case li a:hover img{transform: scale(1.1);}
.relative_case li a:hover p{background:rgba(24, 172, 9, 1);padding:0 10px;color: #fff;}
.relative_pro li{width:29.3%;}



/* 新闻列表 */
.newsTop{overflow:hidden;padding-bottom:50px;margin-bottom:50px;border-bottom: 1px solid #ddd;}
.newsTop li{background:#f3f3f3;overflow:hidden;float:left;width:49%;height:280px;}
.newsTop li .pic{width:50%;float:left;height:280px;overflow:hidden;}
.newsTop li .txt{width:50%;padding:4%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:15px;}
.newsTop li .txt h4 a{color:#333;}
.newsTop li .txt h4 a:hover{color:#2d2f89;}
.newsTop li .txt h4 span{display:block;font-size:;font-family:Arial;color:#999;font-size:0.75rem;margin-top:5px;}
.newsTop li p{height:110px;overflow:hidden;margin-bottom:10px;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsTop li:nth-child(2n){float:right;}

.newsList{overflow:hidden;font-size:.813rem;}
.newsList ul{margin-right:-40px;}
.newsList li{float:left;padding-right:40px;width:25%;margin-bottom:40px;}
.newsList li a{display:block;color:#888;}
.newsList li .pImg{padding-top:68%;}
.newsList li h3{    font-size: 1.25em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding:20px 0;}
.newsList li p{height:70px;padding-bottom:10px;border-bottom: 1px solid #d9d9d9;margin-bottom:20px;    font-size: 1.1em;}
.newsList li a:hover img{transform:scale(1.1);}
.newsList li a:hover h3{color:#2d2f89;}
.newsList li p span{font-size: 1.1em;}
.font{    font-size: 15px;}
/* 新闻详情 */
.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: -3px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-6px;}
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.show-synopsis{background:#f7f8fa;padding:15px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../image/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../image/a_r.png') no-repeat;margin-left:5px;margin-right:0;}

.picShow_r{width:27%;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 #2d2f89;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;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#2d2f89;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.rightNews,.rightContact{background:#f2f2f2;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;}
.rightContact h4{background: url('../image/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;}
.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:rgba(24, 172, 9, 1);color:#fff;}

/* 关于我们 */
.aboutBox_l{    width: 48%;
}
.aboutBox_l .hTitle{position:relative;padding-bottom:15px;margin-bottom:25px;}
.aboutBox_l .hTitle::after{content:"";position:absolute;left:0;bottom:0;width:30px;height:1px;background:rgba(24, 172, 9, 1);}
.aboutBox_l .txt{height:160px;margin-bottom:10px;line-height:1.6;}
.aboutBox1 .font{margin-bottom:30px;    line-height: 30px;}
.aboutBox_r{display:block;width: 48%;border-radius:10px 10px 0 0;overflow:hidden;margin-top: 50px;}
.aboutBox_r .bgImg{animation:scale 30s infinite;height: 440px;}
.aboutBox_num{display: -webkit-flex;display:flex;-webkit-justify-content: space-between;    margin-top: 40px;justify-content: space-between;flex-flow: row wrap-reverse;}
.aboutBox_num li{float:left;color:#191919;text-align: center;}
.aboutBox_num li span{color:rgba(24, 172, 9, 1);font-size: 2.5em;position:relative;font-family:Arial;font-weight:bold;line-height:1.2;}
.culture{background:#ececec;}
.culture li{float:left;background:#fff;padding:25px;width:31.3%;margin:0 1%;}
.culture li .pImg{padding-top:40%;}
.culture li h4{font-size:20px;color:#222;margin-bottom:15px;padding-bottom:10px;font-weight:normal;margin-top:15px;position:relative;}
.culture li h4 span{display:block;font-size:12px;font-family:Arial;color:#999;}
.culture li:hover img{transform: scale(1.1);}
.culture li h4 span:after{content:"";position:absolute;width:14px;height:1px;background:rgba(24, 172, 9, 1);bottom:0;left:0;transition:all .3s;}

.honor{padding-bottom:60px;text-align: center;overflow:visible;position:relative;}
.honorSlide{overflow:hidden;border-top: 5px solid rgba(24, 172, 9, 1);}
.honorSlide li{width:25%;text-align:center;float:left;background: #fff;}
.honorSlide li a{display:block;overflow:hidden;border:1px solid #ebebeb;}
.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;line-height:35px;padding-bottom:10px;}
.honorSlide li a:hover img{transform:scale(1.1);}
.honorSlide li a:hover p{color:rgba(24, 172, 9, 1);}
.honorSlide .btn{width:40px;height:40px;background:rgba(24, 172, 9, 1);text-align:center;line-height:40px;color:#fff;font-family:"Arial";left:-60px;top:60%}
.honorSlide .btn:hover{background: rgba(24, 172, 9, 1);}
.honorSlide .swiper-button-next{right:-60px;left:auto;}

.album {border-top: 1px solid #ddd;}
.album ul{position:relative;margin-right:-10px;overflow:hidden;}
.album li{float:left;width:25%;padding-right:10px;margin-bottom:10px;}
.album li:nth-child(2){width:50%;}
.album li:last-child{position:absolute;left:0;bottom:0;}
.album li .pImg{padding-top:72.4%;;}
.album li p{background: rgba(0, 0, 0, .6);padding: 0 5%;position: absolute;left:0;bottom: -50px;color: #fff;width: 100%;height: 50px;line-height: 50px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .4s;}
.album li:hover img{transform: scale(1.1);}
.album li:hover p,.settingSlide li p{bottom:0;}

.partner{background:#f5f5f5;}
.partner li{float:left;width:14.28%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:62%;}
.partner li p{background:#2d2f89;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;}
.partner li:hover{z-index:2;border:1px solid #2d2f89;}
.partner li:hover p{bottom:0;}
.partner li:hover img{margin-top:-15px;}
/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:70%;border:1px solid #e1e1e1;}
.honorList li {width:20%;}
.honorList li .pImg{padding-top:100%;}
.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:rgba(24, 172, 9, 1);}
.partnerList{background:none;}
.partnerList ul{padding-left:1px;}

/* 售后服务 */
.serviceMain{padding-left:340px;position:relative;}
.serviceImg{height:240px;}
.serviceMain .tie{float:left;margin-left:-340px;font-size:1.714em;color:#333;}
.serviceMain::after{content:"";position:absolute;left:250px;height:100%;width:1px;background:#ccc;top:0;}
.serviceMain li{padding-left:35px;margin-bottom:50px;line-height:1.8;}
.serviceMain li h5{margin-bottom:20px;color:#191919;font-size:1.571em;}
.serviceMain li h5 i{float:left;margin-left:-40px;background:rgba(24, 172, 9, 1);width:24px;height:24px;border-radius:100%;color:#fff;display:inline-block;font-style:normal;font-size:14px;text-align:center;line-height:24px;font-family:Arial;}
.serviceMain li:last-child{margin-bottom:0;}

/* 常见问题 */
.faq{background:#efefef;}
.faqList li{float:left;width:50%;padding-right:10px;margin-bottom:10px;font-size:12px;}
.faqList li:nth-child(2n){float:right;}
.faqList li a{display:block;background:#fff;padding:4% 5%;color:#999;height:135px;}
.faqList li h4,.faqList li p{padding-left:35px;}
.faqList li i{font-style:normal;width:24px;height:24px;background:rgba(24, 172, 9, 1);color:#fff;font-size:12px;text-align:center;line-height:24px;margin-left:-35px;float:left;}
.faqList li p i{background:none;border:1px solid #ccc;color:#999;}
.faqList li h4{font-size:16px;color:#191919;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.faqList li a:hover h4{color:rgba(24, 172, 9, 1);}
.faqList li a:hover{box-shadow:0 0 10px #ccc;}
.faqList2 li a{border:1px solid #ddd;}

/* 下载中心 */
.downL{background: url('../image/down_tie.jpg') no-repeat;background-size:cover;height:550px;width:22.5%;color:#fff;padding:4%;}
.downL .hTitle{color:#fff;}
.downL .hTitle span{margin-top:15px;}
.downL h4{margin-top:150px;}
.downL .tel span{display:block;color:#fff;font-size:1.857em;font-family:Arial;margin-bottom:20px;}
.downL .tel{color:#aeaeae;}
.downL h5.tel  span{font-size:1.429em;}
.downR{width:75%;}
.downList li{background:#ededed;margin-bottom:10px;}
.downList li a{display:block;padding:3% 4%;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:rgba(24, 172, 9, 1);color:#fff;}
.downList li a:hover span{color:#fff;}

/* 客户案例 */
.caseList ul{margin-right:-30px;}
.caseList li{float:left;width:25%;padding-right:30px;margin-bottom:40px;}
.caseList li .pImg{padding-top:70%;}
.caseList li .txt{padding:15px 0;transition:all .4s;position:relative;height:130px;overflow:hidden;border-bottom: 1px solid #ddd;}
.caseList li .txt::after{content:"";position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(24, 172, 9, 1);z-index:-1;transition:all .5s;transform: translateY(100%);}
.caseList li h4{font-size:1.375em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-bottom:8px;}
.caseList li a:hover img,.caseSlide li:hover .bgImg{transform: scale(1.08);}
.caseList li a:hover .txt{padding:15px;color:#fff;}
.caseList li a:hover h4{color:#fff;}
.caseList li a:hover .txt::after{transform: translateY(0);}
.picShow{max-width:1400px;margin:0 auto;}


/* 联系我们 */
.mb60{overflow: hidden;margin-bottom:60px;}
.contactBox1{border-top: 1px solid #d9d9d9;padding-top:50px;}
.cTie{font-size:2.143em;color:#191919;margin-bottom:20px;} 
.contactBox1 ul{background:#efefef;overflow:hidden;}
.contactBox1 li{float:left;width:25%;border-right:1px solid #d9d9d9;min-height:160px;padding:3% 2% 1% 4%;font-size:1.125em;}
.contactBox1 li span{display: block;position:relative;margin-bottom:10px;}
.contactBox1 li span::after{content:"\e6ee";position:absolute;left:-30px;font-family:"iconfont";font-size:1.125rem;}
.contactBox1 li:nth-child(2) span::after{content:"\e60b";}
.contactBox1 li:nth-child(3) span::after{content:"\e63a";}
.contactBox1 li:nth-child(4) span::after{content:"\e646";}
.contactBox1 li strong{display:block;    font-size: 1.2em;color:#333;}
.contactBox1 li:last-child{border-right:none;}
.contactBox1 .font{overflow: hidden;margin-top:30px;font-size:.875em;}
.contactBox1 .cLogo{width:26%;}
.contactBox1 .txt{width:100%;line-height:2;min-height:120px;padding-left:40px;}
.contactBox2 ul{padding-left:1px;}
.contactBox2 li{float:left; width:33.3%;padding:2.5%;border:1px solid #d9d9d9;margin-top:-1px;min-height:200px;margin-left:-1px;}
.contactBox2 li span{display: block;color:#333;font-size:1.429em;margin-bottom:10px;}
#dituContent{width:100%;height:560px;}

/* 在线留言*/
.feedback{background:#efefef;}
.feedbackL{width:24%;height:380px;float:left;}
.feedbackR{width:72.5%;float:right;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 60px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear: both;}
.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:14px;}
.feedback .sub{background: rgba(24, 172, 9, 1);width: 30%;cursor: pointer;transition: all .3s;color: #fff;}
.feedback .sub:hover{background:#b30700;}


.footer-fix {position: fixed;bottom: 0;left: 0;width: 100%;background-color: #252525;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;color: #fff;padding: 0.4rem 0;font-size: 15px;line-height: 1;}
.footer-fix li i {display: block;    height: 25px;background: no-repeat center;background-size: contain;margin-bottom: 0.25rem;}
.footer-fix li i.i1 {background-image: url(../image/home.png); }
.footer-fix li i.i2 {background-image: url(../image/db2.png);}
.footer-fix li i.i3 {background-image: url(../image/db1.png);}
.footer-fix li i.i4 {background-image: url(../image/db4.png);}
.footer-fix li{ background-color: rgba(24, 172, 9, 1); }