@charset "utf-8";

html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(0,0,0,0); font-family: "Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;}
body,ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,select,option,table,tr,td,dt,dl,dd,span,input,i,em,b,br,section,header,footer,nav,menu,aside,audio,video,canvas,svg,details,figure,figcaption,summary,hgroup,pre,sub,sup,button,textarea,input{margin:0;padding:0;color:inherit;}
body{ color: #666666; background-color: #fff;  word-break: break-all; word-wrap:break-word; font-weight: 400;  -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
input,button{overflow: visible;vertical-align:middle;outline:none}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"]{-webkit-appearance:none;outline:none}
a,a img{text-decoration:none; color: inherit;border:0;}
a:focus{outline:none;}
/* a:hover{ background: none;} */
a:focus, a:hover{ color: inherit;}
ul,ul li{list-style:none}
fieldset,img,input,button{border: none; padding: 0;margin: 0; outline-style: none;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight: normal;}
a{text-decoration:none;cursor: pointer;color:inherit; display: block; }
a:hover{text-decoration:none;outline:none; color: initial;}
a:focus{outline:none}
a:hover,a:active{outline:none}
a:focus{outline:none}
sub,sup{vertical-align:baseline}
a:link{text-decoration:none;   /* 指正常的未被访问过的链接*/}
a:visited{text-decoration:none; /*指已经访问过的链接*/}
a:hover{text-decoration:none;/*指鼠标在链接*/}
a:active{text-decoration:none;/* 指正在点的链接*/ }
img{max-width: 100%;height: auto;}
.wrapper{ width: 1200px; margin: 0 auto; padding: 1px 0; box-sizing: border-box; }

@media screen and (max-width:1150px){
    .wrapper{ width: 100%; padding: 0 20px; }
}
@media screen and (max-width:1100px){
    .wrapper{ width: 100%; padding: 0 10px;}
}

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

input::-webkit-input-placeholder,textarea::-webkit-input-placeholder { /* WebKit browsers */  
    color: #333;  
  }  
  input:-moz-placeholder ,textarea:-moz-placeholder{ /* Mozilla Firefox 4 to 18 */  
    color: #333;  
  }  
  input::-moz-placeholder ,  textarea::-moz-placeholder{ /* Mozilla Firefox 19+ */  
    color: #333;  
  }  
  input:-ms-input-placeholder, textarea:-ms-input-placeholder  { /* Internet Explorer 10+ */  
    color: #333;  
  }  

  input:focus::-webkit-input-placeholder,textarea:focus::-webkit-input-placeholder {
    color: transparent;
}
/* 滚动条style */
html:not(.isMobile) *::-webkit-scrollbar { width: 6px; height: 6px; background: none; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: #2F950D; border-radius: 10px;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);}

/* 常用felx弹性属性 */
.flex{  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; align-content: flex-start; }  
.order{ order:0; flex: 0 1 auto; align-self: auto; } /* align-self: auto | flex-start | flex-end | center | baseline | stretch; */

/* 单行溢出-多行溢出 */
.row{text-overflow: ellipsis;overflow: hidden;white-space:nowrap;}
.multi_row{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3; }

/* 清除浮动 */
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}

/* 头部 */
.black{color:#000!important;}
.head{padding-top: 17px;padding-bottom: 17px;}
.qq{margin-right: 10px;}
.tel{margin-right: 30px;font-weight:bold;color:rgba(136,136,136,1);font-size: 18px;}
.nav_list{background: #30960E;}
.nav_list>ul{margin-top: 5px;}
.nav_list>.wrapper>li a{color:#fff}
.alls{cursor: pointer;position: relative;padding-right: 20px;padding-left: 20px;box-sizing: border-box;}
.alls>:nth-child(1){margin-right: 80px;color: #fff;}
.alls>:nth-child(2){width: 40px;}
.kinds{position: absolute;top: 0px;left: 0;background:rgba(0,0,0,0.5); width: 100%;box-sizing: border-box;padding-top: 42px;z-index: 999;}
.kinds_list a{width: 50%;display: block;font-size: 14px;}
.kinds .flex{flex-wrap: wrap;}
.kinds_title{font-size: 18px;color: #fff;margin-bottom: 15px;}
.kinds_list a{color: #CCCCCC;font-size: 14px;}
.kinds{display: none;}
.kinds_list :nth-child(2n){text-align: right;}
.kinds_list a{margin-bottom: 10px;}
.kinds li{padding: 0 20px;border-bottom: 1px solid #666;padding-top: 15px;}
.icon1{display: none;}
.vxa{position: relative;}
.rqcode{    position: absolute;
  bottom: -83px;
  left: -25px;
  width: 80px;
  height: 80px;
display: none}
/* .rqcode >img{width: 80px;height: 80px;} */
.vxa:hover .rqcode{display: block;}
@media screen and (max-width:768px){
  .hot-line{text-align: center;padding: 10px 0;position: fixed;top: -90px;right: 0;width:100%;z-index: -1;transform: translate3d(0, 100%, 0px); transition: all 0.65s ease-in-out 0s;background: rgba(245,245,245,1);justify-content: center;}
.nav-activer{z-index: 100;top: 25px;transition: all 0.65s ease-in-out 0s;}
.head {padding-top: 10px;padding-bottom: 10px;}
.icon1{display: block;}
.head figure img{height: 40px;}
.icon1 :nth-child(1){width: 32px;height: 32px;}
.qq,.vx{display: none;}
.tel{font-size: 14px;margin-right: 0;}
.nav_list{padding: 0; margin-right: 0; position: fixed;top: 63px;right: 0;width: 65%;height: 100vh;flex-wrap: wrap;z-index: -1; overflow-y: scroll; transform: translate3d(100%, 0px, 0px); transition: all 0.65s ease-in-out 0s; }
.alls{display: none;}
.icon-open{width: 32px;height: 32px;}
.nav-active{transform: translate3d(0, 0px, 0px);z-index: 100;}
.nav_list>.flex{flex-direction: column;}
.nav_list li{width: 100%;line-height: 1.7;border-bottom: 1px solid #fff;    padding: 5px;}
}
/* 产品种类 */
.product-kind{margin-top: 99px;}
.Title{text-align: center;font-weight:bold;color:rgba(68,68,68,1);font-size: 36px;position: relative;}
.en-Title{text-align: center;font-weight:bold;color:rgba(204,204,204,1);font-size: 28px;margin-bottom: 50px;}
.Title:before,.Title:after{position:absolute;background:#ccc;content:"";height:1px;top:50%;width:40%;}
.Title:before{left:0;}
.Title:after{right:0;}
.product-kind-list{margin-bottom: 60px;}
.product-kind-list li{width: 30%;background:rgba(245,245,245,1);border-radius:12px;}
.product-kind-list li a{padding: 74px 62px 50px 53px;}
.product-name{background: rgba(68,68,68,1);padding: 35px 0;transition: all 0.65s ease-in-out 0s;}
.product-name :nth-child(1){text-align: center;color:rgba(255,255,255,1);font-size: 24px;margin-bottom: 5px;}
.product-name :nth-child(2){text-align: center;color: #fff;color:rgba(238,238,238,1);font-size: 16px;}
.product-kind-list li:hover .product-name{background:rgba(47,149,13,1);transition: all 0.65s ease-in-out 0s;}
@media screen and (max-width:768px){
  .product-kind {margin-top: 30px;}
  .Title{font-size: 18px;}
  .en-Title{font-size: 16px;margin-bottom: 15px;}
  .Title:before, .Title:after{width: 34%;}
  .product-kind-list li a{padding: 0;}
  .product-name{padding: 10px 0;}
  .product-name :nth-child(1){font-size: 16px;}
  .product-name :nth-child(2){font-size: 14px;}
  .product-kind-list li{width: 32%;}
  .product-kind-list {margin-bottom: 20px;}
}
/* 质量与安全 */
.quality-safety{ background:#F5F5F5;margin-top: 60px;padding-top: 99px;}
.quality-list>li .flex{flex-direction: column;}
.quality-list li>:hover{transition:all .6s ease;box-shadow:0 10px 20px #e5e5e5}
.quality-list{flex-wrap: wrap;}
.quality-list li{width: 33%;margin-bottom: 60px;transition:all .6s ease;}
.quality-list li a {padding-bottom:10px;}
.quality-list li a img{margin-bottom: 30px;    margin-top: 10px;}
.quality-list li a :nth-child(2){margin-bottom: 10px;font-weight:bold;color:rgba(68,68,68,1);font-size: 24px;}
.quality-list li a :nth-child(3){color:rgba(136,136,136,1);font-size: 14px;width: 100%;box-sizing: border-box;padding: 0 10px;text-align: center;}
@media screen and (max-width:768px){
  .quality-safety{margin-top: 30px;padding-top: 20px;}
  .quality-list li a :nth-child(2){margin-bottom: 10px;font-weight:bold;color:rgba(68,68,68,1);font-size: 18px;}
.quality-list li a :nth-child(3){color:rgba(136,136,136,1);font-size: 12px;text-align: center;    padding-right: 15px;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:2;}
.quality-list li a img{margin-bottom: 10px;}
.quality-list li{margin-bottom: 15px;width: 50%;}
}
/* 客户案例 */
.customer-case{margin-top: 99px;}
.customer-case-list li{width: 32%;border-radius:12px;overflow: hidden;position: relative;}
.customer-case-list li>img{width: 100%;}
.customer-case-list li:hover .shodow{background:rgba(47,149,13,.3);}
.shodow{position: absolute;bottom: 4px;left: 0;width: 100%;padding:24px;box-sizing: border-box;color: #fff;background:rgba(0,0,0,.3);font-weight:bold;font-size:24px;}
.shodow div{width: 100%;}
@media screen and (max-width:768px){
  .customer-case-list{flex-wrap: wrap;}
  .customer-case-list li{width: 100%;}
  .customer-case{margin-top: 30px;}
  .shodow{font-size: 20px;}
}
/* 品牌故事 */
.brand-story{margin-top: 99px;}
.intro,.intros{text-align: center;color:rgba(136,136,136,1);font-size: 14px;}
.intros{margin-bottom: 49px;}
.videos{position: relative;}
.video{width: 100%;}
/* .videos img{position: absolute; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 112px;height: 112px;z-index: 999;cursor: pointer;} */
@media screen and (max-width:768px){
  .videos img{width: 50px;height: 50px;}
  .brand-story{margin-top: 30px;}
  .intros {margin-bottom: 25px;}
}
/* 企业综合实力 */
.enterprise-synthetically{margin-top: 99px;background-size:cover;padding-bottom: 102px;}
.des{color:rgba(204,204,204,1);font-size: 14px;line-height: 1.5;margin-bottom: 20px;}
.enterprise-synthetically .Title{color: #fff;margin-top: 99px;}
/* .enterprise-list{margin-bottom: 102px;} */
.enterprise-list li{width: 25%;border-right: 1px solid #fff;}
.enterprise-list>.flex{flex-direction: column;}
.num{font-weight:bold;font-size: 72px;color: #fff;margin-bottom: 15px;}
.unit{font-size: 18px;color: #fff;}
.des-intro{font-size: 24px;color: #fff;}
.enterprise-list :last-child{border: none;}
@media screen and (max-width:768px){
  .enterprise-list{flex-wrap: wrap;}
  .enterprise-list li{width: 50%;border: none;margin-bottom: 20px;}
  .des-intro{font-size: 16px;}
  .num{margin-bottom: 0;font-size: 24px;}
  .unit{font-size: 12px;}
  .enterprise-synthetically{padding-bottom: 30px;margin-top: 30px;    padding-top: 10px;}
  .enterprise-synthetically .Title {color: #fff;margin-top: 30px;}
}
/* 合作客户 */
.cooperative-Client{margin-top: 99px;}
.client-list{flex-wrap: wrap;}
.client-list li{width: 20%;border: 1px dashed #999;box-sizing: border-box;}
.client-list .fake{opacity: 0;}
@media screen and (max-width:768px){
.cooperative-Client{margin-top: 30px;}
.client-list li{width: 25%;}
}
/* 媒体报道 */
.media-information{margin-top: 99px;}
.media-information-content{display: flex;width: 100%;height: auto;}
.media-information-left{width: 40%;display: inline-block;}
.media-information-right{width: 60%;height: auto;background: red;overflow: hidden;}
.media-information-content .left {width: 45%;display: inline-block;margin-right: 100px;position: relative;}
.media-information-content .right {width: 45%;height: auto;}
.media-information-content .right li{display: flex;height: 20%;padding-bottom: 10px;box-sizing: border-box;}
/* .media-information-content .right li a{width: 100%;} */
.media-information-content .right .time{margin-right: 25px;border-right: 1px solid #eee;padding-right: 25px;}
.media-information-content .right>.flex{justify-content: start;}
.media-information-content .right .year{font-weight:bold;color:rgba(68,68,68,1);font-size: 14px;}
.media-information-content .right .month{font-weight:bold;color:rgba(68,68,68,1);font-size: 24px;}
.media-information-content .right .information-title{font-weight:bold;color:rgba(68,68,68,1);font-size: 24px;}
.media-information-content .right .information-content{font-size: 14px;color: #888888;width: 100%;}
.information-name{width: 70%;}
.information-shodow{position: absolute;bottom: 0;left: 0;background:rgba(0,0,0,.5);width: 100%;z-index: 11;padding: 10px 20px;box-sizing: border-box;}
.information-shodow .time,.information-name{color: #fff;}
@media screen and (max-width:893px){
.media-information-content{flex-wrap: wrap;}
.media-information-content .left{width: 100%;margin-right: 0;}
.media-information-content .right{width: 100%;    margin-top: 20px;}
.media-information-content .right .information-title{font-size: 16px;}
.media-information-content .right .information-content{font-size: 12px;}
.media-information-content .right .month{font-size: 20px;}
.media-information{margin-top: 30px;}
}
.Nofound{display: flex;justify-content: center;align-items: center;}