/*pad*/
img{
	max-width:100%;
}

.toe{
	/*超出省略号*/
	 word-break:keep-all;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*去掉苹果的默认UI来渲染按钮*/}

/*导航*/
.gh {
    display: block;
    height: 50px;
    outline: medium none;
    width: 50px;
	position:absolute; right:0; top:10px; cursor:pointer; display:none; z-index:999;
	
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline:none;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;
}

.gh svg {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
fill:#fff;
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh rect {
    left: 0;
    top: 0;
   
   /*css3*/
   -webkit-transition:-webkit-transform 0.2s 0.2s;
transition:transform 0.2s 0.2s;
}
.gh svg.top .rect {

	/*css3*/
    -webkit-transform:translate3d(0, -8px, 0);
-ms-transform:translate3d(0, -8px, 0);
transform:translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
	/*css3*/
    -webkit-transform:translate3d(0, 8px, 0);
-ms-transform:translate3d(0, 8px, 0);
transform:translate3d(0, 8px, 0);
}
/***/
.selected .gh {
    -webkit-transform:translateZ(0) rotate(90deg);
-ms-transform:translateZ(0) rotate(90deg);
transform:translateZ(0) rotate(90deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.selected .gh svg {
    
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg)

}
.selected .gh svg.bottom {
    -webkit-transform:translateZ(0) rotate(-45deg);
-ms-transform:translateZ(0) rotate(-45deg);
transform:translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg);
}
.selected .gh. rect {
   -webkit-transition:-webkit-transform 0.2s;
transition:transform 0.2s;
}
.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
    -webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}


@media screen and (max-width: 1200px) {    
  
	
	
}
@media only screen and (max-width:800px) {
/*导航*/
.gh {
    display: block;
    height: 50px;
    outline: medium none;
    width: 50px;
	position:absolute; right:15px; top:15px; cursor:pointer;  z-index:999; background:#71AF43;
	
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
outline:none;
-webkit-tap-highlight-color:rgba(255, 255, 255, 0);
-webkit-tap-highlight-color:transparent;
}

.gh svg {
    font-size: 18px;
    left: 0;
    position: absolute;
    top: 0;
    
	/*css3*/
	-webkit-transform:translateZ(0) rotate(0deg);
-ms-transform:translateZ(0) rotate(0deg);
transform:translateZ(0) rotate(0deg);
fill:#fff;
-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}

.gh rect {
    left: 0;
    top: 0;
   
   /*css3*/
   -webkit-transition:-webkit-transform 0.2s 0.2s;
transition:transform 0.2s 0.2s;
}
.gh svg.top .rect {

	/*css3*/
    -webkit-transform:translate3d(0, -8px, 0);
-ms-transform:translate3d(0, -8px, 0);
transform:translate3d(0, -8px, 0);
}
.gh svg.bottom rect {
	/*css3*/
    -webkit-transform:translate3d(0, 8px, 0);
-ms-transform:translate3d(0, 8px, 0);
transform:translate3d(0, 8px, 0);
}
/***/
.selected .gh {
    -webkit-transform:translateZ(0) rotate(90deg);
-ms-transform:translateZ(0) rotate(90deg);
transform:translateZ(0) rotate(90deg);
-webkit-transition:-webkit-transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);
}


.selected .gh svg {
    
	-webkit-transition:-webkit-transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
transition:transform 0.25s 0.2s cubic-bezier(0.4, 0.01, 0.165, 0.99);
-webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg)

}
.selected .gh svg.bottom {
    -webkit-transform:translateZ(0) rotate(-45deg);
-ms-transform:translateZ(0) rotate(-45deg);
transform:translateZ(0) rotate(-45deg);
}
.selected .gh svg.top {
    -webkit-transform:translateZ(0) rotate(45deg);
-ms-transform:translateZ(0) rotate(45deg);
transform:translateZ(0) rotate(45deg);
}
.selected .gh. rect {
   -webkit-transition:-webkit-transform 0.2s;
transition:transform 0.2s;
}
.selected .gh svg.top rect, 
.selected .gh svg.bottom rect {
    -webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0);
}


.bk30{height: 30px;}
.bk40{height: 20px;}
.bk60{height: 20px;}
	  .wrapper{
  	width:auto;
  }
