@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;}

/* 头部 */
.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:url(https://img01.g3wei.com/x5JGpCHznH.jpg);line-height: 44px;border-top: 1px #e5e5e5 solid;}
.nav_list>ul{margin-top: 5px;}
.nav_list>.wrapper>li a{color:#333}
.nav_list>.wrapper>li a:hover{color:#ff9900}
.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,1);opacity: 0.3; 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: 21px;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: linear-gradient(to right, #176c14, #c0d44d);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(68,68,68,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: 25%;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;text-align: center;}
.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: 25%;border: 1px dashed #999;box-sizing: border-box;text-align: center;}
.client-list .fake{opacity: 0;}
@media screen and (max-width:768px){
.cooperative-Client{margin-top: 30px;}
.client-list li{width: 25%;}
}
/* 媒体报道 */
.media-information{margin: 99px 0;}
.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: 55%;}
.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;}


.guangTitle{text-align: center;padding: 60px 0px 30px 0px;}
.guangTitle1{padding: 40px 0px 20px 0px;}
.guangTitle2{padding: 40px 0px;}
.guangTitle h2{margin-bottom: 10px;}
.font28Grayfine{font-size: 28px;color: #333333; font-weight: bold;}
.font14Gray{font-size: 14px;color: #888888;}
.font14NewGray{font-size: 14px; color: #333333;}
.font48GFFfine{font-size: 48px;color: #FFFFFF;font-family: Microsoft YaHei;font-weight: bold;}
.font16GFFfine{font-size: 16px;color: #FFFFFF;Microsoft YaHei;font-weight: bold;}
.font20G1Dfine{font-size: 20px;color:#3dbf04;Microsoft YaHei;font-weight: bold;}
.clearfix:after{content:"";height:0; line-height:0; display:block;clear:both; visibility:hidden;}    
.clearfix{ zoom:1;}
figure{margin-bottom: 0px;}
.row {margin: 0px;}
/* 产品列表 */
.proBg{height: 100%;}
.proMax{position: relative;}
.ProRemBtnGrop{    position: absolute;
    text-align: center;
    left: 50%;
    width: 100%;
    transform: translateX(-50%);
    bottom: -15px;}

.col-lg-3.col-sm-4.col-md-4.col-12.proText {padding-right: 25px;margin-top: 7px;}
.aboutMax{margin: 40px 0px;}
.sidebarUTitle{ background: #3dbf04;text-align: center; padding: 20px;}
.sidebarU{background: #F8F8F8;padding: 20px; }
.sidebarU li a{line-height: 45px;text-align: left;color: #666666;font-family: Microsoft YaHei;text-align: center; font-weight: bold;display: block;margin-bottom: 2px;}
.sidebarU li a:hover{color: #ffffff;font-family: Microsoft YaHei;background: #208FE4;font-weight: bold;}
.sidebarU .active a{color: #ffffff;font-family: Microsoft YaHei;background: #208FE4;font-weight: bold;}
.font36white{font-size: 36px;color: #FFFFFF;}
.font20Whitefine{font-size: 20px;color: #FFFFFF;}
.font20Gray{font-size: 20px;color: #333333;}
.col, .col-1, .col-10, .col-11, .col-12, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-auto, .col-lg, .col-lg-1, .col-lg-10,
 .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-auto, .col-md, .col-md-1, 
 .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-auto, .col-sm,
  .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-auto, .col-xl, .col-xl-1,
 .col-xl-10, .col-xl-11, .col-xl-12, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-auto{padding: 0px;}
 /* tab切换 */
 .newsMax{margin-bottom: 40px;}
.choice{color: #294398 !important;}
.tab-item{display: none;margin-top:0px ;}
.show{display: block;margin-top:0px ;}
.rowListblack{text-align: center; padding: 15px 0px;}

.proList{padding: 8px;margin-bottom: 30px;}
.proName{margin: 15px 0px;    text-align: center;} 
/* 
t推荐产品 */
.proList{padding: 10px;text-align: center;}
.proRemCon{margin: 15px 0px;}
.proRemIntro{margin-top: 5px;}
.ProRemBtn{border-radius: 15px;}
.ProRemBtn a{padding: 6px 50px;border-radius: 15px;background: #3dbf04;color: #ffffff;    display: block;}


/* 四大核心优势 */
.suppMaxOne{width: 50%;float: left;padding: 20px 30px 20px 0px;}
.suppMaxTwo{width: 50%;float: left;padding: 20px 0px 20px 30px;}
.suppFlexOne{display: flex;margin-bottom: 40px;}
.suppConLeft{width: 20%;background: #3dbf04;text-align: center;padding: 60px 20px;}
.suppConLeft p:nth-child(1){border-bottom: 1px solid #ffffff;padding-bottom: 10px;margin-bottom: 10px;}
.suppConRight{width: 80%;padding-left: 40px;position: relative;}
.suppConRightTwo{width: 80%;padding-right: 40px;position: relative;}
.suppBtnGrop{position: absolute;bottom: 20px;}
.suppIntro{margin-top: 15px;}
.suppBtn{padding: 6px 40px;background: #3dbf04;border-radius: 15px;color: #ffffff;}
.suppFlexTwo{display: flex;margin-top: 40px;}
@media screen and (max-width:1000px){
    .wrapper{ width: 100%; padding: 0 10px;}
}
@media screen and (max-width:768px){ 
    .guangTitle {text-align: center;padding: 20px 0px;}
    .suppMaxOne{width: 100%;float: left;padding: 10px;}
    .suppMaxTwo{width: 100%;float: left;padding: 10px;}
    .suppConLeft{padding: 40px 10px;}
    .suppConRight{width: 80%;padding-left: 20px;position: relative;}
    .suppConRightTwo{width: 80%;padding-right: 20px;position: relative;}
    .font48GFFfine {font-size: 32px;}
    .suppConLeft{padding: 60px 10px;}
}

@media screen and (max-width:1200px){
.suppConLeft{width: 30%;}
.suppConRight{width: 70%;}
}

.multi_row1{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:1;}
.multi_row3{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-break: break-all;-webkit-box-orient: vertical;-webkit-line-clamp:3;}
@media screen and (max-width:400px){ 
    /* 左侧产品分类 */
    .Nproflex{display: block;}
    .Nproleft{width: 100%;padding-top: 10px;padding-bottom: 20px;}
    .Nproright{width: 100%;padding-left: 10px;}
    /* 产品内页 */
    .NproList{text-align: center;padding: 10px;}
    .suppLi{width: 50%;}
    .font48GFFfine {font-size: 24px;}
    .chaBtn{margin-top: 5px;}
    .proLCon{position: absolute;top: 2%;right: 4%;}
    #scroll_div{width: 200px;}
    .noticeMax .swiper-button-prev,.noticeMax .swiper-container-rtl .swiper-button-next{margin-right: 20px;position: absolute
        ;left: 22%;--swiper-navigation-size: 30px;}
    
    .factrightN, .factLeftN{width: 100%;}
    .SuppLiFlex{display: block;}
    .factright, .factLeft{width: 100%;}
    .factright,.factLeftN{padding-right: 0px;}
    .factLeft,.factrightN{padding-left: 0px;}
    .factrightN{margin-top: 10px;}
    .sidebarUTitle{width: 100%;}
    .proText{padding-left: 8px;padding-right: 8px;}
    .newList{padding: 5px;}
}