@charset "utf-8";
/* CSS Document */
*{padding:0; margin:0;}
body{font-size:14px; font-family:"微软雅黑";}
html{overflow-x: hidden;}
ul,ol,li{ list-style:none;}
img{border:none; vertical-align:middle;}
h1, h2, h3, h4, h5, h6, hr, blockquote, form, ul, ol, li, p, pre, dl, dt, dd, fieldset, legend, button, input, textarea{margin:0; padding:0; font-weight:normal;}
a:link{color:#333; text-decoration:none;}
a:visited{color:#333; text-decoration:none;}
a:hover{color:#333; text-decoration:none;}
b{font-weight: normal;}
.clear{clear:both; font-size:0; font-family:"sans-serif"; height:0; line-height:0;}
.clear_fix::after{content: ""; clear: both; height: 0; overflow: hidden; display: block; visibility: hidden;}
.fl{float:left}
.fr{float:right;}
.cen{text-align: center;}
#mobile-banner{display:none}

/* 公用样式 */
.box{ width:1420px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
.box1{ width:1200px; margin:0 auto; -webkit-transition: all .3s; -moz-transition: all .3s; transition: all .3s;}
@media screen and (max-width: 1440px) and (min-width:1025px) {/* 小屏幕的尺寸 */
  .box{ width:1200px;}
  .box1{ width:1200px;}
}
@media screen and (max-width: 1024px) and (min-width:0px) {/* pad */
  .box{ width:95%; margin:0 auto; overflow: hidden;}
  .box1{ padding-left:2%; padding-right:2%;}
}
@media screen and (max-width: 767px) and (min-width:0px) {/* 移动端的尺寸 */
  .box{ width:95%; margin:0 auto; overflow: hidden;}
  .box1{ width:auto; padding-left:5%; padding-right:5%;}
}

header{position: fixed; left: 0; top: 0; width: 100%; z-index: 999;z-index: 9999; max-height: 100px;}

header.sticky{
  width: 100%;
  background: rgba(0,0,0,.8);
}
.c-nav-container{width: 100%; margin:0 auto; position: relative;}
.c-nav .show{display:inline-block}
.c-nav .hiden{display:none}
.c-nav{width:100%;
}
.c-nav .navFlex{display:flex;display:-webkit-flex;align-items:center; -webkit-align-content:center;color:#fff;
/*justify-content:space-between;-webkit-justify-content:space-between;*/}
.c-nav .logo{margin-right: 66px;}
.c-nav ul{ margin-top: 0px;}
.c-nav ul li{display:inline-block;line-height:100px; font-size:16px; margin-right: 35px;}
.c-nav ul li a{color:#fff;text-decoration:none;width:100%}
.c-nav ul li.active a{color:#28a05c; font-weight: bold;}
.c-nav ul li:hover a{color:#28a05c; font-weight: bold;}
.c-nav .btnImg{height:20px;width:25px;padding:3px 8px 3px 8px;box-sizing:content-box;margin-right:5px;}
.c-nav .header-btn{position: absolute; right: 0px; top: 0; width: 90px;}
#search{width: 25px; height: 100px; background: url(../images/search.png) no-repeat center; float: left;}
#search:hover{cursor: pointer;}
#wechat{width: 25px; height: 100px; background: url(../images/wechat01.png) no-repeat center; float: right;}


#search-inp{width: 0; height: 50px; position: absolute; right: 0%; bottom: -50px; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#search-inp-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}
#search-inp-text{width: 300px; float: left;}
#search-inp-text input{width: 100%; height: 50px; line-height: 50px; box-sizing: border-box; padding-left: 12px; outline: none; border: none;}
#search-inp-btn{width: 40px; height: 50px; box-sizing: border-box; float: left;  background: #f3f3f3 url(../images/search.png) no-repeat center; cursor: pointer;}

#wechat-pic{width: 0; height: 160px; position: absolute; right: 0%; bottom: -150px; z-index: 99999; transition: all 0.3s; overflow: hidden;}
#wechat-close{width: 40px; height: 50px; box-sizing: border-box; float: left;  background:  url(../images/close.png) no-repeat center; cursor: pointer; background-size: 70%;}


@media screen and (max-width: 1520px) and (min-width:1420px){
  .c-nav .logo{margin-right: 50px;}
  .c-nav ul li{margin-right:20px}
  .c-nav .header-btn{display: none;}

}
@media screen and (max-width: 1420px) and (min-width:1200px){
  .c-nav .logo{margin-right: 30px; width: 300px;}
  .c-nav ul li{margin-right:20px}
  .c-nav .header-btn{display: none;}

}
@media screen and (max-width: 1238px) and (min-width:1200px){
  .c-nav .logo{margin-right: 30px; width: 300px;}
  .c-nav .logo img{width: 100%;}
  .c-nav ul li{margin-right:18px}
  .c-nav .header-btn{display: none;}
}
@media screen and (max-width:1200px){
  .c-nav .logo{margin-right: 25px; width: 200px;}
  .c-nav .logo img{width: 100%;}
  .c-nav ul li{margin-right:15px}
  .c-nav .header-btn{display: none;}
}
@media screen and (max-width:992px){
  .c-nav .logo{display: none;}
  .c-nav .logo img{width: 100%;}
  .c-nav ul li{margin-right:10px}
  .c-nav .header-btn{display: none;}
}
@media screen and (max-width:768px){
  .c-nav .logo{display: none;}
  .c-nav .logo img{width: 100%;}
  .c-nav ul li{margin-right:10px}
  .c-nav .header-btn{display: none;}
}
@media screen and (max-width:576px){
  header{position: sticky; left: 0; top: 0; width: 100%; z-index: 999; height: 49px;
    background: rgba(0,0,0,.8);}
.c-nav{padding:10px 0; opacity:.9; margin: 0;}
.c-nav .navFlex{font-size:20px;justify-content:space-between;flex-wrap:wrap;}
.c-nav .logo{margin-left:.5rem;width:50%; display: block; margin-top: 0.3rem;}
.c-nav ul{margin-top:10px}
.c-nav ul li{padding-top:0;margin-left:0;display:block;line-height:3rem;background:#000; border-bottom: none; margin-right: 0;}
.c-nav ul li a{color:#fff;width:100%;display:block}
.c-nav ul li:nth-child(4),.c-nav ul li:nth-child(5){display:block}
.c-nav .hiden{display:block; position: absolute; right: 0.2rem; top: 0rem;}
.c-nav .show{width:100%;font-size:14px;text-align:center;display:none}
.c-nav .header-btn{display: none;}

header.down {
  width: 100%;
  background: rgba(0,0,0,.8);
}

}


  .index-business-box{background: #f8f7f5; overflow: hidden;}
  .index-business{ margin: 80px auto; position: relative;}
  .index-business-tit{font-size: 36px; color: #222; margin-bottom: 60px;}
  #slider{width: 100%; margin: 0 auto; position: relative;}
  .scroll{width: 600px; position: relative;clear: left;}
  .scrollContainer div.panel{padding: 20px 0;width: 600px; display: none;}
  .scrollContainer div.active{display: block;}
  .scrollContainer div.panel p{font-size: 16px; color: #222; line-height: 28px; margin-bottom: 30px;}
  .scrollContainer div.panel h2{font-size: 30px; color: #222; margin-bottom: 30px;}
  .scrollContainer div.panel h3{color: #28a05c; font-size: 16px; padding-bottom: 40px;}
  #shade{height: 50px;}
  ul#navigation{list-style: none;margin: 0;padding: 0; width: 50%;}
  ul#navigation li{font-size: 40px; font-weight: bold; width: 50%; margin-bottom: 32px; float: left;}
  ul#navigation li.active a{opacity: 1;}
  ul#navigation a{color: #28a05c;  opacity: 0.3;}
  ul#navigation a:hover{opacity: 1;}
  ul#navigation a.selected{opacity: 1;}
  ul#navigation a:focus{outline: none;}
  .scrollButtons{position: absolute;bottom: 0px;cursor: pointer;}
  .scrollButtons.left{left: 0px;}
  .scrollButtons.right{left: 60px;}
  .hide{display: none;}
  #index-solution-pic #pic{position: absolute; right: 0; top: 0; display: none;}
  #index-solution-pic #pic.active{display: block;}

  
  @media screen and (max-width:576px){
    .index-business{margin: 1rem auto;}
    ul#navigation{width: 100%;}
    #index-solution-pic{display: none;}
    .index-business-tit{font-size: 1.6rem; margin-bottom: 1rem;}
    ul#navigation li{font-size: 1.4rem;}

  }

  .index-case{overflow: hidden; padding-top: 0px;}
  .index-case-tit{font-size: 36px; color: #222; margin-bottom: 40px; }
  .index-case-tit a{float: right; font-size: 16px; color: #28a05c; margin-top: 0.5rem;}
  .mod-banner ul li .list{width:450px; height: 420px; overflow: hidden;}
  .mod-banner ul li .list img{width:450px; height:320px; display: block; margin:0 auto;}
  .mod-banner ul li .list .dis{font-size: 14px; color: #28a05c; margin-top: 10px;}
  .mod-banner ul li .list .tit{font-size:18px; line-height: 30px; color: #222; margin-top: 10px; text-overflow:ellipsis; white-space:nowrap; overflow: hidden;}
  .mod-banner ul li .list a{width:450px;height:420px;display:block; box-sizing: border-box;}
  .run{POSITION:relative;HEIGHT:493px;width:1300px;margin:25px auto 0}
  .runlf{Z-INDEX:100;LEFT:0;WIDTH:26px;POSITION:absolute;TOP:150px;HEIGHT:43px}
  .runrg{Z-INDEX:100;RIGHT:0;WIDTH:26px;POSITION:absolute;TOP:150px;HEIGHT:43px}
  .runlf IMG{CURSOR:pointer}
  .runrg IMG{CURSOR:pointer}
  #gdq{OVERFLOW:hidden;WIDTH:1200px;PADDING-TOP:15px;POSITION:absolute;margin:0 auto;left:50px}
  #gdq DIV{WIDTH:50000px}
  #gdq UL LI{FLOAT:left;WIDTH:386px}
  #focus_img{}
  #focus_img UL LI{FLOAT:left;WIDTH:386px; overflow: hidden;}
  .mod-banner{width:1420px; margin: 0 auto; position:relative; margin-bottom: 80px;}
  #btn_focus_next,#btn_focus_prev{width:50px;height:50px;cursor:pointer;display:block;position:absolute;bottom:-50px;}
  #btn_focus_prev{right:45%;background-image:url(../images/icon_r.png);background-position:right top; background-repeat: no-repeat;}
  #btn_focus_next{left:45%;background-image:url(../images/icon_l.png);background-position:left top; background-repeat: no-repeat;}
  #btn_focus_prev:hover{background-image:url(../images/icon_r_active.png);}
  #btn_focus_next:hover{background-image:url(../images/icon_l_active.png);}
  
    
  @media screen and (max-width: 1420px) and (min-width:1025px){
  .mod-banner ul li .list{width:320px;height:493px; overflow: hidden;}
  .mod-banner ul li .list img{width:420px; height:320px; display: block; margin:0 auto;}
  .mod-banner ul li .list .tit{font-size:18px; line-height: 30px; color: #222; margin-top: 10px;}
  .mod-banner ul li .list a{width:420px;height:370px;display:block; box-sizing: border-box;}
  .mod-banner{width:1420px; margin: 0 auto; position:relative; margin-bottom: 80px;}
  }
  @media screen and (max-width: 1024px) and (min-width:0px){
  }
  @media screen and (max-width: 767px) and (min-width:0px) {
  
  }
  @media screen and (max-width:576px){
  .index-case{overflow:hidden;padding-top:0;width: 95%;}
  .index-case-tit{font-size:1.6rem;color:#222;margin:1rem 0 2rem;}
  .mod-banner ul li .list{width:350px;height:493px;margin:0 auto;overflow:hidden}
  .mod-banner ul li .list img{width:350px;height:320px;display:block;margin:0 auto}
  .mod-banner ul li .list .tit{font-size:18px;line-height:30px;color:#222;margin-top:10px}
  .mod-banner ul li .list a{width:350px;height:370px;display:block;box-sizing:border-box}
  .mod-banner{width:100%;margin:0 auto;position:relative;margin-bottom:80px}
  #btn_focus_prev{right:35%;background-image:url(../images/icon_r.png);background-position:right top;background-repeat:no-repeat}
  #btn_focus_next{left:35%;background-image:url(../images/icon_l.png);background-position:left top;background-repeat:no-repeat}
  }
  

  .index-enter-box{background: #f8f7f5; overflow: hidden; overflow: hidden; padding: 1rem 0;}
  .index-enter-tit{font-size: 36px; color: #222; margin-bottom: 60px; overflow: hidden;}
  .index-enter-top{position: relative;}
  .index-enter-introduce{position: absolute; right: 0; top: 60px; width: 710px; height: 360px; box-sizing: border-box; padding: 56px 100px; background: #fff;}
  .index-enter-introduce-line{width: 40px; height: 2px; background: #28a05c; margin: 0 auto;}
  .index-enter-introduce-tit{font-size: 36px; color: #222; text-align: center; margin: 20px 0 45px; }
  .index-enter-introduce-dis{font-size: 16px; color: #222; line-height: 32px;}
  .index-enter-introduce-more{text-align: center; font-size: 16px; margin-top: 20px;}
  .index-enter-introduce-more a{color: #28a05c;}
  
  .index-enter-list{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display:flex; margin: 36px 0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
  .index-enter-list li{width:25%;padding:0 20px; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; text-align: center;}
  .index-enter-list li .index-eneter-list-tit{font-size: 30px; color: #222; line-height: 45px; height: 90px; margin-bottom: 30px;}
  .index-enter-list li .index-eneter-list-dis{font-size: 16px; color: #222; line-height: 28px; margin: 0 45px;}
  
   .index-enter2{margin: 80px auto;}
   .index-enter2 .index-enter-introduce{position: absolute; left: 0; top: 60px; width: 710px; height: 360px; box-sizing: border-box; padding: 56px 100px; background: #fff;}

  @media screen and (max-width: 1440px) and (min-width:1025px){
    
  }
  @media screen and (max-width: 1024px) and (min-width:0px){
  .index-enter-tit{font-size: 36px; color: #222; margin: 60px 0 40px;}
  .index-enter-box .index-enter-list li{margin-bottom: 30px; width:100%; float:none}
  .index-enter-box .index-enter-list li .index-eneter-list-tit{font-size: 5vw; color: #222; line-height: 45px; height: 45px; margin-bottom: 0px; font-weight:bold}
  .index-enter-box .index-enter-list li .index-eneter-list-dis{font-size: 16px; color: #222; line-height: 28px; margin: 0 20px;}
  
  .index-enter2{margin: 60px auto;}
  .index-enter2 .index-enter-introduce{position: absolute; left: 0; top: 60px; width: 710px; height: 360px; box-sizing: border-box; padding: 56px 100px; background: #fff;}

  }
  @media screen and (max-width: 767px) and (min-width:0px) {
  
  }
  @media screen and (max-width:576px){
  .index-enter-tit{font-size: 1.6rem; color: #222; margin: 2rem 0 ;}
  .index-enter-introduce{position: absolute; right: 5%; top: 60px; width: 90%; height: 360px; box-sizing: border-box; padding: 1rem; background: #fff;}
  .index-enter-introduce-line{width: 40px; height: 2px; background: #d6281c; margin: 0 auto;}
  .index-enter-introduce-tit{font-size: 1.6rem; color: #222; text-align: center; margin: 2rem 0 ; }
  .index-enter-introduce-dis{font-size: 4vw; color: #222; line-height: 32px;}
  .index-enter-introduce-more{text-align: center; font-size: 16px; margin-top: 20px;}
  .index-enter-introduce-more a{color: #d6281c;}
  
  .index-enter-list{flex-wrap:wrap}
  .index-enter-list li{width: 100%; padding: 0;}
  .index-enter-list li .index-eneter-list-tit{font-size: 1.4rem; line-height: 2rem; height: 4rem; margin-bottom: 1rem;}
  .index-enter-list li .index-eneter-list-dis{font-size: 1rem; color: #222; line-height: 1.8rem; margin: 0 1rem;}

  
  .index-enter2{margin: 1rem auto;}
  .index-enter2 .index-enter-introduce{position: absolute; left: 5%; top: 60px; width: 90%; height: 360px; box-sizing: border-box; padding: 1rem; background: #fff;}

  }
  

  .index-news-box{background: #f8f7f5; overflow: hidden; width: 100%;}
  .index-news{margin: 80px auto; overflow: hidden;}
  .index-news-tit{font-size: 36px; color: #222;}
  #outer {margin-top: -30px;}
  #tab {overflow:hidden;zoom:1; text-align: right; padding-bottom: 40px;}
  #tab li {font-size: 18px; color:#fff; cursor:pointer; display: inline-block; border-radius: 20px; color: #666; margin-left: 60px; transition: 0.5s;}
  #tab li.current {color:#28a05c; font-size: 24px;}
  #content {}
  #content #index-news-list {display:none;}
  
  .index-news-pic{position: relative; width: 450px; float: left;}
  .index-news-pic img{width:450px; height:480px;}
  .index-news-pic-info{position: absolute; left: 0; bottom: 30px; color: #fff; margin: 0 30px;}
  .index-news-pic-tit{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px;}
  .index-news-pic-dis{font-size: 14px; color: #fff; line-height: 28px;}
  
  .index-news-region{width: 940px; float: right; border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
  .index-news-region ul li{background: #fff; float: left; box-sizing: border-box; padding: 22px 30px; width: 50%; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
  .index-news-region-time{font-size: 14px; color: #222; border-bottom: 1px solid #dedede; margin-bottom: 20px; padding-bottom: 20px;}
  .index-news-region-time span{color: #28a05c; font-size: 36px; display: block;} 
  .index-news-region-time b a{float: right; font-size: 16px; color: #28a05c; margin-top: 20px;}
  .index-news-region-tit{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} 
  .index-news-region-dis{font-size: 14px; color: #999; line-height: 26px;}
  
   
  @media screen and (max-width: 1440px) and (min-width:1025px){
    .index-news-pic{width: 375px; overflow: hidden;}
    .index-news-region{width: 800px;}
    .index-news-region ul li{padding: 10px 15px;}
  }
  @media screen and (max-width: 1024px) and (min-width:0px){
    .index-news-pic{width: 300px; overflow: hidden;}
    .index-news-region{width: 650px;}
    .index-news-region ul li{padding: 10px 15px;}
  }
  @media screen and (max-width: 767px) and (min-width:0px) {
  
  }
  @media screen and (max-width:576px){
  
    .index-news{margin: 2rem auto; overflow: hidden;}
    .index-news-tit{font-size: 1.6rem; color: #222;}
    #outer {margin-top: 20px;}
    #tab {overflow:hidden;zoom:1; text-align: center; padding-bottom: 1rem;}
    #tab li {font-size: 1rem; color:#fff; cursor:pointer; display: inline-block; border-radius: 20px; color: #666; margin: 0 20px; transition: 0.5s;}
    #tab li.current {color:#28a05c; font-size: 1.4rem;}
    #content {}
    #content #index-news-list {display:none;}
    
    .index-news-pic{position: relative; width: 100%; float: none;}
    .index-news-pic img{width:100%; height:auto;}
    .index-news-pic-info{position: absolute; left: 0; bottom: 30px; color: #fff; margin: 0 1rem;}
    .index-news-pic-tit{font-size: 18px; color: #fff; font-weight: bold; margin-bottom: 10px;}
    .index-news-pic-dis{font-size: 14px; color: #fff; line-height: 28px;}
    
    .index-news-region{margin-top: 1rem; width: 100%; box-sizing: border-box; overflow: hidden; float: none; border-top: 1px solid #dedede; border-left: 1px solid #dedede;}
    .index-news-region ul li{background: #fff; float: left; box-sizing: border-box; padding: 1rem; width: 50%; border-right: 1px solid #dedede; border-bottom: 1px solid #dedede;}
    .index-news-region-time{font-size: 14px; color: #222; border-bottom: 1px solid #dedede; margin-bottom: 20px; padding-bottom: 20px;}
    .index-news-region-time span{color: #28a05c; font-size: 36px; display: block;} 
    .index-news-region-time b a{float: right; font-size: 16px; color: #28a05c; margin-top: 20px;}
    .index-news-region-tit{font-size: 18px; color: #000; font-weight: bold; margin-bottom: 10px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;} 
    .index-news-region-dis{font-size: 14px; color: #999; line-height: 26px; display: -webkit-box !important;
      overflow: hidden;
      
      text-overflow: ellipsis;
      word-break: break-all;
      
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 4;
  }
  
  }

  .index-customer{margin: 80px auto;}
  .index-customer-tit{font-size: 36px; color: #222; margin-bottom: 40px;}
  .index-customer-list{}
  .index-customer-list ul li{border: 1px solid #dedede; width: 266px; height: 88px; float: left; margin-right: 20px; margin-bottom: 20px;}
  .index-customer-list ul li:nth-child(5n){margin-right: 0;}

  
@media screen and (max-width: 1440px) and (min-width:1025px){
  .index-customer-list{}
  .index-customer-list ul li{border: 1px solid #dedede; width: 266px; height: 88px; float: left; margin-right: 30px; margin-bottom: 20px; overflow: hidden;}
  .index-customer-list ul li:nth-child(5n){margin-right: 30px;}
}
@media screen and (max-width: 1024px) and (min-width:0px){
}
@media screen and (max-width:576px){
  .index-customer{margin: 2rem auto;}
  .index-customer-tit{font-size: 1.6rem; margin-bottom: 1rem;}
  .index-customer-list ul li{border: 1px solid #dedede; width: 48%; height: 88px; float: left; margin-right: 0; margin-bottom: 20px; overflow: hidden;}
  .index-customer-list ul li img{width: 100%;}
  .index-customer-list ul li:nth-child(5n){margin-right: 0;}
  .index-customer-list ul li:nth-child(2n){float: right;}

}
  
  #footer-box{background: #333; overflow: hidden;}
  #footer{margin: 60px auto; overflow: hidden; display:flex; justify-content: space-between;}
  #footer-information{width:24%; box-sizing: border-box;}
  #footer-tel{font-size: 18px; color: #fff; padding-left: 45px; background: url(../images/footer-icon1.png) no-repeat left top; margin-bottom: 30px;}
  #footer-tel span{font-size: 24px; margin-top: 10px; display: block;}
  #footer-address{font-size: 14px; color: #ccc; line-height: 30px; padding-left: 45px; background: url(../images/footer-icon2.png) no-repeat left top;}
  #footer-address span{ display: block; color: #fff;}
  #footer-list-box{display:flex; width:50%; box-sizing: border-box; justify-content: space-around;}
  #footer-list{}
  #footer-list-tit{font-size: 16px; font-weight: bold; margin-bottom: 30px; color: #fff;}
  #footer-list ul li{font-size: 14px; color: #ccc; margin-bottom: 20px;}
  #footer-list ul li a{color: #ccc;}
  #footer-ewm{width:22%; display:flex; justify-content: space-between; align-items: center; box-sizing: border-box;}
  #footer-ewm-li{width:45%; }
  #footer-ewm-li img{width:100%;}
  #footer-ewm p{color: #fff; margin-top: 10px;}
  #copy{text-align: center; border-top: 1px solid #444; line-height: 52px; font-size: 14px; color: #999;}
  #copy a{color: #999;}
  
  @media screen and (max-width: 1440px) and (min-width:1025px){
    #footer-information{}
    #footer-list{}
	#footer-ewm{display:none;}
  }
  @media screen and (max-width: 1024px) and (min-width:0px){
    #footer-information{}
    #footer-list{}
	#footer-ewm{display:none;}
  }
  @media screen and (max-width:576px){
    #footer-box{background: #333; overflow: hidden;}
  #footer{margin: 1rem auto; width: 80%; overflow: hidden;}
  #footer-information{float: none; margin-right: 0; display: none;}
  #footer-tel{font-size: 1rem; color: #fff; padding-left: 45px; background: url(../images/footer-icon1.png) no-repeat left top; margin-bottom: 30px;}
  #footer-tel span{font-size: 1.2rem; margin-top: 10px; display: block;}
  #footer-address{font-size: 14px; color: #ccc; line-height: 24px; padding-left: 45px; background: url(../images/footer-icon2.png) no-repeat left top; margin-bottom: 30px;}
  #footer-address span{ display: block; color: #fff;}
  #footer-list{float: left; width: 50%; margin-right: 0; box-sizing: border-box; display: none;}
  #footer-list:nth-child(2n){clear: both;}
  #footer-list-tit{font-size: 16px; font-weight: bold; margin-bottom: 30px; color: #fff;}
  #footer-list ul li{font-size: 14px; color: #ccc; margin-bottom: 20px;}
  #footer-list ul li a{color: #ccc;}
  #footer-ewm{float: left; text-align: center; display: none;}
  #footer-ewm p{color: #fff; margin-top: 10px;}
  #copy{text-align: center; border-top: none; line-height: 2rem; font-size: 0.9rem; color: #999; padding-top: 0; margin: 1rem;}
  
  }
  
/*产品设备*/
.product-banner-box{position: relative;}
.product-banner{position: absolute; left: 20%; top: 40%; color: #fff;}
.product-banner-tit{font-size: 36px; margin-bottom: 30px; font-weight: bold;}
.product-banner-dis{font-size: 16px;}

.product-tab-box{ background: #f5f5f5;}
.product-tab{line-height: 60px; text-align: center;}
.product-tab ul li{display: inline-block; margin: 0 25px; font-size: 16px; color: #333;}
.product-tab ul li.active a{color: #28a05c; font-weight: bold; }
.product-tab ul li.active{color: #28a05c; border-bottom: 3px solid #28a05c;}
.product-tab ul li:hover a{color: #28a05c; font-weight: bold;}
.product-tab ul li:hover{color: #28a05c; border-bottom: 3px solid #28a05c;}

.product{margin: 50px auto;}
.product ul li{width: 49%; box-sizing: border-box; float: left; border: 1px solid #dedede; margin-bottom: 40px; padding: 1.5%; height:340px}
.product ul li:nth-child(2n){float: right;}
.product ul li .product-pic{float: left; width: 40%;}
.product ul li .product-pic img{width: 100%;}
.product ul li .product-info{float: right; width: 55%;}
.product ul li .product-info-tit{font-size: 20px; color: #333; font-weight: bold; margin-bottom: 15px;}
.product ul li .product-info-dis{font-size: 16px; color: #666666; line-height: 28px; margin: 10px 0; height: 84px;
  overflow : hidden;  
  text-overflow: ellipsis;  
  display: -webkit-box;  
  -webkit-line-clamp: 3;  
  -webkit-box-orient: vertical; }
.product-info-list span{width: 100px; height: 28px; color: #28a05c; border: 1px solid #cccccc; border-radius: 10px; line-height: 28px; text-align: center; display: inline-block; margin-bottom: 10px; margin-right: 10px;}
.product-info-list span a{color: #28a05c;}
.product-more{ text-align: right; margin-top: 20px; margin-right: 20px;}
.product-more a{color: #28a05c; font-size: 16px;}
.product-more img{margin-left: 10px;}
.yema{text-align: center;}


@media screen and (max-width: 1440px) and (min-width:1025px){
}
@media screen and (max-width: 1024px) and (min-width:0px){
}
@media screen and (max-width:576px){
  .product-banner{position: absolute; left: 0; right: 0; margin: 0 auto; top: 1rem; color: #fff;}
  .product-banner-tit{font-size: 1.2rem; margin-bottom: 1rem; font-weight: bold;}
  .product-banner-dis{font-size: 1rem;}
  .product-tab-box{ background: #f5f5f5;}
  .product-tab{line-height: 60px; text-align: left;}
  .product-tab ul li{display: inline-block; margin: 0 1rem; font-size: 16px; color: #333;}
  .product-tab ul li.active a{color: #28a05c; font-weight: bold; }
  .product-tab ul li.active{color: #28a05c; border-bottom: 3px solid #28a05c;}
  .product-tab ul li:hover a{color: #28a05c; font-weight: bold;}
  .product-tab ul li:hover{color: #28a05c; border-bottom: 3px solid #28a05c;}
  .product{margin: 2rem auto;}
  .product ul li{width: 100%; box-sizing: border-box; float: none; overflow: hidden; border: 1px solid #dedede; margin-bottom: 40px; padding: 5%;}
  .product ul li:nth-child(2n){float: right;}
  .product ul li .product-pic{float: none; width: 50%; margin: 0 auto; margin-bottom: 1rem;}
  .product ul li .product-pic img{width: 100%;}
  .product ul li .product-info{float: none; width: 100%;}

}
/*产品设备*/


/*产品设备-详细页*/
.productview{width: 1280px; margin: 50px auto 30px; border: 1px solid #dedede; box-sizing: border-box; padding: 30px;}
.productview-pic{width: 33%; float: left;}
.productview-pic img{width: 100%;}
.productview-info{width: 65%; float: right;}
.productview-info-tit{font-size: 30px; color: #333;}

.productview-info-gray{background: #f5f5f5; padding: 25px; border-radius: 20px; margin: 20px 0;}
.productview-info-list ul li{color: #030000; line-height: 30px; font-size: 16px; padding-left: 20px; position: relative;}
.productview-info-list ul li::before{width: 8px; height: 8px; background: #28a05c; content: ""; position: absolute; left: 0; top: 13px; border-radius: 100%;}
.productview-info-b{color: #030000; line-height: 30px; font-size: 16px; margin-top: 10px;}
.productview-gtit{font-size: 18px; color: #28a05c; font-weight: bold; margin-bottom: 20px;}

.productview-pro{ width: 1280px; margin: 0 auto; margin-bottom: 40px;}
.productview-information{width: 76%; float: left; box-sizing: border-box; padding: 30px; border: 1px solid #dedede;}
.productview-information-tit{font-size: 20px; font-weight: bold; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
.productview-information-tit span{color: #28a05c; border-bottom: 3px solid #28a05c; padding-bottom: 18px;}

.productview-relevant{width: 22%; float: right;}
.productview-relevant-tit{width:100%; height: 50px; line-height: 50px; padding-left: 20px; box-sizing: border-box; background: #28a05c; font-size: 18px; color: #fff; margin-bottom: 20px;}
.productview-relevant ul li{margin-bottom: 20px; border-bottom: 1px solid #dedede;}
.productview-relevant ul li p{font-size: 16px; color: #333333; height: 50px; line-height: 50px; text-align: center;}


@media screen and (max-width:576px){
  .productview{width: 95%; margin: 50px auto 30px; border: 1px solid #dedede; box-sizing: border-box; padding: 1rem;}
  .productview-pic{width: 100%; float: none; margin-bottom: 1rem;}
  .productview-pic img{width: 100%;}
  .productview-info{width: 100%; float: none;}
  .productview-info-tit{font-size: 1.4rem; color: #333;}
  
  .productview-info-gray{background: #f5f5f5; padding: 25px; border-radius: 20px; margin: 20px 0;}
  .productview-info-list ul li{color: #030000; line-height: 30px; font-size: 16px; padding-left: 20px; position: relative;}
  .productview-info-list ul li::before{width: 8px; height: 8px; background: #28a05c; content: ""; position: absolute; left: 0; top: 13px; border-radius: 100%;}
  .productview-info-b{color: #030000; line-height: 30px; font-size: 16px; margin-top: 10px;}
  .productview-gtit{font-size: 18px; color: #28a05c; font-weight: bold; margin-bottom: 20px;}
  
  .productview-pro{ width: 95%; margin: 0 auto; margin-bottom: 40px;}
  .productview-information{width: 100%; float: none; box-sizing: border-box; padding: 1rem; border: 1px solid #dedede; margin-bottom: 1rem;}
  .productview-information-tit{font-size: 20px; font-weight: bold; color: #333333; padding-bottom: 20px; border-bottom: 1px solid #dedede; margin-bottom: 30px;}
  .productview-information-tit span{color: #28a05c; border-bottom: 3px solid #28a05c; padding-bottom: 18px;}
  .productview-information-info img{width: 100%;}

  .productview-relevant{width: 100%; float: none;}
  .productview-relevant-tit{width:100%; height: 50px; line-height: 50px; padding-left: 20px; box-sizing: border-box; background: #28a05c; font-size: 18px; color: #fff; margin-bottom: 20px;}
  .productview-relevant ul li{margin-bottom: 20px; border-bottom: 1px solid #dedede;}
  .productview-relevant ul li p{font-size: 16px; color: #333333; height: 50px; line-height: 50px; text-align: center;}
  

}
/*产品设备-详细页*/


/*关于我们_发展历程*/
.course{margin: 100px auto;}
.course-year{width: 29%; height: 670px; overflow-y:scroll; float: left; border-right: 1px solid #dddddd; padding-right: 20px; box-sizing: border-box;}
.course-year ul li{text-align: right; width: 80%; padding: 35px 27px; border-bottom: 1px solid #cccccc; position: relative;}
.course-year-tit{font-size: 40px; color: #333; font-weight: bold; margin-bottom: 15px;}
.course-year-dis{font-size: 20px; color: #666;}
.course-year ul li.active {background:#28a05c;}
.course-year ul li a{display:block}
.course-year ul li.active .course-year-tit{color: #fff;}
.course-year ul li.active .course-year-dis{color: #fff;}
.course-year ul li.active::before{width: 0; height: 0; content: ""; position: absolute; right: -10px; top: 42%; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #28a05c;}
.course-year ul li.active:after{width: 10px; height: 10px; background: #fff; border: 1px solid #2da260; border-radius: 100%; content: ""; position: absolute;
   left: 376px;  top: 0; bottom: 0; margin: auto; }



.course-list{float: right; width: 65%;  box-sizing: border-box;}
.course-list ul li{padding: 17px 25px; background: #f5f5f5; margin-bottom: 30px; position: relative;}
.course-list ul li:before{width: 0; height: 0; content: ""; position: absolute; left: -20px; top: 0; bottom: 0; margin: auto; 
  border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #f5f5f5;}
.course-list-pic{float: left; width: 28%; }
.course-list-pic img{width: 100%;}
.course-list-info{float: right; width: 70%;}
.course-list-info-tit{font-size: 30px; color: #333; font-weight: bold; margin: 10px 0;}
.course-list-info-dis{font-size: 16px; color: #444; line-height: 28px;}


@media screen and (max-width:576px){
  .course{margin: 2rem auto;}
  .course-year{width: 95%; height: auto; overflow-x:hidden; float: none; margin-bottom: 2rem; border-right: 1px solid #dddddd; margin-right: 20px; box-sizing: border-box;}
  .course-year ul li{text-align: right; width: 82%; padding: 35px 27px; border-bottom: 1px solid #cccccc; position: relative;}
  .course-year-tit{font-size: 40px; color: #333; font-weight: bold; margin-bottom: 15px;}
  .course-year-dis{font-size: 20px; color: #666;}
  .course-year ul li.active {background:#28a05c;}
  .course-year ul li.active .course-year-tit{color: #fff;}
  .course-year ul li.active .course-year-dis{color: #fff;}
  .course-year ul li.active::before{width: 0; height: 0; content: ""; position: absolute; right: -10px; top: 42%; border-top: 15px solid transparent; border-bottom: 15px solid transparent; border-left: 15px solid #28a05c;}
  .course-year ul li.active:after{width: 10px; height: 10px; background: #fff; border: 1px solid #2da260; border-radius: 100%; content: ""; position: absolute;
    left: 376px;  top: 0; bottom: 0; margin: auto; }

  .course-list{float: none; width: 90%; box-sizing: border-box;}
  .course-list ul li{padding: 17px 25px; background: #f5f5f5; margin-left: 10%; margin-bottom: 30px; position: relative;}
  .course-list ul li:before{width: 0; height: 0; content: ""; position: absolute; left: -20px; top: 0; bottom: 0; margin: auto; 
    border-top: 20px solid transparent; border-bottom: 20px solid transparent; border-right: 20px solid #f5f5f5;}
  .course-list-pic{float: none; width: 100%; margin-bottom: 1rem;}
  .course-list-pic img{width: 100%;}
  .course-list-info{float: none; width: 100%;}
  .course-list-info-tit{font-size: 1.4rem; color: #333; font-weight: bold; margin: 10px 0;}
  .course-list-info-dis{font-size: 1rem; color: #444; line-height: 28px;}
  
}
/*关于我们_发展历程*/

/*关于我们_海森介绍*/
.introduce{margin: 80px auto;}
.introduce-information{width: 50%; float: left;}
.introduce-information-tit{font-size: 60px; color:#999999; }
.introduce-information-dis{font-size: 24px; color:#28a05c; }
.introduce-information-info{font-size: 16px; color:#444444; line-height: 30px; margin: 20px 0;}
.introduce-pic{width: 48%; float: right;}


.introduce-business-box{background: #f5f5f5; overflow: hidden;}
.introduce-business{margin: 80px auto; overflow:hidden}
.introduce-business-tit{font-size: 36px; font-weight: bold; color: #28a05c; text-align: center; margin-bottom: 40px;}
.introduce-business ul li{float: left;   text-align: center; position:relative; cursor:pointer; margin-right:1%; margin-bottom:20px; overflow: hidden;}
.introduce-business ul li img{width: 100%;}
.introduce-business ul li:hover img{transform: scale(1.1); transition: 1s;}
.introduce-business ul li:hover{box-shadow: 2px 2px 10px rgba(0,0,0,0.5);}
.introduce-business ul li .title{width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; position:absolute; bottom:0; 
   background-color: rgba(0,0,0,0.5); color:#FFFFFF}

.introduce-business ul li:nth-child(1){width:41%;}
.introduce-business ul li:nth-child(2){width:28.5%;}
.introduce-business ul li:nth-child(3){width:28.5%; margin-right:0}

.introduce-business ul li:nth-child(4){width:25%; }
.introduce-business ul li:nth-child(5){width:25%; }
.introduce-business ul li:nth-child(6){width:25%; }
.introduce-business ul li:nth-child(7){width:22%; margin-right:0 }


.introduce-culture{margin: 80px auto;}
.introduce-culture-tit{font-size: 36px; font-weight: bold; color: #28a05c; text-align: center; }
.introduce-culture-dis{font-size: 18px; color: #333; text-align: center; margin:25px 0 40px}

.introduce-culture-information{ background: url(../images/introduce-culture-bg.jpg) no-repeat center;}
.introduce-culture-information-info{padding: 70px 60px; box-sizing: border-box;}
.introduce-culture-information-tit{font-size: 30px; color: #fff;}
.introduce-culture-information-line{width: 40px; height: 3px; background: #fff; margin: 20px 0 40px;}
.introduce-culture-information-dis{font-size: 18px; color: #fff; line-height: 30px; width: 450px; max-height: 300px;}
.introduce-culture-list{margin-top: 40px;}
.introduce-culture-list ul li{ width: 20%; float: left; text-align: center;}
.introduce-culture-list ul li .tit{ font-size: 20px; font-weight: bold; color: #28a05c; margin: 35px 0 20px;}
.introduce-culture-list ul li .dis{ font-size: 16px; color: #666666; line-height: 30px;}


@media screen and (max-width:576px){

  .introduce{margin: 2rem auto;}
  .introduce-information{width: 100%; float: none;}
  .introduce-information-tit{font-size: 2rem; color:#999999; }
  .introduce-information-dis{font-size: 1.2rem; color:#28a05c; }
  .introduce-information-info{font-size: 16px; color:#444444; line-height: 30px; margin: 20px 0;}
  .introduce-pic{width: 100%; float: none;}
  .introduce-pic img{width: 100%;}
  
  
  .introduce-business-box{background: #f5f5f5; overflow: hidden;}
  .introduce-business{margin: 2rem auto; overflow:hidden}
  .introduce-business-tit{font-size: 1.6rem; font-weight: bold; color: #28a05c; text-align: center; margin-bottom: 1rem;}
  .introduce-business ul li{float: left;   text-align: center; position:relative; cursor:pointer; margin-right:1%; margin-bottom:1rem; overflow: hidden;}
  .introduce-business ul li img{width: 100%;}
  .introduce-business ul li .title{width:100%; height:40px; line-height:40px; text-align:center; font-size:18px; position:absolute; bottom:0; 
     background-color: rgba(0,0,0,0.5); color:#FFFFFF}
  
  .introduce-business ul li:nth-child(1){width:100%;}
  .introduce-business ul li:nth-child(2){width:49%;}
  .introduce-business ul li:nth-child(3){width:49%; margin-right:0}
  
  .introduce-business ul li:nth-child(4){width:32%; }
  .introduce-business ul li:nth-child(5){width:32%; }
  .introduce-business ul li:nth-child(6){width:32%; }
  .introduce-business ul li:nth-child(7){width:100%; margin-right:0 }
  
  
  .introduce-culture{margin: 2rem auto;}
  .introduce-culture-tit{font-size: 1.6rem; font-weight: bold; color: #28a05c; text-align: center; }
  .introduce-culture-dis{font-size: 1rem; color: #333; text-align: center; margin:1rem 0 2rem}
  
.introduce-culture-information{ background: url(../images/introduce-culture-bg.jpg) no-repeat center;}
.introduce-culture-information-info{padding: 2rem; box-sizing: border-box;}
.introduce-culture-information-tit{font-size: 1.6rem; color: #fff;}
.introduce-culture-information-line{width: 40px; height: 3px; background: #fff; margin:1rem 0 ;}
.introduce-culture-information-dis{font-size: 18px; color: #fff; line-height: 30px; width: 100%; max-height: 300px;}
.introduce-culture-list{margin-top: 2rem;}
.introduce-culture-list ul li{ width: 50%; height: 242px; margin-bottom: 1rem; float: left; text-align: center;}
.introduce-culture-list ul li .tit{ font-size: 20px; font-weight: bold; color: #28a05c; margin: 35px 0 20px;}
.introduce-culture-list ul li .dis{ font-size: 16px; color: #666666; line-height: 30px;}
  
}
/*关于我们_海森介绍*/

/*关于我们_员工风采*/
.staff{margin: 60px auto;}
.staff ul li{width: 32%; margin-right: 2%; float: left; margin-bottom: 20px;}
.staff ul li:nth-child(3n){margin-right: 0;}
.staff ul li img{width:100%; height:280px;}
.staff ul li p{font-size: 18px; color: #222; text-align: center; line-height: 60px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

@media screen and (max-width:576px){
  .staff{margin: 2rem auto;}
  .staff ul li{width: 49%; margin-right: 0%; float: left; margin-bottom: 1rem;}
.staff ul li img{width:100%; height:140px;}
  .staff ul li:nth-child(2n){float: right;}
  .staff ul li:nth-child(3n){margin-right: 0;}
  .staff ul li p{font-size: 1rem; color: #222; text-align: center; line-height: 3rem; white-space: nowrap; overflow: hidden; text-overflow:ellipsis;}

}

/*关于我们_员工风采*/
.honor-box{margin: 80px auto;}
.honor{ display: -webkit-flex; display: flex;}
.honor {  flex-wrap: wrap;}
.honor .item { flex: 0 0 25%; margin-bottom: 20px; text-align: center;  overflow: hidden;}
.honor .item .img { position: relative; height: 230px;}
.honor .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.honor .item h3 { height: 70px;line-height: 60px;  background: url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.honor .item:nth-of-type(4n) h3{  background: url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
.honor .item:first-of-type h3,
.honor .item:nth-of-type(4n+1) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg0.jpg') repeat-x;}
.honor .item:last-child h3{  background: url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}

@media screen and (max-width:576px){

  .honor-box{margin: 2rem auto;}
  .honor{ display: -webkit-flex; display: flex;}
  .honor {  flex-wrap: wrap;}
  .honor .item { flex: 0 0 100%; margin-bottom: 1rem; text-align: center;  overflow: hidden;}
  .honor .item .img { position: relative; height: 200px;}
  .honor .item .img img { max-height: 100%; padding-right:20px; background: url('../images/txbg3.jpg') right bottom no-repeat;  position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
  .honor .item h3 { height: 70px;line-height: 60px;   background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x; font-size: 16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
  .honor .item:nth-of-type(4n) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  .honor .item:first-of-type h3,
  .honor .item:nth-of-type(4n+1) h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  .honor .item:last-child h3{  background: url('../images/txbg1.jpg') left no-repeat, url('../images/txbg2.jpg') right no-repeat, url('../images/txbg0.jpg') repeat-x;}
  

}

/*关于我们_员工风采*/

/*环保研究院*/
.research{margin: 80px auto;}
.research-core{}
.research-core-etit{font-size: 30px; color: #333; font-weight: bold; text-align: center; margin-bottom: 14px;}
.research-core-tit{font-size: 30px; color: #28a05c; font-weight: bold; text-align: center;}
.research-core-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
.research-core-dis{font-size: 16px; color: #333; text-align: center;}
.research-core-information{margin: 30px auto;}
.research-core-information-l{width: 50%; box-sizing: border-box; float: left;}
.research-core-information-l img{width: 100%;}
.research-core-information-r{width: 50%; box-sizing: border-box; float: left; padding: 85px 60px; text-align: center;}
.research-core-information-rtit{font-size: 30px; color: #333; font-weight: bold; margin-bottom: 40px;}
.research-core-information-rdis{font-size: 16px; color: #333; line-height: 30px;}

.research-corelist{}
.research-corelist ul li{float: left; width: 23.5%; margin-right: 2%;}
.research-corelist ul li:nth-child(4n){margin-right: 0;}
.research-corelist ul li .research-corelist-pic img{width: 100%;}
.research-corelist ul li .research-corelist-tit{ font-size: 18px; font-weight: bold; color: #333; margin: 20px 0;}
.research-corelist ul li .research-corelist-dis{ font-size: 16px; color: #666; line-height: 30px;}

.research-line{ height: 1px; background: #666;}

.research-technology{}
.research-technology-information{width: 50%; float: left; text-align: center; box-sizing: border-box; padding: 70px 60px;}
.research-technology-information-tit{font-size: 30px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
.research-technology-information-dis{font-size: 16px; color: #333333; text-align: center;}
.research-technology-information-dis ul li{margin-bottom: 20px;}
.research-technology-information-dis ul li span{display: inline-block; vertical-align: middle; width: 10px; height: 10px; border: 3px solid #28a05c; border-radius: 100%; margin-right: 20px;}
.research-technology-information-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
.research-technology-pic{width: 50%; float: left; box-sizing: border-box;}
.research-technology-pic img{width: 100%;}

.research-autonomy-pic{width: 50%; float: left; box-sizing: border-box;}
.research-autonomy-pic img{width: 100%;}
.research-autonomy-information{width: 50%; float: left; text-align: center; box-sizing: border-box; padding: 45px 50px;}
.research-autonomy-information-tit{font-size: 30px; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
.research-autonomy-information-dis{font-size: 16px; color: #333333; text-align: center;}
.research-autonomy-information-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
.research-autonomy-information-more {font-size: 14px; color: #fff; text-align: center; background: #28a05c; width: 140px; height: 36px; line-height: 36px; margin: 30px auto 0;}

.research-experiment-tit{font-size: 30px; color: #333; margin-bottom: 30px; font-weight: bold;}

.research-experiment-list{ float: left; margin-right: 2%;}
.research-experiment .list1{width: 24.3%;}
.research-experiment .list2{width: 27.3%;}
.research-experiment .list3{width: 20.7%;}
.research-experiment .list4{margin-right: 0; width: 20.7%;}
.research-experiment-list-pic img{width: 100%;}
.research-experiment-list-tit{line-height: 60px; font-size: 16px; color: #333333; text-align: center;}

@media screen and (max-width:576px){

  .research{margin: 2rem auto;}
  .research-core{}
  .research-core-etit{font-size: 1.6rem; color: #333; font-weight: bold; text-align: center; margin-bottom: 14px;}
  .research-core-tit{font-size: 1.6rem; color: #28a05c; font-weight: bold; text-align: center;}
  .research-core-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
  .research-core-dis{font-size: 16px; color: #333; text-align: center; line-height: 1.8rem;}
  .research-core-information{margin: 30px auto;}
  .research-core-information-l{width: 100%; box-sizing: border-box; float: none;}
  .research-core-information-l img{width: 100%;}
  .research-core-information-r{width: 100%; box-sizing: border-box; float: none; padding: 1rem; text-align: center;}
  .research-core-information-rtit{font-size: 30px; color: #333; font-weight: bold; margin-bottom: 40px;}
  .research-core-information-rdis{font-size: 16px; color: #333; line-height: 30px;}
  
  .research-corelist{}
  .research-corelist ul li{float: left; width: 23.5%; margin-right: 2%;}
  .research-corelist ul li:nth-child(4n){margin-right: 0;}
  .research-corelist ul li .research-corelist-pic img{width: 100%;}
  .research-corelist ul li .research-corelist-tit{ font-size: 18px; font-weight: bold; color: #333; margin: 20px 0; height: 80px;}
  .research-corelist ul li .research-corelist-dis{ font-size: 16px; color: #666; line-height: 30px;}
  
  .research-line{ height: 1px; background: #666;}
  
  .research-technology{}
  .research-technology-information{width: 100%; float: none; text-align: center; box-sizing: border-box; padding: 1rem;}
  .research-technology-information-tit{font-size: 1.6rem; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
  .research-technology-information-dis{font-size: 16px; color: #333333; text-align: center;}
  .research-technology-information-dis ul li{margin-bottom: 20px;}
  .research-technology-information-dis ul li span{display: inline-block; vertical-align: middle; width: 10px; height: 10px; border: 3px solid #28a05c; border-radius: 100%; margin-right: 20px;}
  .research-technology-information-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
  .research-technology-pic{width: 100%; float: none; box-sizing: border-box;}
  .research-technology-pic img{width: 100%;}
  
  .research-autonomy-pic{width: 100%; float: none; box-sizing: border-box;}
  .research-autonomy-pic img{width: 100%;}
  .research-autonomy-information{width: 100%; float: none; text-align: center; box-sizing: border-box; padding: 1rem;}
  .research-autonomy-information-tit{font-size: 1.6rem; color: #333; font-weight: bold; text-align: center; margin-bottom: 30px;}
  .research-autonomy-information-dis{font-size: 16px; color: #333333; text-align: center;}
  .research-autonomy-information-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
  .research-autonomy-information-more {font-size: 14px; color: #fff; text-align: center; background: #28a05c; width: 140px; height: 36px; line-height: 36px; margin: 30px auto 0;}
  
  .research-experiment-tit{font-size: 30px; color: #333; margin-bottom: 30px; font-weight: bold;}
  
  .research-experiment-list{ float: left; margin-right: 0%; margin-bottom: 1rem;}
  .research-experiment .list1{width: 45%;}
  .research-experiment .list2{width: 50%; float: right;}
  .research-experiment .list3{width: 48%; clear: both;}
  .research-experiment .list4{margin-right: 0; width: 48%; float: right;}
  .research-experiment-list-pic img{width: 100%;}
  .research-experiment-list-tit{line-height: 2rem; font-size: 0.9rem; color: #333333; text-align: center;}

}
/*环保研究院*/


/*解决方案*/
.solution{margin: 80px auto;}
.solution-present{}
.solution-present-etit{font-size: 30px; color: #333; font-weight: bold; text-align: center; margin-bottom: 14px;}
.solution-present-tit{font-size: 30px; color: #28a05c; font-weight: bold; text-align: center;}
.solution-present-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
.solution-present-dis{font-size: 16px; color: #333; text-align: center; line-height: 30px; margin-bottom: 40px;}
.solution-present-list ul li{width: 16.666666%; float: left; text-align: center;}
.solution-present-list ul li img{width: 130px; height: 130px; border-radius: 10px; display: block; margin: 0 auto;}
.solution-present-list ul li p{line-height: 55px; text-align: center; font-size: 16px; color: #333;}

.solution-thinking-box{background: #f5f5f5; overflow: hidden;}
.solution-thinking-etit{font-size: 30px; color: #333; text-align: center; font-family: "黑体"; margin-bottom: 20px;}
.solution-thinking-tit{font-size: 30px; color: #28a05c; text-align: center; font-family: "黑体";}
.solution-thinking-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
.solution-thinking-dis{font-size: 16px; color: #333; text-align: center; margin: 0 100px; line-height: 35px;}
.solution-thinking-more{width: 230px; height: 50px; line-height: 50px; text-align: center; margin: 40px auto; background: #28a05c; color: #fff; border-radius: 10px; font-size: 16px;}

.solution-classification-box{width: 100%; height: 680px; background: url(../images/solution-classification-bg.jpg) no-repeat center; overflow: hidden;}
.solution-classification{margin: 75px auto;}
.solution-classification-etit{font-size: 30px; color: #ffffff; text-align: center; font-family: "黑体"; margin-bottom: 10px;}
.solution-classification-tit{font-size: 30px; color: #ffffff; text-align: center; font-family: "黑体";}
.solution-classification-line{width: 40px; height: 2px; background: #b4ed2c; margin: 30px auto;}
.solution-classification-dis{font-size: 16px; color: #ffffff; text-align: center; margin: 0 100px; line-height: 35px; margin-bottom: 50px;}
#solution-classification-list{}
#solution-classification-list ul li{ position: relative; margin-top: 120px; float: left; margin-right: 42px;}
#solution-classification-list ul li:last-child{margin-right: 0;}
#solution-classification-list ul li:nth-child(2n){margin-top: 0;}
#solution-classification-list ul li .solution-classification-list-tit{width: 119px; height: 168px; background: url(../images/solution-classification-coordinate.png) no-repeat center;
text-align: center; line-height: 26px; font-size: 16px; color: #333; font-weight: bold; padding-top: 40px; box-sizing: border-box;}
#solution-classification-list ul li .solution-classification-list-tit:hover{ color:#28a05c}
#solution-classification-list ul li .solution-classification-list-tit.on{ color:#28a05c}
#solution-classification-list ul li .solution-classification-list-information{background: #fff; padding: 10px; line-height: 30px; width: 500px;
  position: absolute; left: 50%; right: 50%; /*margin:-168px 0 0 -250px;*/ top: 0; display: none; z-index: 999;bottom:0}

.solution-information{background: #fff; padding: 10px; line-height: 30px; width: 500px;position:fixed; left: 0%; right: 0%;top: 0; display: none; z-index: 999; top:30%; margin:0 auto}  
 .solution-information .closediv{width:100%; text-align:right} 
  #solution-classification-list ul li:hover{cursor: pointer;}
  #solution-classification-list ul li:hover .solution-classification-list-information{display: block;}
#solution-classification-list ul li .solution-classification-list-information::before{width: 0px; height: 0px; content: ""; position: absolute; left: 0; right: 0; margin: 0 auto;
    bottom: -10px;  
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #fff;}

.solution-product{}
.solution-product ul li{width: 16.666666%; float: left; text-align: center;}
.solution-product ul li img{width: 130px; height: 130px; border-radius: 10px; display: block; margin: 0 auto;}
.solution-product ul li p{line-height: 30px; text-align: center; font-size: 16px; color: #333; margin: 15px 22px; height: 60px;}
.solution-product ul li .more{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; background: #28a05c; color: #fff; border-radius: 5px;}


.solution-operation-box{background: #f5f5f5; overflow: hidden;}
.solution-operation-etit{font-size: 30px; color: #333; font-weight: bold; text-align: center; margin-bottom: 10px;}
.solution-operation-tit{font-size: 30px; color: #28a05c; font-weight: bold; text-align: center;}
.solution-operation-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
.solution-operation-dis{font-size: 16px; color: #333; text-align: center; margin: 0 50px; line-height: 35px;}
.solution-operation-list{margin: 30px 0;}
.solution-operation-list ul li{width: 49%; float: left;}
.solution-operation-list ul li:nth-child(2n){float: right;}
.solution-operation-list ul li p{text-align: center; font-size: 18px; color: #333333; margin: 20px 0 30px;}
.solution-operation-list ul li .more{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; background: #28a05c; color: #fff; border-radius: 5px;}


.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed;top:50%;left:50%;z-index:9999;display:none;margin:-380px 0 0 -500px;width:1000px;height:760px; box-sizing: border-box; padding: 20px; background-color:#fff; box-shadow:0 0 10px #666}
.theme-poptit{position:absolute; right:20px; top:20px;}
.equipment-tit{font-size: 24px; color: #333333; margin-bottom: 10px;}
.equipment-dis{font-size: 18px; color: #28a05c; margin-bottom: 10px;}

@media screen and (max-width:576px){
  .solution{margin: 2rem auto;}
  .solution-present{}
  .solution-present-etit{font-size: 1.6rem; color: #333; font-weight: bold; text-align: center; margin-bottom: 14px;}
  .solution-present-tit{font-size: 1.6rem; color: #28a05c; font-weight: bold; text-align: center;}
  .solution-present-line{width: 40px; height: 2px; background: #28a05c; margin: 1rem auto;}
  .solution-present-dis{font-size: 16px; color: #333; text-align: center; line-height: 30px; margin-bottom: 40px;}
  .solution-present-list ul li{width: 33.3333%; box-sizing: border-box; padding: 1%; float: left; text-align: center;}
  .solution-present-list ul li img{width: 100%; height: auto; border-radius: 10px; display: block; margin: 0 auto;}
  .solution-present-list ul li p{line-height: 55px; text-align: center; font-size: 16px; color: #333;}
  
  .solution-thinking-box{background: #f5f5f5; overflow: hidden;}
  .solution-thinking-etit{font-size: 1.6rem; color: #333; text-align: center; font-family: "黑体"; margin-bottom: 20px;}
  .solution-thinking-tit{font-size: 1.6rem; color: #28a05c; text-align: center; font-family: "黑体";}
  .solution-thinking-line{width: 40px; height: 2px; background: #28a05c; margin: 30px auto;}
  .solution-thinking-dis{font-size: 16px; color: #333; text-align: center; margin: 0 1rem; line-height: 35px;}
  .solution-thinking-more{width: 50%; height: 3rem; line-height: 3rem; text-align: center; margin: 2rem auto; background: #28a05c; color: #fff; border-radius: 10px; font-size: 16px;}
  
  .solution-classification-box{width: 100%; height: 680px; background: url(../images/solution-classification-bg.jpg) no-repeat center; overflow: hidden;}
  .solution-classification{margin: 2rem auto;}
  .solution-classification-etit{font-size: 1.6rem; color: #ffffff; text-align: center; font-family: "黑体"; margin-bottom: 10px;}
  .solution-classification-tit{font-size: 1.6rem; color: #ffffff; text-align: center; font-family: "黑体";}
  .solution-classification-line{width: 40px; height: 2px; background: #b4ed2c; margin: 1rem auto;}
  .solution-classification-dis{font-size: 16px; color: #ffffff; text-align: center; margin: 0 1rem; line-height: 35px;}
  
  .solution-product{}
  .solution-product ul li{width: 33.333%; float: left; box-sizing: border-box; padding: 1%; text-align: center; margin-bottom: 1rem;}
  .solution-product ul li img{width: 100%; height: auto; border-radius: 10px; display: block; margin: 0 auto;}
  .solution-product ul li p{line-height: 30px; text-align: center; font-size: 16px; color: #333; margin: 1rem 0.5rem; height: 7rem;}
  .solution-product ul li .more{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; background: #28a05c; color: #fff; border-radius: 5px;}
  
  
  .solution-operation-box{background: #f5f5f5; overflow: hidden;}
  .solution-operation-etit{font-size: 1.6rem; color: #333; font-weight: bold; text-align: center; margin-bottom: 10px;}
  .solution-operation-tit{font-size: 1.6rem; color: #28a05c; font-weight: bold; text-align: center;}
  .solution-operation-line{width: 40px; height: 2px; background: #28a05c; margin: 1rem auto;}
  .solution-operation-dis{font-size: 16px; color: #333; text-align: center; margin: 0 1rem; line-height: 35px;}
  .solution-operation-list{margin: 30px 0;}
  .solution-operation-list ul li{width: 100%; float: none; margin-bottom: 2rem;}
  .solution-operation-list ul li:nth-child(2n){float: none;}
  .solution-operation-list ul li p{text-align: center; font-size: 18px; color: #333333; margin: 1rem 0;}
  .solution-operation-list ul li .more{width: 120px; height: 40px; line-height: 40px; text-align: center; margin: 0 auto; background: #28a05c; color: #fff; border-radius: 5px;}
  
  
.theme-popover-mask{position:fixed;top:0;left:0;z-index:9998;display:none;width:100%;height:100%;background:#000;opacity:.4;filter:alpha(opacity=40)}
.theme-popover{position:fixed;top:10%;left:5%;z-index:9999;display:none;margin:0;width:90%;height:auto; box-sizing: border-box; padding: 20px; background-color:#fff; box-shadow:0 0 10px #666}
.theme-poptit{position:absolute; right:10px; top:10px;}
.equipment-tit{font-size: 1.2rem; color: #333333; margin-bottom: 1rem;}
.equipment-dis{font-size: 1rem; color: #28a05c; margin-bottom: 1rem;}

}
/*解决方案*/

/*联系我们*/
.contact-ban{width: 100%; height: 865px; background: url(../images/contact-ban.jpg) no-repeat center; overflow: hidden;}
.contact-ban-information{width: 600px; height: 420px; background: #fff; box-sizing: border-box; padding: 80px 55px; margin-top: 130px;}
.contact-ban-information-tit{font-size: 30px; color: #333; font-weight: bold; margin-bottom: 40px;}
.contact-ban-information-dis{font-size: 18px; color: #333; line-height: 40px;}

.contact-three{margin: 80px auto;}
.contact-three-list{min-height: 520px; float: left; width: 33.33%; padding-right: 4%; padding-left: 4%; border-right: 1px solid #cccccc; box-sizing: border-box;}
.contact-three-list:last-child{border-right: 0;}
.contact-three-list-tit{font-size: 30px; color: #333; }
.contact-three-list-line{width: 30px; height: 2px; background: #28a05c; margin: 15px 0 50px;}
.contact-three-list-dis{font-size: 16px; color: #666; line-height: 35px;}
.contact-three-list-wechat{text-align: center;}
.contact-three-list-inp{}
.contact-three-list-inp input{width: 80%; height: 45px; line-height: 45px; margin-bottom: 10px; border: 1px solid #333333; padding-left: 10px;}
.contact-three-list-inp textarea{width: 80%; height: 90px; line-height: 45px; margin-bottom: 10px; border: 1px solid #333333; padding-left: 10px;}
.contact-three-list-more{width: 180px; height: 45px; line-height: 45px; text-align: center; background: #28a05c; color: #fff; margin-top: 20px;}

@media screen and (max-width:576px){

  .contact-ban{width: 100%; height: auto; background: url(../images/contact-ban.jpg) no-repeat center; overflow: hidden; padding: 5rem 1rem; box-sizing: border-box;}
  .contact-ban-information{width: 100%; height: auto; background: #fff; box-sizing: border-box; padding: 2rem 1rem; margin-top: 0;}
  .contact-ban-information-tit{font-size: 1.4rem; color: #333; font-weight: bold; margin-bottom: 1rem;}
  .contact-ban-information-dis{font-size: 1rem; color: #333; line-height: 2.4rem;}
  
  .contact-three{margin: 2rem auto;}
  .contact-three-list{min-height: auto; padding-bottom: 2rem; margin-bottom: 2rem; float: left; width: 100%; padding-right: 4%; padding-left: 4%; border-right: none; border-bottom: 1px solid #ccc; box-sizing: border-box;}
  .contact-three-list:last-child{border-right: 0;}
  .contact-three-list-tit{font-size: 30px; color: #333; }
  .contact-three-list-line{width: 30px; height: 2px; background: #28a05c; margin: 15px 0 50px;}
  .contact-three-list-dis{font-size: 16px; color: #666; line-height: 35px;}
  .contact-three-list-wechat{text-align: center;}
  .contact-three-list-inp{}
  .contact-three-list-inp input{width: 80%; height: 45px; line-height: 45px; margin-bottom: 10px; border: 1px solid #333333; padding-left: 10px;}
  .contact-three-list-inp textarea{width: 80%; height: 90px; line-height: 45px; margin-bottom: 10px; border: 1px solid #333333; padding-left: 10px;}
  .contact-three-list-more{width: 180px; height: 45px; line-height: 45px; text-align: center; background: #28a05c; color: #fff; margin-top: 20px;}
  
}
/*联系我们*/

/*主营业务*/
.business{margin: 60px 70px;}
.business-tit{font-size: 36px; color: #28a05c; font-weight: bold; margin-bottom: 30px;}
.business-dis{font-size: 18px; line-height: 35px;}
.business-pic{margin: 20px 0;}

.business-case-box{background: #f5f5f5; overflow: hidden;}
.business-case{margin: 80px 70px;}
.business-case-tit{font-size: 36px; color: #28a05c; font-weight: bold; margin-bottom: 40px;}
.business-caselist ul li{width: 49%; float: left; background: #fff; margin-bottom: 40px;}
.business-caselist ul li:nth-child(2n){float: right;}
.business-caselist ul li .business-caselist-pic img{width: 100%;}
.business-caselist ul li .business-caselist-tit{font-size: 18px; color: #000; font-weight: bold; text-align: center; margin: 10px 0;}
.business-caselist ul li .business-caselist-line{width: 45px; height: 1px; background: #28a05c; margin: 20px auto;}
.business-caselist ul li .business-caselist-dis{font-size: 14px; color: #666; line-height: 28px; margin: 20px; text-align: center;}
.business-caselist-more{width: 240px; height: 50px; background: #28a05c; margin: 0 auto; line-height: 50px; text-align: center; color: #fff; font-size: 16px;}

@media screen and (max-width:576px){

  .business{margin: 2rem 1rem;}
  .business-tit{font-size: 1.6rem; color: #28a05c; font-weight: bold; margin-bottom: 1rem;}
  .business-dis{font-size: 18px; line-height: 35px;}
  .business-pic{margin: 20px 0;}
  
  .business-case-box{background: #f5f5f5; overflow: hidden;}
  .business-case{margin: 2rem 1rem;}
  .business-case-tit{font-size: 1.6rem; color: #28a05c; font-weight: bold; margin-bottom: 1rem;}
  .business-caselist ul li{width: 100%; float: none; background: #fff; margin-bottom: 1rem;}
  .business-caselist ul li:nth-child(2n){float: right;}
  .business-caselist ul li .business-caselist-pic img{width: 100%;}
  .business-caselist ul li .business-caselist-tit{font-size: 18px; color: #000; font-weight: bold; text-align: center; margin: 10px 0;}
  .business-caselist ul li .business-caselist-line{width: 45px; height: 1px; background: #28a05c; margin: 20px auto;}
  .business-caselist ul li .business-caselist-dis{font-size: 14px; color: #666; line-height: 28px; margin: 20px; text-align: center; padding-bottom: 1rem;}
  .business-caselist-more{width: 240px; height: 50px; background: #28a05c; margin: 1rem auto; line-height: 50px; text-align: center; color: #fff; font-size: 16px;}
  
}
/*主营业务*/

/*主营业务_案例详细*/
.business-caseview-box{
  overflow: hidden;
background-image: linear-gradient(
    to right,
  #fff 50%,
  #fafafa 50%,
  #fafafa 100%
  );
}
.business-caseview{}
.business-caseview-l{width: 70%; float: left; padding: 70px 0; box-sizing: border-box; background: #fff; border-right: 1px solid #e2ebf0;}
.business-caseview-ltit{font-size: 30px; color: #022020;}
.business-caseview-ltime{font-size: 14px; color: #999; margin: 20px 0;}
.business-caseview-ltime span{margin-right: 20px;}
.business-caseview-ltime img{margin: 0 10px;}


.business-caseview-r{ float: right; width: 30%; box-sizing: border-box; padding: 80px 0; padding-left: 30px;}
.business-caseview-rtit{font-size: 30px; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 20px; margin-bottom: 25px;}
.business-caseview-rtit::before{width: 2px; height: 30px; background: #28a05c; content: ""; position: absolute; left: -31px; top: 8px;} 

.business-caseview-rlist ul li{ margin-bottom: 15px;}
.business-caseview-rlist ul li p{line-height: 50px; font-size: 16px; color: #000;}

@media screen and (max-width:576px){

  
.business-caseview-box{
  overflow: hidden;
background-image: linear-gradient(
    to right,
  #fff 50%,
  #fff 50%,
  #fff 100%
  );
}
  .business-caseview{}
  .business-caseview-l{width: 100%; float: none; padding: 2rem 0; box-sizing: border-box; background: #fff; border-right: none;}
  .business-caseview-ltit{font-size: 1.4rem; color: #022020;}
  .business-caseview-ltime{font-size: 14px; color: #999; margin: 20px 0;}
  .business-caseview-ltime span{margin-right: 20px;}
  .business-caseview-ltime img{margin: 0 10px;}
  
  
  .business-caseview-r{ float: none; width: 100%; box-sizing: border-box; padding: 2rem 0; padding-left: 0;}
  .business-caseview-rtit{font-size: 30px; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 20px; margin-bottom: 25px; padding-left: 30px;}
  .business-caseview-rtit::before{width: 2px; height: 30px; background: #28a05c; content: ""; position: absolute; left: 0px; top: 8px;} 
  
  .business-caseview-rlist ul li{ margin-bottom: 15px; text-align: center;}
  .business-caseview-rlist ul li p{line-height: 50px; font-size: 16px; color: #000;}
  
}

/*资讯*/
.news{ margin: 60px auto;}
.news-top{ padding: 0 70px; box-sizing: border-box; margin-bottom: 40px; background: url(../images/news-bg.jpg) no-repeat center;}
.news-top-information{width: 360px; height: 360px; box-sizing: border-box; background: #fff; padding: 55px 40px; float: right; margin: 30px;}
.news-top-time{font-size: 14px; color: #999;}
.news-top-tit{font-size: 18px; color: #333; font-weight: bold; margin: 20px 0;}
.news-top-dis{font-size: 14px; color: #666; line-height: 26px; height: 125px;}
.news-top-more{width: 140px; height: 36px; line-height: 36px; text-align: center; background: #28a05c; color: #fff;} 

 
.news-list{ position: relative; padding: 0 70px; box-sizing: border-box; margin-bottom: 40px;}
.news-list ul li{background: #f5f5f5; width: 32%; float: left; margin-right: 2%; margin-bottom: 40px;}
.news-list ul li:nth-child(3n){margin-right: 0;}
.news-list ul li .news-list-pic img{width: 100%;}
.news-list ul li .news-list-information{padding: 25px 20px;}
.news-list ul li .news-list-tit{font-size: 16px; color: #000; margin-bottom: 40px; overflow:hidden; text-overflow :ellipsis; white-space : nowrap ;}
.news-list ul li .news-list-more{background: #ffffff; padding: 5px 15px; color: #999999;}
.news-list ul li .news-list-more:hover{background: #28a05c; color: #fff;}
.news-list ul li .news-list-time{float: right; color: #999999;}

@media screen and (max-width:576px){

  .news{ margin: 2rem auto;}
  .news-top{ padding: 0 1rem; box-sizing: border-box; margin-bottom: 40px; background: url(../images/news-bg.jpg) no-repeat center;}
  .news-top-information{width: 100%; height: auto; box-sizing: border-box; background: #fff; padding: 2rem; float: right; margin: 1rem auto;}
  .news-top-time{font-size: 14px; color: #999;}
  .news-top-tit{font-size: 18px; color: #333; font-weight: bold; margin: 20px 0;}
  .news-top-dis{font-size: 14px; color: #666; line-height: 26px; height: 125px;}
  .news-top-more{width: 140px; height: 36px; line-height: 36px; text-align: center; background: #28a05c; color: #fff;} 
  
   
  .news-list{ position: relative; padding: 0 1rem; box-sizing: border-box; margin-bottom: 1rem;}
  .news-list ul li{background: #f5f5f5; width: 100%; float: none; margin-right: 0%; margin-bottom: 1rem;}
  .news-list ul li:nth-child(3n){margin-right: 0;}
  .news-list ul li .news-list-pic img{width: 100%;}
  .news-list ul li .news-list-information{padding: 1.5rem 1rem;}
  .news-list ul li .news-list-tit{font-size: 16px; color: #000; margin-bottom: 1rem;}
  .news-list ul li .news-list-more{background: #ffffff; padding: 5px 15px; color: #999999;}
  .news-list ul li .news-list-more:hover{background: #28a05c; color: #fff;}
  .news-list ul li .news-list-time{float: right; color: #999999;}

}

/*资讯*/


/*最新消息_新闻详细页*/
.newsview-box{
  overflow: hidden;
  background-image: linear-gradient(
    to right,
 #fafafa 0%,
 #fafafa 50%,
 #ffffff 51%,
 #ffffff 100%
 ); 
}
.newsview{}
.newsview-l{background: #fafafa; float: left; width: 70%; box-sizing: border-box; border-right: 1px solid #e2ebf0; padding: 80px 0; padding-right: 80px;}
.newsview-ltit{font-size: 30px; color: #022020;}
.newsview-ltime{font-size: 14px; color: #999; margin: 20px 0 40px;}
.newsview-ltime span{margin-right: 30px;}
.newsview-linfo{font-size: 16px; color: #444; line-height: 30px;}
.newsview-linfo b{font-weight: bold;}
.newsview-pan{margin-top: 65px;}
.newsview-pan ul li{width: 30%; height: 60px; line-height: 60px; text-align: center; float: left; margin-right: 20px; border: 1px solid #dddddd; font-size: 16px;
color: #666;}
.newsview-pan ul li:nth-child(3n){margin-right: 0;}
.newsview-pan ul li:hover{color: #fff; border-color: #28a05c; background: #28a05c;}
.newsview-pan ul li.prev{background: url(../images/newsview-pan-l1.png) no-repeat 30% 50%;}
.newsview-pan ul li.prev:hover{background: #28a05c url(../images/newsview-pan-l2.png) no-repeat 30% 50%;}
.newsview-pan ul li.list{background: url(../images/newsview-pan-m1.png) no-repeat 30% 50%;}
.newsview-pan ul li.list:hover{background: #28a05c url(../images/newsview-pan-m2.png) no-repeat 30% 50%;}
.newsview-pan ul li.next{background: url(../images/newsview-pan-r1.png) no-repeat 70% 50%;}
.newsview-pan ul li.next:hover{background: #28a05c url(../images/newsview-pan-r2.png) no-repeat 70% 50%;}

.newsview-r{background: #fff; float: right; width: 30%; box-sizing: border-box; padding: 80px 0; padding-left: 30px;}
.newsview-rtit{font-size: 30px; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 20px; margin-bottom: 25px;}
.newsview-rtit::before{width: 2px; height: 30px; background: #28a05c; content: ""; position: absolute; left: -31px; top: 8px;} 

.newsview-rlist ul li{ border-bottom: 1px solid #e2ebf0; padding-bottom: 20px; margin-bottom: 25px;}
.newsview-rlist-time{font-size: 30px; color: #999;}
.newsview-rlist-tit{font-size: 18px; color: #333; margin: 20px 0; font-weight: bold;}
.newsview-rlist-dis{font-size: 16px; color: #666; line-height: 28px;}


@media screen and (max-width: 1440px) and (min-width:1025px){
}
@media screen and (max-width: 1024px) and (min-width:0px){
  .newsview-pan ul li{margin-right: 10px;}
}

@media screen and (max-width:576px){

  .newsview-box{
    overflow: hidden;
    background-image: linear-gradient(
      to right,
   #fff 0%,
   #fff 50%,
   #ffffff 51%,
   #ffffff 100%
   ); 
  }
  .newsview{}
  .newsview-l{background:none; float: none; width: 100%; box-sizing: border-box; border-right: none; padding: 2rem 0; padding-right: 0;}
  .newsview-ltit{font-size: 1.4rem; color: #022020;}
  .newsview-ltime{font-size: 14px; color: #999; margin: 1rem 0 ;}
  .newsview-ltime span{margin-right: 30px;}
  .newsview-ltime img{margin-right: 10px;}
  .newsview-linfo{font-size: 16px; color: #444; line-height: 30px;}
  .newsview-linfo b{font-weight: bold;}
  .newsview-pan{margin-top: 65px;}
  .newsview-pan ul li{width: 30%; height: 60px; line-height: 60px; text-align: center; float: left; margin-right: 2%; border: 1px solid #dddddd; font-size: 16px;
  color: #666;}
  .newsview-pan ul li:nth-child(3n){margin-right: 0;}
  .newsview-pan ul li:hover{color: #fff; border-color: #28a05c; background: #28a05c;}
  .newsview-pan ul li.prev{background: url(../images/newsview-pan-l1.png) no-repeat 30% 50%;}
  .newsview-pan ul li.prev:hover{background: #28a05c url(../images/newsview-pan-l2.png) no-repeat 30% 50%;}
  .newsview-pan ul li.list{background: url(../images/newsview-pan-m1.png) no-repeat 10% 50%;}
  .newsview-pan ul li.list:hover{background: #28a05c url(../images/newsview-pan-m2.png) no-repeat 10% 50%;}
  .newsview-pan ul li.next{background: url(../images/newsview-pan-r1.png) no-repeat 70% 50%;}
  .newsview-pan ul li.next:hover{background: #28a05c url(../images/newsview-pan-r2.png) no-repeat 70% 50%;}
  
  .newsview-r{background: #fff; float: none; width: 100%; box-sizing: border-box; padding: 3rem 0; padding-left: 0;}
  .newsview-rtit{font-size: 30px; color: #333; position: relative; border-bottom: 1px solid #e2ebf0; padding-bottom: 20px; margin-bottom: 25px;}
  .newsview-rtit::before{width: 2px; height: 30px; background: #28a05c; content: ""; position: absolute; left: -31px; top: 8px;} 
  
  .newsview-rlist ul li{ border-bottom: 1px solid #e2ebf0; padding-bottom: 20px; margin-bottom: 25px;}
  .newsview-rlist-time{font-size: 1.4rem; color: #999;}
  .newsview-rlist-tit{font-size: 18px; color: #333; margin: 20px 0; font-weight: bold;}
  .newsview-rlist-dis{font-size: 16px; color: #666; line-height: 28px;}
  

}

/*最新消息_新闻详细页*/


/*首页综合业务*/
.integrated-business{padding: 60px 0;}
.integrated-business-tit{font-size: 36px; color: #222; margin-bottom: 60px; overflow: hidden; text-align: center;}
.integrated-business-icon ul{display: flex;}
.integrated-business-icon ul li{flex: 1; text-align: center;}
.integrated-business-icon ul li p{font-size: 18px; color: #212121; margin: 10px 0;}

.integrated-business-bg{
  background: url(../images/integrated-business-bg.png) no-repeat center;
  overflow: hidden;
}
.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }
.slide_container {
  margin-bottom: 0;
  position: relative;
  float: left;
  width: 100%;
  margin-top: 0;
  }

.slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.slide li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }
  
 .slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.integrated-business-info {
  width: 420px;
  height: 252px;
  box-sizing: border-box;
  padding: 25px 30px;
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  color: #fff;
  background: rgba(22,63,63, .6);
  }
  
  .integrated-business-info-tit{
    font-size: 30px;
    color: #fff;
  }
  .integrated-business-info-dis{
    font-size: 16px;
    color: #fff;
    line-height: 32px;
    margin: 10px 0;
  }
  
  .integrated-business-info-more{
    font-size: 16px;
    color: #fff;
    text-align: right;
  }
 .slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("../images/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.slide_nav:active {
  opacity: 1.0;
  }

.slide_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }


  @media screen and (max-width:576px){

    
.integrated-business{padding: 2rem 0 0;}
.integrated-business-tit{font-size: 1.6rem; color: #222; margin-bottom: 1rem; overflow: hidden; text-align: center;}
.integrated-business-icon ul{display: flex;}
.integrated-business-icon ul li{flex: 1; text-align: center;}
.integrated-business-icon ul li p{font-size: 1rem; color: #212121; margin: 10px 0;}
.integrated-business-icon ul li img{width: 30%; height: 2rem;}


     .integrated-business-info {
      width: 100%;
      height: auto;
      box-sizing: border-box;
      position:static;
      padding: 1rem;
      z-index: 2;
      color: #fff;
      background: rgba(22,63,63, 1);
      }
      
       .integrated-business-info-tit{
        font-size: 1.4rem;
        color: #fff;
        line-height: 3rem;
      }
      .integrated-business-info-dis{
        font-size: 16px;
        color: #fff;
        line-height: 32px;
        margin: 0;
      }
      
      .integrated-business-info-more{
        font-size: 16px;
        color: #fff;
        text-align: right;
        margin: 1rem 0;
      }

      .slide_nav {
        top: 30%;
      }

      }
   

/*---------------*/
/***** Ruby *****/
/*---------------*/
.main-business{padding-top: 80px; padding-bottom: 80px;}
.main-business-tit{font-size: 36px; color: #222; margin-bottom: 40px; text-align:center}
.main-business-list{}
.main-business-list .half{ width: 50%; float: left; overflow: hidden;}
.main-business-list .quarter{ width: 50%; float: left; overflow: hidden;}


.grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 100%;
	background: #3085a3;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.grid figure figcaption {
	padding: 2em;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  background: rgba(0,0,0,.1);
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: -0.15em;
	font-weight: 300;
}


.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
}


figure.effect-ruby {
}

figure.effect-ruby img {
	transform: scale(1);
  transition: 1s;
}

figure.effect-ruby:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby .line {
  margin-top: 35%;
  width: 40px;
  height: 4px;
  background-color: #28a05c;

}

.quarter figure.effect-ruby .line {
  margin-top: 75%;

}
  figure.effect-ruby h2 {
  font-size: 24px;
  font-family: "微软雅黑";
  margin-bottom: 40px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
  font-size: 16px;
  line-height: 30px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 


figure.effect-ruby:hover figcaption {
  background: rgba(0,0,0,.6);
  }
figure.effect-ruby:hover .line {
  margin-top: 5%;
  margin-bottom: 20px;
  background-color: #fff;
}
  figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

@media screen and (max-width:576px){

  .main-business{padding-top: 2rem; padding-bottom: 2rem;}
  .main-business-tit{font-size: 1.6rem; color: #222; margin-bottom: 2rem;}
  .main-business-list{}
  .main-business-list .half{ width: 100%; float: none; overflow: hidden; box-sizing: border-box; padding: 0 2.5%;}
  .main-business-list .quarter{ width: 100%; float: none; overflow: hidden; box-sizing: border-box;}
  
  
.grid {
	overflow: hidden;
	margin: 0;
	width: 100%;
	list-style: none;
}

/* Common style */
.grid figure {
	position: relative;
	z-index: 1;
	display: inline-block;
	overflow: hidden;
	margin: -0.135em;
	width: 100%;
	background: #3085a3;
}

.grid figure img {
	position: relative;
	display: block;
	min-height: 100%;
}

.grid figure figcaption {
	padding: 1rem;
	color: #fff;
	text-transform: uppercase;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
  background: rgba(0,0,0,.1);
}

.grid figure figcaption::before,
.grid figure figcaption::after {
	pointer-events: none;
}

.grid figure figcaption,
.grid figure a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure a {
	z-index: 1000;
	text-indent: 0;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}

.grid figure h2 {
	word-spacing: 0;
	font-weight: 300;
}


.grid figure h2,
.grid figure p {
	margin: 0;
}

.grid figure p {
}


figure.effect-ruby {
}

figure.effect-ruby img {
	transform: scale(1);
  transition: 1s;
}

figure.effect-ruby:hover img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
}

figure.effect-ruby .line {
  margin-top: 35%;
  width: 40px;
  height: 4px;
  background-color: #28a05c;

}

.quarter figure.effect-ruby .line {
  margin-top: 75%;

}
  figure.effect-ruby h2 {
  font-size: 24px;
  font-family: "微软雅黑";
  margin-bottom: 40px;
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
	-webkit-transform: translate3d(0,20px,0);
	transform: translate3d(0,20px,0);
}

figure.effect-ruby p {
  font-size: 16px;
  line-height: 30px;
	opacity: 0;
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,20px,0) scale(1.1);
	transform: translate3d(0,20px,0) scale(1.1);
} 


figure.effect-ruby:hover figcaption {
  background: rgba(0,0,0,.6);
  }
figure.effect-ruby:hover .line {
  margin-top: 10%;
  margin-bottom: 20px;
  background-color: #fff;
}
  figure.effect-ruby:hover h2 {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}

figure.effect-ruby:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0,0,0) scale(1);
	transform: translate3d(0,0,0) scale(1);
}

}

/*右侧客服*/
.izl-rmenu{
  width: 50px;
  position: fixed;
  right: 20px;
  top: 60%;
    border-radius: 10px;
  -webkit-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  -moz-box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  box-shadow: 0px 1px 5px rgba(0,0,0,0.3);
  z-index:999;
}
.izl-rmenu .consult{    
background-image: url(../images/tel.png);
background-repeat: no-repeat;
background-position: center;
display: block;
height: 50px;
width: 50px;
background-color: #FFF!important;
}
.izl-rmenu .consult .phone {
background-color: rgb(247,247,255);
position: absolute;
width: 160px;
left: -160px;
top: 0px;
line-height: 73px;
color: #000;
font-size: 18px;
text-align: center;
display: none;
/*box-shadow: #DDD -1px 1px 4px;*/
}
.izl-rmenu a.consult:hover .phone{display:inline !important;}
.izl-rmenu .cart {
background-image: url(../images/wechat.png);
background-repeat: no-repeat;
background-position: center;
display: block;
height: 50px;
width: 50px;
background-color: #FFF!important;
}
.izl-rmenu a.cart:hover .pic{display:block;}
.izl-rmenu .btn_top {
background-image: url(../images/float_top.gif);
background-repeat: no-repeat;
background-position: center top;
display: block;
height: 39px;
width: 50px;
-webkit-transition: all 0s ease-in-out;
-moz-transition: all 0s ease-in-out;
-o-transition: all 0s ease-in-out;
transition: all 0s ease-in-out;
}
.izl-rmenu .btn_top:hover {
background-image: url(../images/float_top.gif);
background-repeat: no-repeat;
background-position: center bottom;
}
.izl-rmenu .cart .pic {
display:none;
position: absolute;
left: -160px;
top: 65px;
width: 160px;
height: 160px;
background:url(../images/weixin.jpg);
}
#udesk-feedback-tab {
z-index: 10000;
cursor: pointer;
background-image: url(../images/message.png);
background-repeat: no-repeat;
background-position: center;
display: block;
height: 50px;
width: 50px;
background-color: #FFF!important;
z-index:999;
}