#top {
	background: #070809
}

#top .top_left {
	width: 90px;
	height: 50px;
	float: left;
	margin: 12px 0 17px
}

#top .top_left a {
	display: block
}

#top .top_left a img {
	display: block;
	height: 50px
}

#top .top_right {
	float: right;
	margin: 12px 0 17px
}

.top_right ul li {
	float: left;
	font-size: 16px;
	line-height: 50px;
	margin-left: 50px
}

.top_right ul li a {
	color: #FFF
}

.top_a {
	color: #d0d3d7
}

.active {
	color: #cd3f22
}

#banner {
	height: 574px;
	position: relative;
	background: url('../images/pro_bj.png') no-repeat;
	background-size:100%  100%;
}

.Banner_BJ_Y {
	width: 100%;
	position: absolute;
	top: -79px;
	left: 0
}

.banner_wenti {
	width: 200px;
	height: 500px;
	background: url("../images/wenti.png");
	background-size: 100%;
	position: absolute;
	top: 0;
	right: 5px;
	padding: 0 22px
}

.wen_ {
	width: 150px;
	height: 170px;
	position: absolute;
	right: 50px;
	bottom: 40px;
	display: block
}

.clear_li li {
	border-radius: 16px;
	background: #707070;
	text-align: center;
	position: absolute;
	height: 46px;
	line-height: 46px;
	font-size: 16px;
	width: 116px
}

.clear_li li a {
	display: block;
	color: #FFF
}

.wen_ img {
	width: 100%;
	height: 100%
}

.banner_images {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.banner_font {
	position: absolute;
	left: 50%;
	top: 110px;
	width: 770px;
	height: 305px;
	margin-left: -385px
}

.banner_login {
	width:257px;
	border: 2px solid #FFF;
	height:46px;
	position: absolute;
	left: 50%;
	bottom: 155px;
	margin-left: -400px;
	border-radius: 6px;
}

.banner_login a {
	display: block;
	border-radius: 10px;
	text-align: center;
	line-height: 42px;
	width: 100%;
	font-size: 20px;
	color: #FFF
}

#lianghua {
	height: 659px
}

#lianghua img {
	width: 100%
}

.quant {
	text-align: center
}

.vAlue {
	overflow: hidden;
	padding-top: 20px
}

.vAlue li {
	float: left;
	width: 206px;
	height: 286px;
	background: #ff5400;
	margin: 0 5px
}

.vAlue li a {
	display: block;
	width: 100%;
	height: 100%
}

.vAlue li a .vAlue_div {
	width: 100%;
	height: 50%;
	text-align: center;
	line-height: 143px;
	position: relative
}

.vAlue_div img {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px
}

.vAlue_em {
	font-size: 14px;
	text-align: center;
	line-height: 40px
}

.vAlue_em em {
	font-size: 30px
}

#service {
	position: relative;
	height: 600px;
	margin-top: 161px
}

#service img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 600px
}

.service_div {
	position: absolute;
	width: 315px;
	height: 403px;
	top: 17%;
	left: 15%;
	background: #fff;
	padding-left: 30px
}

.service_shuju {
	color: #ff5400;
	font-size: 24px;
	line-height: 80px
}

.service_div li {
	font-size: 16px;
	line-height: 46px;
	color: #666
}

#lijilianxi {
	display: block;
	width: 80%;
	height: 46px;
	border-radius: 28px;
	border: 2px solid #ff5400;
	color: #ff5400;
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	margin-top: 10px
}

.guarantee_logo {}

.guarantee_cen {
	position: relative;
	height: 430px
}

.guarantee_cen a {
	width: 208px;
	height: 186px;
	text-align: center;
	line-height: 186px;
	display: inline-block;
	position: absolute
}

.guarantee_cen a img {
	width: 100%;
	height: 100%
}

.guarantee_Ul ul {
	border-bottom: 1px solid #d6d6d6
}

.guarantee_Ul ul li {
	padding: 15px 0;
	float: left;
	font-size: 24px;
	line-height: 30px;
	margin: 0 21px
}

.guarantee_Ul ul li a {
	color: #999
}

.guarantee_wen {
	padding: 35px 10px 0;
	font-size: 24px;
	color: #666
}

footer {
	height: 486px;
	background: url("../images/footer_bj.png");
	background-size: cover;
	padding-top: 100px
}

.footer_left {
	width: 680px;
	float: left
}

.footer_Ul li {
	cursor: pointer
}

.footer_right {
	width: 400px;
	float: left
}

.footer_left .footer_Ul {
	overflow: hidden
}

.footer_left .footer_Ul .footer_LI {
	float: left;
	font-size: 18px;
	color: #FFF;
	margin-right: 54px
}

.footer_LI li {
	line-height: 36px;
	font-size: 14px
}

.footer_right_photo {
	text-align: center;
	font-size: 14px;
	color: #FFF
}

.footer_right_code {
	font-size: 24px;
	text-align: center;
	color: #FFF;
	padding-top: 9px
}

.footer_right_link {
	text-align: center;
	padding-top: 9px
}

.footer_right_link a {
	display: inline-block;
	margin: 9px;
	z-index: 99
}

.footer_right_xia {
	text-align: center;
	margin-top: 20px
}

.footer_right_xia p {
	width: 83px;
	height: 1px;
	background: #ff4b28;
	display: inline-block
}

.guarantee_cen span {
	z-index: 9;
	position: absolute;
	display: block
}

