#abouts{ height:352px;}
#donws{ height:262px;}
.hm_banner {
	height: 450px; overflow: hidden; position: relative; cursor: pointer;
}
.hm_banner .pics li {
	background-position: top; width: 100%; height: 450px; background-repeat: no-repeat;
}
.hm_banner .pics a {
	width: 100%; height: 450px; display: block;
}
.hm_banner .btns {
	left: 0px; width: 100%; height: 13px; text-align: center; bottom: 15px; font-size: 1px; position: absolute; z-index: 60;
}
.hm_banner .btns span {
	background: url("../images/hm_btn.png") no-repeat; margin: 0px 5px; width: 13px; height: 13px; display: inline-block;
}
.hm_banner .btns .hover {
	background: url("../images/hm_btnh.png") no-repeat;
}
.hm_banner .banner_mof {
	left: 0px; top: 0px; width: 100%; position: absolute; z-index: 60;
}
.hm_banner .banner_mof .wrapin {
	position: relative;
}
.hm_banner .c_btn {
	background-position: left top; top: 202px; width: 28px; height: 46px; display: block; position: absolute; background-repeat: no-repeat;
}
.hm_banner .c_btn:hover {
	background-position: left bottom;
}
.hm_banner .pre {
	left: 0px; background-image: url("../images/banner_pre.png");
}
.hm_banner .next {
	right: 0px; background-image: url("../images/banner_next.png");
}
.main .wrapin2 {
	padding-top: 17px;
}
.hm_left {
	width: 628px; overflow: hidden; float: left; position: relative;
}
.hm_news {
	height: 450px;
}
.hm_news .news_handle {
	height: 42px; margin-bottom: 40px; border-bottom-color: rgb(177, 177, 177); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.hm_news .news_handle a {
	background: url("../images/cm_more.png") no-repeat center; width: 12px; height: 40px; float: right; display: block;
}
.hm_news .handle_in {
	left: 0px; top: 0px; height: 49px; position: absolute;
}
.hm_news .handle_in span {
	width: 94px; height: 42px; text-align: center; color: rgb(76, 73, 72); line-height: 42px; padding-bottom: 7px; font-size: 15px; float: left; display: inline-block; cursor: pointer;
}
.hm_news .handle_in .hover {
	background: url("../images/news_handle.png") no-repeat bottom; color: rgb(201, 10, 79);
}
.hm_news .news_con {
	display: none;
}
.hm_news .show {
	display: block;
}
.hm_news .news_photo {
	height: 187px;
}
.hm_news .photo {
	width: 259px; height: 178px; float: left; display: block;
}
.hm_news .photo img {
	width: 259px; height: 178px; display: block;
}
.hm_news .txt {
	width: 352px; float: right;
}
.hm_news .txt dt {
	height: 24px; line-height: 24px; font-size: 16px;
}
.hm_news .txt dt a {
	color: rgb(201, 10, 79); overflow: hidden; font-size: 16px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 345px; _width: 345px;
}
.hm_news .txt dd {
	background: url("../images/time_ico.png") no-repeat left; height: 52px; color: rgb(153, 153, 153); line-height: 52px; padding-left: 22px; font-size: 12px;
}
.hm_news .txt p {
	line-height: 24px; font-size: 12px;
}
.hm_news .news_txt {
	padding: 21px 0px; border-bottom-color: rgb(177, 177, 177); border-bottom-width: 1px; border-bottom-style: solid;
}
.hm_news .news_txt li {
	height: 27px; line-height: 27px; clear: both; font-size: 12px; vertical-align: top;
}
.hm_news .news_txt li:hover {
	color: rgb(201, 10, 79);
}
.hm_news .news_txt a {
	overflow: hidden; float: left; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 530px; _width: 530px;
}
.hm_news .news_txt li:hover a {
	color: rgb(201, 10, 79);
}
.hm_news .news_txt span {
	float: right;
}
.hm_about {
	height: 294px; position: relative;
}
.hm_head {
	height: 42px; line-height: 42px; border-bottom-color: rgb(177, 177, 177); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.hm_head span {
	background: url("../images/ics.png") no-repeat left; height: 42px; color: rgb(201, 10, 79); line-height: 42px; padding-left: 28px; font-size: 15px; border-bottom-color: rgb(201, 10, 79); border-bottom-width: 1px; border-bottom-style: solid; float: left; display: inline-block;
}
.hm_head .more {
	background: url("../images/cm_more.png") no-repeat center; width: 12px; height: 42px; float: right; display: inline-block;
}
.hm_about .photo {
	margin-top: 28px; float: left;
}
.hm_about .photo img {
	width: 259px; height: 178px; display: block;
}
.hm_about .txt {
	width: 350px; line-height: 24px; text-indent: 2em; font-size: 12px; margin-top: 28px; float: right;
}
.hm_about .about_links {
	left: 0px; width: 628px; height: 30px; bottom: 0px; font-size: 12px; position: absolute;
}
.hm_about .about_links a {
	background-position: 30px top; width: 93px; height: 30px; color: rgb(255, 255, 255); line-height: 30px; padding-left: 63px; margin-right: 1px; float: left; display: inline-block; background-repeat: no-repeat; background-color: rgb(0, 78, 161);
}
.hm_about .about_links a:hover {
	background-position: 30px bottom; color: rgb(255, 255, 255); background-color: rgb(201, 10, 79);
}
.hm_about .a1 {
	background-image: url("../images/hm_about1.png");
}
.hm_about .a2 {
	background-image: url("../images/hm_about2.png");
}
.hm_about .a3 {
	background-image: url("../images/hm_about3.png");
}
.hm_about .a4 {
	background-image: url("../images/hm_about4.png");
}
.hm_line {
	background: url("../images/hm_line.gif") repeat-y top; width: 46px; height: 733px; margin-top: 11px; float: left;
}
.hm_right {
	width: 425px; float: right;
}
.hm_public {
	height: 246px;
}
.public_slide {
	width: 425px; height: 177px; overflow: hidden; position: relative;
}
.public_slide li {
	width: 425px; height: 177px; float: left;
}
.public_slide dt {
	height: 24px; line-height: 24px; padding-top: 35px; font-size: 16px;
}
.public_slide dt a {
	color: rgb(201, 10, 79); overflow: hidden; font-size: 16px; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 420px; _width: 420px;
}
.public_slide dd {
	background: url("../images/time_ico.png") no-repeat left; height: 52px; color: rgb(153, 153, 153); line-height: 52px; padding-left: 22px; font-size: 12px;
}
.public_slide p {
	line-height: 24px; font-size: 12px;
}
.public_ctrl {
	width: 37px; height: 18px;
}
.public_ctrl .c_btn {
	background-position: 0px 0px; width: 18px; height: 18px; overflow: hidden; display: inline-block; cursor: pointer; background-repeat: no-repeat;
}
.public_ctrl .c_btn:hover {
	background-position: 0px -18px;
}
.public_ctrl .pre {
	float: left; background-image: url("../images/public_pre.png");
}
.public_ctrl .next {
	float: right; background-image: url("../images/public_next.png");
}
.hm_ser {
	height: 202px;
}
.hm_ser .ser_slide {
	width: 425px; height: 109px; margin-top: 22px; position: relative;
}
.hm_ser .s_outer {
	margin: 0px auto; width: 381px; height: 109px; overflow: hidden; position: relative;
}
.hm_ser .ser_slide li {
	margin: 0px 9px; width: 109px; height: 109px; text-align: center; float: left; _display: inline;
}
.hm_ser .ser_slide a {
	background: url("../images/hm_ser.png") no-repeat 0px 0px; width: 109px; height: 109px; text-align: center; color: rgb(255, 255, 255); overflow: hidden; font-size: 12px; display: block;
}
.hm_ser .ser_slide td {
	width: 109px; height: 109px; text-align: center; line-height: 18px;
}
.hm_ser .ser_slide a:hover {
	background: url("../images/hm_ser.png") no-repeat 0px -109px; color: rgb(255, 255, 255);
}
.hm_ser .c_btn {
	background-position: 0px 0px; top: 50%; width: 16px; height: 26px; overflow: hidden; margin-top: -13px; position: absolute; cursor: pointer; background-repeat: no-repeat;
}
.hm_ser .c_btn:hover {
	background-position: 0px -26px;
}
.hm_ser .pre {
	left: 0px; background-image: url("../images/pre_btn1.png");
}
.hm_ser .next {
	right: 0px; background-image: url("../images/next_btn1.png");
}
.hm_contact {
	background: url("../images/hm_contact.png") no-repeat right 60px; height: 296px; position: relative;
}
.hm_contact ul {
	line-height: 24px; font-size: 12px; margin-top: 28px;
}
.hm_contact .contact_map {
	background: url("../images/hm_contact2.png") no-repeat 160px top rgb(0, 78, 161); left: 0px; width: 425px; height: 30px; text-align: center; bottom: 0px; color: rgb(255, 255, 255); line-height: 30px; font-size: 12px; display: block; position: absolute;
}
.hm_contact .contact_map:hover {
	background: url("../images/hm_contact2.png") no-repeat 160px bottom rgb(201, 10, 79); color: rgb(255, 255, 255);
}
.hm_works {
	margin-top: 10px;
}
.hm_works .hm_head {
	margin-bottom: 27px;
}
.work_slide {
	width: 1100px; height: 177px; position: relative;
}
.work_wrap {
	width: 1100px; height: 177px; overflow: hidden; position: relative;
}
.work_slide .s_outer {
	width: 1115px; overflow: hidden; position: relative;
}
.work_slide li {
	width: 208px; height: 177px; margin-right: 15px; float: left; _display: inline;
}
.work_slide li a {
	width: 208px; height: 177px; display: block; position: relative;
}
.work_slide li img {
	width: 208px; height: 144px; display: block;
}
.work_slide li span {
	background: rgb(231, 231, 231); width: 208px; height: 33px; text-align: center; line-height: 33px; font-size: 12px; display: inline-block;
}
.work_slide li em {
	overflow: hidden; display: inline-block; white-space: nowrap; -ms-text-overflow: ellipsis; max-width: 203px; _width: 203px;
}
.work_slide li a:hover {
	color: rgb(255, 255, 255);
}
.work_slide li a:hover span {
	background: rgb(201, 10, 79);
}
.work_slide .c_btn {
	top: 50%; width: 16px; height: 26px; margin-top: -13px; position: absolute; cursor: pointer;
}
.work_slide .pre {
	background: url("../images/pre_btn1.png") no-repeat 0px 0px; left: -21px;
}
.work_slide .pre:hover {
	background: url("../images/pre_btn1.png") no-repeat 0px -26px;
}
.work_slide .next {
	background: url("../images/next_btn1.png") no-repeat 0px 0px; right: -21px;
}
.work_slide .next:hover {
	background: url("../images/next_btn1.png") no-repeat 0px -26px;
}