@charset "utf-8";
/*header*/
header{
	width:100%;
	height: auto;
	background: url(../images/top.jpg) top center no-repeat;
}
.top{
	width:100%;
	max-width:1000px;
	height:115px;
	margin:0px auto;
}
.logo{
	float:left;
	width:45%;
	margin-top:2px;
}
.top_rg{
	float:right;
	width:360px;
	margin-top:6px;
} 
.key{
	float:left;
	width:45%;
	margin-top:6px;
	margin-left:15%;
}

.search{
width:200px; height:26px; border:1px solid #717171; background: none;color:#999;outline:none;    float: left;
}
.search_tt{
	height:26px;
}
.search_b{
	float:right;
	width:36px;
	height:26px;
}
.search_t{
	float:right;
	width:16%;
	height:26px;
	color:#FFF;
	line-height:26px;
}
.tel{
	float: left;
	width:100%;
	margin-top:6%;
	max-width:320px;
}
.nav{
	width:100%;
	height:50px;
	background:#1a984a;
}
.nav ul{
	width:100%;
	max-width:1000px;
	height:50px;
	margin:0px auto;
}
.nav ul li{
	float:left;
	width:12%;
	height:50px;
	line-height:50px;
	font-size:1.2em;
	text-align:center;
	background:url(../images/line.png) no-repeat right;
}
.nav ul li a{
	color:#FFF;
}
.nav ul li a:hover{
	color:#ffea00;
}


.wrapper {
	position: relative;
	width:100%;
}
.sb-slider {
	position: relative;
	overflow: hidden;
	width: 100%;
	list-style-type: none;
	padding: 0;
}
.sb-slider li {
	margin: 0;
	padding: 0;
	display: none;
}
.sb-slider li > a {
	outline: none;
}
.sb-slider li > a img {
	border: none;
}
.sb-slider img {
	max-width: 100%;
	display: block;
}
.sb-description {
	padding: 20px;
	bottom: 10px;
	left: 10px;
	right: 10px;
	z-index: 1000;
	position: absolute;
	background: #CBBFAE;
	background: rgba(190,176,155, 0.4);
	border-left: 4px solid rgba(255,255,255,0.7);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);	
	opacity: 0;
	color: #fff;
	-webkit-transition: all 200ms;
	-moz-transition: all 200ms;
	-o-transition: all 200ms;
	-ms-transition: all 200ms;
	transition: all 200ms;
}
.sb-slider li.sb-current .sb-description {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
	filter: alpha(opacity=80);	
	opacity: 1;
}
.sb-slider li.sb-current .sb-description:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=99)";
	filter: alpha(opacity=99);	
	background: rgba(190,176,155, 0.7);
}
.sb-perspective {
	position: relative;
}
.sb-perspective > div {
	position: absolute;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-backface-visibility : hidden;
	-moz-backface-visibility : hidden;
	-o-backface-visibility : hidden;
	-ms-backface-visibility : hidden;
	backface-visibility : hidden;
}
.sb-side {
	margin: 0;
	display: block;
	position: absolute;
	-moz-backface-visibility : hidden;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
/*banner轮播 End*/

/*banner*/

.banner{
			width: 100%;
			/*height: auto;*/
			/*background: black;*/
			/*子绝父相*/
			position: relative;
			/*超出部分全部隐藏，解决横向滚动条*/
			overflow: hidden;
		}
		.banner ul{
			position: absolute;
		}
		.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: 375px;
			float: left;
			background:  no-repeat center center;
		}

		.banner ol{
			
			height: 20px;
			background: rgba(0,0,0,0.5);
			position: absolute;
			left:50%;
			/*margin-left: -40px;*/
			bottom: 30px;
			padding: 0 10px;
			border-radius: 10px;
		}
		.banner ol li{
			width: 10px;
			height: 10px;
			float: left;
			margin: 5px 5px;
			background: rgba(255,255,255,0.5);
			border-radius: 50%;
			cursor: pointer;
		}
		.banner ol .current{
			background: rgba(255,255,255,1);
		}
		.banner i{
			width: 58px;
			height: 120px;
			position: absolute;
			top: 50%;
			margin-top: -60px;
			cursor: pointer;
			border-radius: 5px;
			display: none;
		}
		.banner .left{
			left: 60px;
			background: url(../images/left_right.png) no-repeat 0 0px;
		}
		.banner .right{
			right: 60px;
			background: url(../images/left_right.png) no-repeat 0px -120px;
		}
		.banner .left:hover , .banner .right:hover{
			background-color: rgba(0, 0, 0, 0.31);
		}

