@charset "utf-8";

@media (max-width:1199px) {
body{min-width:360px;}
.container{width:auto;}
.module-main{margin-right:-10px; margin-left:-10px;}
.module-box{margin-right:10px; margin-left:10px;}
.mb{margin-bottom:20px;}
.mt{margin-top:20px;}

.header .inHead{padding-right:15px; padding-left:15px;}
.footer .footer-link-menu{padding-right:5px; padding-left:5px;}
.footer .footer-link-menu ul{margin-right:-2px; margin-left:-2px;}
.footer .footer-link-menu ul li.on{height:42px;}
.footer .footer-link-menu ul li a{margin-right:2px; margin-left:2px; padding-right:5px; padding-left:5px;}
.footer .footer-link-menu ul li a:after{right:5px;}
.footer .footer-link-content{margin-right:5px; margin-left:5px;}
.footer .footer-grid .biaozhi{right:15px;}
.footer .footer-grid .bqxx{margin-left:-2px;}
}

@media (max-width:991px) {

.mt{margin-top:15px;}
.mb{margin-bottom:15px;}
.crumb{background-color:#ededed; margin:0;}
.pagediv{padding:15px 0;}

.module-main{margin-right:-8px; margin-left:-7px;}
.module-box{margin-right:8px; margin-left:7px;}
.menu-icons{margin-right:-8px; margin-left:-7px;}
.menu-icons li a{margin:15px 8px 0 7px; padding:10px 15px;}
.menu-icons li a:before{margin-right:15px;}
.common-pic-mode ul{margin-right:-8px; margin-left:-7px;}
.common-pic-mode ul li a{margin:0 8px 15px 7px;}
.mainBox{margin-top:15px; margin-right:15px; margin-left:15px;}

.crumb dl dt{left:10px;}
.crumb dl dd{margin-left:30px;}

.header{height:auto;}
.header .top-bar{padding-right:15px; padding-left:15px;}
.header .logo{float:none; padding:30px 0; text-align:center;}
.header .search{position:static; margin:0 0 15px; width:auto;}
.header-menu{position:static; background-color:#1369c0;}
.header-menu .container .mainnav{margin-left:0;}
.header-menu .mainnav{width:auto;}
.header-menu .mainnav li:before{position:absolute; top:50%; left:0; content:""; margin-top:-8px; width:1px; height:16px; background-color:rgba(255,255,255,.52); border:none;}
.header-menu .mainnav li a{font-size:1.0625em;}
.header-menu .mainnav li a:before{width:30px; height:30px; margin-right:5px; background-image:url(../images/public/header_mainnav_icons_min.png);}
.header-menu .mainnav li.navli0:before{content:normal;}
.header-menu .mainnav li.navli1 a:before{background-position:0 -30px;}
.header-menu .mainnav li.navli2 a:before{background-position:0 -60px;}
.header-menu .mainnav li.navli3 a:before{background-position:0 -90px;}
.header-menu .mainnav li.navli4 a:before{background-position:0 -120px;}
.header-menu .mainnav li.navli5 a:before{background-position:0 -150px;}
.header-menu .mainnav li.navli6 a:before{background-position:0 -180px;}
.header-menu .mainnav li>a{line-height:50px; color:#fff; font-weight:bold;}
.header-menu .mainnav li.hover>a,
.header-menu .mainnav li>a:hover{color:#fff; background-color:rgba(255,255,255,.2);}
.footer .footer-link{display:none;}
.footer .footer-grid{padding:0 0 20px; text-align:center;}
.footer .footer-grid .menu{position:static; width:auto;}
.footer .footer-grid .menu dt{display:none;}
.footer .footer-grid .menu dd{padding-bottom:10px;}
.footer .footer-grid .bqxx{text-align:center;}
.footer .footer-grid .biaozhi{position:static; display:inline-block; margin-top:10px; width:auto;}
.footer .footer-grid .biaozhi span{display:inline-block; vertical-align:middle; padding-left:0;}


.rel-appendixs h3{padding:20px 0 5px;}

.module-main{margin-right:0; margin-left:0;}
.module-box{margin-right:0; margin-left:0;}
.module-span3{float:none; width:auto;}
.module-span6{float:none; width:auto;}
.module-span4{float:none; width:auto;}
.module-span8{float:none; width:auto;}

.common-head .hd li{font-size:1.125em;}
.common-head .menu1 li{padding-bottom:13px;}
.common-head .menu1 li.on{padding-bottom:10px;}
.common-head .menu1 li.current{padding-bottom:10px;}
.common-title .currentName{font-size:1.125em;}

.infoList li h4{font-size:1em;}
.otherList .infoList li h4{padding-right:100px; text-align:left;}
.otherList .infoList li h4 a{float:left; max-width:100%; line-height:1.8em; white-space:nowrap;}
.otherList .infoList li h4 .time{position:absolute; float:none; margin-top:-.9em; line-height:1.8em;}

}


/* xs mobile*/
@media (max-width: 768px) {
body{font-size:15px;}
.header .top-bar dl dt{display:none;}
.header-menu .mainnav{padding:2px 0;}
.header-menu .mainnav li{width:33.33333% !important;}
.header-menu .mainnav li>a{padding-top:0; margin:0 2px; height:auto; line-height:35px;}
.header-menu .mainnav li.navli3:before{content:normal;}
.header-menu .mainnav li.navli6{display:none;}
.footer .footer-grid .menu dd{padding-top:15px;}
.footer .footer-select{display:none;}

.common-pic-mode ul li a p.pic{height:168px !important;}
}

@media (max-width:680px) {

.common-pic-mode ul li{width:50% !important;}
.common-pic-mode ul li a p.pic{height:208px !important;}
}

@media (max-width:640px) {
.common-more{display:none;}

.common-pic-mode ul li a p.pic{height:180px !important;}
}

@media (max-width: 480px) {
body{font-size:14px;}
.common-head.free{margin-left:-1%;}
.common-head.free .menu2{float:none;}
.common-head.free .menu2 li{padding-right:0; padding-left:0; width:49%; margin-left:1%;}

.common-pic-mode ul li a p.pic{height:150px !important;}
.common-pic-mode ul li span.txtbg{height:35px;}
.common-pic-mode ul li span.txt{line-height:35px;}
.common-pic-mode ul li p.pic .shadow{width:40px; height:40px; margin-top:-20px; margin-left:-20px;}
.common-pic-mode ul li p.pic i{width:12px; height:14px;  margin-top:-7px; margin-left:-6px;}
}

@media (max-width: 400px) {
.infoList.fileList li h4 a font{float:none; white-space:normal; max-width:100%;}
.infoList.fileList li .Icon{float:none; display:inline-block; vertical-align:middle;}
.infoList li h4{padding-right:0 !important;}
.infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
.infoList li h4 .time{position:static !important;}

.common-pic-mode ul li a p.pic{height:120px !important;}
}

@media (max-width: 320px){

.common-pic-mode ul li{width:100% !important;}
.common-pic-mode ul li a p.pic{height:auto !important;}
}





