@charset "utf-8";
/* CSS Document */
body{
   min-width:320px;
    font: 12px/ 1.5  "微软雅黑", "Arial","宋体";

    padding: 0;

    margin: 0;

    text-align:center;

}

@media (min-width:375px) {

body {font: 16px/ 1.5  "微软雅黑", "Arial","宋体"; }
#article .content p{ font:16px/1.5 "微软雅黑", "Arial","宋体";}
#bd #xwdt .dt #tj p{font:13px/1.5 "微软雅黑", "Arial","宋体";}
  }

@media (min-width: 640px) {
     body {

        font: 20px/ 1.5  "微软雅黑", "Arial","宋体";

     }
	#article .content p{ font:18px/1.5 "微软雅黑", "Arial","宋体";}
  }


body, div, dl, dt, dd, ul, ol, li, h1, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {margin: 0;padding: 0;}
body {font-family: "微软雅黑", "Arial","宋体";color: #666;background: #ebebeb;}
fieldset, img {max-height: auto; border:none; max-width:100%;}
address, caption, cite, code, dfn, em, strong, th, var {font-style: normal;}
ol, ul, li {list-style: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;line-height: 100%;}
q:before, q:after {content: ”;}
abbr, acronym {border: 0;}
a {color: #666;text-decoration: none;}
a:hover {color: #F00;text-decoration: none;}
/* 设置HTML5元素模块 */
article， aside， details， figcaption， figure， footer， header， hgroup， menu， nav， section {display: block;}

html {
	font-size:100% ;
	background:#ebebeb ;
}
 
body{
  max-width:640px;
  min-width:320px;
  margin:0 auto;
 
}
/*右侧栏*/
.ui-mobile-viewport {
	margin:0 auto;
	backgroud:#
	overflow-x:visible;
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
body.ui-mobile-viewport,div.ui-mobile-viewport {
	overflow-x:hidden
}
.ui-mobile [data-role=page],.ui-mobile [data-role=dialog],.ui-page {
	margin:0 auto;
	width:100%;
	min-height:100%;
	position:absolute;
	display:none;
	border:0
}
.ui-page {
	outline:0
}
.ui-mobile .ui-page-active {
	display:block;
	overflow:visible;
	overflow-x:hidden
}
/*右侧栏结束*/

body > #pagelist{max-width:640px; margin:0 auto;}

body > #pagelist > #header {
    width: 100%;
    background-color: #fff;
	overflow:hidden;
   border-bottom: solid 3px #fd0007;
}
#pagelist > #header .hd{width:90%; margin:0 auto; overflow:hidden; }
#pagelist > #header .hd .header-l{float: left; width:75%;  height: 90%; overflow:hidden; }
#pagelist > #header .hd .header-r{ overflow:hidden;  margin-top:3.5%; width:17%; padding-left:8%;}
#section{max-width:640px; margin:0 auto; background:#ebebeb;}
#section .banner{ box-sizing: border-box; width: 100%; height:100%; overflow:hidden;}
#section .banner img{ width:100%; height:100%;}
#bd{width:95%; margin:0 auto; overflow:hidden; margin-top:-64px; margin-bottom:2%;}
#bd .tp{ height:50px; text-align:left;}
#bd .tp p{font-size:1rem; font-family:'微软雅黑';  line-height:50px; color:#393536;}
#bd .tp p span{ margin:6px;}
#bd .tp img{ margin:15px 8px 15px 3px; float:left; overflow:hidden;}
#bd #arc-list{ overflow:hidden; margin:0 auto;}
#bd #arc-list ul{ width:100%; overflow:hidden; margin:0 auto; }
#bd #arc-list ul li{width:100%; background-color:#FFFFFF; height:120px; margin-bottom:13px; }
#bd #arc-list ul li > img{margin:17px ; float:left; }
#bd #arc-list ul li > article{  padding-top:18px;}
#bd #arc-list ul li > article header{text-align:left; }
#bd #arc-list ul li > article header a{line-height:25px;  color:#2f2e2e; }
#bd #arc-list ul li > article header a:hover{color:#f00; }
#bd #arc-list ul li header p{ color:#b3b3b3; font-family:'微软雅黑'; line-height:20px; margin-top:2%; }
#bd #arc-list ul li header p span{float:left; overflow:hidden; }
#bd #arc-list ul li header p time{margin-right:3%; float:left;}
#bd #arc-list ul li header p img{ margin-right:10px; float:left;}
#pageone{width:100%; height:50px; background-color:#e74c16; font-size:19px;  text-align:center; line-height:50px; margin-bottom:2%;}
#pageone a {color:#fff;}

/*右侧栏*/
#menu {
	display:none;
	position:absolute;
    background-color: #5a5959;
    width: 100%;
	/*top: 3%;*/
    width: 100%;
    overflow: hidden;
    z-index: 1;
}
#menu h3 {
    font-family: arial;
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 4px 0 4px 10px;
    background: -webkit-gradient(linear,left top,left bottom,color-stop(5%,rgba(90,89,89,1)),color-stop(85%,rgba(66,65,65,1)));
    border-top: solid #6b6b6b 1px;
    border-bottom: solid #3d3d3d 1px;
    text-shadow: 0 -1px 1px #333;
}
#menu ul {
    margin: 0;
    padding: 0;
    width: inherit;
}
#menu ul li{ font-size:16px; width:100%; color: #fff;}
#menu ul li span img{ width:60%;}
#menu ul li span{ float:right;}
#menu ul li a:link,
#menu ul li a:visited {
    border-bottom: solid #656d7a 2px;
    box-shadow: 0 1px 0 #727272;
    color: #fff;
    display: block;
    padding: 3% 9% 2%;
	width:83%;
	text-align:left;
	overflow:hidden;
}
#menu ul li a:hover,
#menu ul li a:active {
    background-color: #716f6f;
}

