﻿body {
	font-family: "微软雅黑", Arial;
	background: #fff
}

h2.main_title a {
	text-align: center;
	display: block;
	font-size: 42px;
	color: #333;
	line-height: 100%
}
h2.main_title span {
	display: block;
	text-align: center;
	font-size: 20px;
	color: #333;
	line-height: 100%;
	margin-top: 11px;
	font-weight: 400
}
h2.main_title a:hover {
	color: #333
}




/* 介绍 */
.intro {
	background: url(../images/intro_bg.jpg) no-repeat center top;
	height: 526px
}
.intro dd {
	background: url(../images/intro_dd.png) no-repeat left top;
	margin-top: 102px;
	/*padding-top: 64px;*/
	width: 695px;
	height: 269px;
	float: left
}
.intro dd h2 a {
	display: block;
	font-size: 40px;
	color: #fe8421;
	line-height: 100%;
	padding-bottom: 16px;
	margin-bottom: 36px;
	position: relative
}
.intro dd h2 a:before {
	position: absolute;
	content: "";
	width: 83px;
	height: 1px;
	background: #fe8421;
	left: 0;
	bottom: 0
}
.intro dd h2 a span {
	display: block;
	font-size: 32px;
	color: #fe8421;
	line-height: 100%;
	margin-bottom: 8px;
	font-weight: 400
}
.intro dd p {
    font-size: 14px;
    color: #333;
    text-indent: 2em;
    line-height: 40px;
}
.intro dt {
	width: 444px;
	height: 444px;
	margin-top: 39px;
	border: 1px dashed rgba(83, 83, 83, .4);
	float: right;
	border-radius: 50%;
	position: relative
}
.intro dt img {
	width: 422px;
	height: 422px;
	border-radius: 50%;
	position: absolute;
	top: 14px;
	left: 26px
}
/* 介绍结束 */


/* 优势 */
.ys {
	background: url(../images/ys_bg.jpg) no-repeat center top;
	padding-top: 37px;
	height: 2023px;
	overflow: hidden
}
.ys h2.main_title a {
	background: url(../images/ys_tbg.png) no-repeat center top;
	padding-top: 81px;
	padding-bottom: 57px;
	margin-bottom: 31px
}
.ys_con dl {
	clear: both
}
.ys_con dd {
	position: relative
}
.ys_con dd>img {
	position: absolute;
	left: 0;
	top: 0
}
.ys_con dd h4 {
	font-size: 30px;
	color: #000;
	line-height: 100%;
	font-weight: 400
}
.ys_con dd p {
	font-size: 22px;
	color: #000;
	line-height: 40px
}
.ys1 {
	height: 227px
}
.ys1 dd {
	padding-left: 183px;
	margin-top: 6px;
	width: 641px;
	float: left
}
.ys1 dd h4 {
	margin: 25px 0 22px
}
.ys1 dt {
	width: 372px;
	float: right;
	margin-right: -31px;
	margin-top: -4px
}
.ys2 {
	height: 743px
}
.ys2 dd {
	width: 409px;
	float: right;
	padding-left: 180px;
	margin-top: 16px
}
.ys2 dd h4 {
	margin: 44px 0 23px
}
.ys2 dd .pic img {
	width: 198px;
	height: 131px;
	float: left;
	margin-top: 32px
}
.ys2 dd .pic img:first-child {
	margin-right: 10px
}
.ys2 dt {
	width: 538px;
	height: 538px;
	float: left;
	position: relative;
	margin-top: -33px;
	margin-left: -8px
}
.ys2 dt img:first-child {
	width: 538px;
	height: 538px;
	border-radius: 50%;
	position: relative;
	z-index: 3
}
.ys2 dt img:nth-child(2) {
	width: 244px;
	height: 244px;
	border-radius: 50%;
	position: absolute;
	right: -77px;
	bottom: -16px;
	z-index: 1
}
.ys2 dt img:nth-child(3) {
	width: 162px;
	position: absolute;
	right: -93px;
	top: 235px;
	z-index: 2
}
.ys3 {
	height: 452px
}
.ys3 dd {
	padding-left: 193px;
	padding-top: 35px
}
.ys3 dd p {
	width: 516px;
	margin-bottom: 35px;

}
.ys3 dt {
	padding-left: 169px
}
.ys4 dd {
	padding-left: 184px;
	width: 408px;
	float: left
}
.ys4 dd h4 {
	margin: 41px 0 24px
}
.ys4 dt {
	width: 478px;
	height: 478px;
	float: right;
	border-radius: 50%;
	background: rgba(191, 191, 191, .5);
	position: relative;
	margin-top: -330px;
	margin-right: 7px
}
.ys4 dt img:nth-child(1) {
	width: 478px;
	height: 478px;
	border-radius: 50%;
	position: absolute;
	top: -8px;
	left: 8px;
	z-index: 2
}
.ys4 dt img:nth-child(2) {
	width: 206px;
	height: 206px;
	border-radius: 50%;
	position: absolute;
	left: -76px;
	bottom: -31px;
	z-index: 1
}

