@charset "utf-8";
/* CSS Document */

/*product*/
.product {
	background: #f7f7f7;
	padding: 34px 0px 50px 0px;
}
.product .left {
	width: 286px;
}
.product .left h2 {
	width: 100%;
	height: 73px;
	line-height: 73px;
	text-align: center;
	font-size: 24px;
	background: #2a7de3;
	color: #fff;
}
.product .left ul {
	background: #fff;
	padding: 10px 20px 30px 20px;
}
.product .left ul li {
	border-bottom: 1px solid #eaeaea;
	height: 43.2px;
	line-height: 43.2px;
	display: block;
}
.product .left ul li a {
	margin-left: 62px;
}
.product .right {
	width: 890px;
}
.product .right .picScroll-left {
	height: 434px;
	overflow: hidden;
	position: relative;
	width: 100%;
	background: #fff;
}
.product .right .picScroll-left h5 {
	width: 86px;
	height: 86px;
	background: url(../img/tag_gongyi.png) center no-repeat;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 999;
}
.product .right .picScroll-left .hd {
	overflow: hidden;
	position: absolute;
	bottom: 30px;
	width: 120px;
	left: 420px;
	z-index: 991;
}
.product .right .picScroll-left .hd ul li {
	float: left;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	background: #fff;
	overflow: hidden;
	margin: 0px 3px;
	text-indent: -999px;
	cursor: pointer;
}
.product .right .picScroll-left .hd ul li.on {
	background: #ffa200;
}
.product .right .picScroll-left .bd {
	position: absolute;
	z-index: 990px;
	left: 0px;
	top: 0px;
	width: 890px;
	height: 434px;
}
.product .right .picScroll-left .bd li img {
	width: 570px;
	height: 434px;
	float: left;
}
.product .right .picScroll-left .bd li .rt {
	width: 434px;
	width: 260px;
	float: right;
	padding: 40px 30px 50px 30px;
}
.product .right .picScroll-left .bd li .rt span {
	display: block;
	font-size: 20px;
	height: 50px;
	line-height: 50px;
	font-weight: bold;
	text-align: center;
}
.product .right .picScroll-left .bd li .rt em {
	display: block;
	width: 45px;
	height: 4px;
	background: #ffa200;
	margin: 0 auto;
}
.product .right .picScroll-left .bd li .rt p {
	display: block;
	font-size: 15px;
	line-height: 28px;
	color: #666;
	margin-top: 20px;
}
.product .right .picScroll-left .bd li .rt a {
	display: block;
	width: 202px;
	padding-left: 58px;
	height: 46px;
	line-height: 46px;
	background: #2d2d2d url(../img/icon_contact.png) 23px center no-repeat;
	color: #fff;
	font-size: 14px;
	margin-top: 30px;
}
.product .right .commend {
	overflow: hidden;
}
.product .right .commend h3 {
	display: block;
	background: url(../img/tag_luxing.png) left center no-repeat;
	height: 35px;
	line-height: 35px;
	font-size: 20px;
	font-weight: bold;
	padding-left: 30px;
	width: 860px;
	margin-top: 30px;
}
.product .right .commend dl {
	display: block;
	float: left;
	border: 1px solid #d7d7d7;
	margin-right: 28px;
	width: 276px;
	text-align: center;
	overflow: hidden;
	margin-top: 15px;
}
.product .right .commend dl:hover {
	border: 1px solid #ffa200;
}
.product .right .commend dl:nth-child(3n) {
	margin-right: 0px;
}
.product .right .commend dt img {
	width: 276px;
	height: 195px;
}
.product .right .commend dd {
	display: block;
	height: 50px;
	line-height: 50px;
}
.product .right .commend dd a {
	font-size: 17px;
}
.product .right .commend dl:hover a {
	color: #ffa200;
}
/*ad*/
.ad {
	height: 167px;
	background: url(../img/ad_bg.jpg) center no-repeat;
}
.ad .left {
	margin-top: 39.5px;
	font-size: 24px;
	color: #fff;
	/*font-family: trends;*/
	margin-left: 312px;
}
.ad .left span {
	font-size: 30px;
	display: block;
	color: #fff;
	/*font-family: trends;*/
	line-height: 52px;
}
.ad .right {
	background: url(../img/bg_tel.png) right top no-repeat;
	margin-top: 16px;
}
.ad .right span {
	display: block;
	text-align: right;
	color: #fff;
	height: 30px;
	line-height: 30px;
	margin-top: 15px;
	margin-right: 18px;
}
.ad .right p {
	display: block;
	color: #fff;
	font-size: 26px;
	text-align: right;
	/*font-family: oswald;*/
	margin-right: 18px;
}
.ad .right a {
	display: block;
	float: left;
	width: 114px;
	height: 35px;
	line-height: 35px;
	text-align: center;
	color: #fff;
	margin-left: 10px;
	margin-top: 25px;
}
.ad .right a:first-child {
	border: 1px solid #fff;
}
.ad .right a:last-child {
	border: 1px solid #ffa200;
	background: #ffa200;
}
/*liyou*/
.liyou {
	background: url(../img/zj_bg.png) center bottom no-repeat;
	padding: 80px 0px;
}
.liyou h3 {
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0px auto;
	font-size: 36px;
	font-weight: bold;
	width: 346px;
}
.liyou h3 span {
	color: #ffa200;
}
.liyou h4 {
	font-size: 28px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #2a7de3;
	display: block;
	height: 50px;
	line-height: 50px;
	text-align: center;
	margin: 0px auto;
	width: 346px;
}
.liyou .slideTxtBox {
}
.liyou .slideTxtBox .hd {
	width: 900px;
	margin: 35px auto;
	overflow: hidden;
}
.liyou .slideTxtBox .hd ul li {
	display: block;
	float: left;
	width: 145px;
	background: url(../img/icon_uncheck.png) left center no-repeat;
	padding-left: 35px;
	cursor: pointer;
}
.liyou .slideTxtBox .hd ul li.on {
	background: url(../img/icon_check.png) left center no-repeat;
	color: #ffa200;
	font-weight: bold;
}
.liyou .slideTxtBox .bd {
	height: 406px;
	background: url(../img/bg_ly.jpg) center no-repeat;
}
.liyou .slideTxtBox .bd ul {
	padding: 40.5px 12px;
	overflow: hidden;
	height: 325px;
}
.liyou .slideTxtBox .bd ul .left {
	width: 524px;
	height: 325px;
	margin-left: 27px;
}
.liyou .slideTxtBox .bd ul .right {
	width: 490px;
	margin-right: 50px;
}
.liyou .slideTxtBox .bd ul .right em {
	display: block;
	width: 46px;
	line-height: 46px;
	line-height: 46px;
	background: #ffa200;
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	color: #fff;
}
.liyou .slideTxtBox .bd ul .right h2 {
	display: block;
	font-size: 26px;
	height: 65px;
	line-height: 65px;
	border-bottom: 1px solid #ddd;
}
.liyou .slideTxtBox .bd ul .right h2 span {
	color: #ffa200;
}
.liyou .slideTxtBox .bd ul .right p {
	font-size: 17px;
	line-height: 30px;
	display: block;
	padding: 15px 0px;
}
.liyou .slideTxtBox .bd ul .right a {
	display: block;
	width: 136px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	background: #2a7de3;
	color: #fff;
	margin-top: 20px;
}
.liyou .slideTxtBox .bd ul .right a:hover {
	background: #ffa200;
}
/*case*/
.cases {
	height: 577px;
	background: url(../img/kh_bg.png) center no-repeat;
	position: relative;
}
.cases h4 {
	display: block;
	color: #5c5c5c;
	font-size: 68px;
	font-weight: bold;
	text-transform: uppercase;
	position: absolute;
	width: 600px;
	text-align: center;
	top: 40px;
	left: 50%;
	margin-left: -300px;
	z-index: 998;
}
.cases h3 {
	display: block;
	position: absolute;
	z-index: 999;
	font-size: 46px;
	font-weight: bold;
	color: #fff;
	width: 600px;
	text-align: center;
	top: 80px;
	left: 50%;
	margin-left: -300px;
}
.cases .case {
	display: block;
	position: absolute;
	width: 1200px;
	left: 50%;
	margin-left: -600px;
	top: 190px;
}
.cases .case dl {
	display: block;
	float: left;
	width: 384px;
	margin-right: 24px;
	text-align: center;
}
.cases .case dl:last-child {
	margin-right: 0px;
}
.cases .case dl dt img {
	width: 384px;
	height: 269px;
}
.cases .case dl dd {
	width: 354px;
	padding: 10px 15px;
	line-height: 30px;
}
.cases .case dl dd a {
	color: #fff;
}
/*about*/
.about {
	height: 622px;
	background: url(../img/bg_case.jpg) center no-repeat;
	overflow: hidden;
}
.about .left {
	width: 445px;
	height: 570px;
	margin-top: 52px;
	position: relative;
}
.about .left h4 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 50px;
	font-size: 68px;
	color: #4593f2;
	font-weight: bold;
	text-transform: uppercase;
}
.about .left h3 {
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0px;
	top: 90px;
	font-size: 46px;
	font-weight: bold;
	color: #fff;
}
.about .left p {
	width: 365px;
	padding: 0px 40px;
	position: absolute;
	left: 0px;
	top: 200px;
	color: #fff;
	line-height: 32px;
}
.about .left a {
	width: 162px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	left: 50%;
	margin-left: -81px;
	bottom: 100px;
	position: absolute;
	background: #ffa200;
	color: #fff;
}
.about .left a:hover {
	background: #2d2d2d;
}
.about .right {
	width: 747px;
	height: 374px;
	padding: 3px 5px 5px 3px;
	margin-top: 240px;
}
.news {
	position: relative;
	overflow: hidden;
	min-height: 770px;
}
.news h4 {
	width: 600px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top: 100px;
	font-size: 68px;
	color: #f0f0f0;
	font-weight: bold;
	text-transform: uppercase;
}
.news h3 {
	width: 600px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -300px;
	top: 140px;
	font-size: 46px;
	font-weight: bold;
}
.news .w100 {
	width: 1200px;
	position: absolute;
	top: 226px;
	left: 50%;
	margin-left: -600px;
}
.news .w100 h5 {
	display: block;
	width: 100%;
	font-weight: bold;
	height: 58px;
	line-height: 58px;
}
.news .w100 h5 span {
	font-weight: normal;
	margin-left: 10px;
}
.news .w100 .left {
	width: 448px;
}
.news .w100 .left h5 {
	border-bottom: 2px solid #2a7de3;
}
.news .w100 .left ul {
	padding: 20px 0px;
}
.news .w100 .left ul li {
	display: block;
	line-height: 70px;
	height: 70px;
	border-bottom: 1px dashed #dfdfdf;
}
.news .w100 .left ul li a {
	display: block;
	float: left;
	background: url(../img/new_icon.png) left center no-repeat;
	padding-left: 30px;
}
.news .w100 .left ul li span {
	display: block;
	float: right;
	font-size: 14px;
	color: #ddd;
}
.news .w100 .right {
	width: 692px;
}
.news .w100 .right h5 {
	border-bottom: 2px solid #f0f0f0;
}
.news .w100 .right ul {
}
.news .w100 .right ul li {
	display: block;
	width: 100%;
	overflow: hidden;
	margin: 30px 0px;
}
.news .w100 .right ul li .lt {
	float: left;
	width: 60px;
	text-align: center;
}
.news .w100 .right ul li .lt span {
	display: block;
	font-size: 48px;
}
.news .w100 .right ul li .lt em {
	display: block;
	font-size: 14px;
}
.news .w100 .right ul li .rt {
	float: right;
	width: 594px;
}
.news .w100 .right ul li .rt p {
	display: block;
	height: 55px;
	line-height: 55px;
}
.news .w100 .right ul li .rt span {
	display: block;
	color: #ddd;
	text-transform: uppercase;
}
.news .w100 .right ul li .rt a:hover span {
	color: #ffa200;
}