/*顶部*/
.topbar{background:#F5F5F5; border-bottom:1px solid #EEE; color:#6C6C6C; padding:10px 30px; text-align:right;}
/*底部*/
.main_foot { width:100%;  background: #f4f4f4; overflow: hidden; margin-top:5em;}
.foot {width: 1200px; overflow: hidden; margin:65px auto 40px auto; }
.foot_logo { float: left;   }
.foot ul { float: left; text-align: left; line-height:32px; color:#333;}
.foot ul li { clear: both;}
.foot ul h1 { font-size:18px; color:#222; margin-bottom:5px;}
.foot ul a { color: #333;}
.foot ul a:hover { color: #1D8DFA;}
.foot ul.list1 { width:300px; margin-left:50px; height:200px;}
.foot ul.list2 { width:400px; float: left; margin-left:50px;}
.foot ul.list2 li.newsli{height:32px; overflow:hidden;}
.foot .list2 i { background: url(../images/icon.png) no-repeat;width: 17px;height: 17px; display:inline-block;margin:0px 3px 0 10px; vertical-align:-2px;}
.foot .list2  i.qq {background-position: -386px -29px;}
.foot .list2 .jiaotan{ color:#1D8DFA;}
.foot .list2 .jiaotan:hover{ text-decoration:underline;}
.foot ul.list3 { width:300px; float: right; margin-left:50px;}
 
.foot_bottom {color: #333; text-align:center; clear:both; width:100%; margin:0 auto; padding-top:1em; line-height:1.6em; overflow:hidden; border-top:solid 1px #DEDCDC;}

.foot_bottom a i { background: url(../images/icon.png) no-repeat;width: 23px;height: 19px; display:inline-block; margin: 5px;}


.foot_bottom a i.weibo {background-position: -409px 0;}
.foot_bottom a i.weixin {background-position: -423px -121px;}
.foot_bottom a i.dri {background-position: -409px -29px;}
.foot_bottom a i.blog {background-position: -409px -58px;}
.foot_bottom a i.cool {background-position: -409px -88px;}
.foot_bottom a i.fang { width:15px; background-position: -444px -30px;}
.foot_bottom a i.dou {  width:16px; background-position: -444px -57px;}
.foot_bottom a i.lofter {  width:16px; background-position: -489px -30px;}


/*.foot_bottom a:hover i.weibo {background-position: -360px 0;}
.foot_bottom a:hover i.weixin {background-position: -398px -121px;}
.foot_bottom a:hover i.dri {background-position: -360px -29px;}
.foot_bottom a:hover i.blog {background-position: -360px -58px;}
.foot_bottom a:hover i.cool {background-position: -360px -88px;}
.foot_bottom a:hover i.fang {background-position: -468px -30px;}
.foot_bottom a:hover i.dou {background-position: -467px -57px;}
*/


@media screen and (max-width:1200px){
 
.foot{ width:1000px;}
.foot ul.list1 { width:180px; margin-left:30px;}
 
 
}
 
@media screen and (max-width:1000px){
 
.foot{ width:100%; margin:25px auto 40px auto}
.foot_logo{ float:none; margin:0 auto 20px auto; display:none;}
.foot ul.list1 { width:180px; margin-left:10px;}
 

}
@media (min-width:769px) {
	.topbar{display:none;}
}
@media screen and (max-width:760px){
 
.foot{ width:100%; }
.foot ul h1{ margin-bottom:3px;}
.foot ul.list1 { width:90%; margin:0 auto; float:none;}
.foot ul.list2{ width:90%; margin:0 auto; float:none;}
.foot ul.list3{ width:90%; margin:0 auto; float:none;} 
.main_foot {margin-top:0;}
}
@media screen and (max-width:470px){
.foot ul{ line-height:28px;}
.foot{ margin:25px auto 30px auto;}
 .foot ul.list1 { width:90%; margin:0 5%; height:180px;}
 .foot ul.list2{ width:90%; margin:0 auto; float:none;}
 .foot ul.list3{ width:90%; margin:0 auto; float:none;} 
}

.theme-mask{z-index:10000;position:fixed; _position:absolute;left:0;top:0;width:100%;height:100%;background:#000;opacity:0.5;filter:alpha(opacity=50);-moz-opacity:0.5; display:none; }
.popover1{ width:360px; height:400px; z-index:100001; position:fixed; top:50%;left:50%; background:#fff; margin:-200px 0 0 -180px;   box-shadow:1px 1px 6px 3px rgba(0,0,0,.2); display:none; text-align:center;}
.popover1 dl{ margin-top:60px; font-size:14px; color:#333; line-height:40px;}
.popover1 dl a{ width:110px; height:40px; background:#24b728; color:#fff; display:inline-block; border-radius:2px; font-size:14px;}