@charset "utf-8";
/* CSS Document */
*{
	margin:0;
	padding:0;
	border:0;
	font-family:Microsoft Yahei;
	}
a{
	text-decoration:none;
	}
li{
	list-style:none;
	}
input{
	outline:none;
	}
em,i{
	font-style:normal;
	}
.l{
	float:left;
}
.r{
	float:right;
}
.clean{
	clear:both;
}
/*������Χ��ȡ����ģ��*/
.intercept{
    overflow:hidden; /*�����Ĳ�������������*/
    white-space:nowrap;/*����ʾ�ĵط���ʡ�Ժ�...����*/
    text-overflow:ellipsis;/* ֧�� IE */
    -o-text-overflow: ellipsis;    /* ֧�� Opera */
    -webkit-text-overflow: ellipsis;    /* ֧�� safari */
    -moz-text-overflow: ellipsis;    /* ֧�� molliza */
    content:"...";
	display:block;
	cursor:pointer;
	word-break:keep-all;
	word-wrap:normal;
}
a.intercept:link,a.intercept:visited,a.intercept:hover,a.intercept:active{
    overflow:hidden; /*�����Ĳ�������������*/
    white-space:nowrap;/*����ʾ�ĵط���ʡ�Ժ�...����*/
    text-overflow:ellipsis;/* ֧�� IE */
    -o-text-overflow: ellipsis;    /* ֧�� Opera */
    -webkit-text-overflow: ellipsis;    /* ֧�� safari */
    -moz-text-overflow: ellipsis;    /* ֧�� molliza */
    content:"...";
	display:block;
	cursor:pointer;
	word-break:keep-all;
	word-wrap:normal;
}
header{
	width:100%;
	height:0.86rem;
	line-height:0.86rem;
	font-size:0.32rem;
	text-align:center;
	color:#fff;
	background:#18b4ed;
	}
.menu{
	height:auto;
	font-size:1rem;
	padding-left:2%;
	border-bottom:1px solid #e0e0e0;
	background:#fff;
	}
.menu h1{ width:92%; margin:0 auto; font-size:1em; text-align:left; line-height:1.5;}
.menu a{
	color:#333;
	}
.new_subnav a:nth-of-type(2){
	display:none;
}
body{
	background:#f2f3f5;
    /*padding-top: 0.8rem;*/
	}
section{
	background:#fff;
	}
.bottm_nav{
	width:100%;
	height:1.3rem;
	background:url(../images/wap_14.png) no-repeat;
	background-size:100% 100%;
	position:fixed;
	bottom:0;
	left:0;
	}
.bottm_nav li{
	width:1.1rem;
	height:1.3rem;
	float:left;
	margin-left:0.3rem;
	}
.bottm_nav li.sy{
	width:0.6rem;
	margin-left:0.1rem;
	}
.bottm_nav li a{
	display:block;
	width:100%;
	height:1rem;
	}

.hx_nav{ height:auto;padding:.5% 3%;margin-bottom:0%;background:#fff; display: -webkit-box;}
.hx_nav li{width:25%; height:auto;float:left;text-align:center;margin-bottom:3%; margin-top: 2%;}
.hx_nav li img{ max-width:70%; min-width:70%; width:100%;}
.hx_nav li a{ font-size:1rem;display: block ruby; color:#333;}
@media screen and (max-width: 375px){
.hx_nav li a:first-child{ height:auto !important; display:block;}
.hx_nav li a:last-child{ margin-top:0; display:block;}	
}
@media screen and (max-width: 414px){
.hx_nav li{width:25%; height:auto;float:left;text-align:center;margin-bottom:3%; margin-top: 2%;}
.hx_nav li a:first-child{ display:block;}
.hx_nav li a:last-child{  display:block;}
}

.fu_nav_em{
	width:0.4rem;
	height:0.45rem;
	background:url(../images/wap_01.jpg) no-repeat;
	background-size:cover;
	position:fixed;
	right:0;
	top:0.9rem;
	display:none;
	}
.fu_nav{
	width:2.5rem;
	padding-top:0.2rem;
	background:#f7f7f7;
	position:fixed;
	right:0;
    top: 0.8rem;
	display:none;
	}
.fu_nav li{
	line-height:0.6rem;
	height:0.6rem;
	font-size:0.26rem;
	}
.fu_nav li a{
	display:block;
	color:#333;
	padding-left:0.58rem;
	}
.fu_nav li.on{
	background:url(../images/wap_15.png) 0.4rem center no-repeat #18b4ed;
	}
.fu_nav li.on a{
	color:#fff;
	}
.fu_nav li:last-child{
	padding-left:0.58rem;
	}
.close{
	 display:block;
	 position:fixed;
	 right:0.1rem;
	 bottom:0.9rem;
	 font-size:0.24rem;
	 color:#fff;
	}

/*��������&�ײ�20170405*/
#top_nav{
	width: 100%;
    background: rgba(0,0,0,0.7);
    box-sizing: border-box;
    /*position: fixed;*/
    left: 0;
    top: 0;
    z-index: 55555;
}
#wrapper {
	position: relative;
	z-index: 1;
	width: 100%;
	height: 0.8rem;
	overflow: hidden;
}

