﻿.hm_banner{
	width:100%;
	height:475px;
	position:relative;
	overflow:hidden;
	cursor:pointer;	
}
.hm_banner .pics li{
	width:100%;
	height:475px;
	background-repeat:no-repeat;
	background-position:top center;	
}
.hm_banner .pics a{
	display:block;
	width:100%;
	height:475px;	
}
.hm_banner .btns{
	width:100%;
	height:12px;
	position:absolute;
	left:0;
	bottom:0;
	z-index:60;	
	font-size:1px;
}
.hm_banner .btn_wrap{
	width:999px;
	height:12px;
	margin:0 auto;	
	font-size:1px;
}
.hm_banner .btns span{
	display:inline-block;
	width:333px;
	height:12px;
	float:left;
	background:#2d3c74;	
}
.hm_banner .btns .hover{
	background:#d12127;	
}

.hm_pro{
	padding:70px 0 80px 0;	
}
.photo1{ width:244px; height:188px;}
.hm_pro .head{
	height:140px;
	text-align:center;	
}
.hm_pro .title{
	height:40px;
	line-height:40px;
	font-size:28px;
	color:#323232;
	background:url("../images/hm_head.png") no-repeat center center;	
}
.hm_pro .en{
	height:22px;
	line-height:22px;
	color:#aaa;	
	text-transform:uppercase;
	font-size:12px;
	font-family:"arial";
}
.hm_pro .tip{
	height:28px;
	line-height:28px;
	font-size:18px;
	color:#646464;	
}
.hmpro_slide{
	width:998px;
	height:376px;
	margin:0 auto;
	position:relative;
	overflow:hidden;	
	border:2px solid #dcdcdc;	
}
.hmpro_slide .s_wrap{
	width:1000px;
	height:376px;
	position:relative;	
	overflow:hidden;			
}
.hmpro_slide li{
	width:248px;
	height:376px;
	border-left:2px solid #dcdcdc;	
	border-right:2px solid #dcdcdc;
	float:left;
	margin-left:-2px;
}
.hmpro_item{
	width:248px;
	height:376px;	
	display:block;
	position:relative;
}
.hmpro_item .photo{
	display:block;
	width:248px;
	height:188px;	
}
.hmpro_item .it1{
	width:234px;
	margin:0 auto;
	border-top:2px dotted #dedede;	
}
.hmpro_item .it1 dt{
	height:52px;
	line-height:52px;
	font-size:18px;
	color:#000;
	text-align:center;	
}
.hmpro_item .it1 dd{
	line-height:18px;
	color:#787878;
	height:54px; overflow:hidden; display:block;
}
.hmpro_item .more{
	display:inline-block;
	width:100px;
	height:34px;
	line-height:34px;
	text-align:center;
	font-size:14px;
	color:#000;
	background:url("../images/hmpro_more.png") no-repeat center center;	
	position:absolute;
	left:74px;
	bottom:36px;
	z-index:20;
}
.hmpro_item:hover .more{
	color:#fff;	
}
.hmpro_item .photo2{
	display:block;
	width:248px;
	height:376px;
	position:absolute;
	left:0;
	top:0;
	z-index:10;	
	display:none;
}
.hmpro_item:hover .photo2{
	display:block;	
}
.hmpro_item .gray{
	width:248px;
	height:376px;
	position:absolute;
	left:0;
	top:0;
	z-index:11;
	background:url("../images/gray50.png");	
	display:none;
}
.hmpro_item:hover .gray{
	display:block;		
}
.hmpro_item .it2{
	width:234px;
	color:#fff;
	position:absolute;
	left:7px;
	top:46px;
	z-index:12;	
	line-height:22px;
	display:none;
}
.hmpro_item:hover .it2{
	display:block;	
}
.hmpro_item .it2 dt{
	height:56px;
	line-height:56px;
	text-align:center;
	border-bottom:2px dotted #fff;
	font-size:18px;	
}
.hmpro_item .xh{
	width:248px;
	height:36px;
	line-height:36px;
	color:#9f9e9e;	
	text-align:center;
	position:absolute;
	left:0;
	bottom:0;
	z-index:12;
	display:none;
}
.hmpro_item:hover .xh{
	display:block;	
}

.hm_advant{
	background:#f0f0f0;	
	height:670px;
	overflow:hidden;	
}
.hm_advant .head{
	height:106px;
	line-height:106px;
	text-align:center;
	font-size:28px;
	color:#aaa;	
	background:url("../images/hmadv_head.png") no-repeat center center;
}
.hm_advant .head span{
	color:#4b62b9;
	padding:0 20px;	
}
.hm_advant .head em{
	padding:0 20px;	
}

