*{margin:0px;padding:0px;}
body{font-family: "Microsoft YaHei","微软雅黑","simsun","sans-serif","Hiragino Sans GB","STHeiti",Arial;background-color:#fff;font-size:85%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;position: relative;}
h1,h2,h3,h4,h5,h6,em{font-weight:normal;font-style:normal;}
table,td,tr{border:none;border-collapse:collapse;}
ul,li,ol{list-style:none;}
img,fieldset{border:medium none;display:block;}
img{vertical-align:left;}
a{cursor:pointer;blr:expression(this.onFocus=this.blur());outline:none;}
a:link,a:visited{color:#333;text-decoration:none;}
a:hover,a:active{color:#c5022d;text-decoration:none;}
a.ani{-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.clear{clear:both;width:1px;overflow:hidden;height:0;}
.clearfix{*zoom: 1;}
.clearfix:after{clear: both;display: block;overflow: hidden;height: 0;visibility: hidden;content: ".";}
.hidden{display:none;}
.pull-left,.fl{float: left;}
.pull-right,.fr{float: right;}
.fdn{font-size: 0;text-indent: -999em;line-height: 0;}
.text-overflow{overflow: hidden;white-space: nowrap;-ms-text-overflow: ellipsis;text-overflow: ellipsis;}
h1{display: block;font-size: 0;line-height: 0px;text-indent: -999em;}
/*margin*/
.mt10{margin-top: 10px;} .mt20{margin-top: 20px;}
/* base */
.back .img-area{position: relative;}
.back .img-area p{position: absolute;left: 0;bottom: 0;width: 100%;overflow: hidden;background: url(images/back.png) repeat 0 0;text-align: center;}
.back a{color: #fff;text-decoration: none;}
.abst{font-size: 14px;line-height: 26px;color: #666;}
.abst a{color: #c5022d;}
.news-list li{font-size: 14px;line-height: 34px;color: #333;background: url(images/li.jpg) no-repeat left center;text-indent: 15px;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}

.w1000{
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
}
.col2 .w1000{
	width: 1020px;
}
/* img-change */
.slider-img{width: 1020px;
	margin-top: 88px;
	margin-left: -20px;
	position: relative;
	float: left;}
.slider-img .img-area{position: relative;margin-left: 20px;}
.slider-img .img-area,.slider-img .img-area img{width: 325px;height: 338px;overflow: hidden;}
.slider-img .img-area p{font-size: 20px;line-height: 60px;}
.slider-img.slick-slider .slick-prev,.slider-img.slick-slider .slick-next{width: 47px;height: 105px;position: absolute;top: 50%;margin-top: -105px;font-size: 0;background-image: url(images/arrows.png);background-repeat: no-repeat;cursor: pointer;}
.slider-img .slick-arrow{position: absolute;bottom:0;display: block;width: 30px;height: 50px;background-color: transparent;border: none;font-size: 0;text-indent: -999em;}
.slider-img .slick-arrow.slick-prev{background-position: 0 0;left:0px;}
.slider-img .slick-arrow.slick-next{background-position: -47px 0;right: 0px;}
.slider-img i{
	display: block;
	position: absolute;
	width: 70px;
	height: 70px;
	left: 50%;
	top:50%;
	margin: -35px 0 0 -35px;
	background: url("images/video.png") no-repeat center top;
}
/* lead */
.lead{
	font-size: 25px;
	line-height: 40px;
	text-align: center;
}

/* col1 */
.col1 .hd img{
	margin: 40px auto;
}
.col1 .bd{
	background: #dcf1fd;
	border: 1px solid #e5e5e5;
}
.col1 .bd .abst{
	margin: 30px auto;
	font-size: 16px;
	line-height: 32px;
}
.col1 .abst a{
	color: #d41e47;
}

/* col */
.col .hd h2{
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	color: #d41e47;
	margin: 36px auto;
}

/* col2 */
.col2 .bd{
	width: 100%;
	height: 514px;
	background: url("images/city-bg.jpg") no-repeat center top;
}
.col3 .w1000,.col4 .w1000,.col5 .w1000{
	border: 2px solid #d41e47;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	top: 33px;
	z-index: 8;
}
.col h3{
	width: 315px;
	height: 49px;
	background: #d41e47;
	border-radius: 30px;
	font-size: 22px;
	text-align: center;
	line-height: 49px;
	color: #fff;
	top: 0px;
	position: absolute;
	display: block;
	text-align: center;
	top: 0;
	left: 50%;
	z-index: 999;
	margin-left: -157px;
}
.col .news-item{
	float: left;
	width: 230px;
	min-height: 320px;
	max-height: 320px;
	margin-left: 12px;
	margin-top: 60px;
	border: 2px solid #e5e5e5;
}
.col .news-item img{
	width: 234px;
	height: 244px;
}
.col .block{
	position: relative;
	height: 516px;
	margin-top: 40px;
}
.col .news-item p{
	font-size: 14px;
	line-height: 33px;
	padding:  0 5px;
}

/* pages */
.pages{
	clear: both;
}
/*page*/
.pages{font-size: 0;padding: 25px 0;text-align: center;}
.pages li{display: inline-block;margin: 0 2px;font-size: 16px;line-height: 1;background-color: #fff;border-radius: 50%;}
.pages a{display: block;margin:0 10px;padding: 5px 8px;color: #444;text-decoration: none;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;border-radius: 50%}
.pages a:hover{background-color: #cb1625;border-color: #cb1625;color: #fff;}
.footer{
	margin-top: 100px;}
.pc{
	display: block;
}
.phone{
	display: none;
}

.col1 .bd{
	background: none;
	border: none;
}
.col1 .w1000{
	background: #dcf1fd;
	border: 1px solid #e5e5e5;
}
.col1 .bd .tit{
	font-size: 20px;
	color: #d71e48;
	margin-top: 30px;
	margin-left: 20px;
}
.col1 .bd .abst{
	margin: 15px 20px 0 20px;
	padding-bottom: 20px;
	border-bottom: 2px dashed #d0dfe6;
	text-indent: 2em;
}
.col1 .news-list{
	width: 460px;
	float: left;
	margin: 20px;
}
.col1 .news-list li{
	font-size: 18px;
	background: url(images/li.png) no-repeat left center;
}

@media screen and (max-width:768px){
	.top-nav{display: none;}
	.pc{
		display: none;
	}
	.phone{
		display: block;
	}
	.banner,.banner img{
		width: 100%;
	}
	.lead{
		font-size: 14px;
		line-height: 20px;
	}
	.col1 .hd img{
		width: 50%;
		margin: 20px auto;
	}
	.w1000,.col{
		width: auto;
		margin: 10px;
	}
	.col1 .bd .abst{
		margin: 10px auto;
	}
	.col2 .bd,.slider-img{
		width: 100%;
		background: none;
	}
	.slider-img .img-area, .slider-img .img-area img,.col .news-item img{
		width: 100%;
		height: auto;
	}
	.col2 .bd{
		height: auto;
	}
	.slider-img{
		margin-top: 10px;}
	.col .block{
		position: static;
		height: auto;
	}
	.col h3,.col3 .w1000, .col4 .w1000, .col5 .w1000{
		position: static;
	}
	.col h3{
		width: 180px;
		margin-left: 0;
		margin: 0 auto;
	}
	.col3 .w1000, .col4 .w1000, .col5 .w1000{
		margin-left: 0;
		margin-top: -10px;
	}
	.col .news-item{
		width: 45%;
	}
	.col .news-item{
		min-height: 200px;
		max-height: 200px;
		margin-top: 25px;
	}
	.footer{
		margin-top: 20px;
	}
	.footer img{
		width: 100%;
	}
	.col2 .w1000{
		width: 100%;
	}
	.col1 .news-list{
		width: auto;
		margin: 10px;
		overflow: hidden;
		float: none;
	}
}