@charset "utf-8";
/* CSS Document*/
.banner img{display: block;}
.zuo{width: 260px;}
.zuo>div{width: 100%; height: 77px; background-color: #0080ff; font-size: 28px; color: #ffffff;
	text-align: center; line-height: 77px; margin-bottom: 9px;}
.zuo>ul{border: 1px solid #eeeeee;}
.zuo>ul>li{font-size: 20px; width: 100%; border-bottom: 1px solid #eeeeee; box-sizing: border-box;
	height: 56px; line-height: 56px; text-align: center;}
.zuo>ul>li>a{color: #999999; display: block; width: 100%; height: 100%; transition: .5s;}
.zuo>ul>li>a:hover{color: #0080ff;}
.bgcolor{background-color: #f7f7f7; border-left: 10px solid #0080ff;}
.color{color: #0080ff!important; margin-left: -5px;}
.contact{padding-top: 70px; padding-bottom: 60px;}
.you{width: 898px;}
.wskh>li{width: 100%; height: 56px; line-height: 56px; border:1px solid #eeeeee; box-sizing: border-box;
	margin-bottom: 11px; padding: 0 20px; }
.wskh>li>.bt{font-size: 18px; color: #999999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
	transition: .5s; width: 82%; transition: .5s;}
.wskh>li>.time{font-size: 18px; color: #999999;}
.wskh>li>.bt:hover{color: #0080ff;}
.pagination{padding-top: 40px;}
.pagination li{float: left;}
.pagination a, .pagination span{width: 38px; height: 38px; line-height: 38px; background-color: #f7f7f7;
	font-size: 20px; padding: 0; text-align: center; border-radius: 0; font-size: 20px; color: #666666;}
.active span{color: #ffffff; background-color: #0080ff;}

@media screen and (max-width: 1200px){
	.zuo{display: none;}
	.you{width: 100%;}
}
@media screen and (max-width: 1000px){
	.contact{padding: 30px 0;}
	.wskh>li{height: 45px; line-height: 45px; padding: 0 10px;}
	.wskh>li>.bt{font-size: 16px; width: 72%;}
	.wskh>li>.time{font-size: 14px;}
	.pagination{padding: 20px 0 0;}
	.pagination a, .pagination span{width: 35px; height: 35px; line-height: 35px; font-size: 16px;
		margin-right: 5px;}
}