.hmadv_slide{
	width:1000px;
	height:400px;
	margin:0 auto;
	position:relative;	
	background:#4a62b8;
	color:#fff;
}
.hmadv_slide .s_wrap{
	width:1000px;
	height:400px;
	float:left;
	position:relative;
	overflow:hidden;	
}
.hmadv_slide li{
	width:1000px;
	height:400px;
	float:left;	
}
.hmadv_slide .intro{
	width:435px;
	float:left;
	margin:38px 0 0 49px;
	color:#fff;	
}
.hmadv_slide .num{
	display:inline-block;
	width:66px;
	height:52px;
	line-height:52px;
	float:left;
	font-size:55px;
	text-align:center;	
}
.hmadv_slide dt{
	height:30px;
	line-height:30px;
	font-size:20px;	
}
.hmadv_slide dd{
	height:22px;
	line-height:22px;
	font-size:14px;
	text-transform:uppercase;	
}
.hmadv_slide .cnt{
	padding-top:5px;
	line-height:24px;
	border-top:1px dashed #fff;	
	margin-top:18px;
}
.hmadv_slide .photo{
	float:right;
	display:block;
	width:500px;
	height:400px;	
}
.hmadv_slide .c_btn{
	width:24px;
	height:400px;
	position:absolute;
	top:0;
	cursor:pointer;	
}
.hmadv_slide .pre{
	left:-40px;
	background:url("../images/hmadv_pre.png") no-repeat center center;	
}
.hmadv_slide .next{
	right:-40px;
	background:url("../images/hmadv_next.png") no-repeat center center;	
}
.hmadv_slide .page_ctrl{
	text-align:center;	
}
.hmadv_ctrl{
	width:840px;
	height:190px;
	background:#fff;
	position:relative;
	overflow:hidden;
	margin:0 auto;
	top:-80px;
	z-index:20;	
}
.hmadv_ctrl .btn{
	width:190px;
	height:180px;
	padding:10px 10px 0 10px;	
	float:left;
	border-left:1px dashed #d9d9d9;
	margin-left:-1px;
	cursor:pointer;
}
.hmadv_ctrl img{
	display:block;
	width:190px;
	height:117px;	
}
.hmadv_ctrl .name{
	height:52px;
	line-height:52px;
	text-align:center;
	color:#000;
	background:url("../images/hmadv_name.png") no-repeat right center;	
}
.hmadv_ctrl .hover .name{
	background-image:url("../images/hmadv_nameh.png");	
}

