body,
dl,
dd,
ul,
ol,
h1,
h2,
h3,
h4,
form,
input,
button,
textarea,
p,
th,
td {
	margin: 0;
	padding: 0;
}

body {
	font: 12px/1.5 '\5FAE\8F6F\96C5\9ED1', arial, 'Hiragino Sans GB';
	color: #333;
	-webkit-text-size-adjust: none;
}

img {
	vertical-align: middle;
	border: none;
}

ul,
ol {
	list-style: none outside none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

button,
input,
select,
textarea {
	font-size: 100%;
	vertical-align: middle;
	outline: none;
	font-family: 'arial';
}

a {
	color: #333;
	text-decoration: none;
	blr: expression(this.onFocus=this.blur());
}

a:focus {
	outline: 0 none;
}

h1,
h2,
h3,
h4 {
	font-size: 100%;
	font-weight: normal;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	-moz-appearance: button;
}

.text,
.btn,
textarea {
	font-family: "\5FAE\8F6F\96C5\9ED1", arial, 'Hiragino Sans GB';
}

.clearfix:after {
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
	display: block;
}

.clearfix {
	*zoom: 1;
}

.btn {
	border: none;
	cursor: pointer;
}

html,
body {
	width: 100%;
	height: 100%
}

.text {
	height: 20px;
	line-height: 20px;
	padding: 0 8px;
	background: #fff;
	border: 1px solid #c5c5c5;
}

em {
	font-style: normal;
}

li {
	list-style: none;
}


/* head */

.head {
	background: #ae0c2a;
	height: 100px;
}

.box {
	width: 1200px;
	margin: 0 auto;
}

h1 {
	float: left;
	padding-top: 28px;
}

.head_right {
	float: right;
	padding-top: 15px;
}

.web {
	display: block;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	text-align: right;
	font-size: 14px;
	color: #fff;
	transition: all 0.5s ease 0s;
}

.web:hover {
	transform: translateX(-10px);
	transition: all 0.5s ease 0s;
}

.nav {
	float: left;
	height: 53px;
	line-height: 53px;
}

.nav li {
	float: left;
	margin-left: 27px;
}

.nav li a {
	font-size: 16px;
	color: #fff;
	display: block;
	height: 53px;
	width: 94px;
	text-align: center;
	transition: all 0.5s ease 0s;
}

.nav li a:hover {
	background: #880019;
	transition: all 0.5s ease 0s;
}

@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0)
	}
}

@-moz-keyframes fadeInUp {
	0% {
		opacity: 0;
		-moz-transform: translateY(20px)
	}
	100% {
		opacity: 1;
		-moz-transform: translateY(0)
	}
}

.search {
	float: right;
	margin: 16px 0 0 56px;
	position: relative;
	height: 37px;
	width: 23px;
	font-size: 14px;
	color: #fff;
}

.search i {
	width: 23px;
	height: 23px;
	display: block;
	float: right;
	background: url(../images/index_img/search.png) left top no-repeat;
	cursor: pointer;
}

.searchbox {
	padding: 10px;
	background: #ae0c2a;
	overflow: hidden;
	position: absolute;
	z-index: 99;
	top: 20px;
	left: -255px;
	opacity: 0;
	visibility: hidden;
}

.searchbox .text {
	width: 220px;
	padding: 9px 0 9px 5px;
	height: 20px;
	line-height: 20px;
	float: left;
	border: none;
	border: 0;
	background: #b33049;
	color: #fff;
	font-size: 14px;
}

.searchbox .btn {
	background: url(../images/index_img/search.png) center center no-repeat;
	width: 33px;
	height: 38px;
	float: left;
	border: none;
}

.search:hover .searchbox {
	opacity: 1;
	visibility: visible;
	top: 37px;
}


/* foot */

.foot {
	background: url(../images/index_img/foo.jpg) center top no-repeat;
	height: 450px;
	overflow: hidden;
	clear: both;
}

.foot_top {
	height: 400px;
}

.map_left {
	float: left;
	width: 600px;
	box-sizing: border-box;
	padding: 60px 0 0 80px;
}

.map_left p {
	height: 37px;
	line-height: 37px;
	color: #fff;
	overflow: hidden;
	font-size: 16px;
	padding-left: 40px;
}

.map_left h3 {
	margin-bottom: 8px;
	height: 60px;
	line-height: 60px;
	color: #fff;
	background: url(../images/index_img/footbj.jpg) 40px bottom no-repeat;
	font-size: 20px;
}

.map_left h3 em {
	font-size: 16px;
	color: #c4c4c4;
	margin-left: 6px;
}

