@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;}
.you .name{font-size: 48px; color: #0080ff; margin-bottom: 37px;}
.tact1{width: 100%; padding: 15px 0;}
.tact1>img{float: left;}
.tact1>span{float: left; font-size: 20px; color: #999999; margin-left: 20px; line-height: 50px;}
.tact2{padding: 15px 0;}
.tact2 .l{width: 50%;}
.tact2 .l>img{float: left;}
.tact2 .l>span{float: left; font-size: 20px; color: #999999; margin-left: 20px; line-height: 50px;}
.tact2 .r{width: 50%;}
.tact2 .r>img{float: left;}
.tact2 .r>span{float: left; font-size: 20px; color: #999999; margin-left: 20px; line-height: 50px;}
#dituContent{width: 100%; height: 314px; margin-top: 15px;}

@media screen and (max-width: 1200px){
	.zuo{display: none;}
	.you{width: 100%;}
}
@media screen and (max-width: 1000px){
	.contact{padding: 30px 0 30px;}
	.you .name{font-size: 20px; margin-bottom: 10px;}
	.tact1{padding-bottom: 0;}
	.tact1>img{width:13%;}
	.tact1>span{font-size: 16px; width: 84%; line-height: 1.4; margin-left: 0; margin-left: 3%;}
	.tact2 .l{width: 100%; padding-bottom: 15px;}
	.tact2 .l>img{width:13%;}
	.tact2 .l>span{font-size: 16px; width: 84%; line-height: 44px; margin-left: 0; margin-left: 3%;}
	.tact2 .r{width: 100%;}
	.tact2 .r>img{width:13%;}
	.tact2 .r>span{font-size: 16px; width: 84%; line-height: 44px; margin-left: 0; margin-left: 3%;}
}