/*
**************************
(C)2010-2015 phpMyWind.com
update: 2013-4-27 16:57:34
person: Adu
**************************
*/

/*通用样式*/
body{font-family:"微软雅黑";background:#fff}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
img{border:0; max-width:100%;}ul,li{list-style-type:none;}
a{outline:none;}
a,a:visited,a:hover{text-decoration:none;}
.cl{clear:both;}

@media only screen and (max-width:310px) and (min-width:300px) {
body { font-size: 12px }
}
@media only screen and (max-width:320px) and (min-width:310px) {
body { font-size: 12px }
}
@media only screen and (max-width:360px) and (min-width:320px) {
body { font-size: 12px }
}
@media only screen and (max-width:360px) and (min-width:350px) {
body { font-size: 12px }
}
@media only screen and (max-width:480px) and (min-width:360px) {
body { font-size: 12px }
}
@media only screen and (max-width:480px) and (min-width:470px) {
body { font-size: 14px }
}
@media only screen and (max-width:560px) and (min-width:480px) {
body { font-size: 14px }
}
@media only screen and (max-width:570px) and (min-width:560px) {
body { font-size: 16px }
}
@media only screen and (max-width:640px) and (min-width:570px) {
body { font-size: 16px }
}
@media only screen and (max-width:640px) and (min-width:630px) {
body { font-size: 16px }
}

/**** 图片切换 ****/
.slideBox{ 
	position:relative; 
	overflow:hidden; 
	width:100%;
	/*float: left;*/
	z-index: 1;
}
.slideBox .hd{ 
	position:absolute; 
	height:10px; 
	bottom:1rem; 
	left: 0;
	width: 100%;
	text-align: center;
	z-index:1; 
}
.slideBox .hd li{ 
	display:inline-block; 
	padding: 1px; 
	text-indent:-9999px; 
	overflow:hidden; 
	margin:0 3px; 
	width:0.8em; 
	height:0.8em; 
	border-radius: 50%;
	background: #fff;
}
.slideBox .hd li.on{ background: #01608e;  }

.slideBox .bd{ position:relative; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center;  }
.slideBox .bd li img{ /*background:url(images/loading.gif) center center no-repeat;*/  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */



/*主题区域*/
/* .pubBox{border-top:solid 2px #5d99e2;} */

.pubBox .hd{height:35px;line-height:35px;background:#e9e9e9;border-bottom:solid 1px #dcdcdc;}
.pubBox .hd h2{width:95%;padding-left:10px;font-size:1.125em;position:relative;text-align:left;font-weight:bold;color:#2d70c3;}

.pubBox .ft{padding:15px;}
.pubBox .ft .info{line-height:1.6em;color:#333;}
.pubBox .ft .list li{line-height:2em;border-bottom:solid 1px #eceef0;box-shadow:0 1px 1px #fbfbfb;max-width:100%;text-overflow:ellipsis;white-space:nowrap !important;white-space:normal;overflow:hidden;color:#333;}

.pubBox .ft .img li{float:left;width:33.3%;}
.pubBox .ft .img li a{border:1px solid #f5f5f5;}

.pubBox .ft .img2 li{float:left;width:50%;margin-bottom:5px;}
.pubBox .ft .img2 li a.imgarea{display:block;border:1px solid #f5f5f5;}
.pubBox .ft .img2 li p{height:40px;overflow:hidden;}
.pubBox .ft .img2 li p a{color:#333;}


.goChannel{height:52px;line-height:52px;text-align:center;}
.goChannel span{height:22px;line-height:22px;background:url(../images/mobile/icon.png) right 0px no-repeat;background-size:22px 22px;display:inline-block;color:#b3b5b9;padding-right:27px;margin:15px 0;}
.goChannel span{background:url(../images/mobile/icon_on.png) right 0px no-repeat;background-size:22px 22px;}

.cl1{
	height: 0.5rem;
	background: #ebebeb;
	margin-top: 1rem;
}
/*内页头部*/
.top_nav{
	background: #333333;
	width: 100%;
	height: 3em;	
	line-height: 3em;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999999;
}
.tn_left{
	float: left;
	width: 70%;
	text-indent: 1em;
	color: #ffffff;
}
.tn_right{
	width: 30%;
	float: right;
}
/*内页*/
.mobile_main{
	width: 100%;
	overflow: hidden;
	/* margin-top: 1rem; */
}
.main_title{
	width: 100%;
	/*float: left;*/
	background: #cccccc;
	overflow: hidden;
	height: 3em;
	line-height: 3em;
}
.main_title span{
	padding: 1em;
	color: #ffffff;
	background: #01608e;
	font-size: 1.5rem;
}
.main{
	line-height: 2em;
	/*float: left;*/
	width:100%;
}



/*图片列表*/
.img2{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	padding: 0.5rem;
}
.img2 li{
	width: 50%;
	float: left;
	padding:0.5rem;
}
.img2 li a{
	display: block;
	overflow: hidden;
	text-align: center;
}
.img2 .img{
	width: 100%;
	display: table-cell;
	border: 1px solid #ccc;
	vertical-align: middle;
	text-align: center;
	overflow: hidden;
	height: 10rem;
}
.img2 .img img{
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.img2 .img .bimg{
	width: 100%;
	height: 100%;
}
.img2 h3{
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.img2 p{
	line-height: 1.3rem;
	color: #666;
}
.img2 div span{
	color: #666;
}
.img2 .arr{
	width: 3%;
	float: right;
	margin-top: 9%
}


/*详细内容*/
.subCont{ width:100%; /*float:left; */margin-top:1em;}
.subCont .title{font-size:1.5em;line-height:1.2em;text-align:center;}
.subCont .continfo{width:100%;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.subCont .continfo span{color:#999;}
.subCont .contimg{margin:20px auto;text-align:center;overflow:hidden;display:table;}
.subCont .contimg a img{border:1px solid #ccc;padding:1px;}
.subCont .contimg a:hover img{border:1px solid #999;padding:1px;background:#B1D8F3;}
.subCont .conttxt{color:#333; padding:1em;}


/*内容分页*/
.contPage{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;margin:20px 0 10px;}
.contPage a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.contPage a.on{color:#fff;border:1px solid #898989;background:#898989;}


/*列表分页*/
.page_info{text-align:center;padding: 2em 0;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{padding: 2em 0;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:10px;}
.page_list a{display:inline-block;color:#808080;border:1px solid #ccc;text-align:center;padding:0 5px;margin:0 1px;}
.page_list a.on{color:#fff;background:#01608e;}


/*详细内容*/
.subCont{margin-top:10px;}
.subCont .title{font-size:1.5em;line-height:1.2em;text-align:center;}
.subCont .continfo{width:100%;text-align:center;margin:15px auto;border:1px solid #ccc;border-left:none;border-right:none;color:#666;}
.subCont .continfo span{color:#999;}
.subCont .contimg{margin:20px auto;text-align:center;overflow:hidden;display:table;}
.subCont .contimg a img{border:1px solid #ccc;padding:1px;}
.subCont .contimg a:hover img{border:1px solid #999;padding:1px;background:#B1D8F3;}
.subCont .conttxt{color:#333; line-height:2em;}



.list{
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.list li{
	padding: 0 1rem;
}
.list li a{
	display: block;
	overflow: hidden;
	padding: 1rem 0;
	border-bottom: 1px dotted #f56b15;
}
.list .img{
	float: left;
	width: 35%;
}
.list div{
	width: 60%;
	padding-left: 0.5rem;
	float: left;
}
.list h3{
	font-size: 1.4rem;
	line-height: 1.8rem;
}
.list p{
	line-height: 1.3rem;
	color: #666;
}
.list div span{
	color: #666;
}
.list .arr{
	width: 3%;
	float: right;
	margin-top: 9%
}

.info{line-height:2em;color:#333; padding:1em;}


.m{
	overflow: hidden;
}
.top{
	width: 100%;
	position: relative;
	z-index: 10;
	text-align: center;
	/* overflow: hidden; */
}
.logo{
	width: 100%;
	overflow: hidden;
}
.logo img{
	width: 100%;
}
.top .back{
	display: block;
	position: absolute;
	width: 4%;
	height: 100%;
	left: 1rem;
	background: url(../images/mobile/back.png) 0 center no-repeat;
	background-size:100%; 
}
.top h3{
	text-align: center;
	font-size: 2rem;
	color: #fff;
	line-height: 4rem;
	background: #d54e44;
}
.navul{
	width: 100%;
	overflow: hidden;
}
.navul a{
	padding: 0.5rem;
	text-align: center;
}
.navul img{
	width: 80%;
}
.navul p{
	font-size: 1.4rem;
	color: #333;
	margin-top: 0.5rem;
}
/* header */
.header{
	position:relative;
	height:5em;
	background:#832016;
}
.header .return{ position: absolute; top: 12px; left: 10px; width: 5em; height: 5em; }
.header .return img{ max-width: 33%; }
.header .logo{display:block;width:100%;height:3.4em; color: #fff; text-align: center; line-height: 3.4em; font-size: 1.5em;}
.header .logo img{display:block;width:100%;}
.header .back{position:absolute;top:0;left:0;display:block;width:5em;height:5em;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}


.sousuo{
	overflow: hidden;
	padding: 1rem;
}

input{
	background: none;
	outline: none;
	border: none;
}
.sousuo .ipt1{
	width: 82%;
	height: 3rem;
	line-height: 3rem;
	font-size: 1.4rem;
	padding: 0 10px;
	background: #f2f2f2;
	color: #666;
	float: left;
	border-radius: 1.5rem 0 0 1.5rem;
}
.sousuo .ipt2{
	width: 18%;
	height: 3rem;
	background:#01608e url(../images/mobile/ser.jpg) center center no-repeat;
	background-size: 30% ;
	border-radius: 0 1.5rem 1.5rem 0;
}
.sousuo div{
	font-size: 1rem;
	margin-top: 0.5rem;
	color: #333;
}
.sousuo a{
	color: #333;
	margin-right: 5px;
}

.tit{
	overflow: hidden;
	padding: 0 1rem 0.5rem;
	border-bottom: 1px solid #bfbfbf;
	margin: 1rem 0;
}
.tit h3{
	float: left;
	font-size: 1.8rem;
}
.tit span{
	font-size: 1.4rem;
	color: #999999;
}
.tit a{
	float: right;
	width: 10%;
}

.h1{
	text-align: center;
	margin: 1rem 0;
}
.m1{
	margin-top: 1rem;
	position: relative;
	padding-bottom: 1rem;
}
.m1 .con{
	overflow: hidden;
	padding: 0 1rem;
	text-align: center;
	position: relative;
	z-index: 10;
}
.m1 .con p{
	color: #666;
	font-size: 1.2rem;
	line-height: 1.6rem;
}
.m1 .con p a{
	color: #db0404;
}
.m1 .con div{
	padding: 0.5rem 0.3rem;
}
.m1 .img{
	display: block;
	width: 80%;
	margin: 1rem auto;
	overflow: hidden;
	padding: 0.5rem;
	background: #fff;
}
.m1 .bk{
	width: 100%;
	height: 25%;
	background: #01608e;
	position: absolute;
	bottom: 0;
	left: 0;
}
.m2 {
	margin-top: 2rem;
}
.m2 .con{
	overflow: hidden;
}
.m2 .con div{
	padding: 0.5rem;
	text-align: center
}
.m2 .con a{
	display: block;
}
.m2 .con img{
	width: 75%;
	border-radius: 50%;
}
.m2 .con p{
	margin-top: 0.5rem;
	font-size: 1.4rem;
	color: #333;
}
.slidem2{
	margin-top: 1rem;
	overflow: hidden;
}
.slide .hd{
	overflow: hidden;
	padding: 0 0.5rem;
}
.slide .hd p{
	padding: 0 0.3rem 5px;
}
.slide .hd a{
	display: block;
	text-align: center;
	color: #fff;
	font-size: 1.3rem;
	background: #609fc8;
	height: 3rem;
	line-height: 3rem;
}
.slide .hd p.on{
	background: url('../images/mobile/arr.jpg') center bottom no-repeat;
	background-size: auto 5px;
}
.slide .hd p.on a{
	background: #01608e;
}
.slidem2 .bd{
	overflow: hidden;
	margin:1rem 0.5rem;
}
.slidem2 .bd li{
	overflow: hidden;
}
.slidem2 .bd li div{
	padding: 0.5rem;
}
.slidem2 .bd a{
	display: block;
	text-align: center;
}
.slidem2 .bd img{
	width: 100%;
	height: 11rem;
}
.slidem2 .bd p{
	padding-top: 0.5rem;
	color: #666;
	font-size: 1.2rem;
}

.m3{
	margin-top: 1rem;
}
.slidem3{
	margin-top: 1rem;
}
.slidem3 .bd{
	margin: 1rem;
}
.nt a{
	display: block;
	overflow: hidden;
}
.nt img{
	float: left;
	width: 30%;
}
.nt .con{
	width: 70%;
	float: right;
	padding-left: 1rem;
}
.nt h3{
	font-weight: normal;
	font-size: 1.4rem;
	color: #333;
	line-height: 2rem;
	padding-bottom: 2px;
	background: url('../images/hbk.jpg') 0 bottom no-repeat;
	background-size: 10px;
}
.nt p{
	color: #808080;
	line-height:1.5rem;
	margin-top: 0.5rem;
}
.nt span{
	color: #db0404;
}
.nlist{
	margin-top: 1rem;
	border-top: 1px dashed #d9d9d9;
}
.nlist a{
	display: block;
	overflow: hidden;
	line-height: 3rem;
	color: #808080;
	font-size: 14px;
	border-bottom: 1px dashed #d9d9d9;
}
.nlist strong{
	color: #01608e;
}
.nlist .r{
	color: #999;
}

.m4{
	margin-top: 1rem;
}
.slidem4 .con{
	padding: 0.5rem;
	text-align: center
}
.slidem4 img{
	width: 100%;
	height: 11rem;
}
.slidem4 p{
	margin-top: 0.5rem;
	font-size: 1.3rem;
	color: #0c003f;
}
.more{
	overflow: hidden;
	margin: 1rem 0;
}
.more a{
	float: left;
	display: inline-block;
	width: 40%;
	text-align: center;
	color: #fff;
	height: 2.4rem;
	line-height: 2.4rem;
	background: #ff7e2a;
	border-radius: 1.2rem;
	font-size: 1.2rem;
	margin: 0 5%;
}

.foot{
	width: 100%;
	text-align: center;
	color: #333;
	background: #ebebeb;
	padding: 1rem 0;
	overflow: hidden;
}
.foot span{
	font-size: 1.2rem;
	color: #01608e;
	display: block;
	line-height: 3rem;
}
.foot img{
	width: 40%;
	box-shadow: 1px 1px 5px #d2d2d2
}
.foot h3{
	font-size: 1.6rem;
	color: #0c003f;
	margin-top: 1rem;
	font-weight: bold;
	margin-bottom: 0.5rem;
}
.foot p{
	line-height: 2rem;
	font-size: 1rem;
	color: #0c003f;
}
.fp{
	text-align: center;
	padding: 1rem 0;
	background: #01608e;
	color: #fff;
	line-height: 2rem;
	font-size: 1.3rem;
}
.fp a{
	color: #fff;
}
.footline{
	width: 100%;
}
.home_menu{
	max-width:640px;
	min-width: 320px;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 9999999; 
	overflow: hidden;
	/*padding: 0.8rem 0;	*/
}
.home_menu ul{
	width: 100%;
	overflow: hidden;
	background: #333333;	
	/*height: 6.3rem;*/
}
.home_menu ul li{
	position: relative;
	overflow: hidden;	
	text-align: center;
	border-right: 1px solid #fff;
}
.home_menu ul li:last-child{
	border: none;
}
.home_menu ul li a{
	color: #fff;
	display: block;
	position: relative;
	padding: 0.5em 0;
}
.home_menu img{
	height: 2.2em;
}
.home_menu span{
	width: 100%;
	font-size: 1.2em;
	padding-top: 0.5em;
	display: block;
}
.navwrap{
	overflow: hidden;
	box-shadow: 0 1px 3px #ccc;
}
.navwrap a{
	font-size: 1.4rem;
	line-height: 3rem;
	text-align: center;	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #99cc66;
}
.navwrap a:nth-child(3),.navwrap a:last-child{
	border-right: none;
}
.navwrap a.on{
	background: #99cc66;
	color: #fff;
}
/*表单*/
.form{
	width: 100%;
	padding: 1rem;
	overflow: hidden;
	position: relative;
}
.form label,.form p{
	display: block;
	overflow: hidden;
	line-height: 3rem;
	margin-bottom: 1em;
}
.form span{
	font-size: 1.4rem;
	float: left;
	width: 25%;
	font-weight: bold;
}
.form .ipt1{
	float: left;
	width: 73%;
	padding:0 0.5em;
	border: 1px solid #ccc;
	height: 3rem;
	outline: none;
	font-size: 1.4rem;
	line-height: 3rem;
	/*margin-left: 2%;*/
}
.form p label{
	float: left;
	margin-right: 10px;
}
.form p .ipt{
	float: left;
	margin-top: 1em;
}
.form p label span,.form .img{
	width: auto;
}
.form div{
	overflow: hidden;
	margin-bottom: 1em;
}
.form .txt{
	outline: none;
	height: 8em;
	width: 73%;
	border: 1px solid #ccc;
}
.form .ipt2{
	border: none;
	outline: none;
	height: 2.5rem;
	background: #99cc66;
	line-height: 2.5rem;
	padding: 0 2em;
	color: #fff;
	margin: 0 1em;
	float: right;
	font-size: 1.4rem;
}
.form img{
	/*width: 15%;*/
	padding-left: 5px;
}
.form .msg_input{
	width: 25%;
	border: 1px solid #ccc;
}


