@charset "utf-8";
:root { --a: 0;
	--border_color: #dacc8f;
	--back_color: #f5f0ca;
	--title_color: #503501cc;
	--link_color: #7e6802;
	--shallow_color:#fffdf1;
	--hover_color:#ec5f1f;
}
body {
/*        font-family: '΢ÈíÑźÚ',Arial,Helvetica,sans-serif,'Times New Roman', Times, serif;
*/        font-family: "PingFang SC", "Lantinghei SC", "Helvetica Neue", "Microsoft Yahei", "Hiragino Sans GB", "Microsoft Sans Serif", "WenQuanYi Micro Hei", "sans";
	margin: 0px;padding: 0px;min-height: 800px;opacity: 0.95;
	background: linear-gradient(to bottom, var(--border_color)2%, var(--back_color) 50%, #fff 110%) repeat-x;
	font-size: 12pt;text-align: center;color: #3e2b07;
}
.visible-xs,.visible-sm,.visible-md,.visible-lg,.m_logo,.logoxs {display: none !important;}
.container {padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
a {text-decoration: none;}
a:link,a:visited {text-decoration: none;color: var(--link_color);}
a:hover {color: var(--hover_color);}
/*
a:after {  content: attr(href); }
*/
#warp {
	background: #FFFFFF;
	border: var(--border_color) 1px solid;
	border-radius: 10px;
	display: table;
	width: 1270px;
	padding: 2px;
	margin: 2px auto;
	text-align: left;
}
.topnav {width: 100%;font-size: 11pt;}
.topnav a {font-size: 11pt;color:#676767;padding: 0 2px; }
.topnav a:hover {text-decoration: none;color: var(--hover_color);text-decoration: underline;}
.banner {width: 100%;height: auto; text-align: center; overflow: hidden;margin: 5px auto;}
.ihnsmenu {
	margin: 5px auto;
	padding: 0px 5px;
	overflow: hidden;
	display: flex;
	justify-content: space-between;
	background: linear-gradient(to bottom, #eee 10%, #fff 35%, #fff 65%, #eee 90%) repeat-x;
	border-radius: 10px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #FFFFFF;
}
.ihnsmenu li {float: left;}
.ihnsmenu li:last-child .ihnsdrop-content {right: 0;left: auto;}
.ihnsmenu li a:link,
.ihnsmenu li a:visited,
.ihnsmenu>.ihnsdrop>.dropbtn {
	display: inline-block;
	text-align: center;
	padding: 5px 0px;
	margin: 1px;
	color: var(--title_color);
	font-weight: bold;
}
.ihnsmenu li a:hover,
.ihnsmenu>.ihnsdrop:hover>.dropbtn {
	border-radius: 5px;
	color: #fff;
	background: linear-gradient(to bottom, #eee 2%, var(--link_color) 15%, var(--link_color) 85%, #eee 98%) repeat-x;
}
.ihnsmenu>.ihnsdrop {
	display: inline-block;
	transition: all 0.4s ease-in-out;
}
.ihnsmenu>.ihnsdrop>.ihnsdrop-content {
	height: 0px;
	position: absolute;
	background-color: #f9f9f9;
	transition: all 0.4s ease-in-out;
	min-width: 160px;
	box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
	z-index: 1;
	opacity: 0;
}
.ihnsmenu>.ihnsdrop>.ihnsdrop-content a {
	color: var(--title_color);
	padding: 8px 16px;
	text-decoration: none;
	display: block;
	text-align: left;
	border-top: 1px solid #fff;
	border-bottom: #ddd 1px solid;
}
.ihnsmenu>.ihnsdrop>.ihnsdrop-content a:hover {
	background-color: #f1f1f1;
	color: #fff;
}
.ihnsmenu>.ihnsdrop:hover>.ihnsdrop-content {
	height: auto;
	opacity: 1;
}
img{ border:none;}
ul{ margin:0px; padding:0px; list-style:none;}
.none{ display:none;}
.clear{ clear:both; background:#FFFFFF;}
.top_l, .toplink {  line-height:22pt; position: relative; min-height: 1px; padding: 5px;}
.top_l {float: left;}
.toplink{float: right;}
#menu{ margin:0px 5px; height:35px; overflow:hidden; background: url(/images/nav_bg_12.jpg) repeat-x center top; }
#menu ul{ margin:0px; padding:0px;width: 100%;}
#menu li{ float:left; padding:0px; line-height:35px; font-weight:bold;width:8.8%; text-align: center; display: table-caption;}
#menu li a{font-weight:bold; color:#7e6802; }
#menu li a:hover{ color: var(--hover_color); }
#menu .split{ font-size:11px; color:#b6b6b6; font-weight:bold; width: 1px;}
#detailmenu{ display:none; border-bottom:solid 4px #b6b6b6; border-right: solid 2px #b6b6b6;
        padding:0px 6px 5px 6px; position:absolute; background-color:#f5f5f5; margin-top:4px; margin-left:-27px;}
#detailmenu li{   border-bottom:solid 1px #b6b6b6; line-height:25px; padding:5px 5px 0px 15px;
        background: url(/images/dot_007.gif) no-repeat 5px 12px; text-align: initial;}
#detailmenu li a{ color:#7e6802; text-decoration: none;}
#detailmenu li a:hover{ text-decoration:none; color:var(--hover_color);}

#footer { margin: 10px auto; padding-bottom: 20px; display: inline-block; }
.cas_logo {float: left; padding: 15px 10px 0 0;}
.idwww { float: left;padding-left: 20px;margin-left: 20px;text-align: left;border-left: 1px solid;}
#_ideConac {float: left; padding-left: 10px;}


@supports (not (--a: 0)) {
	/* not supported var(--) */
	body {background: linear-gradient(to bottom, #dacc8f 2%, #f5f0ca 50%, #fff 110%) repeat-x;}
	a:link,a:visited {color: #7e6802;}
	a:hover {color: #ec5f1f;}
	#warp { border: #dacc8f 1px solid;}
	.topnav a:hover {color: #ec5f1f;}
	.ihnsmenu>.ihnsdrop>.dropbtn {color: #503501cc;}
	.ihnsmenu li a:hover,
	.ihnsmenu>.ihnsdrop:hover>.dropbtn {
			background: linear-gradient(to bottom, #eee 2%, #7e6802 15%, #7e6802 85%, #eee 98%) repeat-x;}
	.ihnsmenu>.ihnsdrop>.ihnsdrop-content a {color: #503501cc;}
	#menu li a:hover{ color: #ec5f1f; }
	#detailmenu li a:hover{ text-decoration:none; color:#ec5f1f;}
	@media screen and (max-width: 479px) {
			.logoxs {display:block !important;background: linear-gradient(to right top, #503501cc 2%, #7e6802 40%, #f5f0ca 130%);}
	}
}

@media screen and (max-width: 479px) {
	#warp {width: 99%; padding: 0 1px; border: 0;}
	.top_l,.toplink {padding: 0;}
	.topnav,.topnav a {font-size: 9pt;padding: 0 0;}
	.logoxs {display:block !important;background: linear-gradient(to right top, var(--title_color) 2%, var(--link_color) 40%, var(--back_color) 130%);}
	body {font-size: 11pt;}
	#menu {margin: 0;}
	#menu li a {font-size: 10pt;}
	#menu li {width:8.5%;}
	#menu img { width: 1%;}
	.cas_logo {padding: 0 0 10px 0;float: none;}
	.idwww {font-size: smaller;padding-left: 0px;margin-left: 0px;border-left: 0px;text-align: center;float: none;}
	#_ideConac {padding-left: 0;float: none;}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
	.visible-xs {display: block !important;}
	#warp {width: 99%; padding: 0 1px; border: 0;}
	.top_l,.toplink {padding: 0;}
	.topnav,.topnav a {font-size: 9pt;padding: 0 0;}
	.m_logo {display: inline-block !important; width: 100%;}
	body {font-size: 10pt;}
	#menu {margin: 0;}
	#menu li a {font-size: 10pt;}
	#menu li {width:8.6%;}
	.cas_logo {padding: 0 0 10px 0;float: none;}
	.idwww {font-size: smaller;padding-left: 0px;margin-left: 0px;border-left: 0px;text-align: center;float: none;}
	#_ideConac {padding-left: 0;float: none;}
}

@media screen and (min-width: 768px) and (max-width:993px) {
	.container {width: 750px;}
	.visible-sm {display: block !important;}
	#warp {width: 99%;}
	.top_l,.toplink {padding: 0 0;}
	.topnav,.topnav a {font-size: 10pt;padding: 0 2px 0 2px;}
	body {font-size: 11pt;}
	#menu {margin: 0;}
	#menu li a {font-size: 11pt;}
	#menu li {width: 8.7%;}
	.idwww {font-size: smaller;padding-left: 5px;margin-left: 5px;border-left: 0px;}
	#_ideConac{padding-left: 0;}
	.cas_logo {padding: 0px 0px 0 0;}
}

@media screen and (min-width: 994px) and (max-width:1199px) {
	.container {width: 970px;}
	.visible-md {display: block !important;}
	#warp {width: 990px;}
	.idwww {font-size: smaller;padding-left: 10px;margin-left: 10px;}        
	.cas_logo {padding: 10px 0px 0 0;}
}

@media screen and (min-width: 1200px) {
	.container {width: 1170px;}
	.visible-lg {display: block !important;}
	#warp {width: 1170px;}
}