@charset "utf-8";

.content{width:100%;overflow:hidden; background-color:#FFF;}

/*header*/
.headern{width:100%;height:3.125rem;position:relative;z-index:9999; background-color:#0673C4;}
.head{text-align: center;position:fixed;width:100%;height:3.125rem; overflow:hidden;top:0;right:0; background-color:#0673C4;}
.logo{display:inline-block;width:62.8125%;height:auto;margin-left:3.4375%}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.class-btn{position:absolute;right:16%;top:0%;width:14.0625%;font-size:0.24rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:0.4rem;line-height:0.82rem;color:#fff;text-align:center;overflow:hidden;}
.top-title{width:50%;position: absolute;left:20%;top:0;font-size:1.2rem;line-height:3rem;text-align:center;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.sub_page{min-height:6rem;overflow:hidden;font-size:0.16rem}
.sub_page center{padding:0.4rem 0;font-size:0.2rem}
.sub_page center a{color:red}
.search_hl{width:14.0625%;top:-1px;position:absolute;height:100%;font-size:0.38rem;line-height:0.8rem;color:#ffffff;text-align:center;overflow:hidden;}
.search_l{
	left:0%;
}
/*header end*/

/* nav */
body{position:relative;width:100%;}

.clicked{right:220px!important;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;}
.nav{width:220px;position:absolute;right:0px;top:0;bottom:0;z-index:2;}
.fixed{width:220px;height:100%;position:fixed;right:0;top:0;bottom:0;z-index:999;overflow-x: hidden;}
.nav li{width:220px;margin:0 auto;border-bottom:1px solid #ffffff;}
.nav li a{display:block;width:100%;font:100 16px/50px '微软雅黑';color:#fff;text-indent:60px;}
.nav li a span{margin-right:3%}
.nav li p{text-indent:70px;}
.nav li:last-child{margin-bottom:20%;}
#allmap{width:100%;height:45rem;font-size:1rem}
.share{width:160px;margin:0.5rem auto;}
.black-fixed{position: fixed;z-index:99999!important;left:0;width:0;top:0;height:100%;background:rgba(0,0,0,0.9);text-align:right;font-size:0.4rem;color:#fff;line-height:2;right:0;overflow:hidden;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 0}
.black-clicked{width:100%;padding-right:2%;left:-227px;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;opacity: 1}
/* nav end*/



/* sub header */
.nav-btn{width:14.0625%;right:0;top:0;position:absolute;font-size:3rem;line-height:3rem;color:#ffffff;text-align:center;overflow:hidden;}
.home-btn{width:14.0625%;left:1.09375%;top:0;position:absolute;height:100%;text-align:center;overflow:hidden;display:block;}
.top-nav{position:absolute;right:1.09375%;top:100%;width:14.0625%;}
.top-home{position:absolute;left:1.09375%;top:0;width:14.0625%;font-size:2rem;line-height:2rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn{position:absolute;right:14%;top:0%;width:14%;font-size:2rem;line-height:2rem;color:#fff;text-align:center;overflow:hidden;}
.class-btn span.commonfont{font-size:0.28rem}


/*--------------------内页头部----------------------*/

.search_hl img{width:0.3rem; height:0.3rem; display:block; position:relative; top:50%; margin-top:-0.15rem; left:50%; margin-left:-0.15rem;}
.xbtn img{width:0.3rem; height:0.3rem; display:block; position:relative; top:50%; margin-top:-0.15rem; left:50%; margin-left:-0.15rem;}
.nav-btn img{width:1.6rem; height:1.6rem; display:block; position:relative; margin-top:0.7rem; left:50%; margin-left:-0.8rem;}
.black-fixed img{width:2rem; height:2rem; display:block; position:absolute; top:20px; right:30px;}
#foot .foot-relative a .commonfont img{width:0.3rem; height:0.3rem; display:block; position:relative; top:50%; margin-top:0.1rem; margin-bottom:0.1rem; left:50%; margin-left:-0.15rem;}
.home-btn.commonfont img{width:1.6rem; height:1.6rem; display:block; position:relative; margin-top:0.7rem; left:50%; margin-left:-0.8rem;}
.class-btn .commonfont img{width:1.6rem; height:1.6rem; display:block; position:relative; margin-top:0.7rem; left:50%; margin-left:-0.8rem;}
.logo img{height:0.4rem; display:block; position:relative; margin-top:0.15rem; margin-bottom:0.15rem;}

.iconfont1.iconfont1_ys{width:0.5rem; height:0.5rem; display:block; position:relative; margin-top:0.15rem; left:50%; margin-left:-0.25rem; margin-bottom:0.15rem;}


.nav {
	background: #0673C4;
}
.nav_color {
	background: #0673C4;
}



/* search btn */

.common-pro-search{width:90%;height:2.4rem;background: #fff;margin:2% auto;}
.common-text{float:left;border:0;background:#fff;width:84.45%;height:2.4rem;text-indent:1rem;font:1rem "microsoft yahei";border-radius:0;}
.common-submit{float:right;width:15.55%;border:0;font-size:1rem;line-height:2.4rem;color:#fff;height:2.4rem;border-radius:0;background:none;background:#0673C4;}

.common-search{
	width:92.1875%;
	position:absolute;
	z-index:100;
	left:3.90625%;
	bottom:0.9rem;
	background: #fff;
	border:1px solid #ccc;
	display:none;
	border-radius: 8px;
	overflow: hidden;
	-webkit-box-shadow: 0 1px 2px #666 inset;
	box-shadow: 0 1px 2px #666 inset;
}
.search-input-n{
	width: 85%;
	height:2.4rem;
	line-height: 2.4rem;
	border:none;
	outline: none;
	text-indent: 5%;
	border-radius: 25px;
	font-family: "microsoft yahei";
	background-color: transparent;
}
.search-btn-n{
	width: 12%;
	border:none;
	outline: none;
	font-size: 0.4rem;
	line-height: 2.4rem;
	background-color: transparent;
	color:#666;
	background-color: transparent;
	font-family: "microsoft yahei";
}



/* top class */
.type{width:100%;top:3.125rem; right:0;position:fixed;background:#232323;z-index: 999;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:6rem;display:none}
.type li{width:90%;background:#fff;font-size:1rem;margin:2% auto;overflow:hidden;position:relative;}
.type li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.type li span.commonfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;}
.type li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.type li dl dd{overflow:hidden}
.type li dl dd a{width:100%}
.type h1{font-size:1rem;width:90%;margin:0 auto;color:#fff; margin-top:0.5rem;}

/* top class */
.class{width:100%;top:8.33em;position:fixed;background:#232323;overflow-x: hidden;-webkit-overflow-scrolling: touch;-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s ease-in-out 0s;-ms-transition:all 0.3s ease-in-out 0s;transition:all 0.3s ease-in-out 0s;height:3rem;padding:0.1rem 0;display:none}
.class li{width:90%;background:#fff;font:0.2rem/0.46rem "microsoft yahei";margin:2% auto;overflow:hidden;position:relative;}
.class li a{display: block;float:left;width:60%;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;padding:0 4%;color:#666}
.class li span.iconfont{font-size:0.3rem;line-height:0.46rem;display:block;width:16%;text-align:center;color:#666;position:absolute;top:0;right:0;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);transform:rotate(180deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li span.iconfont.class-up{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);transform:rotate(0deg);-moz-transition: -moz-transform 0.3s ease-out; -webkit-transition: -webkit-transform 0.3s ease-out; -o-transition: -o-transform 0.3s ease-out; transition: transform 0.3s ease-out;}
.class li dl{float:left;border-top:2px solid #232323;width:100%;display:none}
.class li dl dd{overflow:hidden}
.class li dl dd a{width:100%}