@charset "utf-8";
/* CSS Document */
.banner{background: url(../images/news_banner.jpg) no-repeat center; width: 100%; height: 363px; 
	background-size: cover;}
.about{padding: 75px 0 59px 0; position: relative;}
.news_tab{padding-bottom: 60px; width: 411px; margin:0 auto;}
.news_tab li{float: left; height: 24px; padding: 8px 15px; font-size: 18px; color: #595757; cursor: pointer;}
.news_tab>div{float: left; margin-top:12px; width: 1px; height: 20px; background-color: #595757;}
.tab_bg{background-color: #4c88de; color: #fff!important;}
.logo_bg1{position: absolute; top: 270px; right: 50px;}
.tit_cn{font-size: 50px; color: #000; text-align: center;}
.tit_en{font-size: 24px; color: #6b6b6b; text-align: center; text-transform: uppercase; padding-bottom: 30px;}
.line{width: 64px; height: 2px; background-color: #4284e2; margin:0 auto;}
.news .list{padding: 41px 0; border-bottom:1px dashed #cacaca;}
.news .list .img{width: 282px; height: 182px; overflow: hidden;}
.news .list .img img{width: 100%;}
.news .list .r{width: 880px; position: relative;}
.news .list .r .tit{font-size: 19px;}
.news .list .r .tit a{float: left; color: #666666;}
.news .list .r .tit span{float: right; text-align: right; font-size: 12px;}
.news .list .r .newsline{width: 40px; height: 2px; background-color: #4284e2; margin-top:30px; margin-bottom: 30px;}
.news .list .r .newsnr{font-size: 14px; line-height: 30px; height: 90px; overflow : hidden; text-overflow: ellipsis;
	display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}
.news .list .r .newsnr a{ color: #666666;}
.news .list .r .time{width: 125px; border:1px solid #4284e0; text-align: center; padding: 20px 0; position: absolute;
	right: 0; top:40px; opacity: 0; transition: .2s;}
.news .list .r .time p{font-size: 32px; color: #4284e0;}
.news .list:hover .r .tit a{color: #4c88de;}
.news .list:hover .r .tit span{display: none;}
.news .list:hover .r .newsnr a{color: #000;}
.news .list:hover .r .newsnr{width: 726px;}
.news .list:hover .r .time{opacity: 1; transition: .2s;}
.page{padding-top: 37px; width: 282px; margin:0 auto;}
.page a{width: 113px; height: 43px; background-color: #4284e0; border-radius: 30px; line-height: 43px;
	text-align: center; font-size: 16px; color: #fff;}
@media screen and (max-width: 1440px){
    .logo_bg1{width: 400px; right: 0;}
}
@media screen and (max-width: 800px){
	.news_tab{display: none;}
	.about{padding: 30px 0;}
	.tit_cn{font-size: 18px;}
	.tit_en{font-size: 12px; padding-bottom: 20px;}
	.line{width: 40px;}
	.news{padding-top: 20px;}
	.news .list{padding: 10px 0;}
	.news .list .img{width: 30%; height: auto;}
	.news .list .r{width: 68%;}
	.news .list .r .tit{font-size: 14px; width: 90%; overflow: hidden; text-overflow:ellipsis;
		white-space: nowrap;}
	.news .list .r .tit span{display: none;}
	.news .list .r .newsline{display: none;}
	.news .list .r .time{display: none;}
	.news .list .r .newsnr{-webkit-line-clamp:2; font-size: 12px; height: 40px; line-height: 20px; 
		padding-top: 6px;}
	.news .list:hover .r .newsnr{width: 100%;}
	.page{width: 100%; padding-top: 30px;}
	.page a{width: 94px; height: 30px; line-height: 30px; font-size: 14px;}
	.wap_banner{background: url(../images/wap_news_banner.png) no-repeat center; background-size: cover;
		width: 100%; height: 160px;}
}
@media screen and (max-width: 320px){
	.news .list .r .newsnr{line-height: 16px; height: 32px; padding-top: 2px;}
}