@charset "utf-8";
/* CSS Document */

 *{ margin:0; padding:0;}
 body{ color:#333; font-size:13px; font-family:微软雅黑; min-width:1200px}
 li{ list-style:none; float: left;}
 a{ text-decoration:none; color:#333}
 .f1{ width:100%;margin:0 auto;}
 .f2{ width:1200px; margin:0 auto;}
 .f3{ width:750px; margin:0 auto;}
 .clear{ clear:both}
 img{ border:0;}
.wow{animation-name:fadeInUp;}
 
.header{ background:#fff; color:#333; height:50px; line-height:50px; border-bottom:1px solid #dde8d8; font-size:14px}
.header p{ float:right; width:170px;}
.header p a{ color:#333;}
.header p a.yd{ background:url(../images/head.png) center no-repeat; width:90px; height:50px; float:right; text-indent:25px; position:relative}
.header p a:hover{ text-decoration:underline}
.header p a.yd img{ position:absolute; top:40px; z-index:99; left:-0px;  transition:all 0.3s linear; height:0;}
.header p a.yd:hover img{ height:100px; }

.top{ height:133px; background:url(../images/topbg.jpg) center ;}
.top img{ float: left; margin-top:18px; }
.top ul { width:840px; height:133px; float:right;}
.top ul li{ font:15px/30px 微软雅黑; width:93px; margin-right:10px; text-align:center; height:100% }
.top ul li p{ font:12px/13px 微软雅黑; text-transform:uppercase}
.top ul li a{ color:#292929; padding:40px 0 50px;display:block}
.top ul li a p{ color:#b0b0b0}
.top ul li:hover { background:url(../images/nav.png) center no-repeat;}
.top ul li:hover a{ color:#fff; }
.top ul li:hover a p{ color:#fff;}
.top ul li a.active{background:url(../images/nav.png) center no-repeat;color:#fff}
.top ul li a.active p{color:#fff}


.banner{ height:500px; background:#ccc}

.ab{ height:auto ;  background:url(../images/ab_h.jpg) right 80px no-repeat,url(../images/ab_l.png) left 260px no-repeat; height:960px;}
.ab_tit{ height:65px; background:#f8d16c; position:relative;}
.ab_t_a{ position:absolute; width:400px; height:55px; bottom:-20px; left:50%; margin-left:-200px; background:url(../images/ab_t.png) center no-repeat;}
.about{ height:150px; padding:60px 150px 40px; line-height:26px; text-align:center}

.ck{ width:150px; height:30px; text-align:center;font:12px/30px 微软雅黑; border-radius:8px; border:1px solid #ccc; margin:0 auto;transition:all 0.3s linear; position:relative; top:0;}
.ck:hover{ box-shadow:0 0 5px #ccc; top:-5px; }
.ck:hover a{ display:block}
.flower{ padding:60px 0;}
.f_tit { height:98px; padding-bottom:30px; background:url(../images/cs.png) center no-repeat}
.f_tit a{ display: block; width:1200px; height:100%;}

/* 效果CSS开始 */
#focus_Box{position:relative;width:1000px;height:308px;margin:20px auto;}
#focus_Box ul{position:relative;width:1000px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../images/float-bg.png) repeat;text-indent:8px;color:#fff; background:rgba(119,201,165,0.6)}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:165px;}
#focus_Box .prev{background:url(../images/btn.png) left bottom no-repeat;left:-70px}
#focus_Box .next{background:url(../images/btn.png) right bottom no-repeat;right:-70px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:30px;width:80px;height:23px;overflow:hidden; color:#fff;  line-height:23px; text-align:center; background:#f8d16c; border-radius:5px;}
#focus_Box a.imgs-scroll-btn:hover { background:#002d14}





.lead{ height:668px; background:url(../images/lead.jpg) center no-repeat; }
.l_tit{ height:52px; background:url(../images/lead.png) center no-repeat;padding:60px 0 20px;}
.l_tit a{ width:100%;padding:60px 0 20px;height:52px; display:block;}
.icasebox{	width:100%;	background: url(../images/casebg.jpg) no-repeat center;}
.icase{	width:1200px;	margin:0 auto;}
.itype{	width:1200px;	margin:0 auto;	text-align: center;}
.itype a{	display: inline-block;	width:136px;	height:43px;	border:1px solid white;	color:white;	font-size: 20px;	margin:0 11px;	text-align: center;	line-height: 43px;}
.itype a:hover{	color:#fff;	border:1px solid #f56f1e;	background-color: #f56f1e;}
.itype2{	text-align: center;}
.itype2 a{	color:#f56f1e;	border:1px solid #f56f1e;	background: rgba(255,255,255,0.4);	display: inline-block;	float:none;}
.icase_lunbo{	width:100%;	height:485px;}
#lunbo{	width:100%;	height:100%;	position:relative;}
#lunbo li{	width:188px;	height:135px;	position:absolute;	left:60px;	top:250px;}
#lunbo li img{	width:100%;	height:100%;}
#lunbo .lunbo_btn{	background:#fff;	height:60px;	width:120px;	position:absolute;	left:150px;	top:300px;	z-index:6;}
#lunbo input{	width:60px;	height:60px;	border:0;	font-size:30px;	line-height:100%;	color:white;	float:left;	cursor: pointer; outline:none}
.lunbo_info{position: absolute;	left:711px;	top:98px;	width:242px;	height:200px;	background:#77c9a5;	padding:30px 22px;}
.lunbo_infotit{font-size: 18px;color:#014427;height:27px;border-bottom:3px solid white;line-height: 0;display: inline-block; font-weight:bold
}
.lunbo_infocon p{	color:#eeeeee;	font-size: 16px;	line-height: 28px; padding-top:10px}
.lunbo_info span{ display:block; width:150px; height:30px; text-align:center; line-height:30px; border:1px solid #fff; margin-top:20px; border-radius:8px; border-radius:8px;}
.lunbo_info span a{ color:#014427; display:block } 
.lunbo_info span:hvoer { background:#014427; display:block}
.lunbo_info span:hvoer a{color:#fff}

#prev{ background:#f8d16c;}
#next{ background:#77c9a5}




.huah{ height:400px; padding-bottom:30px;}
.huah .h_tit{ height:70px; background:#f8d16c; position:relative;}
.huah .h_tit .h_t_pic{ width:500px; height:53px; background:url(../images/hua.png) center no-repeat; position:absolute; left:50%; top:35px; margin-left:-250px;} 
.huah .h_tit .h_t_pic a{width:500px; height:53px; display:block;}

/*产品展示*/
#ISL_Cont_1{ margin:70px 5px 10px 26px;height:256px;float:left;  width:1100px  }
#ISL_Cont_1 .product{width:255px; height:260px; float:left; text-align:center; margin:0 8px;  position:relative; overflow:hidden;transition:all 0.3s ease-in; top:0; color:#0d7e0c; position:relative;}
#ISL_Cont_1 .product img{width:100%; height:207px; }
#ISL_Cont_1 .product  p{width:100%;height:50px; line-height:50px; text-align:center;   background:#77c9a5; position:absolute; left:0; bottom:0; transition:all 0.3s linear}
#ISL_Cont_1 .product span{ width:150px; height:26px; border:1px solid #fff; background:rgba(255,255,255,0.6); display:block; margin:0 auto; border-radius:5px; line-height:26px;}
#ISL_Cont_1 .product a span{ color:#014427}
#ISL_Cont_1 .product a span:hover{ background:#014427}
#ISL_Cont_1 .product a span:hover{ color:#fff}
#ISL_Cont_1 .product:hover  p{ height:100px}
#ISL_Cont_1 .product a { color:#fff}
#Leftarr{float:left;margin-top:150px; margin-right:5px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; left:15px}
#Rightarr{float:right;margin-top:150px;margin-left:20px;width:27px;height:23px;cursor:pointer;display:inline; position:relative; right:15px}


.news{ height:750px;}

.n_tit{ height:78px; background:url(../images/new.png)  center no-repeat; padding:20px 0;}
.n_con{ height:460px; background:url(../images/n_1.jpg) left center no-repeat,url(../images/nr.jpg) right center no-repeat;}
.new_con{ width:550px; height:100%; margin:0 auto; }
.new_t{ height:88px; background:url(../images/news.png) center no-repeat; border-bottom:1px solid #ccc}
.new_t a{ display: block; width:100%; height:100%;}
.new_con ul{ width:550px; height:400px; padding-top:10px }
.new_con ul li{ width:100%; height:107px; margin-bottom:20px;  position:relative; overflow: hidden }
.new_con ul li dl{ width:80px; height:60px; border-right:1px solid #ccc; padding: 20px; float:left;transition:all 0.3s ease-out;position:absolute; top:0; left:0; }
.new_con ul li dl dt{ font:35px/45px impact; color:#ccc}
.new_con ul li dl dd{ text-align:center; width:80px; line-height:20px; background:#ccc; color:#fff}
.new_con ul li div{ width:385px; height:80px; padding:20px; float:right;transition:all 0.3s ease-out }
.new_con ul li div h3{ font: bold 15px/30px 微软雅黑; }
.new_con ul li div p{ font:13px/20px 微软雅黑; }
.new_con ul li:hover dl{ /*width:0; height:120px; border:0; padding:0; opacity:0;*/ left:-121px;}
.new_con ul li:hover div{ width:90%; height:80px; padding:20px 5%; background:#77c9a5; }
.new_con ul li:hover a { color:#fff; display:block}



.foot{ height:200px; background:#333;}
.foot .f_con{ position:relative; height:170px; padding-bottom:30px;}
.ewm{ width:350px; height:200px; background:#77c9a5; position:absolute; top:-110px; left:0; padding:30px}
.ewm_p{ width:140px; height:140px; background:#fff; float:left;}
.ewm_p img{ margin:5px;}

.ewm_txt { width:200px; height:140px; float:right; color:#fff}
.ewm_txt p{ font:16px/50px 微软雅黑}
.ewm_txt dl { padding-top:35px}
.ewm_txt dl dt{ width:60px; height:60px; float:left}
.ewm_txt dl  dd span{ font:16px/30px 微软雅黑 }
.ewm_txt dl  dd h3{ font:24px/30px impact }
.ewm_tit{ position:absolute; width:400px; height:40px; background:#f8d165; bottom:30px; left:30px; text-align:center; padding:0 15px;font: bold 16px/40px 微软雅黑 ; color:#002d14}
.ewm_tit img{ position:absolute; top:-25px; left:-15px}
.f_img{ width:315px; height:169px; position:absolute; right:-70px; top:-120px; background:url(../images/footh.png) center no-repeat; z-index:90}
.f_txt{ width:465px; height:130px; float:left; margin-left:480px; padding-top:35px;font:14px/24px 微软雅黑; color:#fff}
.f_txt a{ color:#fff}
.share{ width:200px; height:70px; padding-top:60px; float:right; position:relative}
.share p{ display:inline-block}
.share .img_pic{ cursor: pointer}
.share  .weix { position:absolute; top:20px; left:130px; opacity:0; z-index:99}



/* 内页*/

/**弹出层样式***/
.mask{height: 100%;width: 100%;filter:alpha(opacity:0);opacity: 0;background: #000;position: absolute;z-index: 1;left: 0;top:0}
.popup{background:#fff url(../images/loading.gif) no-repeat center;border: 10px solid #fff;position: absolute;z-index: 2;;overflow:hidden;width: 320px;height: 240px}
.popup img{height: auto;width: auto;}
.btn{position: absolute;right: 0;top:0;height: 100%;width: 50%;cursor: pointer;}
.prev{left: 0;background: url(../images/lightbox-btn-prev.gif) no-repeat  0 50px;}
.next{background: url(../images/lightbox-btn-next.gif) no-repeat  right 50px;}

.popupBottom{position: relative;z-index: 3;margin-top:8px}
.popupTitle,.popupClose{float: right;}
.popupTitle{width:100%;line-height: 18px;color: #543424;font-family: Arial;font-size: 12px;margin-right: -81px;width: 100%;_margin:-22px 0 0 0}
.popupTitleTxt{float: left;margin-right: 126px}
.popupClose{margin-right:15px;height: 22px;width: 66px;background: url(../images/lightbox-btn-close.gif) no-repeat;cursor: pointer;position: relative;z-index: 99}



.content{ height:auto; padding:0 0 120px; position: relative; top:0px; z-index:0}
.content .tit{ height:70px; background:#fff; line-height:90px; border-bottom:1px solid #ccc; overflow:hidden}
.content .tit h3{  margin-left:30px; float:left; font-size:20px}
.content .tit span{ float:right; margin-right:30px}
.content .tit span a{ color:#333;}
.content .tit span a:hover { color:#77c9a5}
.content .con_con{background:#fff;padding:40px 30px;  width:1140px; margin:10px auto auto auto; line-height:30px; height:auto;}
.syty{ height:auto; background:#fff;box-shadow:0 0px 5px #ccc; padding:15px 20px; width:1060px;margin:0px auto 10px auto;}
.syty ul li{ text-align:center; padding: 20px 24px; font-size:16px; margin-bottom:5px }
.syty ul li:hover{ background:#002d14; }
.syty ul li:hover a{ color:#fff;}
.syty ul span{ float:left; padding: 24px 0;}





.propic li{ width:265px; height:240px; border:1px solid #f5f5f5; margin-left:24px;  margin-bottom:30px; overflow:hidden; position:relative; top:0; transition:all 0.3s linear }
.propic li:nth-child(4n+1){ margin-left:0;}
.propic li img{ width:100%; height:200px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
.propic li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;*/}
.propic li a{ color:#333}
.propic li:hover a{ color:#fff;}
.propic li:hover{ box-shadow:0 0 10px #ccc;  background:#77c9a5; top:-5px;}
.propic li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }








.propic1 li{ width:328px; height:100px; border:1px solid #f5f5f5; margin-left:24px;  margin-bottom:30px; overflow:hidden; }
.propic1 li:nth-child(3n+1){ margin-left:0;}
.propic1 li img{ width:100%; height:100px; 
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
}
/*.propic1 li p{ width:90%; height:30px;  line-height:40px; text-align:center);  text-align:center;  padding:0 5%; /*overflow:hidden; text-overflow: ellipsis;white-space: nowrap;*/}
*/.propic1 li a{ color:#333}
.propic1 li:hover a{ color:#fff;}
.propic1 li:hover{ box-shadow:0 0 10px #ccc; }
.propic1 li:hover img { 
  /* transform:scale(1.05);  */
	@-webkit-transform:scale(1.05);  
	@-moz-transform:scale(1.05);  
	@-o-transform:scale(1.05);  
	@-ms-transform:scale(1.05);  
   
   transition:all 0.3s linear; 
   @-webkit-transition:all 0.3s linear;
   @-o-transition:all 0.3s linear;
   @-ms-transition:all 0.3s linear;
   @-moz-transition:all 0.3s linear;
 }



.news1 li a{ color:#333}
.news1 li{ width:98%; height:150px; border-bottom:1px solid #ccc; margin-top:5px; padding:10px 1%; position:relative; top:0;transition:all 0.3s linear;  }
.news1 li dl dt{ width:200px; height:140px;  float:left; cursor:pointer; overflow:hidden ;margin:5px}
.news1 li dl dt img{ width:100%; height:100%;transition:all 0.3s linear; }
.news1 li dl dd{ width:870px; float: right; line-height:15px} 
.news1 li dl dd h4{ line-height:50px; text-align:left; padding-top:5px; font-size:18px; font-weight:normal}
.news1 li dl dd  span{ font-size:13px ; color:#ccc}
.news1 li dl dd p{ line-height:30px; margin-top:5px}
.news1 li dl dd h4:hover  a{ color:#77c9a5 }

.news1 li  dl dd p:hover a{ color:#77c9a5}
.news1 li:hover { box-shadow:0 0 10px #e3e3e3; top:-5px; }





.page {display:block;height:30px;text-align:center; padding-top:20px; padding-bottom:20px;}
.page a,.page span {background:#efefef;color:#4f4e49;height:auto;line-height:18px;margin:0px 0px 0px 8px;padding:3px 7px;width:auto;}
.page a:hover,.page .cur {background:#77c9a5;border-color:#77c9a5;color:#fff;text-decoration: none;}
.abcd{ color:#333 ; line-height:30px}
.abcd:hover { color:#77c9a5}


/*留言样式*/
fieldset{ border:none}
.msg_ul{width:480px;height:auto;overflow:hidden;margin:20px auto;}
.msg_ul li{width:100%;height:auto;overflow:hidden;position:relative;margin-bottom:6px;}
.msg_ul li p{width:90px; float:left;height:36px;font:14px/36px "microsoft yahei";color:#333;vertical-align: top;  text-align:right; margin: 0 6px 0 0;}
.msg_ul li p span{color:red;margin-top:2px;vertical-align: middle;font-weight: bold}
.msg_input{width:264px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_textarea{border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;}
.msg_pin{width:164px;height:34px;border:1px solid #d9d9d9;border-radius:2px;padding:0 10px;float:left;}
.msg_pin img{float:left;margin-left:14px;}



.dn{display: none;}
/* 返回顶部 */
.go-top{position: fixed;bottom: 40px;right: 20px;width: 46px;z-index: 999;}
.go-top a{display: block;width: 46px;height: 46px;margin-bottom: 10px;background-image: url(../images/go-top.png?);}
.go-top a:last-child{margin-bottom: 0;}
.go-top .go{background-position: 0 -150px;}
.go-top .go:hover{background-position: 0 -250px;}
.go-top .feedback{background-position: 0 -100px;}
.go-top .feedback:hover{background-position: 0 -300px;}
.go-top .uc-2vm{background-position: 0 0;}
.go-top .uc-2vm:hover{background-position: 0 -350px;}
.go-top .qq{background-position: 0 -50px;}
.go-top .qq:hover{background-position: 0 -200px;}
/*
.go-top .share{background-position: 0 -50px;}
.go-top .share:hover{background-position: 0 -200px;}
*/
.go-top .uc-2vm-pop{
	position: absolute;right: 60px;top: -100px;
	width: 150px;box-shadow: 0px 1px 4px rgba(0,0,0,.1);
	background: #fff;
}
.go-top .uc-2vm-pop .title-2wm{font-size: 14px; margin: 10px 20px;}
.go-top .uc-2vm-pop .logo-2wm-box{position: relative;}