body{
	font-family: "Microsoft YaHei"; font-size: 16px; line-height: 1.75; 
}
a{
	color: #333;
}
a:hover{
	color: #00b6f0;
}
#back-to-top{
	position:fixed; bottom:10px; right:10px; z-index:5;
}
#back-to-top a{
	text-align:center; text-decoration:none; display:block; width:50px;
}
#back-to-top a span{
	border-radius:6px; display:block; height:50px; width:50px; margin-bottom:5px; background:#000;
}

/*+++++++++++++++++++++ header +++++++++++++++++++++*/
.header{
	background: url(../images/header_bg.jpg) top no-repeat #08429d; min-width: 1240px; 
}
.logo{
	background: url(../images/logo.png) top/contain no-repeat; width: 195px; height: 39px; position: absolute; top:10px; left: 10px;
}
.topic{ 
	min-width: 1240px; height: 320px; margin:0 auto; box-sizing: border-box; padding-top: 30px; text-align: center;
}
.topic img{ 
	width: 455px; height: auto; 
}
/*+++++++++++++++++++++ footer +++++++++++++++++++++*/
.footer{
	width: 100%; text-align: center; padding: 30px 0 0;
}
.copyright{
	width: 100%; margin: 0 auto; text-align:center;
}
.spv_list{
	margin:5px; font-size:13px;
}
.spv_list p{
	line-height:1.5em; margin-bottom:.5em;
}
.spv_list span{
	display: inline-block; color:#666;
}
/*+++++++++++++++++++++ container +++++++++++++++++++++*/
.wrapper{
	background: url(../images/wrapper.jpg) top no-repeat; min-width: 1240px; padding-top: 30px;
}
.container{
	width: 1180px; margin: 0 auto; padding: 30px; box-shadow: 0 0 10px rgba(91, 91, 91, 0.4); background: #fff;
}
.picholder{
	position: relative; overflow: hidden; font-size:1.25rem;
}
.picholder .pic{
	width: 100%; height: 100%; overflow: hidden;
}
.picholder .pic img{
	display: block; width:100%; height:100%; background: #ddd; transition:all .3s cubic-bezier(.165,.84,.44,1); transform: scale(1)
}
.picholder .pic .img{
	transition:all .3s cubic-bezier(.165,.84,.44,1); transform: scale(1)
}
.picholder .pic img:hover,
.picholder .pic .img:hover{
	transform: scale(1.05);
}
.picholder .tit{
	position:absolute; text-align: center; color:#fff; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr="#7F000000", endColorstr="#7F000000"); width:100%;line-height:2em; overflow:hidden; position: absolute;  bottom:0px;
}
:root .picholder .tit{
	filter:none;background-color:rgba(0,0,0,0.6);
}
.picholder a{
	color: #fff;
}
.news-main{
	margin-bottom: 30px;
}
.news-main-slider{
	width:580px; height:330px; position:relative; overflow:hidden;
}
.news-main-slider .swiper-wrapper{
	width:100%; height:100%;
}
.news-main-slider .swiper-wrapper .swiper-slide{ 
	position:relative;
}
.news-main-slider .swiper-wrapper .swiper-slide .pic img{
	width:580px; height:330px;  background:#ddd; transform: scale(1); transition: .3s ease-in-out;
}
.news-main-slider .swiper-wrapper .swiper-slide .pic img:hover{
	transform: scale(1.05);
}
.news-main-slider .swiper-wrapper .swiper-slide .title{
	width:100%; box-sizing: border-box; left:0; bottom:-3em; position:absolute; z-index:2; font-size: 1.25rem; height: 3em; line-height: 3em; padding-left: 1em; background: rgba(0,0,0,0.6); transition:all .8s .8s;
}
.news-main-slider .swiper-wrapper .swiper-slide .title a{
	color:#fff;
}
.news-main-slider .swiper-wrapper .swiper-slide.swiper-slide-active .title{
	transform: translateY(-100%);
}
.news-main-slider .swiper-pagination{
	text-align:right; padding-right: 20px; box-sizing: border-box; bottom: 15px;
}
.news-main-slider .swiper-pagination .swiper-pagination-bullet{
	width: 15px; height: 15px; background: #fff; opacity: 0.8; border-radius: 0;
}
.news-main-slider .swiper-pagination .swiper-pagination-bullet-active{
	background: #00b6f0; opacity: 1;
}
.news-main-right{
	width: 570px;
}
.news-main-top{
	border-bottom: 1px solid #ddd; height: 160px; padding-bottom: 10px; margin-bottom: 10px;
}
.news-main-top h1{
	font-size: 28px; color: #4c4c4c; line-height: 1.25em; margin-bottom: .5em;
}
.news-main-top p{
	color: #999; font-size: 14px; line-height: 1.5em;
}
.newslist-1 li{
	width: 100%; overflow: hidden; line-height: 2em; text-overflow: ellipsis; white-space: nowrap;
}
.newslist-1 li::before{
	content: ""; background: #f33; display: inline-block; width: 8px; height: 8px; border-radius: 50%; margin-right: 10px; vertical-align: middle;
}
.newslist-1 li .time{
	color: #999; float: right; font-size: 14px;
}
.newslist-1 li a{
	color: #333;
}
.newslist-1 li a:hover{
	color: #00b6f0;
}
.more{
	display: inline-block; color: #00b6f0; font-size: 1rem;
}
.column-left{
	width: 880px; float: left;
}
.column-title{
	height: 50px; line-height: 50px; text-align: center; font-size: 24px; color: #fff; letter-spacing: 2px; font-weight: bold;
}
.column-left .column-title{
	background: url(../images/title_bg_1.png) center no-repeat;
}
.column-left .column-title span{
	position: relative; padding-left: 1.6em;
}
.column-left .column-title span::after{
	content: ""; background: url(../images/title_icon_1.png) center no-repeat; background-size: contain; position: absolute; left: 0; top:0; width: 1.2em; height: 1.2em;
}
.column-left .column-con{
	width: 880px; overflow: hidden;
}
.news-pic-list li{
	float: left; width: 425px; position: relative; margin-top: 30px; zoom:1
}
.news-pic-list li:nth-child(even){
	float: right;
}
.news-pic-list li:after{display:block;clear:both;content:"";visibility:hidden;height:0} 
.news-pic-list li .pic{
	float: left; width: 220px; height: 125px; background-color: #ddd; overflow: hidden;
}
.news-pic-list li .pic img{
	width: 100%; height: 100%; display: block; transition:all .3s cubic-bezier(.165,.84,.44,1); transform: scale(1)
}
.news-pic-list li .title{
	width: 180px; float: right; font-weight: bold;
}
.news-pic-list li .detail{
	position: absolute; bottom: 5px; left: 245px; background-color: #72acdc; color: #fff; border-radius: 30px; padding: 0 1em; font-size: 14px;
}