footer{width:95%; margin:0 auto; overflow:hidden; padding-top:5px; margin-bottom:20px;}
footer .ft01{ width:21%; height:140px; margin-right:8%; float:left; background:url(../image/map.png); background-repeat:no-repeat; background-size: 100% 100%;}
@media (min-width: 480px) {
footer .ft01{ width:21%; height:169px; margin-right:8%; float:left; background:url(../image/map.png); background-repeat:no-repeat; background-size: 100% 100%;}

  }
footer p{color:#5b5a5a; font: 13px/ 1.5  "微软雅黑", "Arial","宋体"; text-align:left;}
footer p span{ font: 16px/ 1.5  "微软雅黑", "Arial","宋体";  text-align:left;}

@media (min-width: 375px) {

footer p{color:#5b5a5a;  font: 15px/ 1.5  "微软雅黑", "Arial","宋体"; text-align:left;}
footer p span{ font: 18px/ 1.5  "微软雅黑", "Arial","宋体";  text-align:left;}
#menu ul li{ font-size:18px; width:100%; color: #fff;}
#menu ul li span img{ width:80%;}
  }
@media (min-width: 640px) {
footer p{color:#5b5a5a; font: 16px/ 1.5  "微软雅黑", "Arial","宋体"; text-align:left;}
footer p span{ font: 20px/ 1.5  "微软雅黑", "Arial","宋体";  text-align:left; font-weight:bold;}
#menu ul li{ width:100%; font-size:22px; color: #fff;}
#menu ul li span img{ width:100%;}
  }

footer .bt{ height:40px; overflow:hidden; margin-top:2%; text-align:left;}
footer .bt img {width:35%;}
.ui-body-c {
    background-color: #fff;
    line-height: 18px;
}
.active {
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,29,29,1)),color-stop(21%,rgba(56,55,55,1)));
    color: #fff;
    text-shadow: 0 1px 1px #000;
}



/*弹窗*/
.close{ float:right; margin-right:5%; margin-top:3%; margin-bottom:1%; }
.bztc{ display:none; width: 95%;
    background: #000;
    opacity: 0.8;
    position: absolute;
    top: 12%;
    margin: 0 auto;
    margin-left: 2%;}
.bzlist{ width:100%; overflow:hidden;}
.bzlist ul{ overflow:hidden;}
.bzlist ul li{ border-top:2px solid #656d7a;  width:32%; overflow:hidden; float:left; text-align:center; padding:2% 0%; }
.bzlist ul li img,.nbzlist ul li img{ width:34%;}
.bzlist ul li a,.bzlist ul li span{ width:100%; margin:0 auto; float:left; color:#fff;}
.bzlist .border{border-right:2px solid #656d7a;}
.nbztc{ display:none; width: 95%;
    background: #000;
    opacity: 0.8;
    position: absolute;
    top: 10%;
    margin: 0 auto;
    margin-left: 2%;}
.nbzlist{ width:100%; overflow:hidden;}
.nbzlist ul{ overflow:hidden;}
.nbzlist ul li{ border-top:2px solid #656d7a;  width:32%; overflow:hidden; float:left; text-align:center; padding:2% 0%; }
.nbzlist ul li a,.nbzlist ul li span{ width:100%; margin:0 auto; float:left; color:#fff;}
.nbzlist .border{border-right:2px solid #656d7a;}
@media (min-width: 640px) {
.bzlist ul li{ border-top:2px solid #656d7a;  width:33%; overflow:hidden; float:left; text-align:center; padding:2% 0%; }
.nbzlist ul li{ border-top:2px solid #656d7a;  width:33%; overflow:hidden; float:left; text-align:center; padding:2% 0%; }
}