@charset "utf-8";
/* CSS Document */
/*!
 * Author:mu
 * Date: 2018-09-27
 * 
 */
/* 顶部导航
--------------------------------------------------*/
#topHeader { height: 32px; text-align: center; background: #680216; }
#topHeader .top { width: 1000px; margin: 0 auto; height: inherit; }
#topHeader a { float: left; height: 32px; line-height: 32px; color: #000; margin: 0 10px; font-size: 12px; color:#fff}
#topHeader a:hover { color: #fca22c!important; }
/*底部*/
.footer { padding: 15px 0; background: url(http://www.xinhuanet.com/city/zt/jswdzgmljx/static/imgs/bg_footer.png) repeat; text-align: center; margin-top: 20px; }
.footer p { font-family: "微软雅黑"; font-size: 14px; color: #333; line-height: 20px; }
/*banner*/
.banner{background-image: url(http://www.xinhuanet.com/city/zt/jswdzgmljx/static/imgs/banner.png);height: 500px; margin: 0 auto; background-repeat:no-repeat; background-position:center;}
/*导航*/
.nav_box { width: 100%; height: 60px; background-color:#680216; margin-bottom:10px;}
.nav_list { width: 1000px; height: 60px; margin: 0 auto; list-style: none;}
.nav_list li {float: left;   font-size: 18px;   color: #fff;    line-height: 60px;    text-align: center;    cursor: pointer; font-family: "微软雅黑";}
.nav_list li a {color: #fff; padding:20px 35px;}
.nav_list li a:hover{ background-color:#de092a;}
.nav_list li .selected { background-color: #f26520; cursor: pointer; color: #fff; }
* { font-family:"微软雅黑"; }
.domPC { display: block !important; }
.domMobile { display: none !important; }
a:active, a:hover { color: #ff9724!important; }
.content { width: 1000px; height: auto; margin: 0 auto; }
/*END*/
.xh-fall-fallTitle { border-bottom: 1px solid #d8d8d8; overflow: hidden; margin: 20px 0; }
.xh-fall-fallTitle h2 { font-size: 26px; color: #aa0000; line-height: 50px; float: left; border-bottom: 3px solid #aa0000; padding: 0 10px; }
.xpage-content li { padding: 15px 0 17px 0; border-bottom: 1px solid #ededed; overflow: hidden; position: relative; }
.xpage-content li h3 { float: left; margin-bottom: 0; width: 85%; }
.xpage-content li h3 a { display: inline-block; line-height: 30px; overflow: hidden; font-size: 18px; font-weight: bold; color: #333333; }
.xpage-content li .it{ float: right; color: #999; font-size: 12px; line-height: 14px; padding:0 5px; text-align: right; }
.xpage-more-btn { width: 100px; text-align: center; margin-left: auto; margin-right: auto; border: 1px solid #bbb; background: #eee; line-height: 2em; border-radius: 0.5em; cursor: pointer; margin-top: 30px; margin-bottom: 50px; }
.xpage-more-btn:hover { background: #ddd; }
.xpage-more-btn:active { background: #ccc; }
.slect_box { width: 1200px; height: auto; margin: 0 auto; position: relative; }
.slect { position: absolute; right: 70px; top: 165px; border: none; outline: none; width: 110px; cursor: pointer; font-size: 18px; }
@media only screen and (max-width: 720px), only screen and (max-device-width:720px) {
html, body { font-size: 19.2px; }
}
 @media only screen and (max-width: 640px), only screen and (max-device-width:640px) {
html, body { font-size: 17.066666666666666px; }
}
 @media only screen and (max-width: 600px), only screen and (max-device-width:600px) {
html, body { font-size: 16px; }
}
 @media only screen and (max-width: 540px), only screen and (max-device-width:540px) {
html, body { font-size: 14.399999999999999px; }
}
 @media only screen and (max-width: 480px), only screen and (max-device-width:480px) {
html, body { font-size: 12.8px; }
}
 @media only screen and (max-width: 414px), only screen and (max-device-width:414px) {
html, body { font-size: 11.040000000000001px; }
}
 @media only screen and (max-width: 400px), only screen and (max-device-width:400px) {
html, body { font-size: 10.666666666666666px; }
}
 @media only screen and (max-width: 375px), only screen and (max-device-width:375px) {
html, body { font-size: 10px; }
}
 @media only screen and (max-width: 360px), only screen and (max-device-width:360px) {
html, body { font-size: 9.6px; }
}
 @media only screen and (max-width: 320px), only screen and (max-device-width:320px) {
html, body { font-size: 8.533333333333333px; }
}
 @media only screen and (max-width: 240px), only screen and (max-device-width:240px) {
html, body { font-size: 6.4px; }
}
@media screen and (min-width:0px) and (max-width: 767px) {
.domPC { display: none !important; }
.domMobile { display: block !important; }
.mb_banner img { width:100%; height:auto; }
.footer p { color: #fff; line-height: 20px; font-size: 1em; }
.content { width: 100%; height: auto; margin: 0 auto; }
.xpage-container { width: 95%; margin: 0 auto; }
.xpage-content li h3 { float: left; margin-bottom: 0; width: 100%; }
.footer { margin-top: 50px; }
}