.hm_cust{
	padding:54px 0 50px 0;	
}
.hm_cust .head{
	width:840px;
	margin:0 auto;
	position:relative;	
	text-align:center;
}
.hm_cust .more{
	position:absolute;
	right:0;
	top:13px;	
}
.hm_cust .title{
	height:40px;
	line-height:40px;
	font-size:28px;
	color:#323232;
	background:url("../images/hm_head.png") no-repeat center center;
}
.hm_cust .en{
	height:20px;
	line-height:20px;
	text-align:center;
	font-size:12px;
	text-transform:uppercase;
	color:#aaa;	
}
.hmcust_slide{
	width:840px;
	height:315px;
	margin:20px auto 0 auto;
	position:relative;
	overflow:hidden;	
}
.hmcust_slide .s_wrap{
	width:876px;
	height:315px;
	position:relative;
	overflow:hidden;		
}
.hmcust_slide li{
	width:256px;
	height:311px;
	float:left;
	margin-right:36px;
	_display:inline;
	background:#f5f5f5;	
	position:relative;
	border-bottom:4px solid #dcdcdc;
}
.hmcust_slide .photo{
	display:block;
	width:256px;
	height:132px;	
}
.hmcust_slide .photo img{
	display:block;
	width:256px;
	height:132px;		
}
.hmcust_slide dl{
	width:230px;
	margin:0 auto;	
}
.hmcust_slide dt{
	height:46px;
	line-height:46px;
	border-bottom:1px solid #e3e3e3;	
	text-align:center;
	margin-bottom:4px;
}
.hmcust_slide .name{
	display:inline-block;
	max-width:220px;
	_width:220px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.hmcust_slide dd{
	line-height:24px;
	font-size:12px;
	color:#787878;	
}
.hmcust_slide .read{
	color:#000;
	position:absolute;
	right:8px;
	bottom:5px;	
}

.hm_fri{
	height:214px;
	background:url("../images/hmfri_bg.jpg") no-repeat top center;	
	margin-top:56px;
}
.hm_fri .tit2{
	height:50px;
	line-height:50px;
	text-align:center;
	color:#666;
	margin-bottom:16px;	
}
.hmfri_slide{
	width:910px;
	height:114px;
	margin:0 auto;
	position:relative;	
}
.hmfri_slide .s_wrap2{
	width:910px;
	height:114px;	
	position:relative;	
	overflow:hidden;
}
.hmfri_slide li{
	width:170px;
	height:114px;
	float:left;
	margin:0 6px;
	background:url("../images/hmfri_item.jpg") no-repeat top center;	
	text-align:center;
}
.hmfri_slide img{
	display:block;
	width:168px;
	height:72px;
	margin:1px;	
}
.hmfri_slide li span{
	display:inline-block;
	height:40px;
	line-height:40px;
	font-size:12px;
	color:#646464;
	display:inline-block;
	max-width:155px;
	_width:155px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.hmfri_slide li:hover span{
	color:#2d3c74;	
}
.hmfri_slide .c_btn{
	height:74px;
	width:20px;
	position:absolute;
	top:0;
	z-index:999;
	cursor:pointer;	
}
.hmfri_slide .pre{
	left:-20px;
	background:url("../images/hmfri_pre.png") no-repeat center center;	
}
.hmfri_slide .next{
	right:-20px;
	background:url("../images/hmfri_next.png") no-repeat center center;	
}

.hm_fac{
	background:#f0f0f0;	
	padding-bottom:35px;
}
.hm_fac .head{
	padding:10px 0;
	text-align:center;	
}
.hm_fac .title{
	height:40px;
	line-height:40px;
	font-size:28px;
	color:#323232;
	background:url("../images/hm_head.png") no-repeat center center;	
}
.hm_fac .en{
	height:20px;
	line-height:20px;
	font-size:12px;
	color:#aaa;	
	text-transform:uppercase;
}

.hmfac_wrap{
	width:1002px;
	position:relative;
	overflow:hidden;	
	margin:0 auto;
}
.hmfac_list{
	width:1008px;	
}
.hmfac_item{
	display:inline-block;
	width:330px;
	height:260px;
	float:left;
	margin:14px 6px 0 0;
	text-align:center;
	background:#404040;	
	color:#fff;
}
.hmfac_item img{
	display:block;
	width:330px;
	height:230px;	
}
.hmfac_item:hover{	
	color:#fff;
	background:#ffc300;	
}
.hmfac_item span{
	display:inline-block;
	height:30px;
	line-height:30px;	
	max-width:310px;
	_width:310px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}

.hm_bt{
	width:1000px;
	margin:0 auto;
	padding:42px 0 70px 0;	
}
.hm_act{
	width:480px;	
}
.hmb_head{
	height:40px;
	line-height:40px;
	border-bottom:1px solid #2d3c74;	
	clear:both;
	margin-bottom:12px;
}
.hmb_head span{
	float:left;
	font-size:18px;
	color:#2d3c74;
	display:inline-block;
	padding-right:15px;	
}
.hmb_head em{
	float:left;
	font-size:12px;
	color:#aaa;
	text-transform:uppercase;	
}
.hmb_head .more{
	float:right;	
	font-size:14px;
	display:inline-block;
	padding-left:13px;
	background:url("../images/hm_more.png") no-repeat left center;
}
.hm_act .name{
	height:34px;
	line-height:34px;
	font-size:16px;	
}
.hm_act .name a{
	display:inline-block;
	max-width:480px;
	_width:480px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.hm_act .intro{
	padding-bottom:8px;	
}
.hm_act .photo{
	float:left;
	display:block;
	width:290px;
	height:146px;	
}
.hm_act .photo img{
	display:block;
	width:290px;
	height:146px;		
}
.hm_act dl{
	width:165px;
	float:right;	
}
.hm_act dt{
	line-height:24px;
	color:#787878;
	height:96px; overflow:hidden;
}
.hm_act dd{
	line-height:42px;
	text-align:right;
	font-size:12px;
	color:#787878;	
}
.hm_act li{
	height:42px;
	line-height:42px;
	clear:both;
	vertical-align:top;
	color:#787878;	
}
.hm_act li a{
	float:left;
	display:inline-block;
	max-width:380px;
	_width:380px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#787878;	
}
.hm_act li a:hover{
	color:#ffc300;	
}
.hm_act li span{
	float:right;
	font-size:12px;	
}

.hm_news{
	width:480px;	
}
.hmnews_slide{
	height:429px;
	position:relative;
	overflow:hidden;	
}
.hmnews_slide li{
	height:143px;	
}
.hmnews_slide .photo{
	float:left;
	display:block;
	width:130px;
	height:95px;
	margin-top:8px;	
}
.hmnews_slide .photo img{
	display:block;
	width:130px;
	height:95px;	
}
.hmnews_slide dl{
	width:335px;
	float:right;	
}
.hmnews_slide dt{
	height:36px;
	line-height:36px;
	font-size:16px;	
}
.hmnews_slide .name{
	display:inline-block;
	max-width:325px;
	_width:325px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;	
}
.hmnews_slide dd{
	line-height:24px;
	color:#787878;
	height:48px;
	overflow:hidden;	
}
.hmnews_slide .time{
	height:24px;
	text-align:right;
	font-size:12px;	
}