/*首页*/
#main{
	margin-top:0px;
}
/*产品*/
.product{
	width:100%;
	height: auto;
	background:url(../images/product_bg.jpg) center repeat-y;
}
.product_w{
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
.product_tl{
	border-left: 3px solid #fff;
	color: #FFF;
	padding-left: 10px;
	font-size: 1.5em;
	font-weight:bold;
}
.product_tl span{
	font-size:0.8em;
	font-family:Arial;
	font-weight: normal;
}
.product_ct{
	width:100%;
	height:auto;
}
.product_ct ul{
	width:100%;
	height:auto;
}
.product_ct ul li{
	float:left;
	width:190px;
	height:190px;
	padding-right:8px;
	margin-bottom:8px;
}

.product_ct ul li:nth-child(1){width:388px;height:388px; }

.product_p{
	position:relative;width:100%;
}
.product_img{
	position:absolute;
	width:100%;
	z-index:1;
}
.product_title{
	position:absolute;
	width:100%;
	margin-top:0px;
	top:0;
	height:32px;
	line-height:32px;
	color:#FFF;
	text-align:center;
	background:#000;
	opacity:0.5;
	z-index:2;
}

/*新闻*/
.new{
	width:100%;
	max-width:1000px;
	height: auto;
	margin:0px auto;
}
.new_tl{
	border-left: 3px solid #ee8600;
	color: #1a984a;
	padding-left: 10px;
	font-size: 1.5em;
	font-weight:bold;
}
.new_tl span{
	font-size:0.8em;
	font-family:Arial;
	color:#777777;
	font-weight: normal;
}
.new_ct{
	width:100%;
	height: auto;
}
.new_lf{
	float:left;
	width:58%;
}
.new_lf_t{
	float:left;
	width:100%;
}
.new_img{
	float:left;
	width:40%;
	padding:1%;
	border:1px solid #d3d3d3;
}
.new_cct{
	float: right;
	width:56%;
	line-height:2em;
}
.new_cct a{
	font-size:1.4em;
	font-weight:bold;
}
.new_cct a.b{
	color:#ee8600;
	font-size:1em;
	font-weight: normal;
}
.new_lf_t{
	float:left;
	width:100%;
}
.new_lf_d,.new_lf_d ul{
	float:left;
	width:100%;
}
.new_lf_d ul li{
	float:left;
	width:100%;
	border-bottom:1px dashed #999;
	line-height:3em;
	font-size:0.85em;
	
}
.new_rg{
	float: right;
	width:40%;
}
.new_rg ul{
	float: left;
	width:100%;
}
.new_rg ul li{
	float: left;
	width:50%;
	overflow:hidden;
}
/*案例*/
.case{
	width:100%;
	height: auto;
	background:url(../images/case_bg.jpg) center repeat-y;
}
.case_ct{
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
.case_ct_w,.case_ct_w ul{
	width:100%;
}
.case_ct_w ul li{
	float:left;
	width:32%;
	background: url(../images/case_b.png);
	border:1px solid #fff;
	padding:1%;
	margin-right:1%;
}
.case_img{
	width:100%;
}
.case_ct_tl{
	width:100%;
	padding:12px 0px;
	font-size:1.2em;
}
.case_ct_tl a{
	color:#000;
}
.case_ct_tl a:hover{
	color:#ee8600;
}
.case_ct_ss{
	width:100%;
	font-size:0.85em;
	line-height:1.4em;
}
.case_btn{
	width:100px;
	height:30px;
	background:#1a984a;
	text-align:center;
	line-height:30px;
	margin-top:10px;
}
.case_btn a{
	color:#fff;
}

.bottom{
	width:100%;
	height: auto;
	background:#1a984a;
}
.bottom_ct{
	width:100%;
	max-width:1000px;
	margin:0px auto;
	color:#fff;
	background: url(../images/link_bg.jpg);
}
.bottom_lf{
	float:left;
	width:84%;
	background:url(../images/b_line.jpg) right no-repeat;
}
.bottom_lf dl{
	float:left;
	width:20%;
}
.bottom_lf dl dt{
	float:left;
	width:100%;
	height:40px;
	font-size:1.2em;
}
.bottom_lf dl dd{
	float:left;
	width:95%;
	height:auto;
	font-size:0.85em;
line-height:18px;
padding-bottom:10px;

}
.bottom_lf dl:nth-child(3){width:30%; }
.bottom_lf dl:nth-child(4){width:30%; }

.bottom_rg{
	float: right;
	width:15%;
	text-align:center;
}
/*footer*/
footer{
	width:100%;
	background:#3a3a3a;
	/*height:42px;*/
	line-height:42px;
	color:#fff;
	font-size:0.85em;
}
.footer_c{
	width:100%;
	max-width:1000px;
	margin:0px auto;
	
}
.footer_c a{
	color:#fff !important;
}

/*内页*/
.add{
	width:100%;
	height:40px;
	margin:0px auto;
	background:#eeeeee;
}
.c_add_c{
	width:100%;
	max-width:1000px;
	height:40px;
	margin:0px auto;
	background: url(../images/home.jpg) no-repeat left;
	line-height:40px;
	padding-left:2%;
	font-family:"宋体";
	font-size:12px;
}
.title{
	width:100%;
	text-align:center;
	font-size:2em;
	color: #1a984a;
	height:60px;
	background: url(../images/title_bg.png) bottom center no-repeat;
}
.title span{
	color: #999;
}
.c_c{
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
.c_new,.c_new ul{
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
.c_new ul li{
	float:left;
	width:46%;
	margin-right:3%;
	height:48px;
	line-height:48px;
	padding-left:24px;
	background:url(../images/dot.jpg) no-repeat left;
	border-bottom:1px dashed #d4d4d4;
}
.fany{
	width: 600px;
	height:32px;
	padding:40px 0px 20px 0px;
	margin:0px auto;
}
.fany li{
	float:left;
    list-style:none;
    margin:2px;
    padding:0;}
.fany a{
	margin:0 2px;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
    -moz-border-radius:3px;
    float:left;
    min-height:20px;
    min-width:20px;
    color:#858585;
    border:2px #e3e3e3 solid;
    border-radius:13px;
    font-size:11px;}
.fany a:hover{
    border:2px #858585 solid;
    color:#858585;
	}
.fany span{
	margin:0 2px;
    line-height:20px;
    text-align:center;
    text-decoration:none;
    border-radius:3px;
    -moz-border-radius:3px;
    float:left;
    min-height:20px;
    min-width:20px;
    color:#858585;
    border:2px #e3e3e3 solid;
    border-radius:13px;
    font-size:11px;}
.news_ct_tit{
	width: 100%;
	height: auto;
	line-height:30px;
	text-align: center;
	font-size: 2em;
}
.news_ct_ad{
	width:100%;
	padding:10px 0px;
	text-align:center;
	font-size:0.80em;
	background-color:#f5f5f5;
	color:#666666;
}
.news_ct_text{
	width:100%;
	height: auto;
	padding:20px 0px;
	line-height:24px;
}
.ye_next{
	width:100%;
	line-height:150%;
	font-size:0.80em;
	text-align:center;
	padding-top:40px;
}
.dz{
	width: 100%;
	height:490px;
	margin:0px auto;
}
.c_cont{
	float: left;
	width: 42%;
	
	background:url(../images/dz.jpg) no-repeat;
	
}
.c_cont_tl{
	float: left;
	width:90%;
	height:50px;
	font-size:1.6em;
	color:#FFF;
	padding-left:5%;
	padding-top:30px;
}
.c_cont_ct{
	float: left;
	width:90%;
	height: auto;
	line-height:30px;
	padding-top:20px;
	color:#FFF;
	padding-left:5%;
	padding-bottom:30px;
}
.map{
	float: right;
	width: 56%;
	border:1px solid #cdcdcd;
	overflow:hidden;
}

.cact{
	width:100%;
	height:100px;
	margin:0px auto;
	text-align:center;
	line-height:50px;
	font-size:1.6em;
	font-weight:bold;
	color:#9d9d9d;
}
.cact span{
	font-size:1.4em;
	color:#ff9000;
}
.c_product,.c_product ul{
	width:100%;
	max-width:1000px;
	margin:0px auto;
}
.c_product ul li{
	float:left;
	width:23%;
	margin-bottom:40px;
	margin-right:2%;
}
.c_product_img{
	float:left;
	width:100%;
	overflow:hidden;
}
.c_product_title{
	float:left;
	width:100%;
	text-align:center;
	line-height:2em;
}
.c_product_title a{
	float:left;
	width:100%;
	height:40px;
	background:#dddddd;
	line-height:40px;
}
.c_product_title a:hover{
	float:left;
	width:100%;
	height:40px;
	color:#ffea00;
	line-height:40px;
	background:#199849;
}
.prod_show{
	float: left;
	width: 100%;
	height: auto;
	padding: 20px 0px;
}
.prod_show_ct{
	float: left;
	width: 42%;
}
.prod_show_rg{
	float: right;
	width: 55%;
	height: auto;
}
.prod_show_tl{
	float: left;
	width: 100%;
	height: auto;
	font-family: "微软雅黑";
	font-size: 2em;
	background: #f5f5f5;
	line-height: 24px;
	padding: 12px;
	
}
.prod_show_text{
	float: left;
	width: 100%;
	height: auto;
	line-height: 28px;
	font-size: 12px;
	color: #999;
	padding-top: 16px;
}
.xyg{
	float: left;
	width: 100%;
	height: 28px;
	padding-top: 120px;
}
.xyg img{
	padding-right:6px;
}
.products_add{
	float:left;
	width:100%;
	height:30px;
	margin:0px auto;
	font-weight:bold;
	line-height:30px;
	color:#199849;
	font-size:1.4em;
}
.products_ab{
	float:left;
	width:100%;
	height: auto;
	line-height:1.2em;
	padding:16px 0px;
}

.product_cc{
	width:100%;
	max-width:1000px;
	height: auto;
	margin:0px auto;
	padding-top:20px;
}
.product_cc ul{
	width:100%;
	max-width:1000px;
	height: auto;
	margin:0px auto;
}
.product_cc ul li{
	float:left;
	width:19%;
	height: 30px;
	margin-right:1%;
	text-align:center;
	background: #dddddd;
	line-height:30px;
}
.product_cc ul li{
	float:left;
	width:19%;
	height: 30px;
	margin-right:1%;
	text-align:center;
	line-height:30px;
	margin-bottom:5px;
}
.product_cc ul li a{
	float:left;
	width:100%;
	height:30px;
	background:#dddddd;
	line-height:30px;
}
.product_cc ul li a:hover{
	float:left;
	width:100%;
	height:30px;
	color:#ffea00;
	line-height:30px;
	background:#199849;
}
.friend a{
	color: #fff;
	padding: 10px;
}
body{
	position: relative;
	background: #EFF2F4;
	font: normal 13px "宋体" !important;
}
body,div,ul,li,p,a,img{
	padding: 0;
	margin: 0;
}
/*右侧悬浮菜单*/
.slide{
	width: 50px;
	height: 150px;
	position: fixed;
	top: 70%;
	margin-top: -126px;
	background: #3a3a3a;
	right: 0;
	border-radius: 5px 0 0 5px;
	z-index: 999;
}
.slide ul{
	list-style: none;
}
.slide .icon li{
	width: 49px;
	height: 50px;
	background: url(../images/icon.png) no-repeat;
}
.slide .icon .up{
	background-position:-330px -120px ;
}
.slide .icon li.qq{
	background-position:-385px -73px ;
}
.slide .icon li.tel{
	background-position:-385px -160px ;
}
.slide .icon li.wx{
	margin-top: 50px;
	background-position:-385px -120px ;
}
.slide .icon li.down{
	background-position:-330px -160px ;
}
.slide .info{
	top: 50%;
	height: 147px;
	position: absolute;
	right: 100%;
	background: #3a3a3a;
	width: 0px;
	overflow: hidden;
	margin-top: -73.5px;
	transition:0.5s;
	border-radius:4px 0 0 4px ;
}
.slide .info.hover{
	width: 145px;

}
.slide .info li{
	width: 145px;
	color: #CCCCCC;
	text-align: center;
}
.slide .info li p{
	font-size: 1.1em;
	line-height: 2em;
	padding: 15px;
	text-align: left;
}
.slide .info li.qq p a{
	display: block;
	margin-top: 12px;
	width: 100px;
	height: 32px;
	line-height: 32px;
	color: #00DFB9;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	border: 1px solid #00DFB9;
	border-radius: 5px;
}
.slide .info li.qq p a:hover{
	color: #FFFFFF;
	border: none;
	background: #00E0DB;
}
.slide .info li div.img{
	height: 100%;
	background: #DEFFF9;
	margin: 15px;
}
.slide .info li div.img img{
	width: 100%;
	height: 100%;
}
/*控制菜单的按钮*/
.index_cy{
	width: 30px;
	height: 30px;
	background: url(../images/index_cy.png);
	position: fixed;
	right: 0;
	top: 55%;
	margin-top: 140px;
	background-position: 62px 0;
	cursor: pointer;
}
.index_cy2{
	width: 30px;
	height: 30px;
	background: url(../images/index_cy.png);
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: 140px;
	background-position: 30px 0;
	cursor: pointer;
}

/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) {
	.slide{
		display: none;
	}
	#btn{
		display: none;
	}

}



@media screen and (min-width:500px) and (max-width:800px)
{
.top{
	width:100%;
	max-width:1000px;
	height: auto;
	margin:0px auto;
}
.logo{
	float:left;
	width:90%;
	margin:10% 5% 5% 5%;
}
.top_rg{
	float: left;
	width:90%;
	margin:5%;
}
.top_rg{
	display:none;
}
.nav{
	width:100%;
	height: auto;
	background:#1a984a;
}
.nav ul{
	width:100%;
	height: auto;
	margin:0px auto;
}
.nav ul li{
	float:left;
	width:33.3%;
	height:50px;
	line-height:50px;
	font-size:1.2em;
	text-align:center;
	background:url(../images/line.png) no-repeat right;
}
.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: auto;
			float: left;
			background:  no-repeat center center;
		}
.product_w{
	width:98%;
	max-width:1000px;
	margin:0px auto;
	padding:0px 1%;
}
.product_ct ul li{
	float:left;
	width:48%;
	height:200px;
	padding:1%;
	margin-bottom:0px;
}

.product_ct ul li:nth-child(1){width:100%;height:380px; }
.new_lf{
	float:left;
	width:96%;
	padding:0px 2%;
}
.new_rg{
	float: left;
	width:96%;
	padding:0px 2%;
}
.case_ct_w ul li{
	float:left;
	width:94%;
	background: url(../images/case_b.png);
	border:1px solid #fff;
	padding:1%;
	margin:2%;
}
.c_new ul li{
	float:left;
	width:90%;
	margin:0px 2%;
	height:48px;
	line-height:48px;
	padding-left:6%;
	background:url(../images/dot.jpg) no-repeat left;
	border-bottom:1px dashed #d4d4d4;
}
.c_product ul li{
	float:left;
	width:96%;
	margin:2%;
}
.prod_show_ct{
	float: left;
	width: 100%;
}
.prod_show_rg{
	float: left;
	width: 100%;
	height: auto;
}
.xyg{
	display:none;
}
.c_cont{
	float: left;
	width: 100%;
	background:url(../images/dz.jpg) no-repeat;
	
}
.c_cont{
	float: left;
	width: 100%;
	background:url(../images/dz.jpg) no-repeat;
	
}
.map{
	float: left;
	width: 100%;
	border:1px solid #cdcdcd;
	overflow:hidden;
}
.cact{
	height: auto;
}
}
@media screen and (min-width:200px) and (max-width:600px)
{
	.top{
	width:100%;
	max-width:1000px;
	height: auto;
	margin:0px auto;
}
.logo{
	float:left;
	width:90%;
	margin:10% 5% 5% 5%;
}
.top_rg{
	float: left;
	width:90%;
	margin:5%;
}
.top_rg{
	display:none;
}
.nav{
	width:100%;
	height: auto;
	background:#1a984a;
}
.nav ul{
	width:100%;
	height: auto;
	margin:0px auto;
}
.nav ul li{
	float:left;
	width:33.3%;
	height:50px;
	line-height:50px;
	font-size:1.2em;
	text-align:center;
	background:url(../images/line.png) no-repeat right;
}
.banner ul li{
			/*这个100%是相对于父盒子的（会把父盒子的宽度继承过来,如父盒子300%,这这里的100%就会相当于300%）*/
			width: 100%;
			height: auto;
			float: left;
			background:  no-repeat center center;
		}
		
.product_ct ul li{
	float:left;
	width:48%;
	height:200px;
	padding:1%;
	margin-bottom:0px;
}

.product_ct ul li:nth-child(1){width:100%;height:380px; }
.product_w{
	width:98%;
	max-width:1000px;
	margin:0px auto;
	padding:0px 1%;
}
.new_lf{
	float:left;
	width:96%;
	padding:0px 2%;
}
.new_rg{
	float: left;
	width:96%;
	padding:0px 2%;
}
.case_ct_w ul li{
	float:left;
	width:94%;
	background: url(../images/case_b.png);
	border:1px solid #fff;
	padding:1%;
	margin:2%;
}
.c_new ul li{
	float:left;
	width:90%;
	margin:0px 2%;
	height:48px;
	line-height:48px;
	padding-left:6%;
	background:url(../images/dot.jpg) no-repeat left;
	border-bottom:1px dashed #d4d4d4;
}
.c_product ul li{
	float:left;
	width:96%;
	margin:2%;
}
.prod_show_ct{
	float: left;
	width: 100%;
}
.prod_show_rg{
	float: left;
	width: 100%;
	height: auto;
}
.xyg{
	display:none;
}
.c_cont{
	float: left;
	width: 100%;
	background:url(../images/dz.jpg) no-repeat;
	
}
.map{
	float: left;
	width: 100%;
	border:1px solid #cdcdcd;
	overflow:hidden;
}
.cact{
	height: auto;
}
}