.news-pic-list li:hover .pic img{
	transform: scale(1.05);
}
.column-right{
	width: 280px; float: right;
}
.column-right .column-title{
	background: url(../images/title_bg_2.png) center no-repeat; 
}
.newslist-2{
	padding: 30px 0 0;
}
.newslist-2 li{
	width: 100%; overflow: hidden; line-height: 1.75em; text-overflow: ellipsis; white-space: nowrap; 
}
.newslist-2 li::before{
	content: ""; background: #f33; display: inline-block; width: 5px; height: 5px; border-radius: 50%; margin-right: 5px; vertical-align: middle;
}
.link-list{
	padding-top:10px;
}
.link-list li{
	width: 100%; margin-top:5px;
}
.link-list li img{
	width: 100%; height: auto; display: block;
}
/*mobile*/
@media screen and (max-width: 735px) {
	*{
		-webkit-tap-highlight-color: transparent;
		-webkit-touch-callout: none;
		-webkit-user-select: none;
	}
	body{
		font-size: 14px; 
	}
	.header,
	.wrapper,
	.container,
	.topic,
	.copyright,
	.container{
		min-width: auto; width: 100%; overflow: hidden;
	}
	.wrapper{
		background-size: 100% auto; padding-top: 3vw;
	}
	/*+++++++++++++++++++++ header +++++++++++++++++++++*/
	.header{
		height: 60vw; padding:0; background-size: cover;
	}
	.topic{
		padding-top: 5vw; height: auto; 
	}
	.topic img{ 
		width: 90vw; height: auto; 
	}
	/*+++++++++++++++++++++ footer +++++++++++++++++++++*/
	.copyright { 
		height: 36px; overflow:hidden; padding:0;
	}
	/*+++++++++++++++++++++ container +++++++++++++++++++++*/
	.container_bg{
		margin:0 2vw; width: 96vw;
	}
	.container{
		padding: 3vw; box-sizing: border-box;
	}
	.news-main{
		margin-bottom: 0;
	}
	.news-main-slider{
		width:90vw; height:52vw; position:relative; overflow:hidden; margin: 0 auto; float: none;
	}
	.news-main-slider .swiper-wrapper .swiper-slide .pic img{
		width:90vw; height:52vw; background:#ddd; transform: scale(1); transition: .3s ease-in-out;
	}
	.news-main-slider .swiper-wrapper .swiper-slide .title{
		font-size: 15px; line-height: 1.2em; height: 3.2em; bottom: -3.2em; padding: 0 1em; display: flex; align-items: center; 
	}	
	.news-main-slider .swiper-pagination{
		padding-right: 1vw; bottom: -1px;
	}
	.news-main-slider .swiper-pagination .swiper-pagination-bullet{
		width: 10px; height: 10px; 
	}
	.news-main-right{
		float: none; width: 100%;
	}
	.news-main-top{
		padding-bottom: 10px; margin-bottom: 10px; padding: 3vw 0; height: auto;
	}
	.news-main-top h1{
		font-size: 20px; text-align: center; line-height: 1.5em;
	}
	.news-main-top p{
		color: #999; font-size: 14px;
	}
	.newslist-1 li{
		width: 100%; overflow: hidden; font-size: 16px;
	}
	.newslist-1 li .time{
		display: none;
	}
	.column-left,.column-right{
		width: 100%; float: none; margin-top: 20px;
	}
	.column-left .column-title, 
	.column-right .column-title{
		background: url(../images/title_bg_2.png) center/120% auto no-repeat; border-radius: 10px;
	}
	.column-left .column-con{
		width:100%
	}
	.news-pic-list li{
		float: none; width: 100%; margin-top: 20px; font-size: 14px;
	}
	.news-pic-list li:nth-child(even){
		float: none;
	}
	.news-pic-list li .pic{
		width: 55vw; height: 35vw; background-color: #ddd;
	}
	.news-pic-list li .title{
		width: 32vw;
	}
	.news-pic-list li .detail{
		bottom: 5px; left: 58vw; 
	}
	.newslist-2{
		padding: 15px 0 0; 
	}
	.newslist-2 li{
		font-size: 16px; line-height: 2;
	}
	.link-list{
		padding: 0 5vw 5vw;
	}
}