#scroller {
	position: absolute;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 500px;
	height: 100%;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
.top_bar{
	font-size: 0;
}
.top_bar ul{
	width: 2.36rem;
	height: 0.7rem;
	line-height: 0.8rem;
}
.top_bar ul li{
	float: left;
	text-align: center;
}
.top_bar ul a{
	color:#fff;
	font-size: 0.3rem;
	padding:0 0.1rem;	
}
.top_bar ul li.current{
	/*border-bottom: 0.05rem solid #006ddd;*/
}
.top_bar ul li.current a{
    color: #ff6800;
    border-bottom: 0.05rem solid #ff6800;
    padding-bottom: 0.17rem;
}
#top_nav .yygh{
	width: 1.6rem;
	height: 0.5rem;
	color:#fff;
	font-size: 0.24rem;
    background: url(../images/yygh-ic.png) 0.1rem center no-repeat #f73333;
    background-size: 22%;
	border-radius:0.08rem;
	line-height: 0.5rem;
	top:0.15rem;
	right:0.12rem;
	padding-left: 0.5rem;
	box-sizing: border-box;
	position:absolute;
	z-index:555;
}
#top_nav .more{
    width: 0.2rem;
    height: 0.2rem;
    background: url(../images/mi.png) center center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 1.84rem;
    top: 0.3rem;
}
.info_btn{
    font-size: 0.1rem;
    
    overflow: hidden;
	color:#fff;
	width:100%;
	background:#ff6800;
	text-align: center;
}
.info_btn p{ color:000; display:black; font-size:.8rem;line-height: 1.5;}
.info_btn ul{
	overflow: hidden;
}
.info_btn li{
	float: left;
	margin-bottom: 0.32rem;
}
.info_btn li a{
	color:#333333;
	font-size: 0.26rem;
	padding:0 0.46rem;
	border-right: 0.01rem solid #cccccc;
}
.info_btn li:nth-of-type(4n) a{
	border-right: 0;
}
.info_btn div{
	overflow: hidden;
	padding-left: 0.12rem;
}
.zx_btn,.th_btn{
	width: 2.6rem;
	height: 0.6rem;
	color:#fff;
	font-size: 0.26rem;
	line-height: 0.6rem;
	float: left;
	background: url(../images/icon2.png) 0.56rem center no-repeat #ff6800;
	background-size:14%;
	border-radius:0.08rem;
	padding-left: 1rem;
	box-sizing: border-box;
}
.zx_btn{
	margin-right: 0.2rem;
	background: #87c212;
	background: url(../images/icon3.png) 0.56rem center no-repeat #87c212;
	background-size:14%;
}
footer{
	width: 100%;
	height: 1.3rem;
    padding: 0.25rem 0.04rem 0 0.22rem;
	background: #2d99ff;
	box-sizing: border-box;
	font-size: 0;
}
footer li{
	float: left;
	margin-right: 0.22rem;
	padding-top: 0.42rem;
}
footer li a{
	font-size: 0.28rem;
	color:#fff;
}
footer li:nth-of-type(1){
	background: url(../images/icon1.png) no-repeat center top;
	background-size:70%;
}
footer li:nth-of-type(2){
	background: url(../images/icon2.png) no-repeat center top;
	background-size:37%;
}
footer li:nth-of-type(3){
	background: url(../images/icon3.png) no-repeat center top;
	background-size:38%;
}
footer li:nth-of-type(4){
	background: url(../images/icon4.png) no-repeat center top;
	background-size:40%;
}
footer li:nth-of-type(5){
	background: url(../images/icon5.png) no-repeat center top;
	background-size:42%;
}
/*����*/
.comment_box .wrap{
	padding:0 0.25rem;
    margin-top: 0.26rem;
}
.comment{
	font-size: 0;
}
.inputbox {
	overflow:hidden;    
    padding-bottom: 0.2rem;
}
.inputbox .pl{
	display:none;
}
.inputbox textarea{
	width: 5.86rem;
	height: 1.13rem;
	font-family: "Microsoft Yahei";
	background: #f5f5f5;
	border:0.01rem solid #c2c2c2;
	border-radius:0.05rem;
	resize:none;
	outline:none;
    padding: 0.1rem;
    box-sizing: border-box;
}
.buts.buts2{
	width: 1.6rem;
	height: 0.46rem;
	color:#fff;
	font-size: 0.24rem;
	line-height: 0.46rem;
	text-align: center;
	float: right;
    background: #ff6800;
    border-radius: 0.08rem;
    margin-top: 0.2rem;
}
.outputbox li{
    border-top: 0.01rem solid #f5f5f5;
    padding: 0.2rem 0;
}
.outputbox li .c1{
	color: #ff6800;
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
}
.outputbox .c2 a{
	font-size: 0.24rem;
    color: #333;
    line-height: 0.36rem;
}


