@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>div{width: 100%; height: 56px; line-height: 56px; border:1px solid #eeeeee; box-sizing: border-box;
	margin-bottom: 11px;}
.wskh>div>p{font-size: 18px; color: #0080ff; float: left; padding-left: 20px;}
.wskh>div>a{float: right; font-size: 18px; color: #999999; margin-right: 20px; transition: .5s;}
.wskh>div>a:hover{color: #0080ff;}
.wskh>li{width: 100%; height: 56px; line-height: 56px; border:1px solid #eeeeee; box-sizing: border-box;
	margin-bottom: 11px; font-size: 18px; padding: 0 20px; overflow: hidden; text-overflow: ellipsis;
	white-space: nowrap;}
.wskh>li>a{color: #999999; transition: .5s;}
.wskh>li>a:hover{color: #0080ff;}

@media screen and (max-width: 1200px){
	.zuo{display: none;}
	.you{width: 100%;}
}
@media screen and (max-width: 1000px){
	.contact{padding: 30px 0 30px;}
	.wskh>div{height: 45px; line-height: 45px;}
	.wskh>div>p{padding-left: 10px; font-size: 16px;}
	.wskh>div>a{font-size: 14px; margin-right: 10px;}
	.wskh>li{height: 45px; line-height: 45px; font-size: 16px; padding: 0 10px;}
}