@media screen and (min-width: 660px) {
.icon-xs-mainnav{ display:block; width:51px; height:39px; position:absolute; right:18px; top:30px; float:right; cursor:pointer;  background:url(../img/nav.png) no-repeat; background-size:contain;  }
.icon-xs-mainnav.ms{ background-image:url(../img/navx.png);}
.mxs_btn a{float:left;}	
}
@media screen and (max-width: 660px) {
.mxs_top{height:102px; margin:0px auto 0px auto; background:url(../img/bg.jpg) repeat-x; min-width:330px; width:100%;clear:both;}
.mxs_logo{ height:60px; float:left; margin-top:20px; margin-left:10px; width:250px; background:url(../img/mlogo.png) left center no-repeat; display:block;}
.mxs_logo a{ width:100%; height:100%; display:block;}
.mxs_btn{height:45px; float:right; margin-right:10px; margin-top:30px;}
.mxs_btn a{float:left;display:none;}.mxs_tc{ text-align:center; line-height:160%; width:98%; font-size:12px; margin:0px auto 0px auto;}
.mxs_footer{min-width: 320px; width:100%; height:390px; background:url(../img/footer.jpg) center; margin:10px auto 0px auto; clear:both; text-align:center; color:#fff;}
.mxs_footer p{ text-align:center; line-height:26px; margin-top:14px;}.mxs_footer p a{ color:#FFF; text-decoration:none; text-align:center;}
.mxs_footer p a img{ width:52px; height:63px; text-align:center; margin-left: auto; margin-right: auto;}
.ab_bj { background: #fff;min-width: 320px; width:100%; margin:0px auto 0px auto; overflow: hidden; height: 100%; clear:both; border-bottom:6px solid #f4f4f4;}
.ab_com { min-width: 320px; width:100%; margin: auto; color: #999; padding-top: 28px; clear:both;}
.ab_js { line-height: 39px; min-width: 300px; width:96%; margin:0px auto 0px auto; padding: 10px;}.ab_js div,.ab_js p{ line-height:180%;}
.ab_zb{ min-width: 320px; width:100%; text-align:center;}.ab_zb ul li{display:inline-block;}
.ab_bt { text-align: center; font-size: 25px; line-height: 30px; font-weight: bold; padding-top: 30px; min-width: 320px; width:100%;}
/*.ab_js img{ width:98%; min-width:300px;height:auto; text-align:center;}*/
.icon-xs-mainnav{ display:block; width:35px; height:29px; position:absolute; right:18px; top:34px; float:right; cursor:pointer;  background:url(../img/nav1.png) no-repeat; background-size:contain;  }
.icon-xs-mainnav.ms{ background-image:url(../img/navx1.png);}
}

/*nav*/
.mainnav-xs{ display:none; position:fixed; top:0px; width:180px; background:rgba(116,158,243,0.7); text-align:center; padding:8px 0; z-index:9999; left:0px; height:100%;}/*background:#993300;background:rgba(0,77,159,0.7)*/
.mainnav-xs li{ float:left; width:180px; padding:6px 0; margin-top:20px; text-align:center;}
.mainnav-xs li a{color:#fff; font-size:20px;}
.mainnav-xs li a:hover{color:#fff; text-decoration:underline;}

@media only screen and (min-width: 100px) and (max-width: 640px) {
#articlex img{max-width: 90%!important;height: auto!important;}	
}

@media screen and (max-width: 660px) {
.news_hs { background: #f5f5f5; height: 42px; line-height: 42px; background: url(../../n2020/images/add_03.jpg) no-repeat #f5f5f5; background-position: 20px; text-indent: 50px; font-size:11px;}
.news_hs a{ font-size:11px;}
.show_com { width:100%;  margin: auto;}
.show_bt { text-align: center; font-size: 22px; line-height: 30px; font-weight: bold; padding-top: 10px;}
.show_time { padding-top: 14px; color: #7d7d7d;}
.szf_bs { background: #fff; overflow: hidden; width:100%; min-width:320px  ; margin:0px auto; padding: 40px 0 40px 0 ;}
.news_bg { background: #fff;overflow: hidden; width:100%; min-width:320px  ; margin:0px auto; padding: 0 0 40px 0 ;}
.show_sj{ text-align:center;font-size:12px;}.show_dy{ display:none;}
.show_js { line-height: 34px; margin-top: 10px; width:100%-20px; min-width:300px; padding-left:10px; padding-right:10px; overflow:hidden; }
.show_ss { display:none;}
.home { width:100%;  margin: auto;overflow: hidden; margin-top: 20px;}
}