/* 优势 */



/* 新闻 */

.news {
	padding-top: 36px;
	height: 781px;
	background: url(../images/news_bg.jpg) no-repeat center top
}
.news h2 a {
	background: url(../images/news_tbg.png) no-repeat center top;
	padding-top: 82px;
	margin-bottom: 44px
}
.news h2 a, .news h2 span {
	color: #000
}
/*.news h2 a:hover {*/
/*	color: #fff*/
/*}*/
.news h3 a {
	display: block;
	font-size: 24px;
	color: #333;
	line-height: 100%;
	font-weight: 400;
	position: relative;
	padding-bottom: 17px
}
.news h3 a:before {
	position: absolute;
	content: "";
	width: 10px;
	height: 24px;
	background: #fe7d0a;
	left: -28px;
	top: 0
}
.news h3 a span {
	float: right;
	font-size: 12px;
	text-transform: uppercase;
	line-height: 100%;
	margin-top: 12px
}
.brand {
	width: 379px;
	height: 493px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 38px 26px 0 28px
}
.brand dt {
	width: 325px;
	height: 183px;
	overflow: hidden
}
.brand dt img {
	width: 325px;
	height: 183px
}
.brand dd {
	padding: 28px 8px 0
}
.brand dd h4 {
	font-size: 18px;
	color: #333;
	line-height: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: 400
}
.brand dd h4 span {
	display: block;
	font-size: 12px;
	color: #333;
	line-height: 100%;
	margin-top: 7px
}
.brand dd p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	margin: 16px 0 29px
}
.brand dd i {
	display: block;
	font-size: 14px;
	color: #b20405;
	line-height: 100%;
	padding-right: 27px;
	background: url(../images/ci.png) no-repeat right center;
	text-align: right
}
.brand dl:hover h4 {
	color: #b20405
}
.news_con {
	width: 807px;
	height: 493px;
	background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 38px 31px 0 32px
}
.news_con h3 a {
	border-bottom: 1px solid rgba(98, 98, 98, .25)
}
.news_con h3 a:before {
	left: -32px
}
.news_con .tl li {
	padding: 21px 0 20px 8px;
	float: left;
	width: 336px
}
.news_con .tl li h4 {
	font-size: 18px;
	color: #0e0b0a;
	line-height: 100%;
	font-weight: 400;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin-bottom: 19px
}
.news_con .tl li p {
	font-size: 14px;
	color: #999;
	line-height: 24px
}
.news_con .tl li:first-child {
	margin-right: 46px
}
.news_con .tl li:hover h4 {
	color: #b20405
}
.news_con .jc li {
	width: 239px;
	height: 147px;
	overflow: hidden;
	position: relative;
	float: left;
	margin-right: 13px;
	margin-top: 16px
}
.news_con .jc li img {
	width: 239px;
	height: 147px
}
.news_con .jc li h4 {
	position: absolute;
	width: 239px;
	height: 40px;
	background: rgba(0, 0, 0, .6);
	text-align: center;
	font-size: 14px;
	color: #fff;
	line-height: 40px;
	font-weight: 400;
	left: 0;
	bottom: 0;
	padding: 5px 28px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.news_con .jc li:last-child {
	margin-right: 0
}
/* 新闻 */


/* 关于我们 */

.about {
	height: 947px;
	background: url(../images/about_bg.jpg) no-repeat center bottom;
	padding-top: 33px;
	background-color: #f9f9fb;
}
.about h2 a {
	background: url(../images/about_tbg.png) no-repeat center top;
	padding-top: 81px
}
.about_con {
    width: 1010px;
    margin: 0 auto;
    font-size: 14px;
    text-indent: 2em;
    color: #333;
    line-height: 32px;
    padding-top: 25px;
}
.about .info a {
padding: 10px;
    background: #fe7d0a url(../images/more.png) no-repeat 138px center;
    border-radius: 25px;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
}
.info a {
    display: block;
    width: 180px;
    height: 30px;
    background: #fe7d0a url(../images/more.png) no-repeat 170px center;
    border-radius: 28px;
    margin: 0 auto;
    text-align: center;


}
.about .info a:hover {
	background-position-x: 260px
}
.about .pic {
	border: 5px solid #fff;
	width: 1190px;
	height: 430px;
	margin-top: 42px
}
.about .pic img {
	width: 1190px;
	height: 430px
}
/* 关于我们 */


/* 底部 */

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


.clearfix:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
.footer {
	background: #fff2cc;
	height: 374px;
	overflow: hidden;
}
.footer i {
	font-style: normal;
}
.f_con {
	height: 114px;
	margin-bottom: 41px;
}
.f_con h3 {
	width: 165px;
	padding-top: 34px;
	float: left;
}
.f_menu {
	float: right;
}
.f_menu a {
	display: block;
	font-size: 16px;
	color: #000;
	line-height: 114px;
	float: left;
	padding: 0 21px;
	transition: .3s ease;
	-o-transition: .3s ease;
}
/*.f_menu a:hover {*/
/*	background: #000;*/
/*	color: #453825;*/
/*}*/
.footer h4 {
	font-size: 18px;
	color: #000;
	font-weight: bold;
	line-height: 100%;
}
.footer h4 span {
	padding-left: 10px;
}
.footer h4 i {
	display: block;
	font-size: 14px;
	font-weight: normal;
	margin-top: 14px;
	line-height: 100%;
	text-transform: uppercase;
	letter-spacing: 1px;
}
.f_info {
	padding-top: 28px;
	width: 557px;
	float: left;
	position: relative;
}
.f_info:after {
	position: absolute;
	content: "";
	width: 1px;
	height: 148px;
	background: rgba(255, 255, 255, .3);
	top: 28px;
	right: 0;
}
.f_info h4 {
	margin-bottom: 37px;
}
.f_info p {
	font-size: 14px;
	color: #000;
	line-height: 24px;
}
.f_info p a {
	color: #000;
}
.f_info p span {
	padding-left: 10px;
}
.f_info p:last-child {
	font-size: 12px;
}
.f_contact {
	padding-top: 28px;
	padding-left: 73px;
	float: left;
}
.f_contact h4 {
	margin-bottom: 32px;
}
.f_contact p {
	font-size: 12px;
	color: #000;
	line-height: 26px;
}
.f_qr {
	width: 201px;
	float: right;
	padding-top: 54px;
	height: 187px;
}
.f_qr p {
	width: 201px;
	height: 133px;
	background: rgba(69, 56, 37, .26);
	position: relative;
}
.f_qr img {
	width: 147px;
	height: 147px;
	display: block;
	position: absolute;
	top: -54px;
	left: 27px;
}
.f_qr span {
	font-size: 12px;
	color: #fff;
	text-align: center;
	display: block;
	line-height: 100%;
	padding-top: 105px;
}




/* 底部 */




/* 清除内外边距 */
@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, /* structural elements 结构元素 */ dl, dt, dd, ul, ol, li, /* list elements 列表元素 */ pre, /* text formatting elements 文本格式元素 */ fieldset, lengend, button, input, textarea, /* form elements 表单元素 */ th, td { /* table elements 表格元素 */
	margin: 0;
	padding: 0;
}
input, textarea {
	border: 2 none;
	box-shadow: none;
	outline: none;
}
/* 设置默认字体 */
body {
	width: 100%;
	min-width: 1336px;
	margin: 0 auto;
}
body, button, input, select, textarea {
	font: 14px/22px "Microsoft YaHei";
	color: #666;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4, h5, h6 {
	font-size: 100%;
}
* h1, * h2, * h3, * h4, * h5, * h6 {
	margin: 0px;
} /*覆盖bootstrape对标题加的默认外边距*/
address, cite, dfn, em, i, var {
	font-style: normal;
} /* 斜体扶正 */
/* 重置列表元素 */
ul, ol, li {
	list-style: none;
}
/* 重置文本格式元素 */
a {
	text-decoration: none;
	color: #666;
	word-wrap: break-word;
}/*英文换行*/
a:hover {
	text-decoration: none;
	color: #e60012;
}
/* 重置表单元素 */
legend {
	color: #000;
} /* for ie6 */
fieldset, img {
	border: none;
} /* img 搭车：让链接里的 img 无边框 */
/* 注：optgroup 无法扶正 */
button, input, select, textarea {
	font-size: 100%; /* 使表单元素在 ie 下能继承字体大小 */
}
/* 重置表格元素 */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* 让非ie浏览器默认也显示垂直滚动条，防止因滚动条引起的闪烁 */
html {
	overflow-y: scroll;
}
/*设置浮动*/
.fl {
	float: left;
}
.fr {
	float: right;
}
.pr {
	position: relative;
}
.pa {
	position: absolute;
}
.clearfix:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}
