body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,img{
    margin:0;padding:0;
    outline:none;
}
a{text-decoration:none;outline:none;cursor: pointer;}
h1,h2,h3,h4,h5,h6,p{font-weight: normal;}
ul,li{list-style:none;}
html{position:relative;width:100%;}
body{position:absolute;width:100%;overflow-x:  hidden; transition: all 0.4s ease-in-out;left: 0;}
.container{font-family: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "STHeiti", "WenQuanYi Micro Hei", "Helvetica", "Arial", "sans-serif";
          position:relative;width:100%;
          font-size:14px;color:#6f6f6f;line-height:26px;-webkit-text-size-adjust: none;
}
input {outline:none;}
input[type=submit],input[type=button] {
    -webkit-appearance: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong{font-weight:bold}
.clearfix{*zoom: 1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.clearfix{ clear: both;}

.container{
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
}

.page-cen{
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
}
/*头部*/
.header{
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    height: 80px;
    box-sizing: border-box;
}
.header .page-cen{
    width: auto;
    max-width: 1920px;
    padding:0 60px;
}
.footer .page-cen{
    width: 100%;
    max-width: 1570px;
}
.section .page-cen{
    max-width: 1450px;
}

.header2{
    background: url(../images/headerbg.png) repeat;
}
.headerTop{
    background: #fff;
    box-shadow: 0 0 4px rgba(0,0,0,.2);
}
.header .header-con{
    width: 100%;
    box-sizing: border-box;
    position: relative;
    height: 100%;
}
.header .logo{
   float: left;
   width: 156px;
   height: 38px;
   position: relative;
   margin: 21px 0;
}
.header .logo img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.header .logo .logo-img2{
    opacity: 0;
}
.header .logo2{
    position: absolute;
    width: 50px;
    height: 52px;
    left: 50%;
    margin-left: -25px;
    top:10px;
    filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
    overflow: hidden;
}
.header .logo a,header .logo2 a{
    display: block;
}
.herder_top {
    width: 100%;
}

.header .logo2 img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.header .logo2 .logo-img2{
    opacity: 1;
}

.hearder_nav{
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -300px;
    width: 600px;
    text-align: center;
}
.hearder_nav ul{
    margin: 0px 0;
}
.hearder_nav  li{
    display: inline-block;
    padding: 27px 10px;
    position: relative;
}
.hearder_nav  li a{
     font-size: 16px;
    color: #fff;
}
.header  .hearder_nav li.active a,.header  .hearder_nav li:hover a{
    color: #009944;
}


.hearder_nav  li .sub-nav{
    position: absolute;
    top: 80px;
    left: 50%;
    width: 160px;
    margin-left: -80px;
    border: 1px solid #f5f5f5;
    box-sizing: border-box;
    background: #f4f4f4;
    z-index: 99;
    display: none;
}

.hearder_nav .sub-nav-list .list{
    padding:  10px 0;
    border-bottom: 1px solid #fff;
    line-height: 30px;
    cursor: pointer;
}
.hearder_nav  li .sub-nav-list .list:hover{
   background: #009944;
    
}
.hearder_nav  li .sub-nav-list .list a{
    color: #666;
    font-size: 15px;
    display: block;
    
}
.hearder_nav  li .sub-nav-list .list:hover a{
    color: #fff;
}


.header_phone{
    float: right;
    margin: 27px 0;
}
.header_phone p{
    color: #fff;
    font-size: 16px;
    background: url(../images/tel_icon.png) left center no-repeat;
    padding-left: 30px;
}

.headerTop .hearder_nav  li a{
   color: #666;
}
.headerTop  .header_phone p{
    color: #000000;
    background: url(../images/tel_icon2.png) left center no-repeat;
}
.headerTop .logo .logo-img2{
     filter:alpha(opacity=1);
    -moz-opacity:1;
    -khtml-opacity: 1;
    opacity: 1;
}
.headerTop .logo .logo-img{
     filter:alpha(opacity=0);
    -moz-opacity:0;
    -khtml-opacity: 0;
    opacity: 0;
}



.bblank{
    width: 100%;
    height: 80px;
}
.hbanner{
    width: 100%;
    height: 200px;
    position: relative;
    /*overflow: hidden;*/
}

.hbanner .hbanner-img{
    position: absolute;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
    top: 0;
    z-index: -1;
}
.hbanner .hbanner-img .hb-img{
    width: 100%;
    margin: 0 auto;
}
.hbanner .hbanner-img .hb-img img{
    width: 100%;
    display: inherit;
}
.hbanner-con{
    width: 100%;
    z-index: 2;
}
.hbanner  .hbanner-title{
    float: left;
    width: 100%;
    margin-top: 6%;
    text-align: center;
}
.hbanner-about{
    height: auto;
}

.hbanner-about .hbanner-title p{
    padding: 30px 0;
    width: 400px;
    display: inline-block;
    background: url(../images/titlebg2.png) center no-repeat;
}
.hbanner-about .hbanner-img{
    position: relative;
    width: 100%;
    left: 0;
    margin-left: 0;
}
.hbanner-about .hbanner-con{
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 210px;
    margin-top: -105px;
    
}
.hbanner-about .hbanner-title{

    margin-top: 0% !important;

}
.hbanner-title h2{
     font-size: 36px;
    line-height: 40px;
    color: #fff;
}

.hbanner-title .title-right .wfEditorMode{
    position: absolute;
    left: 140px;
    top: 20px;
}
.hbanner-about-text {
    text-align: center;
}
.hbanner-about-text p{
    color: #fff;
    font-size: 16px;
}
.page-content{
    float: left;
    width: 100%;
}
.team-text{
    text-align: center;
}
.team-slider{
    margin: 60px 0;
    position: relative;
}
.team-slider li{
    width: 330px;
    float: left;
    height: 300px;
    margin: 0 30px;
}
.team-slider li .pic{
    width: 100%;
    height: 220px;
    overflow: hidden;
}
.team-slider li .pic img{
    width: 100%;
}
.team-slider li .title{
    text-align: center;
    min-height: 60px;
    
}
.team-slider li .title p{
    font-size: 16px;
    margin: 15px 0;
    
}
.sider-pre{
    position: absolute;
    width: 23px;
    height: 41px;
    top: 40%;
    margin-top: -20px;
    left: 0px;
    background: url(../images/pre_01.png) center no-repeat;
     transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
    cursor: pointer;
}
.sider-pre:hover{
    background: url(../images/pre_02.png) center no-repeat;
}
.sider-next{
    position: absolute;
    width: 23px;
    height: 41px;
    top: 40%;
    margin-top: -20px;
    right: 0px;
    background: url(../images/next_01.png) center no-repeat;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
    cursor: pointer;
}
.sider-next:hover{
    background: url(../images/next_02.png) center no-repeat;
}
.honor-slider{
    margin: 60px 0;
    position: relative;
}

.honor-slider li{
    width: 225px;
    float: left;
    height: 317px;
    margin: 0 30px;
    border: 1px solid #cacaca;
}
.honor-slider li .pic{
    padding: 20px;
    overflow: hidden;
}
.honor-slider li .pic img{
    width: 100%;
}
.honor-slider li .title{
    text-align: center;
    min-height: 60px;
    
}
.honor-slider li .title p{
    font-size: 16px;
    margin: 15px 0;
    
}
.page-culture{
    padding-bottom: 90px;
    background: url(../images/zhizao_02.jpg) top center no-repeat;
}
.page-honor{
    padding-bottom: 90px;
}

.culture-list{
    text-align: center;
    float: left;
    position: relative;
}
.culture-pic{
    text-align: center;
    float: left;
    margin-left: 60px;
}
.culture-pic .pic{
    width: 660px;
    height: 400px;
    overflow: hidden;
}
.culture-pic .pic img{
    width: 100%;
}
.culture-pic  .info p{
    margin: 20px 0;
}
.culture-text{
    position: absolute;
    top:50%;
    right: -60%;
    margin-top: -160px;
    background: #fff;
     -moz-box-shadow:0px 0px 10px #CCCCCC; -webkit-box-shadow:0px 0px 10px #CCCCCC; box-shadow:0px 0px 10px #CCCCCC;
}
.culture-text .text{
    padding: 60px;
    width: 450px;
}
.page-news{
    padding-bottom: 60px;
}
.news-list li{
     width: 100%;
     border-bottom: 1px solid #cacaca;
     float: left;
     padding: 60px 0;
     box-sizing: border-box;
     cursor: pointer;
}
.news-list li:hover{
    background: #f9f9f9;
}
.news-list li .li-left{
    float: left;
    width: 410px;
}
.news-list li .li-right{
    float: right;
    width: 720px;
    background: url(../images/news_add.png) right center no-repeat;
    margin-right: 20px;
}
.news-list li:hover .li-right{
    background: url(../images/news_add2.png) right center no-repeat;
}
.news-list li .li-time{
    float: left;
    width: 100px;
    text-align: right;
}
.news-list li .li-time h2{
    font-size: 40px;
    color: #666;
    line-height: 60px;
}
.news-list li .li-time p{
    font-size: 16px;
    color: #666;
    background: url(../images/time_line.png) right top no-repeat;
}
.news-list li .li-pic{
    width: 270px;
    height: 152px;
    float: right;
    overflow: hidden;
}
.news-list li .li-pic img{
    width: 100%;
}
.news-list li .li-text{
    width: 80%;
}
.news-list li .li-text .title h2{
    font-size: 18px;
    color: #333;
}
.news-list li .li-text .text{
    margin: 20px 0;
}
.news-list li .li-text .text p{
    color: #666;
}
.news-list li .li-text .more{
     background: url(../images/news_more.png) left center no-repeat;
    display: inline;
    margin-top: 30px;
    padding: 5px 60px;
    
}
.news-list li:hover .li-text .title h2{
      color: #009944;
}
.news-list li:hover .li-text .text p{
      color: #009944;
}
.contact-con{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 90px;
}
.contact-map{
    width: 689px;
    height: 569px;
    float: left;
    position: relative;
}
.contact-map .map-pic img{
    width: 100%;
}
.contact-map .list{
    position: absolute;
     width: 41px;
    height: 40px;
    cursor: pointer;
}
.contact-map .list1{
    top: 58%;
    right: 8%;
    background: url(../images/area_icon01.png) no-repeat;
}
.contact-map .list2{
    top: 61%;
    left: 51%;
    background: url(../images/area_icon02.png) no-repeat;
}
.contact-map .list3{
     top: 81%;
    left: 71%;
    background: url(../images/area_icon03.png) no-repeat;
}
.contact-map .list.active{-webkit-animation: arrowlx 1.5s infinite;
    -moz-animation: arrowlx 1.5s infinite;
    -o-animation: arrowlx 1.5s infinite;
    -ms-animation: arrowlx 1.5s infinite;
    animation: arrowlx 1.5s infinite;
}

.contact-con .city-map {
    width: 50%;
    height: 400px;
}

@-webkit-keyframes arrowlx
{
    0% {
        margin-top:-10px;
        opacity:1;
    }
    100% {
        margin-top:0px;
        opacity:1;
    }
}
@-moz-keyframes arrowlx
{
  0% {
        margin-top:-10px;
        opacity:1;
    }
    100% {
        margin-top:0px;
        opacity:1;
    }
}
@-ms-keyframes arrowlx
{
     0% {
        margin-top:-10px;
        opacity:1;
    }
    100% {
        margin-top:0px;
        opacity:1;
    }
}
@-o-keyframes arrowlx
{
   0% {
        margin-top:-10px;
        opacity:1;
    }
    100% {
        margin-top:0px;
        opacity:1;
    }
}
@keyframes arrowlx /* Safari 和 Chrome */
{
    0% {
        margin-top:-10px;
        opacity:1;
    }
    100% {
        margin-top:0px;
        opacity:1;
    }
}

.contact-way{
    /* float: right; */
    width: 450px;
    /* margin-top: 200px; */
}
.contact-way li{
    display: none;
}
.contact-way li.active{
    display: block;
}
.contact-way li .title h2{
    font-size: 22px;
    color: #333;
}
.contact-way li .way-list{
    margin: 30px 0;
}
.contact-way li .way-list p{
    color: #333;
    padding-left: 30px;
}
.contact-way li .more{
    font-size: 15px;
    color: #333;
}
.contact-way li .way-list  p.p1{
    background: url(../images/link_icon01.png) left center no-repeat;
}
.contact-way li .way-list  p.p2{
    background: url(../images/link_icon02.png) left center no-repeat;
}
.contact-way li .way-list  p.p3{
    background: url(../images/link_icon03.png) left center no-repeat;
}
.contact-way li .way-list  p.p4{
    background: url(../images/link_icon04.png) left center no-repeat;
}
.contact-way li .way-list  p.p5{
    background: url(../images/link_icon05.png) left center no-repeat;
}
.page-case{
    padding-bottom: 90px;
}
.case-nav-list{
    text-align: center;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 30px;
}
.case-nav-list li{
    display: inline-block;
    padding: 5px 20px;
    cursor: pointer;
      -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.case-nav-list li:hover,.case-nav-list li.active{
    background: #f2f2f2;
}
.case-nav-list li a{
    color: #004a65;
    display: block;
    font-size: 16px;
}

.case-node-list{
    margin: 30px 0;
}
.case-node-list li{
    float: left;
    margin-right: 40px;
    margin-bottom: 10px;
}
.case-node-list li a{
    color: #666;
    padding-left: 20px;
    background: url(../images/case_icon.png) left center no-repeat;
}
.case-node-list li.active a,.case-node-list li:hover a{
    color: #009944;
    background: url(../images/case_icon2.png) left center no-repeat;
}

.case-node-list ul{
    margin: 0 15px;
}
.case-list li{
    width: 370px;
    height: 375px;
    float: left;
    margin: 0 15px;
    border: 1px solid #e5e5e5;
    box-sizing: border-box;
    margin-bottom: 30px;
}
.case-list li a{
    display: block;
}
.case-list li .li-pic{
    height: 255px;
    overflow: hidden;
    width: 100%;
}
.case-list li .li-pic img{
    width: 100%;
}
.case-list li .li-text{
    margin: 20px;
    position: relative;
}
.case-list li .li-text .text h2{
    font-size: 16px;
    color: #333;
}
.case-list li:hover .li-text .text h2{
    color: #009944;
}
.case-list li .li-text .text p{
    color: #666;
}
.case-list li .li-text .text .line{
    padding: 5px 30px;
    border-bottom: 1px solid #e5e5e5;
    display: inline-block;
    margin-bottom: 5px;
}
.case-list li .li-text .more{
    width: 30px;
    height: 30px;
    position: absolute;
    bottom: 20px;
    right: 0px;
    background: url(../images/case_more.png) center no-repeat;
     transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -webkit-transition: all .3s ease-in;
}

.case-list li:hover .li-text .more{
    right: -10px;
}
.case-list-text{
    width: 100%;
    float: left;
    margin-bottom: 60px;
    text-align: center;
}
.case-list-text .text p{
    font-size: 16px;
    color: #333;
}
.product_pages_top{
    background: #f6f7fb;
    padding: 120px 0;
}
.pages_carousel{
    width: 485px;
    height: 375px;
    display: inherit;
    float: left;
}
.video_pages_content{
    width: 100%;
    height: 100%;
    display: inherit;
    box-sizing: border-box;
    position: relative;
}
.big_pic{
    float: left;
    width: 290px; 
    height: 400px;
    overflow: hidden;
    position: relative;
  
}
.big_pic .slider1 li{
    float: left;
    width: 290px;
    height: 400px;
    position: relative;
}
.big_pic .slider1 li a{
    display: block;
}
.big_pic .slider1 li a.wfEditorMode{
    position: absolute;
    z-index: 100;
    top:20px;
    left: 50%;
    margin-left: -20px;
    
}
.big_pic .slider1 li .yuan{
    position: absolute;
    width: 290px;
    height: 290px;
    top: 50%;
    left: 50%;
    margin-top: -145px;
    margin-left: -145px;
    -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
.big_pic .slider1 .pic{
    position: relative;
    z-index: 5;
}
.big_pic .slider1 .text{
    margin: 20px 0;
    text-align: center;
    z-index: 99;
    
}
.big_pic .slider1 .text h2{
    font-size: 18px;
    color: #666;
}
.big_pic .slider1 li:hover .text h2{
    color: #009944;
}
.big_pic .slider1 li img{
    display: inherit;
    width: 100%;
    height: auto;
}

.small_pic{
    width: 80px;
    height: 375px;
    position: absolute;
    top: 0;
    right: 0;
    box-sizing: border-box;
}
.small_pic .slider2{
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    overflow: hidden;
}
.small_pic .slider2 li{
    float: left;
    width: 80px;
    height: 80px;
    margin: 15px 0;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
}
.small_pic .slider2 li .yuan{
    position: absolute;
    width: 80px;
    height: 80px;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
      -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #fff;
}
.small_pic .slider2 li.selected .yuan{
     border: 2px solid #ddd;
     box-sizing: border-box;
}
.small_pic .slider2 .pic{
    position: relative;
    z-index: 5;
}
.small_pic .slider2 li img{
    display: inherit;
    width: 100%;
    box-sizing: border-box;
}

.small_pic .left_prev{
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    background: url("../images/history_prev.png") no-repeat center top;
    cursor: pointer;
    position: absolute;
    top: -21px;
    left: 50%;
    margin-left: -25px;
}
.small_pic .right_next{
    display: block;
    width: 50px;
    height: 50px;
    text-align: center;
    background: url("../images/history_next.png") no-repeat center bottom;
    cursor: pointer;
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -25px;
}
.small_pic .left_prev:hover{
    background: url("../images/history_prev2.png") no-repeat center top;
}
.small_pic .right_next:hover{
    background: url("../images/history_next2.png") no-repeat center bottom;
}
.aerator-top-text{
    float: right;
    width: 456px;
}
.aerator-top-text .title{
    margin-bottom: 30px;
}
.aerator-top-text .title h2{
    color: #333;
    font-size: 20px;
}
.aerator-top-text .tab  table{
    width: 100%;
    text-align: center;
}
.aerator-top-text .tab td{
    padding: 5px 0;
    /* width: 50%; */
    border: 1px solid #ccc;
}

.aerator-top-text .tab tr td:nth-child(1) {
    width: 40%;
}
.product_pages_bottom{
    padding: 60px 0;
}
.aerator-info .pic{
    float: left;
}
.aerator-info .text{
    float: right;
    width: 820px;
    margin-top: 50px;
}
.aerator-nav{
    border-bottom: 1px solid #f0f0f0;
    margin-top: 30px;
}
.aerator-nav li{
    float: left;
    width: 182px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 18px;
    color: #333;
    background: #f6f7fb;
    cursor: pointer;
    margin-right: 1px;
}
.aerator-nav li:hover,.aerator-nav li.active{
    background: #636363;
    color: #fff;
}
.aerator-nav-list{
    margin: 60px 0;
}
.aerator-nav-list .list{
    display: none;
}
.aerator-nav-list .list.active{
    display: block;
}
.aerator-nav-list .list img{
    display: inline-block;
}
.page-caseDetaile{
    margin-bottom: 90px;
}
.caseDetaile-video{
    margin-bottom: 60px;
}
.caseDetaile-video .video{
    width: 720px;
    margin: 0 auto;
}
.caseDetaile-title{
    margin: 30px 0;
    border-bottom: 1px solid #eaeaea;
}
.caseDetaile-title h2{
    font-size: 18px;
    color: #333;
    padding: 10px 0;
}
.caseDetaile-new-list ul{
    margin-right: -120px;
}
.caseDetaile-new-list li{
    float: left;
    width: 540px;
    margin-right: 120px;
}
.caseDetaile-new-list2 ul{
    margin-right: 0 !important;
}
.caseDetaile-new-list2 li{
    float: none;
    margin: 0 auto !important;
}
.caseDetaile-new-list li .pic img{
    width: 100%;
}
.caseDetaile-new-list li  .text {
    margin: 20px 0;
}
.caseDetaile-new-list li  .text p strong{
    color: #333;
    font-weight: bold;
}
.pages{
    float: left;
    width: 100%;
    margin: 30px 0;
}

.new-detail{
    width: 100%;
    text-align: center;
    margin-top: 100px;
}
.new-detail-title{
    margin-bottom: 30px;
}
.new-detail-title h2{
    font-size: 24px;
    color: #333;
    margin: 30px 0;
}
.new-detail-title  p{
    font-size: 14px;
    color: #009944;
    

}
.new-detail-content img{
    margin: 0 auto;
    width: 600px !important;
    height: auto !important;
}
.new-detail-title  h4{
    font-size: 14px;
    color: #666;
}
.new-detail-content{
    width: 100%;
    margin: 0 auto;
}
.new-detail-content table{
    width: 100%;
    text-align: center;
}
.new-detail-content table tr td p{
    text-align: center;
}

.new-detail-content p{
    font-size: 14px;
    color: #000;
    text-align: left;
    text-indent: 2em;
}
.new-detail-content section{
    font-size: 14px;
    color: #999;
    text-align: left;
    margin: 10px 20px;
}
.new-detail-content h1{
    text-align: center;
    font-size: 13px;
    color: #ccc;
}
.news-link {
    margin: 60px auto;
    width: 800px;
    padding: 30px 0;
    border-top: 1px solid #eee;
}

.pback{

    width: 100%;
    text-align: center;
    margin-top: 60px;
}
.pback p a{
    color: #fff;
    padding: 10px 60px;
    background: #009944;
    cursor: pointer;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;
}
.pback p a:hover{
    background: #087639;
}


.new_detail_link{
    height: auto;
    padding: 0 20px;
    box-sizing: border-box;
    position: relative;
}
.new_detail_link .left{
    width: 100%;
    height: auto;
    text-align: left;
}
.new_detail_link .left a{
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}
.new_detail_link .left a span{
    display: inline-block;
    color: #4fb647;
}
.new_detail_link .left a:hover{
    color: #4fb647;
}
.new_detail_link .return{
    width: 80px;
    height: auto;
    position: absolute;
    top: 11px;
    right: 20px;
}
 .return a{
    display: block;
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    padding-left: 30px;
    box-sizing: border-box;
    display: inline-block;
    padding: 5px 50px;
    background: #4fb647;
    color: #fff;
}
.return a:hover{
     background: #1d9512;
}
/*pages分页*/
.pages{
    width: 100%;
    text-align: center;
    margin: 60px 0;
    float: left;
}
.pages ul{
    
}
.pages ul li{
    width: 200px;
    height: 50px;
    background: #fff;
    text-align: center;
    line-height: 32px;
    display: none;
}
.pages ul li a{
    color: #999;
    font-size: 16px;
    display:block;
    
}
.pages ul li.selected,.pages ul li:hover{
    background: #009944;
}
.pages ul li:hover a{
    color: #009944;
}
.pages ul li.next{
   display: inline-block;
   background: url(../images/nnadd.png) bottom center no-repeat;
}
.pages ul li.hidden{
    display: none;
}
/*底部样式*/
.footer{
    width: 100%;
    background: #242424;
}
.footer-nav-left{
    width: 210px;
    float: left;
    margin-top: 65px;
    margin-bottom: 50px;
}
.footer-share a{
    color: #fff;
    text-decoration: underline;
    opacity: 0.6;
}
.footer-nav-right{
    float: left;
     margin-top: 65px;
    margin-bottom: 50px;
    margin-left: 30px;
}
.footer-nav-right .item{
    margin-bottom: 30px;
}
.footer-nav-right .item p{
    color: #fff;
    opacity: 0.6;
}
.footer-menu{
    float: right;
    width: 510px;
    margin-top: 65px;
    display: flex;
}
.footer-menu .qrcode{
    display: flex;
    text-align: center;
}
.footer-menu .qrcode .qrcode-item{
    margin-right: 10px;
}
.footer-menu li{
    float: left;
    margin-left: 67px;
}
.footer-menu .other-link{
    margin-left: 67px;
    font-size: 16px;
    color: #fff;
    opacity: 0.6;
    margin-top: 30px;
}
.footer-menu .other-link div {
    display: inline-block;
    vertical-align: top;
}
.footer-menu .other-link a{
    font-size: 16px;
    color: #fff;
    opacity: 0.6;
}
.footer-menu .other-link a:hover{
    opacity: 1;
}

.footer-menu li.pro{
    width: 310px;
}
.footer-menu li .title {
    border-bottom: 3px solid #626363;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.footer-menu li .title h2{
    color: #fff;
    font-size: 15px;
}
.footer-menu li .list a{
    color: #fff;
    opacity: 0.6;
    padding-right: 10px;
    margin-bottom: 15px;
}
.footer-menu li .list a:hover{
    color: #009944
}
.footer-nav .page-cen{
    border-bottom: 1px solid #2b2b2b;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}
.copyright{
    height: 75px;
    border-bottom: 3px solid #2b2b2b;
    box-sizing: border-box;
}
.copyright .copyright-text{
    width: 100%;
    text-align: left;
}
.copyright .copyright-text p{
    color: #fff;
    line-height: 75px;
    opacity: 0.6;
}
.copyright .copyright-text p a{
    color: #fff;
}
.copyright .copyright-text p a:hover{
    text-decoration: underline;
}
.gotop{
    width: 50px;
    height: 50px;
    cursor: pointer;
    position: fixed;
    right: 30px;
    bottom: 20%;
    z-index: 99999;
    background: url(../images/go_top.png) no-repeat 0px 0px;
    transition: background .3s ease-in;
    -moz-transition: background .3s ease-in;
    -webkit-transition: background .3s ease-in;

}
.gotop:hover{
    background: url(../images/go_top.png) no-repeat 0px -50px;

}
.img-scale{
     -webkit-transition: -webkit-transform 1s ease-out;
    -moz-transition: -moz-transform 1s ease-out;
    -ms-transition: -ms-transform 1s ease-out;
    transition: transform 1s ease-out;

}
.img-scale:hover{
    -moz-transform:scale(1.1); 
-webkit-transform:scale(1.1); 
-o-transform:scale(1.1); 
}
@media only screen and (max-width: 1440px) {
    .page-cen{
        max-width: 960px;
    }
    .section .page-cen{
         max-width: 960px;
    }
    .homeproduct-list ul{
        margin-right: -30px;
    }
    .homeproduct-list li{
        margin-right: 30px;
        width: 300px;
    }
    .homeproduct-text p{
        margin: 0;
    }
    .homecontact-list li {
        width: 210px;
        height: 210px;
        margin: 0 10px;
        margin-bottom: 20px;
    }
    .homecontact-list li .li-con {
            padding: 25px 20px;
    }
    .homenews-list li .title{
        width: 700px;
    }
    .footer-nav-right{
        margin-left: 0;
    }
    .culture-pic .pic {
        width: 500px;
        height: 303px;
    }
    .culture-text{
        margin-top: -120px;
    }
    .culture-text .text{
        padding: 30px;
    }
    .aerator-top-text{
        width: 400px;
    }
    .aerator-info .text {
        width: 650px;
        margin-top: 20px;
    }
    .aerator-nav-list .list img{
        max-width: 100%;
        height: auto !important;
    }
    .case-list li{
        width: 290px;
        height: 310px;
    }
    .case-list li .li-pic{
        height: 197px;
    }
    .news-list li .li-right{
        width: 500px;
    }
    .contact-map{
        width: 500px;
        height: 402px;
    }
    .contact-way{
        /* margin-top: 120px; */
    }
    .hbanner  .hbanner-title{
        margin-top: 8%;
    }
    .caseDetaile-new-list ul{
        margin-right: -30px;
    }
    .caseDetaile-new-list li {
        width: 465px;
        margin-right: 30px;
    }
/*    .hbanner-about .hbanner-title{
        margin-top: 30%;
    }*/
    .case-list li .li-text{
        margin: 20px 15px;
    }
}
@media only screen and (max-width: 960px) {
    .homeabout-pic img{
        width: 100%;
    }
    .header .page-cen{
        padding: 0;
    }
    .page-cen{
        width: 100%;
        padding-left: 2%;
        padding-right: 2%;
        box-sizing: border-box;
    }
    .homeproduct-list ul{
        margin:0  -1%; 
    }
    .homeproduct-list li{
        width: 31.33%;
        margin: 0 1%;
    }
    .homeproduct-pic .text p{
        font-size: 32px;
        line-height: 40px;
    }
    .homeproduct-pic .text p span{
        font-size: 50px;
    }
    .homeproduct-pic .text{
        height: 110px;
        width: 100%;
        margin-left: 0;
        left: 0;
        margin-top: -55px;
    }
    .homenews-list li .icon{
        display: none;
    }
    .homenews-list li .title{
        width: auto;
        padding-left: 60px;
        background: url(../images/newsicon_01.png) top left no-repeat;
    }
    .culture-pic{
        width: 50%;
    }
    .culture-pic .pic{
        width: 100%;
        height: auto;
    }
    .culture-pic{
        margin-left: 0;
    }
    .culture-text{
        width: 48%;
        margin-left: 2%;
        float: left;
        position: inherit;
        top: 0%;
        right: 0%;
        margin-top: 0;
    }
    .culture-text .text{
        width: auto;
    }
    .pages_carousel{
        float: none;
        margin: 0 auto;
    }
    .aerator-top-text{
        width: 100%;
    }
    .aerator-info .text{
        width: 100%;
    }
    .aerator-info{
        margin-bottom: 60px;
    }
    .aerator-nav-list .list img{
        height: auto !important;
    }
     .case-list ul{
        margin: 0 -1%;
    }
    .case-list li{
        width: 31.33%;
        margin: 0 1%;
        height: auto;
        margin-bottom: 30px;
    }
    .case-list li .li-pic{
        height: auto;
    }
    .case-list li .li-text .text{
        height: 80px;
    }
    .news-list li .li-left{
        width: 100%;
    }
    .news-list li .li-time{
        display: none;
    }
    .news-list li .li-pic{
        width: 100%;
        height: auto;
    }
    .news-list li .li-right{
        width: 100%;
        margin-right: 0;
        margin-top: 30px;
    }
    .contact-map{
        float: none;
        margin: 0 auto;
    }
    .contact-way{
        width: 100%;
        /* float: none; */
        /* margin-top: 60px; */
    }
    .footer-menu{
        width: 100%;
        margin-top: 0;
        margin-bottom: 60px;
    }
    .footer-menu li{
        margin-right: 70px;
        margin-left: 0;
    }
    .footer-menu .other-link{
        margin-left: 0px;
    }

    .footer-nav-right{
        margin-bottom: 10px;
    }
    .hbanner  .hbanner-title{
        margin-top: 12%;
    }
    .hbanner-about .hbanner-title{
        margin-top: 30%;
    }
    .zzui-index-flexslider .flex-control-nav{
        height: 180px;
        margin-top: -90px;
        right: 20px;
    }
    .caseDetaile-new-list ul{
        margin-right: 0;
    }
    .caseDetaile-new-list li{
        width: 100%;
        margin-right: 0;
    }
    .copyright{
        height: auto;
    }
    .copyright .copyright-text p{
        line-height: 32px;
        margin: 20px 0;
    }
    .footer-nav .page-cen{
        flex-direction: column;
    }

    .contact-con {
        flex-direction: column;
    }

    .contact-con .city-map {
        width: 100%;
        /* height: 250px; */
    }

    .contact-way li.active {
        margin-top: 40px;
    }

}
@media screen and (max-width: 640px) {
    .hometitle{
        margin-top: 60px;
    }
    .homeabout-text p{
        margin: 0;
        font-size: 24px;
    }
    .container{
        line-height: 32px;
        font-size: 24px;
    }
    .homenews-list li .title h2{
        font-size: 26px;
    }
    .homenews-list li .title p{
        font-size: 24px;
    }
    .homeabout-more a{
        font-size: 24px;
    }
    .footer-menu li .title h2{
        font-size: 26px;
    }
    .footer-menu li.pro{
        width: 360px;
    }
    .hbanner-about-text p{
        font-size: 24px;
    }
    .team-slider li .title p{
        font-size: 26px;
    }
    .culture-pic{
        width: 100%;
    }
    .culture-text{
        width: 100%;
        margin-left: 0;
    }
    .aerator-top-text .title h2{
        font-size: 26px;
    }
    .aerator-nav li{
         font-size: 26px;
    }
    .case-nav-list li{
        padding: 5px 10px;
    }
    .case-list li{
        width: 100%;
        margin: 0;
        height: auto;
        margin-bottom: 60px;
    }
    .case-list li .li-text .text{
        height: auto;
    }
    .case-list li .li-text .text h2{
        font-size: 24px;
    }
    .caseDetaile-video .video{
        width: 100%;
    }
    .my-video-dimensions{
        width: 100% !important;
    }
    .caseDetaile-title h2{
        font-size: 26px;
    }
    .caseDetaile-new-list ul{
        margin-right:  0;
    }
    .caseDetaile-new-list li{
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
    .news-list li .li-text .title h2{
        font-size: 26px;
    }
    .new-detail-content p,.new-detail-title  p{
        font-size: 24px;
    }
    .new-detail-title h2{
        font-size: 28px;
    }
    
    .contact-way li .more p{
        font-size: 24px;
    }
    .contact-way li .title h2{
        font-size: 26px;
    }
    .case-list ul{
        margin: 0;
    }
    .case-node-list ul{
        margin: 0;
    }
    .hbanner-about .hbanner-img{
        width: 960px;
        left: 50%;
        margin-left: -480px;
    }
    .hbanner-about .hbanner-con{
        height: 240px;
        margin-top: -120px;
    }
    .case-list-text .text p{
        font-size: 24px;
    }
    .footer-menu .other-link,.footer-menu .other-link a{
        font-size: 24px;
    }
}