@charset "utf-8";
/* 清除内外边距 */
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */
dl, dt, dd, ul, ol, li, /* list elements 列表元素 */
pre, /* text formatting elements 文本格式元素 */
fieldset, lengend, button, input, textarea, /* form elements 表单元素 */
th, td { /* table elements 表格元素 */
    margin: 0;
    padding: 0;
}

input,textarea {border: 2 none; -webkit-box-shadow: none; box-shadow: none; outline: none;}

/* 设置默认字体 */
body,
button, input, select, textarea {
    font-family: "Microsoft Yahei"; color: #666; font-size: 13px;
}

h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 14px;}
h4, h5, h6 {font-size: 100%;}
* h1,* h2,* h3,* h4,* h5,* h6{margin: 0px;} /*覆盖bootstrape对标题加的默认外边距*/

address, cite, dfn, em, i, var {font-style: normal;} /* 斜体扶正 */

/* 重置列表元素 */
ul, ol ,li{list-style: none;}

/* 重置文本格式元素 */
a {text-decoration: none; color: #666; word-wrap:break-word;}/*英文换行*/
a:hover {text-decoration: none; }


/* 重置表单元素 */
legend {color: #000;} /* for ie6 */
fieldset, img {border: none;} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
    font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}

/* 重置表格元素 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
  font-family: 'iconfont';  /* project id 2345038 */
  src: url(files/iconfont.eot.txt),
  url(files/iconfont.woff) format('woff'),
  url(files/iconfont.ttf) format('truetype'),
}


/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
body {overflow-y: scroll;}

/*设置浮动*/
.fl,.pull-left {float: left;}
.fr,.pull-right {float: right;}
.pr{position: relative;}
.pa{position: absolute;}

.clear{ clear:both; height: 0; overflow: hidden;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}

.box,.content,.w1200,.width-1200{ width:1400px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1400px;}  /*版面宽度*/
.page_content{ width:930px;} /*右边宽度*/
.page_left{ width:240px;} /*左边宽度*/
.page_full{ width:100%;}
.dis,.hide{ display:none;}

