@charset "utf-8";
/* CSS Document */
.w_1200{  width:1200px;  margin:0 auto;}
.footbox{ width:100%; background:#565a5d; overflow:hidden; padding-bottom:20px;}

.yqlj{ height:auto; background:#565a5d; width:100%; overflow:hidden;}
.yqlj_bt{ background:#4e5358;  height:50px;  overflow:hidden;}
.yqlj ul li{ line-height:50px; float:left; width:25%; text-align:center;}
.yqlj ul li a{  background: url(tp5_1.jpg) no-repeat right center; color:#fff; padding-right:20px;}
.yqlj ul li.on a{ background: url(tp6_1.jpg) no-repeat right center;  color:#FF6B07;}
.yqlj_nr{ overflow:hidden;}
.yqlj_nr div{ padding:10px 20px; }
.yqlj_nr div a{color:#fff; line-height:40px; width:16.6%; display:block; float:left; padding-left:2%;}
.yqlj_nr div a:hover{ color:#FF6B07;}

.foot{ padding:20px 0; position:relative;}	

.foot .div_1{ width:610px; margin:0 auto;}
.foot .div_1 p{ line-height:30px; text-align:center; color:#bdbdbd;}
.foot .div_1 p a{color:#bdbdbd;}
.foot .div_2{ position:absolute; left:85px; top:25px; z-index:3;}
.foot .div_3{ position:absolute; right:15px; top:35px; z-index:3;}

.foot .div_4{ border-top:1px solid #6b6b6b; padding-top:15px;color:#bdbdbd; margin-top:20px; clear:both; text-align:center;}
.foot .div_4 a{color:#bdbdbd; margin:0 8px;}


.fc{top: 372px;position:fixed;z-index:999; width:41px;}
.fc .zk{ height:41px; width:41px;  background: url(tp12_1.jpg) no-repeat; margin-bottom:2px; cursor:pointer;}
.fc .sq{height:41px; width:41px;  background: url(tp13_1.jpg) no-repeat; }
.fc ul li{ position:relative; height:41px; margin-bottom:2px;}
.fc ul li div{ position:absolute; right:41px; top:0; height:41px; z-index:9; color:#fff; line-height:41px; background:#4ecfff; width:0px;  transition: width 0.3s ease 0s; overflow:hidden;}
.fc ul li:hover div{ width:100px; padding:0 10px; }
.fc .wx{ height:41px; margin-top:2px; position:relative;}
.fc .wx .ewm{ position:absolute; right:41px; top:-78px; z-index:9;width:120px; display:none;}
.fc .wx .ewm img{ width:120px; height:120px;}
.fc .wx:hover .ewm{ display:block;}



@media screen and (max-width: 1024px) {
	
	.foot{ padding:10px;}
	.yqlj_nr div a{ width:25%;}
	.foot .div_2{ position:relative; text-align:center; left:0; top:0;}
	.foot .div_3{ position:relative; text-align:center;left:0; top:0;}
	.fc{ display:none;}
}

@media screen and (max-width: 520px) {
	.yqlj ul li{  width:50%;}
	.yqlj_nr div a{ width:50%;}
}