.selected .naver{ display:block;}
.naver{ display:none; position:absolute; top:80px; left:0; width:100% ; height:auto; z-index:999;  border-bottom:1px solid #eee;background:#fff; }
.naver ul { z-index:999;border-bottom:1px solid #ECEEF4;border:none;height:auto;  float:none;width:100%;background:#fff; }
.naver ul li{ width:100%; float:none; padding:none; height:40px; line-height:40px; border-bottom:1px solid #eee; background:#fff;}
.naver ul li a{ display:block; float:none; width:100%;height:40px; line-height:40px; text-align:center;color: #595757; text-align:center; font-size:16px; }
.naver ul li a:hover{ color:#71AF43; text-decoration:none;background:url(../images/nav_on.png) no-repeat center bottom;}
.naver ul li.cur a{ color:#71AF43; text-decoration:none; background:url(../images/nav_on.png) no-repeat center bottom;}

#header{width:auto;background: #FFF;height:80px; border-top:10px solid #71AF43; padding:0 15px;}
#header a:hover{ color:#FA5C0E;}
#header .wrapper{ height:80px;  position:relative;}
.logo{ position:absolute; top:18px; left:0;}
.logo img{ width:150px;}
#header .img{ float:right; margin-top:45px; display:none;}
.focusBox { position: relative; width:100%; height:auto;overflow: hidden; margin:0 auto;}
.focusBox .pic{ position:relative; z-index:0; }
.focusBox .pic li{width:100%;}
.focusBox .pic img { width:100%; height:auto;display: block; }
.focusBox .hd{ display:none; }
.focusBox .prev,
.focusBox .next { width:44px; height:100px; margin: -50px 0 0; display:block; position: absolute; top: 50%; z-index:2; cursor: pointer; text-indent: -9999px; filter:alpha(opacity=80);opacity:0.8; background-size:15px 30px;  }
.focusBox .prev { left:0; background:url(../images/prev.png) no-repeat center center; background-size:15px 30px;  }

.barDiv{ background:none; height:auto; padding:15px;}
.barDiv ul li{ float:none; width:100%;height:39px; line-height:39px; text-align:center; background:url(../images/img2.png) repeat-x left center; font-size:16px; border:1px solid #eee; border-bottom:none;}
.barDiv ul li a{ display:block; height:39px; line-height:39px; }
.barDiv ul li span{ color:#71AF43; font-size:18px;}

.home_mod .head{ height:30px; line-height:30px; color:#71AF43; position:relative; padding:0 15px; } 
.home_mod .head h2{ float:left; font-size:24px;color:#71AF43;  font-family: "微软雅黑";text-align:left; padding-right:5px;}
.case_mod .body{ width:100%;  overflow:hidden;}
.case_mod .body ul{ width:auto;}
.caselist { overflow:hidden; padding:0 15px;}
.caselist li{ float:none; width:100%; border-top:1px solid #B2B2B2; padding:25px 0; margin-top:-1px; }
.caselist li:after{ clear:both; content:""; display:block;}
.caselist li .thumb{ width:100%; height:auto; position:relative; float:none;  border-bottom:8px solid #71AF43;}
.caselist li .thumb img{ display:block; width:100%; height:auto;}
.caselist li .thumb span{ display:block; color:#fff; font-size:14px; line-height:23px; line-height:23px; width:48px; background:#FF7800; top:12px; left:0; position:absolute;}
.caselist li .desc{ font-size:14px; width:auto; float:none; padding-left:0; padding-top:20px;}
.caselist li .desc p{ text-align:left;  overflow:hidden; height:auto; line-height:22px; color:#4e5659;}
.svg_mod .body{ width:100%;  overflow:hidden; padding-top:30px;}
.svg_mod .body ul{ width:auto; padding:0 15px;}
.svg_mod .foot img{ width:100%; height:auto;}
.svglist { padding-top:60px; padding-bottom:60px;}
.svglist li{ width:100%; float:nont; margin-right:0; margin-bottom:30px;}
.svglist li .thumb img{ display:block; margin:0 auto;}
.bottomNews{ background:#EFEFEF; padding:25px 15px 30px 15px;}
.bottomNews .lft,.bottomNews .rgt{ float:none;}
.bottomNews .item-news{ width:100%; float:none; }
.bottomNews .item-news .img{ float:left; width:20%; padding-top:50px; }
.bottomNews .item-news dl{ margin-left:24%; padding-top:20px;}
.bottomNews .item-news dt{ color:#4e5659; font-size:21px; line-height:30px; padding-bottom:10px;}
.bottomNews .item-news dd a{ display:block; height:27px; line-height:27px; overflow:hidden; font-size:14px;}
.list_mod { padding:0 15px;}	
.list_mod .head{ padding:10px 0 38px 0; font-size:18px; color:#4e5659; line-height:36px;}
.list_mod .head h3{ font-size:24px; color:#71af43; line-height:40px;} 
.list_mod .head h4{ font-size:24px; color:#4e5659; line-height:40px;} 
.list_mod .body{ width:100%;  overflow:hidden;}
.list_mod .body .piclist{ width:100%;}
.list_mod .body .piclist li{ float:left; width:100%; height:auto; overflow:hidden; position:relative; margin-right:0; margin-bottom:10px;}
.list_mod .body .piclist li .thumb a{ display:block;}
.list_mod .body .piclist li img{ display:block; width:100%; height:auto; }
.list_mod .body .piclist li .thumb a img{ display:block;-webkit-transform:translateZ(0);-webkit-transition:.2s;-moz-transform:translateZ(0);-moz-transition:.2s;-ms-transform:translateZ(0);-ms-transition:.2s;-webkit-transform-style:preserve-3d; }
.list_mod .body .piclist li .thumb a:hover img{text-decoration:none;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1)}
.list_mod .body .piclist li .title{ position:absolute; width:100%; height:48px; line-height:48px; color:#fff; text-indent:20px; font-size:20px; left:0; bottom:0; background:url(../images/tm.png) repeat;}
.list_mod .body .piclist li .title a{ display:block; color:#fff;}
.about_mod { padding:0 15px; font-size:16px; color:#4e5659; line-height:36px;}
.art_mod {padding:0 15px;}
.art_mod .body{ padding:10px 0 58px 0; font-size:16px; color:#4e5659; line-height:36px;}

#footer{ padding:20px 15px; background:#4E5659; color:#fff; overflow:hidden; }
#footer .lft{ float:none; text-align:center; line-height:30px; font-size:14px; color:#AFB2B3; width:100%;}
#footer a{ color:#fff;}
#footer .link{ height:auto; line-height:30px; text-align:center; margin-bottom:20px; font-size:14px;}
#footer .link li{ float:none; padding:0 15px; display:inline;}
#footer .link a{ font-size:14px;}
#footer .lft p strong{ font-size:24px;}
#footer  a:hover{ color:#eee;}
#footer .rgt{ text-align:center;  float:none; width:100%;}
#footer .rgt img{ margin:0 auto; display:block; margin-top:20px;}
}
@media only screen and (max-width:640px) {
	
	
}