*{word-wrap:break-word}

html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}

ul,ol,dl{list-style-type:none}

html,body{*position:static}

html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}

address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}

input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}

input,button{overflow: visible;vertical-align:middle;outline:none}

body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}

body{line-height:1.6}

h1,h2,h3,h4,h5,h6{font-size:100%}

a{text-decoration:none!important;cursor: pointer}

a:hover{text-decoration:underline;outline:none}

a.ie6:hover{zoom:1}

a:focus{outline:none}

a:hover,a:active{outline:none}:focus{outline:none}

sub,sup{vertical-align:baseline}

button,input[type="button"], input[type="submit"] {line-height:normal !important;}

/*img*/

img{border:0;vertical-align:middle}

a img,img{-ms-interpolation-mode:bicubic}

.img-responsive{max-width: 100%;height: auto}





/*HTML5 reset*/

header,footer,section,aside,details,menu,article,section,nav,address,hgroup,figure,figcaption,legend{display:block;margin:0;padding:0}time{display:inline}

audio,canvas,video{display:inline-block;*display:inline;*zoom:1}

audio:not([controls]){display:none}

legend{width:100%;margin-bottom:20px;font-size:21px;line-height:40px;border:0;border-bottom:1px solid #e5e5e5}

legend small{font-size:15px;color:#999}

svg:not(:root) {overflow: hidden}

fieldset {border-width:0;padding: 0.35em 0.625em 0.75em;margin: 0 2px;border: 1px solid #c0c0c0}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}

input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}

/*

Name:     style_clearfix

Example:    class="clearfix|cl"

Explain:    Clearfix����дcl����������Ԫ�ظ��������µĸ�Ԫ�ظ߶�ȱʧ������

*/

.cl:after,.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}

.fl{float: left;}

.fr{float: right;}

.mt10{margin-top: 10px;}

.mt15{margin-top: 15px;}

.mt20{margin-top: 20px;}

.mt50{margin-top: 50px;}

.mr40{margin-right: 40px;}

.mb0{margin-bottom: 0px;}

.mb10{margin-bottom: 10px;}

.mb30{margin-bottom: 30px;}

.mb50{margin-bottom: 50px;}

.mb60{margin-bottom: 60px;}

.pb20{padding-bottom: 20px;}

.pb30{padding-bottom: 30px;}

.center{text-align: center;}

.left{text-align: left;}

.right{text-align: right;}

.fs16{font-size: 16px}

.fs18{font-size: 18px}

.fs22{font-size: 22px}

.fs28{font-size: 28px}

.fw600{font-weight: 600;}

.flex{display: flex; flex: row wrap ;}

.flex1{ flex: 1;}

.flex3{ flex: 0 0 25%}

.white{ color: #fff;}

.whitebg{ background: #fff;}

.overHide{ overflow: hidden;}

.w100{ width: 100%}

.w200{ width: 200px}

.lh28{line-height: 28px;}

.lh60{line-height: 60px;}

.bb1{border-bottom: 1px solid #d4d4d4;}

.b1{border: 1px solid #d4d4d4;}

.ellipsis1{

  white-space: nowrap;

  text-overflow: ellipsis;

  overflow: hidden;

}

.ellipsis2{

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp:2;

  -webkit-box-orient: vertical;

}

.ellipsis3{

  overflow: hidden;

  display: -webkit-box;

  -webkit-line-clamp:5;

  -webkit-box-orient: vertical;

}

.header{

  overflow: hidden;

}

.header-info{

  color: #fff;

  background: #4a7156;

  overflow: hidden;

  height: 30px;

}

.max1200{

  width: 1200px;

  margin: 0 auto;

}

.header-nav{

  width: 1200px;

  height: 130px;

  margin: 0 auto;

}

.logo{

  float: left;

  width: 430px;

  margin-top: 28px;

}



.nav{

  display: flex;

  -ms-flex-wrap: wrap;

  flex-wrap: wrap;

  padding-left: 0;

  margin-bottom: 0;

  list-style: none;

}



.notdropdown, .dropdown{

  margin: 60px 0 0 30px;

  overflow: hidden;

}



.header-nav .nav-link{

  font-size: 16px;

  padding: 0;

  color: #000;

}

.header-nav .nav-link:hover{

  color: #01a446!important;

}

.navbar-default{

  background: #fff;

  border: none;

}



.header-nav .active{

  color: #01a446!important;

}



.two-nav{

  background: #01a446;

  position: absolute;

  width: 100%;
  
  z-index: 10;

}



.two-nav li{

  display: inline-block;

  height: 40px;

  line-height: 40px;

}

.two-nav li a{

  color: #fff;

  font-size: 14px;

  padding: 0 20px;

  border-right: 1px solid #fff;

}

.two-nav li:last-child a{

  border-right: none;

}



.banner{

  width: 100%;

}

.title{

  border-bottom: 1px solid #d4d4d4;

  position: relative;

}

.title:after{

  content:"";

  display:block;

  width:42px;

  height:2px;

  background: #01a446;

  text-align: center;

  position: absolute;

  left: 50%;

  bottom: 0;

  margin-left: -21px;

}



.product{

  padding: 50px 15px 0px;

}

.product img{

  width: 100%;

  padding-bottom: 50px;

}

.product .fs16{

  padding-bottom: 30px;

  border-bottom: 1px solid #d4d4d4;

}



.about-us{

  height: 580px;

  background: url(../img/gsbg.png) no-repeat center;

  padding: 60px;

  margin-top: 50px;

}

.about-us-content{

  background: #fff;

  padding: 50px;

}

.about-us-content p{

  line-height: 36px;

}

.about-us-content .overHide{

  margin-bottom: 40px;

}

.h300{

  height: 300px;

}

.h340{

  height: 340px;

}

.h360{

  height: 360px;

}

.base{

  padding: 8px;

}



.news{

  width: 100%;

  height: 780px;

  background: url(../img/newsbg.png) no-repeat center;

  padding: 50px 0;

  margin-top: 10px;

}

.news-content{

  background: #fff;

  padding: 50px;

}



.footer{

  height: 360px;

  background: #1d1d27;

  border-top: 6px solid #22825d;

  line-height: 36px;

  color: #fff;

}



.address{

  margin-top: 80px;

  padding-left: 40px;

  border-left: 1px solid #36373b;

}



.code{

  margin-top: 74px;

}



.code img{

  width: 100%;

}





/* 产品中心 */

.tab-item{

  font-size: 16px;

  font-weight: 600;

  line-height: 60px;

  width: 200px;

  float: left;

  text-align: center;

}



.tab-item.active{

  background: #01a447;

  color: #fff;

}

.index-news{

  display: inline-block;

}

.index-news, .product-item{

  color: #000;

}



.index-news:hover, .product-item:hover{

  color: #337ab7;

}



.product-item .b1{

  margin: 15px 0;

  text-align: center;

}

.product-item img{

  width: 100%;

}

.product-item .fs18 {

  background: #e2e2e2;

  line-height: 32px;

}

.product-item .fs16 {

  background: #e2e2e2;

  line-height: 28px;

}

.about-us-title{

  line-height: 166px;

  color: #1a365e;

}

.about-us-con p{

  text-indent: 2em;

  margin-bottom: 10px;

  line-height: 40px;

  color: #5a5859;

}

.message-con{

  width: 850px;

  margin: 70px auto;

}

.message-group{

  width: 100%;

  overflow: hidden;

  margin-bottom: 20px;

}

.message-key{

  float: left;

  width: 80px;

  color: #747682;

  text-align: right;

}

.message-value{

  width: 470px;

  float: left;

  background: #e6e6e6;

}

.message-value770{

  width: 770px;

}

.message-con .btn{

  width: 120px;

  height: 40px;

  line-height: 40px;

  margin-left: 80px;

  color: #fff;

  background: #6dc766;

}

.brand{

  width: 1200px;

  margin: 40px auto 0;

}

.brand-con{

  display: block;

  margin-bottom: 40px;

}

.brand-title{

  line-height: 46px;

}

.brand-text{

  line-height: 34px;

  color: #a9a0b5;

}

.news-con{

  text-align: center;

  margin-bottom: 30px;

}

.news-title{

  font-size: 24px;

  line-height: 110px;

  color: #04833e;

}

.news-time{

  background: #ececec;

  line-height: 32px;

}

.news-time span{

  margin-left: 20px;

}

.news-text {

  text-indent: 2em;

  line-height: 30px;

  text-align: left;

  margin: 12px;

}

.news-img{

  width: 50%;

  margin: 12px;

}

/* @media screen and (max-width: 1200px) {

  .max1200,.header-nav{width: 100%;}

  .logo{width: 150px;}

} */



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

  .max1200,.header-nav{width: 100%; box-sizing: border-box;}

  .logo{width: 260px;margin-left: 15px;margin-top: 0;}

  .header{

    overflow: inherit;

  }

  .header-nav{

    height: 50px;

    z-index: 10;

  }

  .navbar-nav{

    flex-direction: column;

    background: #fff;

  }

  .notdropdown, .dropdown{

    margin: 10px;

    overflow: visible;

  }

  .header-nav .nav-link{

    margin-left: 30px;

    line-height: 20px;

    font-size: 16px;

    color: #000;

  }

  .navbar-collapse{

    background: #fff;

  }

  .dropdown-menu{

    position: static;

    float: none;

    width: auto;

    margin-top: 0;

    background-color: transparent;

    border: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

  }

  .dropdown-menu>li>a{

    color: #777!important;

    padding: 10px 20px!important;

  }

  .title {margin-top: 20px;}

  .product .fs18,.product .fs16{

    padding-left: 15px;

  }

  .about-us,.news{

    padding: 15px;

    height: auto;

    background-size: cover;

  }

  .news-content{

    padding: 15px 0;

  }

  .news-content .lh28{

    margin-top: 0;

  }

  .about-us-content{

    padding: 15px;

  }

  .base .h340{


    height: 200px;

    width: 100%;


  }

  .base .h300{

    height: 290px;

    width: 100%;

  }

  .first-new{

    border-bottom: 1px solid #d4d4d4;

    padding-bottom: 15px;

    margin-bottom: 15px;

  }

  .first-new .col-xs-5{

    padding: 0;

  }

  .first-new .col-xs-7{

    padding-right: 0;

  }

  .first-new .ellipsis1 {

    margin-top: 0;

  }

  .bb1{

    padding-bottom: 15px;

  }

  .bb1 img{

    padding: 0;

  }

  .bb1 .col-xs-7{

    padding-right: 0;

  }

  .bb1 .ellipsis1{

    margin-bottom: 0;

  }

  .bb1 .lh28{

    line-height: 24px;

  }

  .footer{

    height: auto;

  }

  .footer .h360{

    height: 120px;

  }

  .footer .address, .footer .code {

    margin-top: 20px;

  }



  .product-title{

    width: 100%;

    text-align: center;

  }

  .product-tab{

    margin: 0 15px;

  }

  .tab-item{

    max-width: 33.3%;

    line-height: 40px;

  }

  .current-location{

    float: left;

    line-height: 40px;

    margin-left: 20px;

  }

  .product-contnet{

    padding-bottom: 0;

  }

  .about-us-title{

    line-height: 88px;

    padding-bottom: 0;

  }

  .about-us-con p{

    padding: 0 15px;

  }

  .message-con{

    width: 100%;

  }

  .message-value{

    width: calc(100% - 100px);

  }

  .brand{

    width: 100%;

  }

  .brand-title{

    font-size: 16px;

    line-height: 28px;

  }

  .brand-text{

    line-height: 24px;

    -webkit-line-clamp:2;

  }

  .news-img{

    width: 90%;

  }

}

.activity{
    position: fixed;
    z-index: 100;
    width: 200px;
    right: 20px;
    overflow: auto;
    bottom: 40px;
    border-radius: 6px;
}

.activity img{
    width: 100%;
}

.close-activity{
    position: fixed;
    z-index: 101;
    bottom: 130px;
    font-size: 30px;
    right: 10px;
    border-radius: 100%;
    background: #fff;
    width: 22px;
    height: 22px;
    line-height: 17px;
    text-align: center;
}