﻿/*顶部*/
.topbar{background:#F5F5F5; border-bottom:1px solid #EEE; color:#6C6C6C; padding:10px 30px; text-align:right;}
/*底部*/
.main_foot { width:100%;  background: #EEE; overflow: hidden; padding-bottom:20px; 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 h1 { font-size:18px; color:#222; margin-bottom:5px;}
.foot ul a { color: #333;}
.foot ul a:hover { color: #1D8DFA;}
.foot ul.list1 { width:25%;}

.foot ul.list1 li{width:45%; float:left; margin:0 0 12px 8px; display:inline;}
.foot ul.list1 li.title{width:100%;}
.foot ul.list1 li a{height:1.8em; line-height:1.8em; display:block; text-align:center; font-size:15px; border:solid 1px #006186; border-radius:3px;}
.foot ul.list1 li a:hover{background:#006186; color:#FFF}

.foot ul.list2 { width:40%; float: left; margin-left:60px;}
.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:25%; float:right;}

.foot ul.list3 .qqlink a{color:#06C;}
 
.foot_bottom {color: #333; text-align:center; clear:both; width:100%; margin:0 auto; padding-top:2em; 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%; height:230px; margin:0 auto; float:none;}
.foot ul.list2{ width:90%; margin:0 auto 24px auto; float:none;}
.foot ul.list3{ width:90%; margin:0 auto; float:none;}

.foot ul.list1 li{width:47%; float:left; margin:0 0 12px 8px; display:inline;}
 
.main_foot {margin-top:0;}
.foot_bottom span{display:block;}
}
@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%;}
 .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;}