/* CSS Document */
body{ background:#fff;}
.case{  width:92%; margin:0 4%;position:relative; overflow:hidden; margin:30px auto;}
.casetit{ width:100%; position:relative; margin-bottom:10px; text-align:center;}
.casetit h2{ width:100%; font-size:30px; line-height:50px; margin-bottom:10px; color:#009744; 	}
.casetit p{ width:100%; font-size:20px; line-height:30px; color:#808080; 	}

.honor{ width:100%; position:relative; overflow:hidden; height:40px; line-height:40px; margin-bottom:20px;}
.hontit{ width:120px; position:absolute; left:0; top:0; line-height:40px; font-size:28px; color:#333;}
.dowebok{ width:90%; margin-left:130px; overflow:hidden; height:40px; line-height:40px; }
.dowebok a{  padding-left:15px; background: url(../images/hoicn.png) left center no-repeat ; line-height:40px; margin:0 10px; font-weight:bold;  color:#000;}
.dowebok a:hover{ color:#00923f}
.str_wrap {
	overflow:hidden;
	//zoom:1;
	font-size:18px;
	position:relative;
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;  
	white-space:nowrap;
}
.str_move { 
	white-space:nowrap;
	position:absolute; 
	top:0; 
	left:0;
	cursor:move;
}
.str_move_clone {
	display:inline-block;
	//display:inline;
	//zoom:1;
	vertical-align:top;
	position:absolute; 
	left:100%;
	top:0;
}
.str_vertical .str_move_clone {
	left:0;
	top:100%;
}
.str_down .str_move_clone {
	left:0;
	bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
	white-space:normal;
	width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
	cursor:inherit;
}
.str_wrap img {
	max-width:none !important;	
}





.caselist{ width:100%; margin:0 auto; position:relative; overflow:hidden;}
/*.caselist ul{width:785px; margin-left:-100px; position:relative; overflow:hidden;}*/
.caselist li{ width:32%; height:195px;  float:left; }
.ca2{ margin:0 2%; background:#4b7fb5}
.ca1{ background:#00923f}
.ca3{ background:#98bf61}
.caselist li img{ width:85px; height:85px; float:left; margin-left:90px; margin-top:50px;transition: all 0.6s; margin-right:25px;}
.caselist li:hover img{ transform: scale(1.2);}
.caselist li em{ display:block; width:100%; margin-top:45px; font-style:normal; font-size:21px; color:#fff; line-height:30px;}
.caselist li h2{ width:100%; position:relative; line-height:40px; font-size:24px; color:#fff;  }

.about{ width:92%; margin:0 4%; height:500px; position:relative; overflow:hidden; background:#eee; margin-bottom:30px;}
.abpic{ width:49%; position:relative; float:left;height:500px; background: url(../images/abpic.jpg)  center no-repeat ; background-size:100% 100%;
-ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/abpic.jpg',sizingMethod='scale')";
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/abpic.jpg',sizingMethod='scale');
}
.abpic .abbg{ width:580px; height:400px;  vertical-align:middle; position:absolute; left:50%; margin-left:-290px; top:50px; background: url(../images/abpnc.png)  center no-repeat ;}
.abbg ul li{ width:140px; height:150px; position:absolute;}
.abbg ul li img{ width:140px; height:150px; vertical-align:middle; transition: all 0.6s;}
.jzl1{ left:295px; top:5px;}
.jzl2{ left:363px; top:125px;}
.jzl3{ left:295px; top:245px;}
.jzl4{ left:155px; top:245px;}
.jzl5{ left:85px; top:125px;}
.jzl6{ left:155px; top:5px;}
.abbg ul li:hover img{ transform: scale(1.05);}

.abbox{ width:48%; padding:15px 1% 15px 2%; float:left;height:500px;}
.abtit{ width:100%; position:relative; height:35px; line-height:35px; font-size:28px;  color:#000;}
.abtit em{ font-style:normal; font-size:22px;  color:#189c51;line-height:35px; margin-left:10px; position:relative; font-weight:300;}
.abtxt{ width:100%; position:relative; height:380px; overflow:hidden; line-height:35px; color:#000;  font-size:16px; margin-top:0px;}
.abtxt a{ color:#000;  }

.abtxt img{overflow:hidden; max-width:100%; margin-top:15px;}
.abmore{ width:130px; height:38px; float:right; margin-top:5px; font-size:16px; color:#fff !important; background:#00923f; display:block; text-align:center; line-height:38px;}


.project{ width:92%; margin:0 4%; position:relative; overflow:hidden; margin-bottom:20px;}
.title{ width:100%; height:50px; position:relative; margin-bottom:20px;}
.title h2{ width:500px; float:left; height:50px; line-height:50px; font-size:32px; font-weight:200; color:#000;}
.title h2 em{ font-size:26px; font-style:normal;color:#00923f;}
.more{ float:right; position:relative; line-height:50px; font-size:16px;color:#808080 !important; }

.projectlist{ width:100%; position:relative; overflow:hidden; padding-bottom:10px;}
.projectlist li{ width:32%; float:left; margin-right:2%; background:#fff;}
.projectlist li:first-child+li+li{ margin-right:0;}
.projectlist li .propic{ width:100%; position:relative; overflow:hidden;}
.projectlist li .propic img{ width:100%; vertical-align:middle;transition: all 1s;}

.protxt{ width:92%; margin:0 4%;  position:relative; padding-bottom:10px;}
.protxt h2{ font-size:20px; line-height:40px; color:#000; margin-bottom:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-top:10px;}
.protxt hr{ height:2px; width:40px; border:none; background:#cfcfcf; margin-bottom:5px; color:#cfcfcf}
.protxt span{ font-size:18px; line-height:30px;}
.projectlist li:hover{ background:#00923f; box-shadow:5px 5px 5px #bbb;}
.projectlist li:hover h2{ color:#fff;}
.projectlist li:hover img{ transform: scale(1.2);}
.projectlist li:hover hr{ background:#00923f;color:#fff;}
.projectlist li:hover span{color:#fff;}

.news{ width:92%; padding:0px 4%; padding-bottom:10px; background:#fff; position:relative; overflow:hidden;}
.newsban{ width:32%; float:left; position:relative;}
.newsban .slides{ width:100%;}
.newsban .slides li{ width:100%; overflow:hidden;}
.newsban .slides li img{ width:100%; vertical-align:middle;transition: all 1s;}
.newsban .slides li:hover img{ transform: scale(1.2);}
.newsban .slides li h2{ width:92%; padding:0px 4%; height:50px; color:#fff; font-size:16px; line-height:50px; position:absolute; left:0; bottom:0; background:url(../images/bgc1.png);}
.newsban .flex-control-nav{ position:absolute;opacity:1;  bottom:5px; width:70px; height:30px; right:10px; z-index:22;}
.newsban .flex-control-nav li{ width:6px; height:6px; text-align:center; margin:5px 5px; position:relative; float:left; cursor:pointer; overflow:hidden; background:#fff;}

.newsban  .flex-control-nav li a{ text-indent:-999em; width:6px; height:6px;position:relative; display:block;}
.newsban .flex-active{ background:#00933f;}
.newsban .flex-direction-nav{ display:none;}
.newsban  .flex-control-nav li:hover a{ background:#00933f;}

.newslist{ width:68%; float:left; position:relative; }
.newslist li{ width:48%; margin-left:2%; float:left; margin-bottom:2%; background:#f4f4f4; padding:20px 0;}
.newslist li h2{ font-size:20px; width:92%; padding:0px 4%; color:#000; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin-bottom:10px;}
.newslist li p{ font-size:14px; width:92%; padding:0px 4%; color:#808080; line-height:25px; height:50px; overflow:hidden; text-overflow:ellipsis; margin-bottom:20px;}
.newslist li span{ display:block; font-size:16px; width:92%; padding:0px 4%; color:#808080; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.newslist li:hover{ box-shadow:5px 5px 5px #bbb;} 

.link{ width:92%; padding:100px 4%; margin-top:20px; padding-top:0; background:#fff; position:relative; overflow:hidden;}
.linklist{ width:100%; position:relative; overflow:hidden; border:1px solid #efefef;}
.linklist li{ width:14%; float:left;border-left:1px solid #efefef; overflow:hidden;}
.linklist li img{ width:100%; vertical-align:middle;transition: all 0.6s;}

.linklist li:nth-child(1){ border:none;}

.linklist ul li:hover img{ transform: scale(1.1);}