.top{ width:100%;}
.top dl{ width:100%;}
.top dt{ width:100%; height: 3.2rem; background: #ff6800}
.top dt p{ width:70%; float:left; line-height:3.2rem; font-size: 1.2rem; color: #fff;}
.top_dt_l{ width:12%; float: left; margin: 1% 2% 0 2%;  background-size: 100% 100%;}
.top_dt_l img{ width:100%; height:100%; }
.top dd{ width:100%; height:2rem;  margin-bottom:2%;}
.top dd input[type=text]{ width:45%; float: left; margin-left: 3%; height: 1.5rem; padding-left: 2%; border:1px #ff6800 solid; margin-top:1.2%;}
.top dd input[type=submit]{ width:10%; float: left; height:1.8rem; background: #ff6800; border: none; color: #fff; border:1px #ff6800 solid;font-size: 1rem;}
.top dd a{ width:14%; float:left; margin-left:1%; height:1.6rem; background:#ff6800; line-height:1.6rem; text-align:center; color:#fff; font-size: 1rem; margin-top:1.2%;}
.logo{ width:25% !important; background:none !important; margin-top:0 !important;}
.logo img{ width:100%;}

.xuanfu{ max-width:640px; width:100%;  position:fixed; bottom:0; background:#dadada;}
.xuanfu a{ width:46%; height:5vh; line-height:5vh; color:#fff; border-radius:20px; text-align:center;}
.xuanfu a:first-child{ float:left; margin:2%; background:#38abbb;}
.xuanfu a:last-child{ float:right; margin:2%; background:#ff9023;}

.hos0715{ width:75%; float:left;}
.ysjs0715{ width:60%; float:left;}

.wrap-link em{ width:100%;}
.hos-doc .doc-info{ width:100%;}

.zxzx0715{ width:28%; height:3vh; float:right; margin-left:6%; background:#ff9023; text-align:center; line-height:3vh !important; font-size:1.5vh; color:#fff; border-radius:10px; font-weight: bold; margin-top: 1%; display:block;}
.zxzx0715 a{ color:#fff !important;}

.clearfix li{ padding: 12px 15px;}
.wrap-link a{ padding:0 !important;}
.flexbox0715{ width:100%; padding:0; display:block;}
.wrap-link img{ width:100%; height:50px; margin:0 !important;}

.nav_wap{ width:100%; height:2rem; background:#ff6800;}
.nav_wap ul{ width:100%;}
.nav_wap li{ width:16.4%; height:2rem; float:left; text-align:center; line-height:2rem; border-right: 1px solid #ff6800;}
.nav_wap li:last-child{ border-right:0;}
.nav_wap li a{ color:#fff; text-align:center; line-height:2rem; font-size: 12px;}

.top0804{ width: 100%; height:2em;}
.top0804 dl{ padding: 0% 8%;}
.top0804 dt{ width: 10%; height:2em; float: left;}
.top0804 dt a{ height:2em;}
.top0804 dt img{ width: 100%;}
.top0804 dd{ width: 90%; float: left;}
.top0804 li{ float: left;}
.top0804 li:first-child{ width: 92%; text-align: center; font-size: 1.2em; margin-top: -3%; line-height: 1.2; margin-top: 0;font-weight: bold; margin-top:1%;}
.top0804 dd li:last-child{ width: 8%; float: right; margin-top: 2%;}
.top0804 dd li a img{ width: 100%;}

#djyc{ width: 100%; height: 96vh; position: fixed; top: 2em; z-index: 9; display: none;}
#djyc_bj{ width: 100%; height: 96vh; background: #fff; opacity: .8; display: block;}
#djyc ul{ width: 3.6em; height: 15em; position: fixed; top: 2em; right: 0; background: #303030; float: right;}
#djyc li{ width: 100%; text-align: center; line-height: 2.5;}
#djyc li a{  color: #fff;}

.footer0804{ width: 100%; background: #303030; padding: 2% 0;}
.footer0804 p{ width:92%; margin:0 auto; color: #888; font-size: .8em; line-height: 2;}
.footer0804 p a{ color: #888;}