.line-clamp-1{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.line-clamp-2{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.line-clamp-3{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.line-clamp-4{
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}


.n_box{
    width: 1400px;margin: 80px auto;position: relative;
}
.box:after,.n_box:after{
    display: block;content: "";clear: both;
}


/*抬头*/
.head_all{
    width: 100%;
    height: 50px;
    background: url(images/head_bg.jpg) center no-repeat;
}

.slogan{float:left; color:#888; line-height:45px;}
.slogan i{
    font-size: 16px;color: #888;display: inline-block; padding-right: 5px;
}
.toptel{float:right; color:#fff;}
.toptel_fl{float:left; padding-left:25px; line-height:50px; background:url(images/tel_head.png) left center no-repeat;}
.toptel_fr{float:right; margin-left:5px; font-family:neutraface2; font-size:28px; line-height:50px;}



/*顶部*/
.top_bg {
    background: #fff;
    height: 45px;
    line-height: 45px;
    -webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
    position: relative;
    z-index: 202;
}
.top d {
    float: left;
    font-size: 15px;
    color: #666;
}
.top_r{}

/*抬头*/
.header{position: fixed; top:0;
 
}
.headerbg{ height: 101px;
    z-index:999;width: 100%;min-width: 1300px;border-bottom: 1px solid #eee;
}
.header{ position:relative; top:0; left:0; right:0; width:100%; margin: 0 auto; background:rgba(255,255,255,0.9);
z-index:999;;}
.header .w1400{min-width:1400px; height:110px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }
.hleft{  padding-top:5px;}
.hleft p{font-size:19px; color:#222; padding-left: 15px; 
    line-height:35px; display: block;position: relative;
}
.hleft p:before{
    content: "";
    display: block;width: 1px;height:62px;background:#ddd; position: absolute;left: 0;top: 2px;
}
.hleft p span{
    font-size:18px;
}
.hleft strong{display: block; font-size: 28px;
    
}
.hleft a{ margin-right:15px; float: left;
}
.hleft a img{
    display: block;height: auto;
}
.nav{
    width: 100%;
}
.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}
.hright{width:76%; }
.nav>ul>li{ position:relative; margin-right:3.7%;}
.nav>ul>li>a{ font-size:1.04rem; color:#333; display:block; line-height:24px; position:relative;text-align: center;
height: 110px;box-sizing: border-box;padding-top:35px; overflow: visible;
  
} 
.nav>ul>li>a span{
    color: #999;font-family: "airal";display: block;font-size: 12px;text-transform: uppercase;
}
.nav>ul>li>a:after{ content:''; display:block; position:absolute; left:0; right:0; margin:0 auto; bottom:-8px; height:0; width:0; transition:all .3s ease;
box-sizing: border-box;z-index:9;
background:#fff url(images/shuidi.png)center no-repeat;border-radius: 50%;
}
.nav>ul>li.on>a:after,.nav>ul>li:hover>a:after{ width:36px;height:36px;bottom:-16px;}
.nav>ul>li.on>a,.nav>ul>li:hover>a{ 
    
}
.nav>ul>li>a i{ display:inline-block; vertical-align:middle; margin-left:5px; width:12px; height:7px; background:url(images/002.png) no-repeat center;}
.dropmenu{position:absolute; border-radius:5px; overflow:hidden; transition:all .3s ease; top:110px; left:-50%; width:200%; background:rgba(255,255,255,0.98); 
box-shadow:0 0 10px rgba(0,0,0,.2); opacity:0; transform:rotateY(90deg);
    padding:15px 0;
    
}
.nav>ul>li:hover .dropmenu{ transform:rotate(0deg); opacity:1;}
.dropmenu a{ display:block; line-height:40px; font-size:15px; color:#666; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{ color:#009b4d;}
.dropmenu table,.dropmenu tbody,.dropmenu tr,.dropmenu td{ display:block; width:100%;}
.searchicon{ width:36px; height:36px; background:#009b4d url(images/003.png) no-repeat center; cursor:pointer;
    border-radius: 50%;
}
.search{ position:relative;}
.search:hover .iser_box{transform: rotateX(0deg); }
.iser_box{background: rgba(255,255,255,0.98);width:1040px;box-sizing:border-box; position: absolute;top:90px;right: 0;padding: 30px; z-index: 9;box-shadow:0 0 10px rgba(0,0,0,.2);}
.iser_box .iShow{ visibility:visible; opacity:1; top:62px;}

.z_img{width:38px;height:38px;position:absolute;top:0;right:0;background: no-repeat;}

.hidden{
    display: none;
}
.alibb{margin-right: 2%; width: 40px;
    height: 36px;background: #009b4d;text-align: center;line-height: 36px;
    border-radius: 50%;}
    
    .alibb a {
    font-size: 26px;
    color: #fff;
}
.alibb:hover a{
  color: #fff000;
}

/*一站式*/
.service{ width: 100%;border-bottom: 1px solid #eee;
   
}  

.service li{color: #333;font-size: 18px;float: left;text-align: center;
    display: block;width:23%;height: 190px; box-sizing: border-box;padding:45px 0; line-height:40px; border-right: 1px solid #eee; 
}

.service li:nth-of-type(1){ border-left: 1px solid #eee; 
   
}
.service li dl{
   display: inline-block;vertical-align: bottom; font-size: 55px;line-height: 60px;
  
}
.service li dd{display: inline-block; width: 25px;height: 25px;color: #fff;text-align: center;background: #009b4d;
vertical-align: top;font-size: 16px;line-height:25px;border-radius: 50%;
    
}
.service li p{
    font-size: 20px;display: block; font-weight: lighter;color: #666;
}

.service li:nth-of-type(4){
    width: 31%;
}

.service li i{display: block; line-height:44px; padding-top:44px; letter-spacing: 10px;font-weight: lighter;
    font-size: 32px;
}
.service li em{
    font-size: 16px;display: block;color: rgba(255,255,255,0.7)
}


/*产品展示*/
.prod_all{ padding-bottom:23px;
    width: 100%;min-width: 1400px;background: #f5f5f5; padding-top:80px;
}
.prod_t{
    text-align: center;font-size: 18px;color: #666; position: relative; margin-bottom: 35px;
}
.prod_t b{
    display: block;position: relative;z-index: 2;
}
.prod_t p{color: #222; line-height: 44px;font-weight: bold;
    font-size: 44px;display:inline-block;position: relative;
}


.prod_t dl{font-weight: lighter;
    line-height: 50px;padding-top:8px;
}
.prod_t span{
    color:#009b4d; font-weight: bold;
}



.biaoti em i {display: inline-block;width: 15px;height: 24px;border-radius: 3px;vertical-align: top;animation: tptd 1.5s infinite;-webkit-animation: tptd 1.5s infinite;}
.biaoti em i:nth-child(2) {height: 24px;animation: tptd 1.8s infinite;-webkit-animation: tptd 1.8s infinite;}
.biaoti em i:nth-child(3) {animation: tptd 2s infinite;-webkit-animation: tptd 2s infinite;}
.biaoti em i+i {margin-left: 11px;}

@keyframes tptd{
  0%{transform: translateY(0);}
  50%{transform: translateY(5px);}
  100%{transform: translateY(0);}
}



/*切换栏目*/
    .mod1191 .product_content {
        width: 1070px;
    }
    .mod1191 .product_tab {
        margin-bottom: 26px;
        text-align: center;
            
  
    line-height: 70px;
    background: #fff;
    }
    .mod1191 .product_tab:after{
        display: block;content: "";clear: both;
    }
    .mod1191 .product_tab li { box-sizing: border-box;
       width: 25%;text-align: center;
        background: #fff;
		text-overflow: ellipsis;
		white-space: nowrap; position: relative;
		line-height: 70px;
		float: left;
    }
     .mod1191 .product_tab li+li:after{border-left:1px dashed #ddd; width: 1px; height: 20px;top: 25px; position: absolute;
     left: 0;display: block;content: "";
         
     }
    .mod1191 .product_tab li:first-child {
        margin-left: 0;
    }
    .mod1191 .product_tab a {
        display: block;
        font-size: 18px;
        color: #333;
    }
    .mod1191 .product_tab li:hover {
        background: #009b4d;
        border-color:#009b4d;
    }
    .mod1191 .product_tab li:hover a {
        color: #fff;
    }
    .mod1191 .product_tab .on {
        position: relative;
        background: #009b4d;
        border-color:#009b4d;
    
    }
    .mod1191 .product_tab .on a {
        color: #fff;
    }
    .mod1191 .product_tab .on:after{ content: "";
    width: 0px;
    height: 0px;
    border-top: 13px solid #009b4d;
    border-right: 12px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 12px solid transparent;
    position: absolute;
    top: 70px;
    left: 45%;}
    /*切换内容*/
    .mod1191 .product_d{
  position: relative;
    }
       
   .mod1191 .product_d:before{
        display: block;content: "";width: 150px;height: 150px;background: url(images/newsbg.png)no-repeat;
        position: absolute;right:0;top: 0;z-index: 2;
   }

    .mod1191 .product_d .fl {
    }
    .mod1191 .product_img {
        width:500px;
        height:600px; padding-left: 20px;
    }
    .mod1191 .product_img img {
        display: block;
 
     
    }
    .mod1191 .product_d .fr {

        width:550px; box-sizing: border-box; padding-right: 50px;
    }
    .mod1191 .product_d .fr .product_t {
        height: 50px;
        font-size: 26px;
        font-weight: bold;
        color: #333;
        line-height: 40px;
        border-bottom: 1px solid #f1f1f1;
    }
    .mod1191 .product_d .fr .product_w {
        margin-top: 20px;
    }
    .mod1191 .product_d .fr .product_w span {
        display: block;
        margin-top: 20px;
        min-height: 30px;
        font-size: 20px;
        color: #009b4d;
        line-height: 20px;
    }
    .mod1191 .product_d .fr .product_w p {
        min-height: 120px;
        font-size: 16px;
        color: #333;
        line-height: 30px;
    }
    .mod1191 .product_d .fr .product_w p:nth-child(4) {
        min-height: 60px;
    }
    .mod1191 .product_d .fr .product_a {
        margin-top: 32px;
        width: 120px;
        height: 35px;
        text-align: center;
        line-height: 35px;
        border-radius: 5px;
        background: #009b4d;
    }
    .mod1191 .product_d .fr .product_a:hover {
        background:#0079ed;
    }
    .mod1191 .product_d .fr .product_a a {
        display: block;
        font-size: 16px;
        color: #fff;
        overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
    }
    .mod1191 .line-clamp-4{
		overflow : hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
    }
    .pro1_dh{
     padding-top: 20px;
        border-bottom: 1px solid #eee;
        font-size: 26px;
         color: #333;
         font-weight: bold;
         height: 70px;
         line-height:70px;
    }
    .pro1_dh a{font-size: 26px;
         color: #333;}
    .pro1_dh span{
        text-transform: uppercase;
    }
    .pro1_td{
        font-size: 16px; font-weight: lighter;
         color: #666;
         line-height: 32px;
         height: 140px;
         padding-top:15px;
     
        border-bottom: 1px solid #eee;
    }
    
    .pro1_td b{
        font-size: 22px;
         color: #009b4d;
         line-height: 50px;
    }
    .pro1_yy{
      text-align: justify;
        font-size: 16px;
        color: #666; line-height: 32px; font-weight: lighter;
        padding-top: 20px;
    }
    .pro1_yy span{
        display: block;
        color: #009b4d;
        font-size: 22px; font-weight: bold;
        line-height: 40px;
    }
    .pro1_t{
        margin-top: 25px; height: 150px;overflow: hidden;
    }
    .pro1_t img{
        display: block;
    }
    .pro1{ position: relative;
        background: #fff;}
        .pro2 b{
            font-size: 20px;  
            color: #009b4d;
            line-height:38px; position: relative;
        }
   .pro1:after{
       display: block;content: "";clear: both;
   }   

 .pro3_d{
            position: relative;
            font-size: 42px;
            text-align: center;
            line-height: 70px;
            z-index: 99;
        }
        
        .pro3_d:after{ content: ""; position: absolute;  width:22px; height: 22px; right:462px; top:10px; bottom: 0;
            background: #ffdcb2;
            border-radius: 50%;
            z-index: -99;
        }
        .pro3_d b{
            color: #4aa901;
        }
        .pro3_dh{
            font-size: 20px;
            text-align: center;
            color: #888888;
        }
        
        .pro3_dt{
            width: 23px;
            height: 22px;
            margin:20px auto;
            
        }
            .top_logoa{  
           animation: myfirst 2s infinite;
		   display: inline-block;    
       }  
         
       @keyframes myfirst {  
           0% {  
               transform: translate(0px, 0px);  
           }  
           50% {  
               transform: translate(0px, -10px);  
           }  
           100% {  
               transform: translate(0px, 0px);  
           }  
       }  


  /*产品滚动*/
.prod_bb{ margin-top:40px; width:100%;}
.prod_bb{overflow:hidden;}
 .prod_bb li {
        float: left;
        margin-right: 20px;
        width: 320px;position: relative;overflow: hidden;
    }
   .prod_bb li .prod_img {
        width: 320px;
        height: 320px;
     
    }
   .prod_bb li .prod_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
   .prod_bb li .txt {
        position: relative;
        width: 320px;
        height: 50px;
        text-align: center;
        font-size: 15px;
        color: #555;
        line-height: 50px;
        background: #fff; margin-top: 1px;
    }
   .prod_bb li .txt span {
        position: relative;
        display: block;
        z-index: 9; padding: 0 5px;
    }
   .prod_bb li .txt:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 50px;
        transition: all 0.3s;
        background: #009b4d;
    }
   .prod_bb li:hover .txt:after {
        width: 320px;
    }
    .prod_bb li:hover .txt {color: #fff; }
    
    
/*特点*/
.feature{ 
    width: 100%;min-width: 1400px; padding-bottom: 80px;background:#f5f5f5 url(images/featurebg.png)top center no-repeat;
}
.feature .feature_t{padding: 215px 0 20px 0;
   
}

 .feature .prod_t p{
     color: #fff;
 }
  .feature .prod_t span{
      color: #fff000 ;
  }
.feature .prod_t dl{
    color: rgba(255,255,255,0.6);
}

.feature_b{
    margin-top:50px;
}    
 .feature_l{
     width: 50.2%;
 }
 
.feature_r{width: 45.2%; height: 800px;overflow: hidden;
    transition: 0.5s;
    border-top-left-radius: 200px; position:relative;
    border-bottom-right-radius: 200px;
}    
.feature_r img{
    display: block;transition: all ease 0.5s;
}
.feature_r:hover img{
    transform: scale(1.1);
}

.feature_r video{
    display: block;height: 100%; position: absolute;left: -60%; top: 0;
}

.feat_wz{padding-top: 15px;}
.feat_wz b{font-size:36px;color: #000;font-weight: bold;display: block;margin-bottom: 11px;}
.feat_wz b span{color: #009b4d;font-weight: bold;font-size:36px;}
.feat_wz em{font-family: "arial";font-size:15.7px;color:#009b4d;line-height: 20px;display: block;margin-bottom: 15px;letter-spacing: 1px;
    text-transform: uppercase;
}
.feat_wz i{width: 92px;height: 5px;background: #009b4d;position: relative;
    display: block;margin: 40px 0 50px 0;
}
.feat_wz i:after{position: absolute;content:'';width:46px;height: 5px;background: #1d1b06;top:0px;right:0;}


.feature_l div{}
.feature_l dl{overflow: hidden;width: 100%;height: 165px;background: #fff;border-radius: 30px;display: flex;position: relative;
cursor: pointer;
    
}
.feature_l dl:after{position:absolute;content:'';width: 446px;height: 446px;background: rgb(0 0 0 / 0.05);border-radius: 100%;top: -30px;right: -90px;display: none;}
.feature_l dl+dl{margin-top: 40px;}
.feature_l dt{width: 173px;float: left;height: 100%;position: relative;transition: 0.5s;}
.feature_l dt:before,.feature_l dt:after{position: absolute;content: '';border-radius:100%;width: 321px;height: 321px;top: -80px;}
.feature_l dt:before{background: #009b4d;left: -164px;transition: 0.5s;}
.feature_l dt:after{background:rgb(1 130 50 / 0.22);left: -148px;transition: 0.3s;}
.feature_l dt em{font-size: 66px;position: relative;z-index: 2;line-height:160px;color: #fff;padding-left: 43px;transition: 0.5s;}
.feature_l dd{float: left;margin-left:70px;padding-top:40px; padding-right: 30px;}
.feature_l dd b{font-size: 24px;font-weight: bold;color: #333;display: block;margin-bottom:15px;line-height: 24px;
}
.feature_l dd b span{
    color: #333;font-weight: normal;
}
.feature_l dl:hover dd b{
    color: rgba(255,255,255,0.7);
}
.feature_l dd p{font-weight: 100;font-size: 16px;
    line-height: 28px;
}
.feature_l dl:hover dd b span{
    color: #fff;
}
.feat_td{}
.feat_btn{display: inline-block;margin-top: 75px;margin-left: 27px;}
.feat_btn em{font-size: 42px;color: #d6d6d6;line-height: 10px;display: block;width: 42px;cursor: pointer;}

.feature_l dl:hover{transition: 0.5s;background: #009b4d;box-shadow: 0px 18px 20px rgb(1 130 50 / 0.3);}
.feature_l dl:hover dt:before{transition: 0.5s;background: #fff000;}
.feature_l dl:hover dt em{color: #000;transition: 0.5s;}
.feature_l dl:hover dt:after{transition: 0.3s;background: rgb(255 252 49 / 0.22);}
.feature_l dl:hover dd,.feature_l dl:hover dd b{color: #fff;transition: 0.3s;}
.feature_l dl:hover:after{display:block;}


/*优势*/
.ys_all{
    padding-top: 80px;min-width: 1400px;width: 100%;background: url(images/ys_bg.jpg)top center no-repeat;
    height: 1165px; box-sizing: border-box;
}
.ys_all .prod_t p{
     color: #fff;
 }
  .ys_all .prod_t span{
      color: #fff000 ;
  }
.ys_all .prod_t dl{
    color: rgba(255,255,255,0.6);
}
.ys_b{
    margin-top:110px;
} 
  
.yscenter{ overflow: hidden;box-sizing: border-box;}
.ystab{ margin-bottom:160px;}
  
.ys_all .ystab li{ float:left; width:25%; height:116px; background:#f5f5f5; color:#222; font-size:30px; cursor:pointer; 
position:relative; transition:all .3s ease;box-sizing: border-box;
    box-sizing: border-box;
}
.ys_all .ystab li:nth-of-type(2n){
    background: #f0f0f0;
}
.ys_all  .ystab li:first-child{ border-radius: 25px 0 0 0 ;}
.ys_all  .ystab li:last-of-type{ border-radius: 0 25px 0 0 ; border-right: none;}
.ys_all .ystab li em{ display:block; font-size:14px; color:#999; text-transform:uppercase; margin-top:3px;transition:all .3s ease;}
.ys_all .ystab li p{ padding:25px 0 0 115px;}
.ys_all .ystab li i{ position:absolute; display:block; width:60px; height:50px; top:0; bottom:0; margin:auto 0; left:50px;
background:url(images/ysico.png) no-repeat top left; transition:all .5s ease;}
.ys_all .ystab li:nth-child(2) i{ background-position-x:-84px; height:52px;}
.ys_all .ystab li:nth-child(3) i{ background-position-x:-174px;}
.ys_all .ystab li:nth-child(4) i{ background-position-x:-262px;}
.ys_all .ystab li.on{ background:#009b4d;}
.ys_all .ystab li.on p em,.ys_all .ystab li.on p b{
    color: #fff;
}
.ys_all .ystab li.on i{ background-position-y:-66px;}

.ys_all .yswa{ width: 600px; box-sizing: border-box;
    background:#fff;
    padding:20px 0 0 40px;}
.ys_all .ysnum{ width:100px;height: 100px;border-radius: 50%;overflow: hidden;font-size:50px; line-height:100px;
background: #009b4d; color:#fff; font-family:impact;float: left; text-align: center;margin-right: 15px; border: 10px solid #b0dfc7}
.ys_all .ysnum:after{ content:''; display:block; width:2px; height:26px; background:#d3d3d3; margin:3px 0 10px 10px;}
.ys_all .ys_t{ font-size:36px; color:#222; display:block;margin-bottom:10px; float: right; padding-top: 15px; line-height: 48px;
    float: left;width: 423px;
}
.ys_all .ys_t b{  margin-bottom:10px; display:block;}
.ys_all .ys_c{ position: relative;}
 .ys_all .ys_c:before{ display: block;content: "";width: 1px;background:#eee; position: absolute;left:7px;top: 20px;height:260px;}
  
  
.ys_all .ys_c p{ font-size:16px; color:#555; line-height:38px; padding-left:28px;  margin-top: 20px; position: relative;}
.ys_all  .ys_c p:before{ display: block;content: "";width:7px;height:7px;background:#009b4d; border: 4px solid #b0dfc7 ;
position: absolute;left: 0;top: 12px; border-radius: 50%;overflow: hidden;}
.ys_all .ys_c p span{ color:#222;}

.ys_all .ys_c p i{ font-size:12px;color:#ccc; font-family: "arial";
    display: block;line-height: 20px;padding-top: 10px;
}
 .ys_all .contxt{
     /*padding: 0 120px;*/ overflow: hidden;
 }
 .ys_all .contxt .fl{
     width: 560px;overflow: hidden;
 }
  .ys_all .tempWrap{width: 1160px;margin:0 auto;}
    .ys_all .tempWrap ul{
        box-sizing: border-box;
    }  
   .ys_all .tempWrap ul div img{ display: block;}
    
    

 /*应用案例*/
  .case_all{ width: 100%;min-width: 1400px; margin-top: 80px;}

   .case_all .picScroll-left{ overflow:hidden; position:relative; }
	.case_all .picScroll-left .hd{ overflow:hidden;  height:60px;z-index: 99; width: 400px;margin:50px auto auto auto; position: relative;text-align:center; 

		    
		}
	.case_all	.picScroll-left .hd .prev{ display:block;  width:39px; height:27px; 
			 cursor:pointer; background:url(images/prev.png) 0 0 no-repeat; position:absolute;left:0;top: 10px;}
     .case_all    .picScroll-left .hd .next{ display:block;  width:39px; height:27px;  position:absolute;right:0; top: 10px;
     cursor:pointer; background:url(images/next.png) 0 0 no-repeat;}
			 
	.case_all .picScroll-left .hd .prevStop{ background-position:-60px 0; }
	.case_all .picScroll-left .hd .nextStop{ background-position:-60px -50px; }
	.case_all .picScroll-left .hd ul{ display:inline-block; text-align:center;  overflow:hidden; zoom:1; margin-top:20px; zoom:1; }
	.case_all .picScroll-left .hd ul li{ float:left; 
	width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:#009b4d;border-radius:50%; }
	.case_all .picScroll-left .hd ul li.on{ background-position:0 0; background:#0079ed; }
	.case_all .picScroll-left .bd{ padding:0; position:relative;  }
	.case_all .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
	.case_all .picScroll-left .bd ul li{ margin:0 40px 0 0; float:left;  overflow:hidden; text-align:center; position: relative;
	width:440px;
	 display:block;}
	.case_all .picScroll-left .bd ul li .pic{ text-align:center;position: relative;z-index: 2; overflow:hidden;}
	.case_all .picScroll-left .bd ul li .pic img{ width:100%;  height:auto; display:block; 
	    transition: all ease 0.5s;
	}
	.case_all .picScroll-left .bd ul li:hover .pic img{transform:scale(1.2);
	    
	}
	.case_all .picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
	.case_all .picScroll-left .bd ul li .title{ line-height:40px; padding:30px 0;  border: 1px solid #eee; border-top: none;
	    position: relative;z-index: 2;
	}
	.case_all .picScroll-left .bd ul li .title a{font-size:22px; font-weight:bold;color:#333;
	    transition: all ease 0.5s;
	}
	.case_all .picScroll-left .bd ul li:hover .title a{
	    color: #fff;
	}
	
	.case_all .picScroll-left .bd ul li .title em{transition: all ease 0.5s;
	    display: block;width: 150px;line-height: 40px;border-radius:25px;overflow: hidden;margin: 5px auto; font-size: 15px;background: #eee; color: #555; font-weight: normal;
	}
	.case_all .picScroll-left .bd ul li:hover .title em{
	    background: #fff;
	}
	.case_all .picScroll-left .bd ul li:hover .title em:hover{color: #009b4d;}
	.case_all .picScroll-left .bd ul li .title dl{ margin: 10px auto 15px auto;position: relative;z-index: 2;transition: all ease 0.5s;
	    font-size: 15px;color: #888;font-weight: lighter;line-height: 32px;padding: 0 40px;text-align: justify;
	}
	.case_all .picScroll-left .bd ul li:hover .title dl{
	    color: rgba(255,255,255,0.6);
	}
	
	.case_all .picScroll-left .bd ul li:after{display:block;content: "";
	    position: absolute;left: 0;height: 0;width: 100%;right: 0;bottom: 0;transition: all ease 0.5s;
	    
	    background: linear-gradient(to top right,#009b4d,#00ad56);
	}
	.case_all .picScroll-left .bd ul li:hover:after{
	    height:235px;
	}
	
/*合作流程*/
.process{ margin-top: 60px;
    width: 100%;min-width: 1400px;box-sizing: border-box;height: 700px;background: url(images/process.jpg)center top no-repeat;
}
.process_l{
    width: 650px;position: relative; padding-top: 80px;
}
.process_l dl{
 font-size: 40px;color: #fff; line-height: 50px; font-weight: bold;
}

.process_l dl span{
    color: #fff000;
}
.process_l p{font-size: 20px;
    color:rgba(255,255,255,0.5);line-height:30px; padding: 15px 0 20px 0;
}
.process_l dd{ font-weight: lighter;  margin-bottom: 50px; 
    font-size: 13px;font-family: "arial"; color:rgba(255,255,255,0.3);line-height: 20px;display: block;
    text-transform: uppercase;
}
.process_l li{margin-right:55px;transition: all ease 0.5s;cursor: pointer;
display: block;width:118px;height: 135px;background: url(images/processico.png)center no-repeat;
box-sizing: border-box;padding-top: 32px;text-align: center;color: #fff; line-height: 32px;
}
.process_l li:hover{
transform: rotateY(360deg);color: #fff000;
    
}
.process_l li i{
    font-size: 16px;
}
.process_l li em{
    display: block; font-size:40px;line-height: 40px;
  
}
.process_l li:nth-of-type(4n){margin-right: 0;

}
.process_l li:nth-of-type(n+5){
    margin-top: 40px;
}


.process_r{
    width:620px;box-sizing: border-box;padding: 120px 220px 0 0;
}
.process_r #feedback_c .button.btn_message{
    display: block;
    zoom: 1;
    vertical-align: baseline;

    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
  
    
    line-height: 65px;
    background: #00a661;
    font-size: 16px;
    color: #fff;
    
}
.process_r #feedback_c li{width:100%;float:left;
    margin-bottom: 20px;
}

.czhi{width:50%;float: left ; 
    display: block;
}
.text-center{
    display: block;float: left;width: 50%;
}
 .process_r #feedback_c .wbf-input { font-size: 14px; 
    width: 100%;
    height: 65px;border:none;
    padding: 20px 25px;
   margin-top: 10px;    background: #f5f5f5; border-radius: 10px;overflow: hidden;
    line-height: normal;
    box-sizing: border-box;
}
.process_r #feedback_c input.button.btn_message{
    display: block;
    zoom: 1;
    vertical-align: baseline;
 width: 100%;
     height: 65px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
  
 
    line-height: 65px;
    background: #555;
    font-size: 16px;
    color: #fff;
    border: none;
    
}
 
.process_r #feedback_c .feedback_form input,
.process_r #feedback_c .feedback_form textarea{
    border: 1px solid #eee; font-size: 14px;
  border-radius: 5px;}
 
.process_r #feedback_c{
    margin-top: 10px;
}
.process_r #feedback_c.fb_message textarea{width: 100%;padding: 15px 15px;background: #f5f5f5; margin-top: 10px;}
  
.process_r #feedback_c .wbf-code {
    width:260px; background: #f5f5f5; border-color: transparent;
    height: 65px;
    padding: 12px 30px;

    line-height: normal;
    box-sizing: border-box;
}
.process_r #feedback_c .yzma { 
   background: #f5f5f5;
}
.process_r #feedback_c .yzma img{ vertical-align: middle; }
.process_r #feedback_c .wbf-textarea { font-size: 14px; border: none;  width: 100%; background: #f5f5f5;
height: 65px;
   padding: 20px 25px;
    line-height:24px;
    box-sizing: border-box;
}

.process_r #feedback_c.fb_message{
     width: 100% !important;height:100px;
 }
 

  
 .process_r .tel{
     margin-top: 50px;font-size:16px;color: #333; line-height: 40px;
 }
 
  .process_r .tel i{vertical-align:bottom;
      display: inline-block; color:#fff;border-radius: 50%;overflow:hidden;text-align: center;
      background:#0079ed;width: 36px;height: 36px;font-size:22px; line-height: 36px;
  }
  
.process_r .tel b{display: inline-block;
    font-size: 38px;font-family: "arial";vertical-align: bottom;
}  
.process_r .tel em{ padding-left: 5px;
    display:inline-block;vertical-align: bottom;
} 
 
 
/*公司简介 */
 .about_all{
     width: 100%;min-width: 1400px;background: url(images/about.jpg)center bottom no-repeat; height: 723px;
 } 
 .about_l{
     width:860px;text-align: justify; padding-top: 75px;
 } 
 .about_l dl{
     font-size:110px;color:#ddd;font-family: "arial";line-height: 120px;text-transform: uppercase;
     font-weight: bold;
 } 
  .about_l dd{ position: relative; margin-top: 20px;
      display: block;font-size: 40px;color: #222;line-height:60px;
  }
  .about_l dd:after{
      display: block;content: "";width: 50px;position: absolute;height: 3px;background: #009b4d;top: 30px;right:455px;
  }
  .about_l dd b{
      display: block;font-size: 44px;color: #009b4d;
  }
  .about_l .font{ position: relative; 
     background:rgba(247,247,247,1); padding:30px 50px 50px 0; border-radius: 0 30px 0 0;overflow: hidden;
  }
 .about_l .font:after{content:"";
     display: block;width: 44px;height: 41px;background: url()no-repeat;position: absolute;
     right:50px;top: 50px;
 }
 .about_l i{display: block;margin-bottom:30px;position: relative;
     font-size: 34px;color: #222; line-height: 50px;
 }
 
  .about_l i:after{content:"";
     display: block;width: 44px;height: 41px;background: url(images/douhao.png)no-repeat;position: absolute;
     right:0;top:10px;
 }

 .about_l .font p{ margin-bottom: 50px;
     font-size: 15px;color: #666;line-height: 32px;text-align: justify;
     overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
 }
 
  
 .about_l .font em{float: left;
     display: block;font-size: 60px;color:#e9e9e9;font-family: "arial";line-height:50px;text-transform: uppercase;
     font-weight: bold;
 }
 .about_l .font a{ border-radius: 30px;transition: all 0.5s ease;
     font-size: 16px;width: 200px;background:#009b4d;color: #fff;text-align: center;line-height: 50px;float: right;
 }
 .about_l .font a:hover{
     background: #0079ed;border-radius: 0;
 }
 
 
.plant_all{ margin-top:60px; width:100%;min-width:1400px;}
.plant_b{overflow:hidden;}
 .plant_b li {
        float: left;
        margin-right: 20px;
        width: 360px;position: relative;overflow: hidden;
    }
   .plant_b li .plant_img {
        width: 360px;
        height: 270px;
     
    }
   .plant_b li .plant_img img {
        display: block;
        width: 100%;
        height: 100%;
    }
   .plant_b li .plant_t {
        position: relative;
        width: 360px;
        height: 50px;
        text-align: center;
        font-size: 15px;
        color: #555;
        line-height: 50px;
        background: #f5f5f5;
    }
   .plant_b li .plant_t span {
        position: relative;
        display: block;
        z-index: 9;
    }
   .plant_b li .plant_t:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 50px;
        transition: all 0.3s;
        background:#009b4d;
    }
    
   .plant_b li:hover .plant_t:after {
        width: 360px;
    }
    .plant_b li:hover .plant_t {color: #fff; }
    
 
 
 .mintop{
    display: block !important;
}
.mod1494 .my-kefu{
    top: 20% !important;
} 
 
/*内页产品详情*/
.n_box_r{
    width: 1070px;position: relative;
}

.product_content,.cpcs{
    font-size:18px;line-height:34px;
}
.product_content img,.cpcs img{
    display: block;margin: 0 auto;
}
.cptop{padding-top:20px;}
.cpbottom{padding-bottom:20px;}
.cp_poster{background:url(images/20200827145000_525409362.jpg)center no-repeat;width:100%;height:310px;margin-bottom:30px;}
.t_bg{background:url(images/20200827145000_737937333.png)center no-repeat;width:100%;height:113px;margin:30px auto 20px;line-height:110px;}
.t_bg2{background:#009b4d url(images/20200827145001_1520917207.png)center right no-repeat;width:100%;height:80px;margin:30px auto;line-height:80px;}
.t_bg span{font-size:30px;padding-left:30px;}
.t_bg2 span{font-size:30px;padding-left:20px;color:#fff;}
.cp_con{font-size:18px;line-height:34px;}
.cp_tab table{width:100% !important;border-collapse:collapse;border-spacing:0;border-left:1px solid #e1e1e1;border-top:1px solid #e1e1e1;}
.cp_tab table td{padding:15px 20px;font-size:18px;border-right:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;}
.tb_t tr td:nth-child(1){background:#f5f5f5;width:25%;}
.tb_t2 tr td:nth-child(1){width:25%;}
.td_t{background:#f5f5f5;}
.cpcs .cs_img{display:block;margin:5px auto;}