.map_right {
	float: right;
	padding-top: 30px;
	width: 501px;
	height: 340px;
	overflow: hidden;
}

.map_right img {
	width: 501px;
	height: 340px;
	overflow: hidden;
}

.foot_bottom {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
	text-align: center;
	color: #fff;
	font-size: 14px;
}

.foot_bottom a {
	color: #fff;
	margin-left: 5px;
}

.foot_bottom a:hover {
	text-decoration: underline;
	transition: all 0.5s ease 0s;
}


/* about */

.title {
	height: 62px;
	line-height: 62px;
	color: #555555;
	border-bottom: 1px solid #e1e1e1;
	margin-bottom: 20px;
}

.title a {
	font-size: 14px;
	color: #555555;
	transition: all 0.5s ease 0s;
}

.title .red,
.title a:hover {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.catalog {
	float: left;
	width: 200px;
}

.catalog h3 {
	background: #bc1332 url(../images/index_img/catabj.jpg) left top no-repeat;
	height: 70px;
	line-height: 70px;
	font-weight: bold;
	font-size: 20px;
	color: #fff;
	text-indent: 30px;
}

.cata_ul {
	border: 1px solid #e9e9e9;
	border-bottom: none;
}

.cata_ul a {
	border-bottom: 1px solid #e9e9e9;
	height: 48px;
	line-height: 48px;
	color: #666666;
	text-indent: 32px;
	font-size: 14px;
	display: block;
	transition: all 0.5s ease 0s;
}

.cata_ul a:hover,
.cata_ul a.for {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.details {
	width: 970px;
	float: right;
	min-height: 600px;
	overflow: hidden;
}

.about {
	line-height: 30px;
	font-size: 14px;
	color: #666;
	padding-bottom: 50px;
}

.fram {
	padding-bottom: 50px;
}

.fram img {
	width: auto;
	height: auto;
	max-width: 100%;
}


/* news */

.news {
	margin-top: -25px;
	padding-bottom: 50px;
}

.news dl {
	margin-top: 25px;
	background: #fafafa;
	height: 170px;
}

.news dt {
	float: left;
	width: 212px;
	height: 170px;
	overflow: hidden;
	margin-right: 20px;
}

.news dt img {
	width: 212px;
	height: 170px;
	overflow: hidden;
	opacity: .8
}

.news dt:hover img {
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.news dd {
	float: left;
	width: 700px;
	padding-top: 16px;
}

.news dd .news_tit {
	height: 43px;
	line-height: 43px;
	font-size: 16px;
	display: block;
	overflow: hidden;
}

.news_word p {
	width: 530px;
	float: left;
	line-height: 25px;
	font-size: 14px;
	height: 48px;
	overflow: hidden;
	color: #555555;
}

.news dd .news_tit:hover {
	color: #ae0c2a;
}

.news_word .news_see {
	width: 118px;
	height: 38px;
	line-height: 38px;
	border: 1px solid #ae0c2a;
	text-align: center;
	display: block;
	float: right;
	font-size: 14px;
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.news_word .news_see:hover {
	color: #fff;
	background: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.news dd span {
	height: 30px;
	line-height: 30px;
	display: block;
	overflow: hidden;
	color: #8d8d8d;
	margin-top: 24px;
}


/* pages */

.pages {
	padding: 30px 0 60px 0;
	text-align: center;
}

.pages li {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #8e8e8e;
	cursor: pointer;
	margin: 0 3px;
}

.pages a {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	text-align: center;
	color: #8e8e8e;
	font-size: 14px;
	transition: all 0.5s ease 0s;
}

.pages li.s,
.pages li.x {
	width: 60px;
}

.pages li:hover,
.pages li.cur {
	background: #ae0c2a;
	color: #fff;
	transition: all 0.5s ease 0s;
}

.pages li:hover a {
	color: #fff;
}


/* news_info */

.release {
	padding: 20px 0 10px 0;
	border-bottom: 1px solid #ececec;
	text-align: center;
	margin-bottom: 30px;
}

.release h3 {
	font-size: 20px;
	color: #555555;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.release span {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #8e8e8e;
}

.news_box {
	line-height: 30px;
	font-size: 14px;
	color: #666;
	padding-bottom: 50px;
}

.statute {
	margin-top: -20px;
}

.statute dl {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
}

.statute dt {
	float: left;
	width: 150px;
	height: 120px;
	overflow: hidden;
	margin-right: 20px;
}

.statute dt img {
	width: 150px;
	height: 120px;
	overflow: hidden;
	opacity: .8;
	transition: all 0.5s ease 0s;
}

.statute dt:hover img {
	opacity: 1;
	transition: all 0.5s ease 0s;
}

.statute dd {
	width: 800px;
	float: left;
	padding-top: 4px;
}

.statute_div {
	height: 28px;
	line-height: 28px;
	overflow: hidden;
}

.statute_div a {
	display: block;
	float: left;
	font-size: 16px;
	color: #555555;
	width: 80%;
	overflow: hidden;
	height: 28px;
	transition: all 0.5s ease 0s;
}

.statute_div a:hover {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.statute_div span {
	color: #8e8e8e;
	display: block;
	float: right;
}

.statute dd p {
	line-height: 29px;
	font-size: 14px;
	overflow: hidden;
	color: #8e8e8e;
	height: 88px;
}

.link {
	margin-top: -20px;
	padding-bottom: 60px;
}

.link dl {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
}

.link dt {
	float: left;
	margin-right: 20px;
	border: 1px solid #e5e5e5;
	width: 138px;
	height: 98px;
	overflow: hidden;
	transition: all 1s ease 0s;
}

.link dt img {
	width: 138px;
	height: 98px;
	overflow: hidden;
	transition: all 1s ease 0s;
}

.link dt:hover {
	border: 1px solid #ae0c2a;
	transition: all 1s ease 0s;
}

.link dt:hover img {
	transform: scale(1.2, 1.2);
	transition: all 1s ease 0s;
}

.link dd {
	float: left;
	width: 807px;
}

.link dd .link_left {
	float: left;
	width: 680px;
}

.link_left a {
	display: block;
	overflow: hidden;
	height: 35px;
	line-height: 35px;
	font-size: 16px;
	color: #555555;
	margin-bottom: 8px;
	transition: all 0.5s ease 0s;
}

.link_left a:hover {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.link_left p {
	line-height: 24px;
	font-size: 14px;
	color: #a0a0a0;
	height: 50px;
	overflow: hidden;
}

.left_right {
	float: right;
	width: 80px;
	height: 30px;
	line-height: 30px;
	display: block;
	border: 1px solid #555555;
	font-size: 14px;
	color: #8e8e8e;
	text-align: center;
	margin-top: 24px;
	transition: all 0.5s ease 0s;
}

.left_right:hover {
	background: #ae0c2a;
	color: #fff;
	border: 1px solid #ae0c2a;
	transition: all 0.5s ease 0s;
}


/* index */

.flex-control-nav li {
	margin: 0px 5px;
	cursor: pointer;
	display: inline-block;
	*display: block;
	*zoom: 1;
}

.flex-control-nav li a {
	background: #fff;
	opacity: .6;
	width: 40px;
	height: 4px;
	display: block;
	font-size: 0;
}

.flex-control-nav li a.flex-active {
	background: #fff;
	opacity: 1;
}

.flexslider {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: auto;
	margin: 0 auto;
}

.slides li img {
	width: auto;
	height: auto;
	overflow: hidden;
	max-width: 100%;
	opacity: 1!important;
}

.slides li {
	width: 100%;
	height: auto;
	overflow: hidden;
	opacity: 1!important;
}

.flex-direction-nav {
	display: none;
}

.work_inner {
	padding: 26px 0 60px 0;
}

.index_tit {
	height: 77px;
	border-bottom: 2px solid #ebebeb;
	margin-bottom: 20px;
}

.index_tit h3 {
	float: left;
	line-height: 77px;
}

.index_tit h3 span {
	color: #333333;
	font-size: 20px;
	margin: 0 10px;
}

.index_tit h3 em {
	color: #c4c4c4;
	font-size: 16px;
	font-family: Arial;
}

.index_tit h3 img {
	margin-top: -14px;
}

.index_tit a {
	font-size: 14px;
	color: #8d8d8d;
	display: block;
	float: right;
	height: 77px;
	line-height: 77px;
}

.index_tit a:hover {
	color: #ae0c2a;
	transition: all 1s ease 0s;
}

.work_left {
	float: left;
	position: relative;
	width: 585px;
	height: 337px;
	overflow: hidden;
}

.work_left img {
	width: 585px;
	height: 337px;
	overflow: hidden;
	transition: all 1s ease 0s;
}

.work_news {
	position: absolute;
	left: 0;
	bottom: 0;
	background: url(../images/index_img/workbj.png) left top;
	height: 80px;
	width: 100%;
	height: 80px;
}

.work_news .work_tit {
	height: 47px;
	line-height: 47px;
	display: block;
	overflow: hidden;
	text-indent: 20px;
	color: #fff;
	font-size: 16px;
	transition: all 0.5s ease 0s;
}

.work_news .work_tit:hover,
.work_xw:hover .work_see,
.work_xw:hover span {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.work_xw {
	height: 20px;
	line-height: 20px;
	overflow: hidden;
}

.work_xw .work_see {
	float: left;
	display: block;
	font-size: 14px;
	color: #fff;
	width: 490px;
	text-indent: 20px;
	height: 20px;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}

.work_xw span {
	color: #fff;
	float: right;
	padding-right: 16px;
	transition: all 0.5s ease 0s;
}

.work_right {
	float: right;
	width: 580px;
	height: 337px;
	overflow: hidden;
}

.work_right li {
	line-height: 34px;
	height: 34px;
	overflow: hidden;
}

.work_right li a {
	display: block;
	float: left;
	font-size: 14px;
	color: #555555;
	width: 480px;
	transition: all 0.5s ease 0s;
}

.work_right li span {
	display: block;
	float: right;
	color: #8d8d8d;
	transition: all 0.5s ease 0s;
}

.work_right li:hover a,
.work_right li:hover span {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.work_left:hover img {
	transition: all 1s ease 0s;
	transform: scale(1.1, 1.1)
}

.dynamics {
	background: #f9f9f9;
}

.law {
	padding: 20px 0 40px 0;
}

.law_left {
	width: 780px;
	float: left;
}

.law_left dl {
	height: 120px;
	overflow: hidden;
	margin-bottom: 20px;
}

.law_left dt {
	float: left;
	width: 150px;
	height: 120px;
	overflow: hidden;
	margin-right: 15px;
}

.law_left dt img {
	width: 150px;
	height: 120px;
	overflow: hidden;
	transition: all 1s ease 0s;
}

.law_left dt:hover img {
	transition: all 1s ease 0s;
	transform: scale(1.1, 1.1)
}

.law_left dd {
	float: left;
	width: 615px;
	border-bottom: 1px solid #e6e6e6;
	height: 119px;
}

.law_left dd a {
	display: block;
	margin-bottom: 9px;
	overflow: hidden;
	height: 25px;
	line-height: 25px;
	font-size: 16px;
	color: #747474;
	transition: all 0.5s ease 0s;
}

.law_left dd a:hover {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
	transform: translateX(10px)
}

.law_left dd p {
	line-height: 24px;
	color: #8d8d8d;
	font-size: 14px;
	height: 73px;
	overflow: hidden;
}

.law_right {
	float: right;
	width: 390px;
}

.law_right dt {
	width: 390px;
	height: 312px;
	overflow: hidden;
}

.law_right dt img {
	width: 390px;
	height: 312px;
	overflow: hidden;
	transition: all 0.5s ease 0s;
}

.law_right dt:hover img {
	transform: translateY(-10px);
	transition: all 0.5s ease 0s;
}

.law_right dd {
	background: #f6f6f6;
	height: 90px;
	overflow: hidden;
	padding-left: 20px;
	box-sizing: border-box;
}

.law_right dd a {
	height: 36px;
	line-height: 36px;
	display: block;
	overflow: hidden;
	font-size: 16px;
	color: #555555;
	font-weight: bold;
	transition: all 0.5s ease 0s;
}

.law_right dd a:hover {
	color: #ae0c2a;
	transition: all 0.5s ease 0s;
}

.law_right dd p {
	line-height: 24px;
	font-size: 14px;
	color: #8d8d8d;
	padding-right: 20px;
	overflow: hidden;
	height: 48px;
}

.law_inner {
	display: none;
}

.law_box {
	position: relative;
	height: 503px;
	overflow: hidden;
}

.low_ul {
	position: absolute;
	top: 0;
	right: 0;
}

.low_ul li {
	float: left;
	margin: 0 7px;
}

.low_ul a {
	display: block;
	font-size: 14px;
	width: 120px;
	height: 36px;
	line-height: 36px;
	background: #e6e6e6;
	text-align: center;
}

.low_ul a.on {
	background: #ae0c2a;
	color: #fff;
}

.phnav {
	background: url(../images/index_img/navph.png) left top no-repeat;
	width: 34px;
	height: 22px;
	position: absolute;
	right: 5px;
	top: 43px;
	z-index: 999999999;
}

#phone {
	width: 100%;
	position: absolute;
	background: #b20a2b;
	left: 0;
	top: 74px;
	z-index: 9999999999999;
	margin: 0;
	display: none;
}

#phone li {
	height: 38px;
	line-height: 38px;
	text-align: center;
	float: none;
	width: 100%;
	margin: 0;
}

#phone li a {
	display: block;
	color: #fff;
	font-size: 16px;
	text-align: center;
}

.phone {
	display: none
}

.nav li a.navs {
	background: #880019;
}