﻿#headnav {clear:both;display:block;width:100%;height:50px;position:fixed;top:0px;left:0px;right:0px;z-index:90;_POSITION:absolute;_TOP:expression(offsetParent.scrollTop+document.documentElement.clientHeight-this.offsetHeight);-webkit-overflow-scrolling:touch;background-color:#393d49;color:#ddd;}
.top_headnav {clear:both;width:1400px;margin:0 auto;position:relative;}
.top_headnav a:link,.top_headnav a:visited{color:#ddd;}
.top_headhang {float:left;width:100px;position:relative;}
.top_headdanzhi {width:100px;line-height:50px;font-weight:bold;display:block;cursor:pointer;overflow:hidden;text-indent:10px;background:url(/expand/img/headnav_bg.png) no-repeat 9px -61px;background-size:17px;transition:all .3s ease-in;}
.top_headdanzhi_on {background:#fff url(/expand/img/headnav_bg.png) no-repeat 9px -135px;background-size:17px;color:#444;z-index:20;}
.top_headdanbox {position:absolute;z-index:61;left:-1px;top:50px;width:258px;background-color:#fff;border:solid 1px #eee;border-top:none;display:none;}
.top_headul {clear:both;height:36px;line-height:36px;overflow:hidden;border-bottom:dashed 1px #eee;text-align:left;}
.top_headul dt {font-size:14px;font-weight:bold;}
.top_headul dt a {display:block;padding:0 0 0 23px;background:url(/expand/img/headnav_bg.png) no-repeat 9px -95px;background-size:12px;transition:all .2s ease-in;}
.top_headul dt a:link,.top_headul dt a:visited {color:#555;}
.top_headul dt a:hover {color:#f20;background:#fff7df url(/expand/img/headnav_bg.png) no-repeat 9px -62px;background-size:16px;padding-left:30px;}
/*
.top_headhang:hover .top_headdanzhi {background:#fff url(/expand/img/headnav_bg.png) no-repeat 9px -135px;background-size:17px;color:#444;z-index:20;}
.top_headhang:hover .top_headdanbox {display:block;}
*/
.top_headtool {position:absolute;right:0px;}
.top_headtool li {float:left;padding:0 8px;line-height:50px;}
.top_headtool .d1 a {float:left;background:url(/expand/img/headnav_bg.png) no-repeat 5px 15px;background-size:17px;padding:0 6px 0 26px;font-weight:bold;}
.top_headgongao {display:none;}


/* footer_div */
.footer_div {background-color:#f9f9f9;border-top:solid 2px #eee;}
.footer_box {padding:15px 0;display:flex;flex-direction:row;text-align:left;margin:0 auto;}

.footer_left {width:100%;padding:0 10px 0 15px;}
	.footer_left dl {float:left;padding:0 10px 0 10px;display:inline;overflow:hidden;}
		.footer_left dl dt {color:#333;font-size:16px;height:36px;line-height:36px;font-weight:bold;}
		.footer_left dl dd {height:23px;line-height:23px;overflow:hidden;color:#999;}
		.footer_left dl dd a {display:inline-block;}
		.footer_left dl dd a:link,.footer_left dl dd a:visited {color:#999;}
		.footer_left dl dd a:hover {color:#f20;}
	.footer_left .f_dl1 {max-width:268px;}
	.footer_left .f_dl1 dd {height:auto;}
	.footer_left .f_dl1 dd a {margin:2px 5px 2px 0;}
	.footer_left .f_dl2 {max-width:160px;}
	.footer_left .f_dl3 {max-width:238px;}	
.footer_right {width:600px;flex-shrink:0;padding-right:10px;}
	.footer_dianhua {clear:both;padding:0 10px;}
		.footer_dianhua dt {line-height:24px;color:#9a9a9a;}
		.footer_dianhua dd {height:24px;line-height:24px;font-size:20px;font-weight:bold;color:#222;}
		.footer_dianhua dd a:link,.footer_dianhua dd a:visited {color:#222;}
	.footer_qrcode {text-align:center;display:flex;flex-direction:row;justify-content:space-between;padding:10px 0;}
		.footer_qrcode dl {}
		.footer_qrcode dt {padding:0 6px;}
		.footer_qrcode dt img {background-color:#fff;width:100%;max-width:100px;transition:all ease-in-out 0.3s;padding:2px;border:solid 1px #ddd;}	/* 80px */
		.footer_qrcode dd {padding:5px 2px;line-height:14px;color:#aaa;word-break:break-all;word-wrap:break-word;max-width:100px;}
		.footer_qrcode dl:hover dd {color:#f20;}
		.footer_qrcode dl:hover dt img {background-color:#222;border:solid 1px #666;}

.copyright_div {background-color:#fff}
#copyright {line-height:26px;padding:10px 0;color:#999;text-align:center;}
#copyright a:link,#copyright a:visited {color:#999;}
#copyright a:hover {color:#f20;}
.gonbeian_img {}


#qr_showbox {position:fixed;top:0;left:0;background:rgba(0,0,0,0.8);z-index:99;width:100%;height:100%;display:none;}
#qr_showimg {border:5px solid #fff;width:100%;max-width:300px;margin-top:150px;}
#qr_showtitle {clear:both;display:block;height:32px;line-height:32px;color:#fff;}


/* 开始 -- 800px 启动wap手机版样式 */
@media screen and (max-width:800px){
	.top_headnav{width:100%;}
	
	.footer_div {background:none;border:none;}
		.footer_box {display:block;padding:0px;}
	.footer_left {width:100%;flex-shrink:0;padding:0px 0px 10px;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;overflow:hidden;}
		.footer_left dl {float:none;clear:both;display:block;margin:0 10px;}
		.footer_left dl dt {font-size:15px;}
		.footer_left dl dd {font-size:13px;line-height:20px;}
		.footer_left .f_dl1 {max-width:100%;padding:0px 0 10px;}
		.footer_left .f_dl2 {max-width:100%;padding:0px;border-top:solid 1px #e2e2e2}
		.footer_left .f_dl2 dd {float:left;margin:2px 8px 2px 2px;}
		.footer_left .f_dl3 {display:none;}
		
	.footer_right {width:100%;flex-shrink:0;padding:0px;background-color:#fff;border-top:solid 1px #e2e2e2;border-bottom:solid 1px #e2e2e2;margin-top:15px;}
		.footer_dianhua {padding:8px 15px 10px;}
		.footer_dianhua dt {font-size:13px;}
		.footer_dianhua dd a:link,.footer_dianhua dd a:visited {color:#f70;}
		.footer_qrcode {padding:0 12px;}
		.footer_qrcode dd {line-height:15px;font-size:12px;}
	#copyright {line-height:18px;font-size:12px;}
}
/* 结束 -- 800px 启动wap手机版样式 */


/* 开始 -- 801px-1000px 手机版样式 */
@media screen and (min-width:801px) and (max-width:1000px){
	.top_headnav{width:800px;}
	
	/* footer_div */
	.footer_left dl dt {font-size:14px;}
	.footer_left .f_dl1 {max-width:260px;}
	.footer_left .f_dl2 {max-width:130px;}
	.footer_left .f_dl3 {display:none;}
	.footer_right {width:330px;}
	
	#copyright {line-height:20px;}
}
/* 结束 -- 801px-1000px 手机版样式 */


/* 开始 -- 1001px-1200px 手机版样式 */
@media screen and (min-width:1001px) and (max-width:1200px){
	.top_headnav{width:1000px;}
	
	/* footer_div */
	.footer_left dl dt {font-size:15px;}
	.footer_left .f_dl3 {display:none;}
	.footer_right {width:450px;}
}
/* 开始 -- 1001px-1200px 手机版样式 */


/* 开始 -- 1001px-1200px 手机版样式 */
@media screen and (min-width:1201px) and (max-width:1400px){
	.top_headnav{width:1200px;}
	
	/* footer_div */
	.footer_left dl dt {font-size:15px;}
	.footer_right {width:430px;}
}
/* 开始 -- 1001px-1200px 手机版样式 */