/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{		
	min-width:1200px;
	margin:0 auto;
	font-size:14px;	
	font-family:"Microsoft Yahei";
	background:#f2f2f2;
	text-align:justify;	
	color:#444;
}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;

}
a{
	cursor:pointer;
	color:#444;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#a2cd22;	
}
ul{
	list-style-type:none;	
}
em{
	font-style:normal;	
}
.lt{
	float:left;	
}
.rt{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
.line5{
	font-size:1px;height:5px;width:100%;clear:both;	
}
.line10{
	font-size:1px;height:10px;width:100%;clear:both;	
}
.line20{
	font-size:1px;height:20px;width:100%;clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

.main{
	width:1200px;
	margin:0 auto;
	background:#fff url("../images/main_bg.png") repeat-y left top;
	position: relative;
}
.aside{
	width:199px;
	float:left;
}
.as_nav{
	width:199px;
	height:532px;
	background:url("../images/asnav_bg.png") no-repeat left top;
	position: fixed;	
	top:0;
}
.as_nav .tp{
	height:90px;
	padding-top:25px;
}
.as_nav .logo{
	display: block;
	margin:0 0 0 25px;
}
.as_nav ul{
	padding-left:16px;
}
.as_nav li{
	height:42px;
	padding-bottom:5px;
	vertical-align:top;
	font-weight:bold;
}
.as_nav li a{
	display: block;
	height:42px;
	line-height:42px;
	width:153px;
	padding-left:16px;	
	color:#999;
}
.as_nav li a:hover,.as_nav li a.hover{
	color:#a2cd22;
	background:url("../images/as_nav.png") no-repeat left bottom;
}
.as_nav li span{
	font-size:12px;
}
.as_nav li em{
	color:#555;
}
.as_nav li a:hover em,.as_nav li a.hover em{
	color:#a2cd22;
}
.as_bt{
	width:199px;
	position: fixed;	
	bottom:0;
	padding-bottom:20px;
}
.as_bt .talk{
	display: block;
	width:94px;
	padding-left:56px;
	height:34px;
	line-height:34px;
	color:#fff;
	font-size:16px;
	background:url("../images/as_talk.png") no-repeat left center;
}
.as_bt .da{
	display: block;
	width:199px;
	height:130px;
}
.as_tel{
	width:130px;
	height:30px;
	line-height:30px;
	background:#f1f1f1 url("../images/as_tel.png") no-repeat 15px center;
	border-radius:15px;
	margin:0 auto 17px auto;
	padding-left:40px;
	color:#555;
	font-weight:bold;
}
.as_ot{
	text-align: center;
	position: relative;
	z-index:10;
}
.as_ot a{
	display:inline-block;
	width:34px;
	height:34px;
	margin:0 3px;
}
.as_ot a img{
	display: block;
	width:34px;
	height:34px;
}
.as_ot .wx_code{
	position: absolute;
	left:5px;
	bottom:40px;
	z-index:20;
	width:90px;
	height:105px;
	padding:5px 5px 0 5px;
	background:url("../images/as_code.png") no-repeat left top;
	display: none;
}
.as_ot .wx_code img{
	display: block;
	width:90px;
	height:90px;
	margin:0 auto;

}

.section{
	width:950px;
	float:right;
	margin-right:25px;
	_display:inline;
}

/*公用CSS 结束*/

/*hm 首页*/

.hm_banner{
	width:950px;
	height:400px;
	position: relative;
	overflow: hidden;
	cursor:pointer;
	margin-top:25px;
}
.hm_banner .pics li{
	width:950px;
	height:400px;
}
.hm_banner .pics img{
	display: block;
	width:950px;
	height:400px;
}
.hm_banner .btns{
	height:10px;
	position: absolute;
	left:0;
	bottom:12px;
	width:100%;
	text-align: center;
	font-size:1px;
	z-index:60;
}
.hm_banner .btns span{
	display:inline-block;
	width:10px;
	height:10px;
	font-size:1px;
	margin:0 3px;
	background:#d2d2d2;
	border-radius:100%;
}
.hm_banner .btns .hover{
	background:#fff;
}
.hm_head{
	height:40px;
	line-height:40px;
	clear:both;
	padding-top:15px;
}
.hm_head .tit{
	float:left;
}
.hm_head .more{
	float:right;
	color:#999;
}
.hm_head .more:hover{
	color:#a2cd22;
}

.hm_fw{
	position: relative;
	overflow: hidden;
}
.hm_fw .s_list{
	width:960px;
}

.fw_item{
	width:230px;
	height:150px;
	padding-top:17px;
	float:left;
	margin:20px 10px 0 0;
	color:#747474;
	background:url("../images/fw_bg.jpg") no-repeat left top;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.fw_item:hover{
	color:#fff;
	background-position:left bottom;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.fw_item .tip{
	line-height:25px;
	padding:0 10px 0 10px;
}
.fw_item .tp{
	height:60px;
	line-height:60px;
	padding-left:60px;
	position: relative;
	font-size:24px;
	color:#444;
}
.fw_item:hover .tp{
	color:#fff;
}
.fw_item .ico{
	display: block;
	width:60px;
	height:60px;
	position: absolute;
	left:0;
	top:0;
	overflow: hidden;
}
.fw_item .ico img{
	display: block;
	width:60px;
	height:120px;
	position: absolute;
	left:0;
	top:0;
}
.fw_item:hover .ico img{
	top:-60px;
}

.hm_fw .fw_item{
	margin-top:0;	
}

.hm_works{
	position: relative;
	overflow: hidden;
}
.hm_works .s_list{
	width:960px;
}

.work_item{
	display: block;
	float:left;
	margin:0 10px 20px 0;
	width:230px;
	height:203px;
	background:#f6f5f5;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
}
.work_item .photo{
	display: block;
	width:230px;
	height:163px;
	position: relative;
	overflow: hidden;
}
.work_item .photo img{
	display:block;
	width:100%;
	height:100%;
	object-fit:cover;
}
.work_item .view{
	width:230px;
	height:100px;
	padding-top:63px;
	position: absolute;
	left:0;
	top:0;
	z-index:10;
	background:url("../images/view_bg.png");
	text-align: center;
	opacity:0;	
}
.work_item:hover .view{
	opacity:1;
	transition: all 0.2s ;
	-webkit-transition: all 0.2s ;
	-ms-transition: all 0.2s ;
	-o-transition: all 0.2s ;
	-moz-transition: all 0.2s ;
	display: block;
}
.work_item .view span{
	color:#fff;
	display:inline-block;
	height:32px;
	width:32px;
	line-height:32px;
	padding-top:25px;
	background:url("../images/work_view.png") no-repeat top center;
}
.work_item .tag{
	display:inline-block;
	height:24px;
	width:70px;
	line-height:24px;
	text-align: center;
	border-radius:12px;
	background:#b3d54c;
	color:#fff;
	float:left;
	margin:7px 0 0 7px;
}
.work_item .name{
	float:left;
	display:inline-block;
	max-width:130px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	margin-left:10px;
	line-height:36px;
}
.copy{
	height:74px;
	line-height:74px;
	width:950px;
	clear:both;
	border-top:1px solid #e5e5e5;	
	color:#555;
	font-size:12px;
	z-index:20;
	background:#fff;
	margin-top:20px;
	position: relative;
}
.copy .tel_code{
	position: absolute;
	right:-28px;
	bottom:53px;
	z-index:20;
	width:90px;
	height:105px;
	padding:5px 5px 0 5px;
	background:url("../images/as_code.png") no-repeat left top;
	display: none;
}
.copy .tel_code img{
	display: block;
	width:90px;
	height:90px;
	margin:0 auto;

}
.copy a{
	float:left;
	margin-left:20px;
}
.copy_tela{
	padding-left:12px;
	background:url("../images/copy_tela.png") no-repeat left center;
}
.copy_zw{
	height:74px;
	clear:both;
	display: none;	
}

/*hm 首页*/

/*cp 版权说明*/

.se_title{
	height:44px;
	line-height:44px;
	border-bottom:1px solid #e5e5e5;
	font-size:18px;
	color:#999;
	text-transform: uppercase;
	padding-top:15px;
}
.se_title em{
	font-size:12px;
}
.se_title span{
	color:#555;
}

.copy_cnt{
	line-height:25px;
	padding:20px 0;
	color:#555;
}
.copy_cnt p{
	text-indent:2em;
}

/*cp 版权说明*/

/*service 服务*/

.ser_wp{
	width:950px;
	position: relative;
	overflow: hidden;
}
.ser_wp .s_list{
	width:960px;
}
.flow_wp{
	margin-top:17px;
	height:80px;
	width:950px;
	position: relative;
	overflow: hidden;
}
.flow_wp .s_list{
	width:1200px;
	position: relative;
	z-index:10;
}
.flow_wp .item{
	width:80px;
	height:72px;
	padding-top:8px;
	float:left;
	margin-right:137.5px;
	text-align: center;
	background:#faf9f9;
	border-radius:100%;
	line-height:24px;
}
.flow_wp .item:hover{
	color:#fff;
	background:#a9d32b;
}
.flow_wp .ico{
	display: block;
	width:40px;
	height:40px;
	margin:0 auto;
	position: relative;
	overflow: hidden;	
}
.flow_wp .ico img{
	display: block;
	width:40px;
	height:80px;
	position: absolute;
	left:0;
	top:0;
}
.flow_wp .item:hover .ico img{
	top:-40px;
}
.flow_wp .line{
	height:4px;
	font-size:1px;
	width:100%;
	position: absolute;
	left:0;
	top:38px;
	background:#faf9f9;
}

/*service 服务*/

/*works 作品集*/

.page{
	text-align:right;
	font-size:12px;
	margin-right:12px;
}
.page .num{
	width:40px;
	margin:0 3px;	
	text-align: center;
}
.page .go{
	background:#e1e1e1;
	height:30px;
	border:1px solid #adadad;
	padding:0 3px;
}

.work_cla{
	padding-bottom:21px;
}
.work_cla a{
	float:left;
	display:inline-block;
	height:24px;
	line-height:24px;
	padding:0 13px;
	margin:11px 11px 0 0;
	border:1px solid #fff;
	border-radius:3px;
}
.work_cla a.hover,.work_cla a:hover{
	color:#a2cd22;
	border-color:#a2cd22;
}

.now_pos{
	height:50px;
	line-height:50px;	
}
.det_cnt img{
	display: block;
	width:100%;
	height:auto;
}

/*works 作品集*/
.det_content img{
	display:block;
	width:100%;
	height:auto;	
}