.guarantee_cen span img {
	width: 100%;
	height: 100%
}

.dg-container {
	width: 100%;
	height: 580px;
	position: relative
}

.dg-wrapper {
	width: 600px;
	height: 316px;
	margin: 0 auto;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 1000px;
	-moz-perspective: 1000px;
	-o-perspective: 1000px;
	-ms-perspective: 1000px;
	perspective: 1000px
}

.dg-wrapper a {
	width: 482px;
	height: 316px;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	no-repeat top left;
	*/ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3)
}

.dg-wrapper a.dg-transition {
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out
}

.top-banner {
	background-color: #666
}

.dg-wrapper a img {
	width: 600px;
	height: 451px;
	display: block;
	padding: 41px 0 0 1px
}

.dg-wrapper a div {
	font-style: normal;
	text-align: center;
	line-height: 1.5;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	color: #333;
	font-size: 16px;
	width: 600px;
	bottom: -155px;
	display: none;
	position: absolute
}

.dg-wrapper a.dg-center div {
	display: block
}

.dg-container nav {
	width: 58px;
	position: absolute;
	z-index: 1000;
	bottom: 40px;
	left: 50%;
	margin-left: -29px
}

.dg-container nav span {
	text-indent: -9000px;
	float: left;
	cursor: pointer;
	width: 24px;
	height: 25px;
	opacity: 0.8;
	background: transparent url(../images/arrows.png)no-repeat top left
}

.dg-container nav span:hover {
	opacity: 1
}

.dg-container nav span.dg-next {
	background-position: top right;
	margin-left: 10px
}

*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

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

.clearfix {
	*zoom: 1
}

.fl {
	float: left
}

.fr {
	float: right
}

.fl a,
.fr a {
	display: none
}

.fl,
.fr {
	_display: inline
}

.top-banner {
	position: absolute;
	z-index: 999;
	left: 0;
	top: 0;
	height: 40px;
	line-height: 40px;
	padding: 0 30px;
	width: 100%;
	font-size: 13px;
	background-color: rgba(255, 255, 255, 0.15);
	color: #fff;
	font-family: "宋体", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 15px
}

.top-banner a {
	color: #fff;
	text-decoration: none
}

#xianmu {
	height: 590px;
	background: #eaeaea
}

.xianmu_UL li {
	float: left;
	width: 190px;
	height: 190px;
	background: #ff5400;
	transform: rotate(45deg);
	text-align: center;
	line-height: 200px;
	-ms-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	margin-left: 80px;
	background: #FFF
}

.xianmu_UL li a {
	display: block;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	font-size: 35px
}

#news {
	padding-top: 38px
}

#news .news_li {
	height: 168px;
	width: 100%;
	overflow: hidden;
	margin: 13px 0
}

#news .news_left {
	float: left;
	width: 233px;
	height: 168px;
	text-align: center;
	line-height: 168px
}

#news .news_left img {
	width: 100%;
	height: 100%
}

#news .news_right {
	width: 847px;
	float: left;
	padding-top: 11px;
	padding-left: 25px;
	position: relative
}

#news .news_right h4 {
	line-height: 48px;
	color: #ff5400;
	font-size: 20px
}

#news .news_right .news_p {
	line-height: 34px;
	color: #999999;
	font-size: 14px
}

#news .news_right div {
	line-height: 28px;
	color: #666666;
	font-size: 14px;
	width: 100%;
	height: 52px;
	overflow: hidden;
	text-overflow: ellipsis;
	/超出文本设置为...*/ display: -webkit-box;
	/将div1转换为盒子模型*/ -webkit-line-clamp: 2;
	/设置div1的文本为2行*/ -webkit-box-orient: vertical
}

#news .news_right .news_a {
	position: absolute;
	top: 22px;
	right: 14px;
	color: #333333;
	display: block;
	font-size: 14px
}

.page {
	list-style: none;
	display: inline-block
}

.page>li {
	float: left;
	padding: 5px 10px;
	cursor: pointer
}

.page .pageItem {
	border: solid thin #DDDDDD;
	margin: 5px
}

.page .pageItemActive {
	border: solid thin #0099FF;
	margin: 5px;
	background-color: #0099FF;
	color: white
}

.page .pageItem:hover {
	border: solid thin #0099FF;
	background-color: #0099FF;
	color: white
}

.page .pageItemDisable {
	border: solid thin #DDDDDD;
	margin: 5px;
	background-color: #DDDDDD
}

#contactus {
	padding-top: 64px;
	padding-bottom: 100px
}

#contactus .contactus_h3 {
	font-size: 35px;
	color: #333;
	line-height: 77px
}

#contactus .contactus_DIv {
	height: 1px;
	width: 100px;
	font-size: 0;
	border-bottom: 1px solid #3f9fdb
}

#contactus .contactus_left {
	float: left;
	width: 770px;
	color: #666666;
	line-height: 34px;
	font-size: 18px
}

#contactus .contactus_right {
	float: left;
	width: 297px;
	margin-left: 13px;
	margin-top: 10px
}

#contactus .contactus_L {
	width: 477px;
	float: left
}

#contactus .contactus_R {
	width: 570px;
	margin-left: 20px;
	margin-top: 40px;
	float: left
}

#contactus .contactus_R img {
	width: 100%
}

#contactus .contactus_ban {
	width: 380px;
	line-height: 36px;
	font-size: 18px;
	color: #333;
	margin-top: 10px
}