@charset "utf-8";
/* CSS Document */
/*common*/
.mb10 { margin-bottom:10px;}
.ml10 { margin-left:10px;}
.bg { background:#FFF;}

/**/
.banner { display:block; height: 925px; overflow:hidden;} 

.banner-pro{
	height: 925px;
	background: url(../Default/Img/Index/banner.jpg) no-repeat center top;
	overflow: hidden;
}
.banner-pro .content{
	margin-top: 300px;
}
.banner-pro .pro-list{
	height: 546px;
}
.banner-pro .pro-list ul{
	float: right;
	width: 468px;
	overflow: hidden;
}
.banner-pro .pro-list ul li{
	float: left;
	width: 156px;
	height: 156px;
	overflow: hidden;
}
.banner-pro .pro-list ul li a{
	display: block;
	padding-top: 35px;
	text-align: center;
	padding-bottom: 27px;
}
.banner-pro .pro-list ul li a span{
	display: block;
	font-size: 20px;
	color: #708590;
	line-height: 1;
	margin-bottom: 10px;
}
.banner-pro .pro-list ul li p{
	position: relative;
	line-height: 1;
	font-size: 20px;
	color: #fff;
	height: 64px;
}
.banner-pro .pro-list ul li p::before{
	position: absolute;
	bottom: 0;
	content: "";
	left: 50%;
	display: block;
	margin-left: -19px;
	width: 38px;
	height: 3px;
	background: #fff;
}
.banner-pro .pro-list ul li a:hover{
	background: rgba(255,255,255,.2);
}

.bts{
	text-align: center;
	font-size: 36px;
	color: #333;
}
.bts a{
	color: #333;
}

.ri{
	padding: 56px 0;
}
.ri .content{
	padding-top: 32px;
}
.ri .content ul{
	overflow: hidden;
}
.ri .content ul li{
	float: left;
	width: 240px;
	height: 414px;
	margin-right: 5px;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.ri .content ul li.no{
	margin: 0;
}
.ri .content ul li .box-img{
	display: 240px;
}
.ri .content ul li .box-img img{
	display: block;
	width: 100%;
	height: auto;
}
.ri .content ul li span{
	display: block;
	height: 42px;
	overflow: hidden;
}
.ri .content ul li span a{
	display: block;
	float: left;
	width: 50%;
	line-height: 41px;
	font-size: 15px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
.ri .content ul li span a.cur{
	font-weight: bold;
}
.ri .content ul li .info{
	padding: 16px;
}
.ri .content ul li .info .item{
	line-height: 22px;
	font-size: 14px;
	color: #666;
}
.ri .more a{
	display: block;
	height: 46px;
	line-height: 46px;
	width: 190px;
	margin: 38px auto 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #d41717;
	border-radius: 26px;
}

.zmp{
	background: url(../Default/Img/Index/zmp_bg.jpg) no-repeat center top;
	padding-top: 70px;
	height: 1301px;
	box-sizing: border-box;
	overflow: hidden;
}
.zmp .bts a{
	color: #dc2721;
}
.zmp .content{
	padding-top: 32px;
}
.zmp .content ul{
	overflow: hidden;
}
.zmp .content ul li{
	float: left;
	width: 300px;
	height: 502px;
	margin-right: 6px;
	margin-bottom: 13px;
	background: #fff;
	box-sizing: border-box;
}
.zmp .content ul li.no{
	margin-right: 0;
}
.zmp .content ul li .box-img{
	width: 300px;
}
.zmp .content ul li .box-img img{
	display: block;
	width: 100%;
	height: auto;
}
.zmp .content ul li span{
	display: block;
	height: 42px;
	overflow: hidden;
}
.zmp .content ul li span a{
	display: block;
	float: left;
	width: 50%;
	line-height: 41px;
	font-size: 15px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
.zmp .content ul li span a.cur{
	font-weight: bold;
}
.zmp .content ul li .info{
	padding: 16px;
}
.zmp .content ul li .info .item{
	line-height: 22px;
	font-size: 14px;
	color: #666;
}
.zmp .more a{
	display: block;
	height: 46px;
	line-height: 46px;
	width: 190px;
	margin: 38px auto 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #d41717;
	border-radius: 26px;
}

.ri82{
	padding: 60px 0 100px 0;
}
.ri82 .content{
	padding-top: 32px;
}
.ri82 .content ul{
	overflow: hidden;
}
.ri82 .content ul li{
	float: left;
	width: 300px;
	height: 502px;
	margin-right: 6px;
	margin-bottom: 13px;
	background: #fff;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
}
.ri82 .content ul li.no{
	margin-right: 0;
}
.ri82 .content ul li .box-img{
	width: 300px;
}
.ri82 .content ul li .box-img img{
	display: block;
	width: 100%;
	height: auto;
}
.ri82 .content ul li span{
	display: block;
	height: 42px;
	overflow: hidden;
}
.ri82 .content ul li span a{
	display: block;
	float: left;
	width: 50%;
	line-height: 41px;
	font-size: 15px;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #dcdcdc;
}
.ri82 .content ul li span a.cur{
	font-weight: bold;
}
.ri82 .content ul li .info{
	padding: 16px;
}
.ri82 .content ul li .info .item{
	line-height: 22px;
	font-size: 14px;
	color: #666;
}
.ri82 .more a{
	display: block;
	height: 46px;
	line-height: 46px;
	width: 190px;
	margin: 38px auto 0;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #d41717;
	border-radius: 26px;
}

.proMin{
	position: relative;
	padding: 68px 0;
	background: url(../Default/Img/Index/pro_bg.jpg) repeat-x center top;
}
.proMin .pro-roll{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -610px;
	width: 288px;
	background: #323232;
	padding: 20px 0;
}
.proMin .pro-roll li{
	height: 56px;
	margin-left: -15px;
	line-height: 56px;
	font-size: 18px;
}
.proMin .pro-roll li.cur{
	background: url(../Default/Img/Index/active_ico.png) no-repeat left top;
}
.proMin .pro-roll li a{
	display: block;
	padding-left: 54px;
	line-height: 50px;
	padding-top: 8px;
	color: #fff;
}
.proMin .pro-box{
	margin-top: 68px;
}
.proMin .pro-box dl{
	overflow: hidden;
}
.proMin .pro-box dl dt{
	float: left;
	width: 680px;
}
.proMin .pro-box dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.proMin .pro-box dl dd{
	float: right;
	width: 282px;
	margin-right: 42px;
}
.proMin .pro-box dl dd h4{
	height: 50px;
	margin-bottom: 25px;
	font-size: 22px;
	color: #333;
	font-weight: normal;
	border-bottom: 1px solid #b80c06;
}
.proMin .pro-box dl dd h4 b{
	padding-left: 46px;
}
.proMin .pro-box dl dd p{
	font-size: 16px;
	color: #616161;
	line-height: 30px;
	margin-bottom: 72px;
}
.proMin .pro-box dl dd a{
	display: block;
	height: 40px;
	line-height: 40px;
	width: 120px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #d41717;
	border-radius: 26px;
}
.proMin .pro-box ol{
	overflow: hidden;
}
.proMin .pro-box ol li{
	float: left;
	width: 227px;
	margin-right: 18px;
	border: 1px solid #e5e5e5;
}
.proMin .pro-box ol li img{
	display: block;
	width: 100%;
	height: auto;
}
.proMin .pro-box ol li p{
	text-align: center;
	font-size: 16px;
	line-height: 64px;
	color: #333;
}
.proMin .pro-box ol li.no{
	margin: 0;
}

.cz{
	height: 700px;
	background: url(../Default/Img/Index/cz_bg.jpg) no-repeat center bottom;
}
.bts-child{
	text-align: center;
	line-height: 1;
}
.bts-child a{
	font-size: 36px;
	color: #333;
}
.bts-child b{
	color: #dd2922;
}
.bts-child span{
	display: block;
	padding-top: 15px;
	font-size: 20px;
	font-weight: normal;
	color: #333;
	text-align: center;
}
.cz .content{
	padding-top: 40px;
}
.cz .content ul{
	overflow: hidden;
	padding-top: 10px;
}
.cz .content ul li{
	float: left;
	width: 392px;
	height: 520px;
	margin-right: 20px;
	transition: all ease 0.8s;
}
.cz .content ul li:hover{
	margin-top: -10px;
}
.cz .content ul li.no{
	margin-right: 0;
}

.xl{
	padding: 80px 0 76px 0;
}
.xl .content{
	position: relative;
	margin-top: 36px;
}
.xl .content .xl-ul{
	position: absolute;
	top: 48px;
	right: 0;
	overflow: hidden;
}
.xl .content .xl-ul li {
	float: left;
	width: 190px;
	height: 60px;
	border: 1px solid #a9a9a9;
	border-radius: 35px;
	font-size: 20px;
	color: #333;
	margin-left: 8px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
}
.xl .content .xl-ul li.cur{
	background: #d41717;
	color: #fff;
	border-color: #d41717;
}
.xl .content .xl-min{
	position: relative;
}
.xl .content .xl-min dl{
	
}
.xl .content .xl-min dl dt{
	width: 580px;
	height: 320px;
	margin-bottom: 10px;
}
.xl .content .xl-min dl dt img{
	display: block;
	width: 100%;
	height: auto;
}
.xl .content .xl-min dl dd{
	width: 642px;
	height: 240px;
	background: #d41717;
	padding: 27px;
	box-sizing: border-box;
}
.xl .content .xl-min dl dd h4{
	font-size: 24px;
	color: #fff;
	margin-bottom: 20px;
}
.xl .content .xl-min dl dd p{
	width: 500px;
	font-size: 16px;
	color: #fff;
	line-height: 30px;
}
.xl .content .xl-min .xl-img{
	position:absolute;
	top: 150px;
	right: 0;
	width: 578px;
	height: 421px;
}
.xl .content .xl-min .xl-img img{
	display: block;
	width: 100%;
	height: auto;
}
.xl .content .btns{
	position: absolute;
	top: 428px;
	right: -46px;
	width: 674px;
}
.xl .content .btns .prve,.xl .content .btns .next{
	cursor: pointer;
	width: 24px;
	height: 44px;
}
.xl .content .btns .prve img,.xl .content .btns .next img{
	display: block;
	width: 100%;
	height: auto;
}
.xl .content .btns .prve{
	position: absolute;
	left: 0;
}
.xl .content .btns .next{
	position: absolute;
	right: 0;
}
.abouts{
	height: 730px;
	background: url(../Default/Img/Index/shil_bg.jpg) no-repeat center bottom;
	overflow: hidden;
}
.abouts .content{
	margin-top: 314px;
}
.abouts .content h3{
	width: 550px;
	margin: 0 auto 18px;
	height: auto;
}
.abouts .content h3 img{
	display: block;
	width: 100%;
	height: auto;
}
.abouts .content p{
	padding: 0 138px;
	font-size: 21px;
	color: #fff;
	line-height: 40px;
	text-align: center;
}