@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:1350px; margin:0 auto;}
/* -- 内页布局 -- */
.page_bg { padding:20px 0 20px; background:#fff;}
.page_main { margin: 0 auto; width: 1350px;}  /*版面宽度*/
.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;
}

.n_box{
    width: 1350px;margin: 60px auto;position: relative;
}
.n_box:after{
    display: block;content: "";clear: both;
}
.nboxr{width:1020px;position:relative;
}

/*抬头*/
.headerbg{z-index:11; 
    width: 100%;box-sizing: border-box;min-width: 1360px;background: #fff;margin: 0 auto;position: relative;
}
.htop{
   
    line-height: 44px;font-size: 14px;color: #999;border-bottom: 1px solid #eee; 
}
.htop h1{
    display: inline-block;font-weight: normal;color: #00923f;font-size: 14px;vertical-align: center; font-weight: bold;
}
.htop a{font-size: 14px;color: #666;}
.htopr a{font-size:14px;
    display: inline-block; float: left;color: #999;
}
.htopr a:after{
    display: block;content: "";clear: both;
}
.htop a span{float:left;display:block;}
.htopr a:before{float:left;
    font-size: 18px;padding-right:5px;vertical-align: revert;display: inline-block;
}
.htopr a.alibb:before{font-size:22px;}

.htopr i{float:left;
   height: 13px;border-left: 1px  dotted #bbb;margin: 11px 20px 0 20px;vertical-align: inherit;}
.htopr em{float:left;
    font-size: 22px;font-family: "arial";color: #00923f;font-weight: bold;display: inline-block;
    vertical-align: bottom;
} 



/*导航*/
.header{ position:relative; width:100%; margin: 0 auto;z-index:999;
    transition: all ease 0.5s; min-width: 1350px;
}


.header .w1400,.headerbg .w1400{min-width:1350px; margin: 0 auto;
height:90px;display: -webkit-flex;display: flex;justify-content:space-between;flex-wrap: nowrap;align-items:center; }

.hleft p{font-size:18px; color:#111; padding-left: 10px; 
    line-height:28px; display: block;position: relative;
}
.hleft p:before{
    content: "";
    display: block;width: 1px;height:50px;background:#ddd; position: absolute;left: 0;top: 5px;
}
.hleft p span{
    font-size:19px;
}
.hleft strong{
    letter-spacing: 0.6px;
}
.hleft a{ float: left;
}
.hleft a h1{font-size:26px;font-weight:bold;color:#222;}
.hleft a h1 span{color:#00923f;}
.hleft a dt{
    display: block;font-size: 16px;text-transform: uppercase;color: #333;
}
.hleft a img{
  width: auto; /*height:60px;*/
}

.nav ul,.hright{display: -webkit-flex;display: flex;justify-content:flex-start;flex-wrap: nowrap;align-items:center;
 
}

.nav>ul>li{  margin:0 22px;transition:all .5s ease;}
.nav>ul>li.on>a {
   font-weight: bold;color: #00923f;
}


.nav>ul>li>a{ font-size:17px; color:#333; display:block; line-height:90px; position:relative; }
.nav>ul>li>a i{  display:inline-block; 
    font-size: 12px;padding-left: 7px;
}

.nav>ul>li:nth-of-type(1)>a i,.nav>ul>li:nth-of-type(7)>a i{
 display:none;  
}

.nav>ul>li .dropmenu{position:absolute;  overflow:hidden;  top:90px; left:0; width:100%; background:#fff; text-align: center;
box-shadow:0 0 10px inset rgba(0,0,0,10%);  display: block;height: 0;transition:all .5s ease; 
}
.nav>ul>li:hover .dropmenu{ height: 150px;}
.nav>ul>li:hover:nth-of-type(5) .dropmenu,.nav>ul>li:hover:nth-of-type(6) .dropmenu{ height: 100px;}

.nav>ul>li .dropmenu .box{ padding:20px 0;}

.dropmenu a{ display:inline-block; background: #f5f5f5;padding: 0 20px;margin: 10px 9px 0 9px;
line-height:40px; font-size:15px; color:#555; text-align:center; transition:all .3s ease;}
.dropmenu a:hover{background:#00923f; color:#fff;}



/*解决方案*/
.solution{
    width: 100%;min-width: 1350px;background: #f5f5f5;overflow: hidden;padding: 80px 0;
}
.solutiont{
    text-align: center; font-size: 20px;color: #666;line-height: 1; margin-bottom:40px;
}
.solutiont dl{ font-size:40px;font-weight:bold;color:#222;margin-bottom:15px;}
.solutiont dl b{color:#00923f;}
.solutiont dt{
    display: block;color: #c3c3c3; font-size:36px; margin-top: 7px;
}
.solutiont span{ font-weight:bold; color: #00923f;
    
}
.solutionb{
    position: relative; height: 698px; overflow: hidden;
}




.solution .hd{width:100%; text-align: center;}
.cpqh{}
.cpqh li{ padding:18px 18px; display:block;width: 250px;position: absolute;left: 0;z-index: 3; top: 0;
   line-height: 32px; background: #e7e7e7; box-sizing: border-box; 
}

.cpqh li a{display:block;font-size: 19px;color:#333; }
.cpqh li a em{ color:#999; font-size:16px;}
.cpqh li a i{font-size: 12px;color: #999; font-weight: normal;
    display: block;line-height: 14px; font-family: "arial";text-transform: uppercase;
}



.cpqh li:nth-of-type(2){ top:100px;}
.cpqh li:nth-of-type(3){ top:200px;}
.cpqh li:nth-of-type(4){ top:300px;}
.cpqh li:nth-of-type(5){ top:400px;}
.cpqh li:nth-of-type(6){ top:500px;}
.cpqh li:nth-of-type(7){ top:600px;}


.cpqh li:nth-of-type(n+8){ left:1100px;}
.cpqh li:nth-of-type(8){ top:0;}
.cpqh li:nth-of-type(9){ top:100px;}
.cpqh li:nth-of-type(10){ top:200px;}
.cpqh li:nth-of-type(11){ top:300px;}
.cpqh li:nth-of-type(12){ top:400px;}
.cpqh li:nth-of-type(13){ top:500px;}
.cpqh li:nth-of-type(14){ top:600px;}




.cpqh:after{
    display: block;content: "";clear: both;
}


.cpqh li.on{ background:#00923f;}
.cpqh li.on a{color:#fff;}
.cpqh li.on a em,.cpqh li.on a i{color:#fff7;}

.solution .bd{width:800px; box-sizing:border-box; 
    margin: 0 auto;
}


.solution .bd:after{
    display: block;content: "";clear: both;
}
.solution .bd dl{ border: 1px solid #eee; 
    display: block;float: left;width: 800px;box-sizing: border-box; background: #fff; padding: 10px;
}
.solution .bd dl:nth-of-type(n+2){ 
    display: none;
}
.solution .bd dl:nth-of-type(n+4){  margin-top:2%;}

.solution .bd dl .pic{ overflow:hidden; height:470px;}
.solution .bd dl .pic img{ transition: all ease 0.5s;
    display: block;width: 100%;height: auto;
}
.solution .bd dl:hover .pic img{ 
    transform: scale(1.1);
}

.solution .bd dl .txt{text-align: center;
    padding: 20px 20px 20px 20px;font-size: 15px;color: #666;line-height: 2;
}
.solution .bd dl .txt h3{color:#333;font-size:20px;}
.solution .bd dl .txt a{ margin-top: 20px;
    display: block;width: 48%;float: left;text-align: center;background: #f5f5f5;color: #666; line-height: 46px;
}
.solution .bd dl .txt .miaoshu{text-align: justify; height:60px;}
.solution .bd dl .txt a+a{ margin-left:4%;}
.solution .bd dl .txt a:hover{
    background: #00923f;color: #fff;
}


/*工厂案例*/
.case{
    width: 100%;min-width: 1300px;background: url(images/casebg.jpg)center top no-repeat fixed; padding:80px 0;}
.case .solutiont dl{ color:#fff;}
.case .solutiont p{color:#fff7;}
.case .solutiont span{color:#ffeb00;}
.caseb{
    background: #fff;padding: 50px;
}
.casebl{ height:572px;width:420px; overflow:hidden;}
.casebl img{
    display: block;transition: all ease 0.5s;
}
.casebrt a{ overflow: hidden;
    display: block;width: 48%;box-sizing: border-box;position: relative;float: left;
}
.casebrt a:nth-of-type(2n){ margin-left:29px;}
.casebrt a img{width: 100%;transition: all ease 0.5s;
    display: block;transition: all ease 0.5s;
}
.casebr{width:800px;}
.caseb a .pic{ overflow:hidden;}
.casebrt a .txt{ padding: 0 10px;transition: all ease 0.5s;
   left: 0;right: 0;position: absolute;bottom: 0;background: rgba(0,0,0,60%);color: #fff;font-size: 15px;text-align: center;line-height: 50px;
}
.casebrt:after{
    display: block;content: "";clear: both;
}
.casebrb{
    margin-top: 29px; overflow: hidden;
}

.caseb a:hover img{
    transform: scale(1.1);
}
.casebrb a{
    display: block;width: 340px;float: left; margin: 0 13px; position: relative;
}
.casebrb a img{
    display: block;width: 100%;height: auto;transition: all ease 0.5s;
}
.casebrb a .txt{padding: 0 10px;transition: all ease 0.5s;
   left: 0;right: 0;position: absolute;bottom: 0;background: rgba(0,0,0,60%);color: #fff;font-size: 15px;text-align: center;line-height: 50px;}
   
   .casetel{
       margin-top: 40px;
   }
    .casetel i{
        font-size: 32px;color: #fff; float: left;
    }
    .casetel strong{color:#ffeb00; font-size:38px;}
    .casetel a{
        display: block;width: 140px;line-height: 40px;border-radius: 22px;overflow: hidden; background: #fff2;text-align: center;color: #fff;float: right;font-size: 16px;
    }
    .casetel a:hover{
        background: #ffc000;color: #fff;
    }
    .casetel dl{ margin-right:20px;
        display: block;
    }
    .casetel dl dt{
        font-size: 35px;color: #dadada;float: left; padding-right: 5px;
    }
    .casetel dl dd{ float: left;line-height: 46px;
        font-size:34px;font-family: "arial";color: #fff; font-weight: bold;
    }
    
.caseb a:hover .txt{bottom:-60px;
}    
    
    
/*产品展示*/
.prodall{
    width: 100%;min-width: 1350px;background: #fff;padding: 80px 0;
}

.prodlt{
    background: #00923f;border-bottom: 1px solid #fff;padding: 22px 20px;line-height: 1.5;color: #fff;text-align: center;
}
.prodlt h3{ font-size:30px;font-weight:bold;}
.prodlt dl{ font-family:"arial"; text-transform:uppercase;color:#fff;color:#fff6;}
.prodl{
    width: 280px;position: relative; float: left;
}
.prodl li{
    display: block;line-height: 58px;background: #f5f5f5;border-bottom: 1px solid #fff;padding: 0 20px;
}
.prodl li a{ font-size:16px;display:block;}
.prodl li+li{ border-top:1px solid #e3e3e3;}


  .prodl li.on{ background:#00923f; line-height:62px;}  
  .prodl li.on a{color:#fff; font-weight:bold;}
  
 .prodr{
    width: 1020px; 
} 
.prodr a{ margin-right: 2%;text-align: center; 
    display: block;float:left;width: 32%;box-sizing: border-box; border: 1px solid #eee;
}
.prodr a:nth-of-type(3n){ margin-right:0;}
.prodr a:nth-of-type(n+4){ margin-top:2%;}
.prodr a .pic{overflow:hidden;}
.prodr a img{ display:block;width: 100%;height: auto;
    transition: all ease 0.5s;
}
.prodr a:hover img{
    transform: scale(1.1);
}
.prodr a .txt h3{ font-size:15px;line-height:50px;background:#f5f5f5; font-weight:normal; padding:0 15px; }

.prodr a:hover .txt h3{ background:#00923f;color:#fff;}


/*广告条*/
.ggt{ box-sizing: border-box;
    width: 100%;min-width: 1350px;background: url(images/ggtbg.jpg)top center no-repeat;color: #fff; overflow: hidden;height: 305px;padding-top: 48px;
}
.ggt .word {line-height:44px;width:520px;}
.ggt .word dl{ font-size: 40px;font-weight: bold;}
.ggt .word li{float: left; margin-top: 20px;
    width: 20%; box-sizing: border-box;text-align: center;background: #ffae00;color: #fff;  font-size:19px; 
}
.ggt .word li:nth-of-type(2n){ background:#e99e00;}
.ggt .word p{ font-size:12px;text-transform:uppercase; margin-top: 20px;line-height: 1.6;
    color: #fff5;font-family:"arial";
}

/*公司优势*/
.youshi{
    width: 100%;min-width: 1360px; padding: 80px 0 135px 0; overflow: hidden; background: url(images/ysbg.png)center bottom no-repeat;
}


.ystab{ font-size:0; margin-top:40px; white-space:nowrap; position:relative; z-index:9;}
.ystab li{ display:inline-block; vertical-align:top; cursor:pointer; position:relative; width:25%;
box-sizing:border-box; transition:all .3s ease; font-size:32px; color:#333; height:130px; background:#f4f4f4;}
.ystab li+li{ border-left:1px solid #fff;}
.ystab li em{ display:block; transition:all .3s ease; font-size:15px; color:#333;font-family:'arial'; margin-top:3px; text-transform:uppercase;}
.ystab li p{ padding:35px 0 0 100px;}

.ystab li:after,.ystab li:before{ content:''; display:block; height:4px; position:absolute; width:0; bottom:-4px; background:#ffae00; transition:all .3s ease;}
.ystab li.on{ height:126px; background:#00923f ; color:#fff;}
.ystab li.on span{ font-weight:bold;}
.ystab li.on em{ color:#fff;}
.ystab li i{
    display: block;float: left;margin: 38px 12px 0 35px;font-size:56px;color: #00923f;
}
.ystab li.on i{
    color: #fff;
}
.ystab li.on:after{ left:0; width:38px;}
.ystab li.on:before{ right:0; width:282px;}
.yscon{ background:#fff; padding:50px 50px 50px 50px;  width:1350px;border: 2px solid #f1f3f2;
    box-sizing: border-box;
}
.ysleft{ width:580px; margin:0 0 0 0px; padding-top:5px; background: #fff; overflow:hidden; 
    text-align: justify;
}
.ysleft i {
    display: block;
    width: 95px;
    height: 90px;
    line-height: 90px;border-radius:0 20px 0 20px;overflow: hidden;
    text-align: center;
    font-size: 66px;
    font-weight: lighter;
    margin-right: 15px;
    background:#00923f;
    float: left;
    color: #fff;
}
.yspic{ width:620px;
    overflow: hidden;
}
.yspic img{
    display: block;width: 100%;height: auto;
}
.ys_t{ font-size:36px; color:#222; font-weight:bold; padding-top:10px;
    width: 470px;overflow: hidden;
}
.ys_t em{ display:block; text-transform:uppercase; font-size:14px; color:#dedede; margin:5px 0 25px 0; font-weight:normal; font-family:'arial';}
.ys_c{ margin:30px 0 40px 0; font-size:16px; color:#666666; font-weight:lighter; line-height:35px;}
.ys_c p+p{ margin-top:20px;}
.ys_c p{ padding-left:25px; background:url(images/xianghui_18.jpg) no-repeat 5px 10px;}
.yscen .ysr_d{margin-top: 20px;
    line-height: 40px;
}
.yscen .ysr_d:after{
    display: block;float: left;
}
.yscen .ysr_d em{font-size: 16px;color: #333;display: block;float: left; padding-right: 18px; margin-right: 8px;
  background: #e4ede4;border-radius: 50px;
}
.yscen .ysr_d em:before{ margin-right: 10px;
    display: block;float: left; width: 40px;height: 40px;line-height: 40px;border-radius: 50%;background: #00923f;color: #fff;text-align: center;font-size: 20px;
}
.yscen .ysr_d dt{
    display: block;float: left;
}
.yscen .ysr_d dd{
    display: block;font-family: "arial";font-size: 40px;color: #333;
}


/*合作流程*/
.process{
    padding-top: 50px;width: 100%;min-width: 1350px;
}

 .picScroll-leftlc{position:relative; }
 .picScroll-leftlc .hd{ overflow:hidden;  height:50px; width: 108%;top: 26%;left: -4%;
		position: absolute;z-index: 2;
		    
		}
	 .picScroll-leftlc .hd .prev{ display:block;  width:50px; height:50px; 
			 cursor:pointer; text-align: center;color: #888;line-height: 50px;font-size:32px;
		position:absolute; right:0;top:0;}
      .picScroll-leftlc .hd .next{ display:block;  width:50px; height:50px; 
			 cursor:pointer; text-align: center;color: #888;line-height: 50px;font-size: 32px;
		position:absolute; left:0;top:0;
	}
	
 .picScroll-leftlc .hd .prev:hover, .picScroll-leftlc .hd .next:hover{color:#00923f;}	

	 .picScroll-leftlc .bd{   }
	 .picScroll-leftlc .bd ul{ overflow:hidden; zoom:1; }
	 .picScroll-leftlc .bd ul li{ margin:0 ; float:left; _display:inline; text-align:center; width: 20%;	display:block; height:250px;}
	 .picScroll-leftlc .bd ul li .txt{ position: relative;
		display: block; margin: 0 15px;background: #f5f5f5;padding: 40px 30px 68px 30px;text-align: center;line-height:1;
	}
.picScroll-leftlc .bd ul li .txt .pic{
  color: #333;font-size: 50px;
}
.picScroll-leftlc .bd ul li .txt dt{ margin-top:15px; font-size:26px; color:#222;}

.picScroll-leftlc .bd ul li .txt dl{ width: 60px;height: 60px;line-height: 60px; overflow: hidden;border-radius:50%;border: 8px solid #cadfca; font-size: 26px;color: #fff;background: #00923f;
position:absolute;left: 0;right: 0;bottom: -36px;z-index: 2; margin: 0 auto;
    
}


/*留言*/

.process .feedback_form{ background: #fff; overflow: hidden;position: relative; margin-top:20px;
    width: 100%;  box-shadow: 0 0 10px inset #eaeaea; box-sizing: border-box;padding: 50px 50px 40px 50px;}

.process.liu_r{
    margin-right: 10px;
}
.process .feedback_form input,
.process .feedback_form textarea{
    border: none;
  background: #f5f5f5;
}
 .process.feedback_form input:hover,
.process .feedback_form textarea:hover{
    border-color: #ffd7f6;
}

 .process .feedback_form li { float: left;
       width: 31.3%;
    background: none;
    font-size: 14px;
    color: #888;
   margin: 8px 1%;
}
.process .feedback_content{
    width: 950px;
}

.process .feedback_content i{ float: left;
    font-size:18px;
    padding: 0 5px;
}
 .process.feedback_form li.message {
    padding-top: 10px;
}
 .process .wbf-input {
width: 100%;
    height: 50px;
    padding: 10px 20px;
    
    line-height: normal;
    box-sizing: border-box; float:left;
}
 .process .fb_email{ margin-right: 0;}
.process  .feedback_content{ margin-left: 0;}
.process .wbf-code {
    width: 160px;text-align: center;

    line-height: normal;
    box-sizing: border-box;
}
.process .feedback_form li.fb_message{ width:98%;}

 .process .feedback_form li.yzma { width: 290px;
    padding: 0; background: #f5f5f5; margin-left: 0;
}
 .process .feedback_form li.yzma input{ line-height: 50px;}
 .process .yzma img{ vertical-align: middle;}
 .process .wbf-textarea {
    width: 100%;
    height:50px;
 font-family: "microsoft yahei"; padding-left: 20px;
    line-height: 50px;
    box-sizing: border-box;
}
 input.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;
    margin-top: 8px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    padding: 0 30px;
    border-radius: 30px;
    line-height: 40px;
    background: #666;
    font-size: 16px;
    color: #fff;
    border: none;
    
}

 .process a.button.btn_message{
    display: inline-block;
    zoom: 1;
    vertical-align: baseline;

    margin-top: 8px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    
    width: 290px;
    line-height: 50px;
    background: linear-gradient(to right,#00923f,#006bd0);
    font-size: 16px;
    color: #fff;
    
}
.process a.button.btn_message span{
    display: block;position: relative;z-index: 3;
}
 .process .feedback_form input::-webkit-input-placeholder,
 .process .feedback_form textarea::-webkit-input-placeholder {
    color: #666;
}


/*公司简介*/
.about{
    width: 100%;min-width: 1350px;margin-top:80px;position: relative;
}
.about .pic1 img{
    display: block;width: 100%;height: auto;
}

.about .word{
    background: #f5f5f5;
}
.about .wordl{line-height: 1.5;
    width: 320px;background: #00923f;color: #fff;padding:34px 30px;box-sizing: border-box
}
.about .wordl h2{ font-size:32px;font-weight:bold;}
.about .wordl dl{ font-size:16px;}
.about .wordr{
    width: 1030px;position: relative; box-sizing: border-box;padding: 25px 30px;line-height: 2;font-size: 15px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}


/*施工现场*/
.plant_all{ 
    margin: 50px auto 0 auto;background: linear-gradient(to bottom,#fff,#f5f5f5); padding-bottom: 80px;
}
.plant_b{overflow:hidden;width: 1360px; margin:0 auto;}
 .plant_b li {
        float: left;
        margin-right: 20px;
        width: 360px;position: relative;overflow: hidden;
    }
   .plant_b li .pic {
        width: 360px;
        height: 270px;
     
    }
   .plant_b li .pic img {
        display: block;
        width: 100%;
        height: 100%;
    }
   .plant_b li .txt {
        position: relative;
        width: 360px;
        height: 50px;
        text-align: center;
        font-size: 15px;
        color: #555;
        line-height: 50px;
        background: #fff;
    }
   .plant_b li .txt span {
        position: relative;
        display: block;
        z-index: 9;
    }
   .plant_b li .txt:after {
        display: block;
        position: absolute;
        content: " ";
        top: 0;
        left: 0;
        width: 0;
        height: 50px;
        transition: all 0.3s;
        background:#00923f;
    }
   .plant_b li:hover .txt:after {
        width: 360px;
    }
    .plant_b li:hover .txt {color: #fff; }
    

/*版权*/
.copy{
    width: 100%;min-width: 1350px;background: #222 ;position: relative;
}
.copy:after{
    display: block;content: "";width: 100%;height: 220px;background: #00923f;top: 0;position: absolute;left: 0;right: 0;z-index: 1;
}
.copytel{
    background: #00923f;font-size:16px;color: #fff;line-height:110px; position: relative;z-index: 2;
}
.copytel .box{    display: -webkit-flex;position: relative;z-index: 2;
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    align-items: center;
    
}
.copytel .box li i{ width: 36px;height: 36px;border: 1px solid #fff4;border-radius: 50%;overflow: hidden;text-align: center;line-height: 36px;font-size: 20px;margin-right: 5px;float: left;
    margin-top:35px;
}
.copytel .box li em{
    display: block;float: left;
}
.copytel .box li span{font-size:19px; }
.copytel .box li:after{
    display: block;content: "";clear: both;
}
.font16{font-size:16px;}

.copynav{ background:#fff; 
    padding:50px 50px 13px 50px ;position: relative;z-index: 2;
}

.cylogo{
    font-size: 19px;line-height:36px;color: #999;
}
.cylogo dl{letter-spacing: 2.5px;
    padding-top: 5px;
}
.cylogo img{
    display: block;
}
.cylogo .code{width:180px; border:1px solid #eee;color:#333;
    text-align: center;font-size: 15px;
}
.cylogo .code img{
    width: 100%;
}
.cylogo .code p{
    background: #f5f5f5;
}
.cylogo .code+.code{ margin-left:20px;}

.copynavr{
    width: 800px;display: -webkit-flex; 
    display: flex;text-align: center;
    justify-content: space-between;color: #fff;
    flex-wrap: nowrap;
   
}

.copynavr dl{font-size:20px;font-weight:bold;line-height:2;color:#222; margin-bottom:5px;}
.copynavr a{
    display: block;line-height:32px;font-size: 15px;color: #888;
}

 
  .copyly .czhi{ margin-left:27px;
   
  }
.copyly .text-center{ 
 width: 10%;
  }
  
 .copyW{
     line-height: 60px;color: #888;font-size: 15px; margin-top: 10px;
 } 
 .copyW a{color: #888;font-size: 15px;}