/* Çì´õ, ǪÅÍ¿µ¿ª ½ºÅ¸ÀÏ ½ÃÆ® */
/*°øÅë*/
body, html { width: 100%; overflow-x: hidden; overflow-y: auto !important; }
body.vis, html.vis { overflow: hidden; }
div#screen_black { position: absolute;display:none; width: 100%; height: 100%; z-index: 40; background: rgba(0, 0, 0, 0.4); }

@media only screen and (max-width:1023px) {

div#header { display:none}

div#m_header {top:0;width:100%;height:94px;z-index:999;background:#fff;border-bottom:1px solid #333; position:fixed; } /* Çìµå Åé¸Þ´º */

div#m_header div.cont1_slide { width:100%;height:26px;margin:0px auto;padding:8px 0;background:#252d37;}
div#m_header div.cont1_slide ul{ width:100%; }
div#m_header div.cont1_slide ul li { width:100%;font-size:15px; text-align:center; color:#fff; }

div#m_header h1 { padding-top:6px; text-align:center; }
div#m_header img.logo { margin:0 auto; display:block; width:130px; }
div#m_header img.menu { position:absolute;display:block; width:30px;top:35px;right:10px;z-index:99999; }
div#nav_wrap { 
	position:fixed; 
	display: none;
	top: 92px;
	right: 0;
	width:60%;
	background: #191e24;
	box-shadow: 1px 0 3px rgba(0, 0, 0, 0.4);
	overflow: auto;
	border:1px solid #fff;
	
}
div#nav_wrap ul.nav { margin:2px; }
div#nav_wrap ul.nav li { width:100%; }

div#nav_wrap ul.nav li.title { position:relative;font-size:12px;width:98%;padding:15px;margin:1% auto;background:#222;text-align:left;}
div#nav_wrap ul.nav li.title a { display:block;width:50%;margin:2px auto;padding:10px 4px;;background:#fff; border:1px solid #111;color:#222;text-align:center; }

div#nav_wrap ul.nav li.t2 { font-size:13px;width:100%;padding:5px 20px;;margin:.5%; background:#222; color:#fbfe03;text-align:left; }
div#nav_wrap ul.nav li.t2 a { color:#fbfe03;text-align:left; }

div#nav_wrap ul.nav li.t1 div.menu { width:100%;background:#000;margin-12px;  }
div#nav_wrap ul.nav li.t1 div.menu ul { width:100%;padding:2px; }
div#nav_wrap ul.nav li.t1 div.menu ul li { text-align:left;font-size:13px;width:100%;padding:10px 30px;;margin:.5%;border:1px solid #222; letter-spacing:1px; }
div#nav_wrap ul.nav li.t1 div.menu ul a li { color:#fff; }


div#footer { position:relative;width:100%;height:270px;background:#333333;margin-top:120px;}
div#footer ul { position:relative;width:100%;font-size:11px; }
div#footer ul li.top { width:100%;height:28px;border-bottom:1px solid #8c8c8c; }
div#footer ul li.top div { display:block;width:96%;margin:0px auto;}
div#footer ul li.top div ul li { display:block;float:left;padding:6px;color:#c8c6c6; }
div#footer ul li.top div ul li a:hover { color:#fff; }

div#footer ul li.bo { position:relative;width:100%;color:#c8c6c6;margin-top:30px; }
div#footer ul li.bo div { display:block; width:98%;margin:0px auto;font-size:12px;}
div#footer ul li.bo div ul { display:block; width:100%;margin:0px auto;}
div#footer ul li.bo div ul li.left { float:left;width:62%;padding:10px; }
div#footer ul li.bo div ul li.right { float:left;width:22%;padding:10px;}
div#footer ul li.bo div ul li.right select { background:#3f3f3f; border:1px solid #3f3f3f;color:#c8c6c6;width:100px;padding:8px;font-size:12px;  }

}

/* ¿¾³¯ ¸ð´ÏÅÍ ÇØ»óµµ 1024-1059px */

@media only screen and (min-width:1023px) and (max-width:1599px) {

div#m_header { display:none}

div#header { display:block;width:100%;z-index:100; position:fixed; }

div#h_cont { position:relative;width:100%;height:100px; background:rgba(255, 255, 255, 1); border-bottom:2px solid #222; z-index:90; }
div#h_cont div.wrap { display:block;width:100%;height:100px;margin:0px auto; z-index:80;}
div#h_cont ul.nav { position:absolute; width:90%; }
div#h_cont ul.nav li { float:left; width:10%; }
div#h_cont ul.nav li.logo { width:20%;margin-top:20px; }
div#h_cont ul.nav > li > a { 
	display: block; 
	height:100px;
	line-height: 100px;
	padding: 0 10px;
	font-size:15px;
	text-align:center;
	text-decoration: none;
}

div#h_cont ul.nav > li.a > a:hover { height:95px; border-bottom:2px solid #685849; }
div#h_cont ul.nav > li.b > a:hover { height:95px; border-bottom:2px solid #685849; }

div#sub_bg { position: absolute; top:140px; display:none; width:100%; height:284px; z-index:50; background:#fff;border-bottom:1px solid #222; }

div#sub_bg ul li.a { float:left; width:40%;height:284px;border-right:1px solid #ddd;  }
div#sub_bg ul li.a div ul li { position:relative;float:left;width:29%; margin:.5%; padding:4px; text-align:center;  }
div#sub_bg ul li.a div ul li span.p1 { position:absolute; top:30%;left:20%; text-align:center; font-size:15px; padding:4px; color:#fff; letter-spacing:1px;font-weight:bold; }
div#sub_bg ul li.a div ul li img { width:100%;height:114px;border:1px solid #ddd; }
div#sub_bg ul li.a div ul li:hover img { border:1px solid #222;animation:bounce .75s; }
div#sub_bg ul li.a div ul li p { width:100%;padding-bottom:12px;text-align:left;color:#f17a2b;font-size:18px;}
div#sub_bg ul li.a div ul li select { width:80%;border:1px solid #ddd;height:43px;color:#fff;background:#23408e;font-size:13px;text-align:left;}

div#sub_bg ul li.b { float:left; width:19.8%;height:284px;border-right:1px solid #ddd; }
div#sub_bg ul li.b div ul li.b1 { width:90%;clear:both;text-align:center;padding-top:25%;font-size:13px;padding:10px; }
div#sub_bg ul li.b div ul li.b2 { width:98%;text-align:center;font-weight:bold;color:#23408e;font-size:18px;padding:3%; }
div#sub_bg ul li.b div ul li.b3 { width:98%;text-align:center;padding:2%; }

div#sub_bg ul li.c { float:left; font-size:13px;width:10%;}
div#sub_bg ul li.c div { padding:6px; }
div#sub_bg ul li.c div ul { padding:6px; }
div#sub_bg ul li.c div ul li { width:100%;clear:both;text-align:center;padding:10xp 12px;font-size:13px;line-height:35px; }
div#sub_bg ul li.c div ul li a:hover { color:#f1b22b; }


div#h_cont ul.nav > li ul.sub_menu { display: none; height:160px; padding:20px 0; color:#333;}
div#h_cont ul.nav > li ul.sub_menu:hover { background:#fff; height: 162px; font-weight:bold; }
div#h_cont ul.nav > li ul.sub_menu:hover li a {color: #222; }
div#h_cont ul.nav > li ul.sub_menu li a { 
	display: block; 
	text-align: center; 
	text-decoration: none;
	padding: 5px 0;
	font-size:14px;
	color: #ccc;
}
div#h_cont ul.nav > li ul.sub_menu li a:hover { color: #fba026;}

div#footer { position:relative;width:100%;height:270px;background:#333333;margin-top:120px;}
div#footer ul { position:relative;width:100%;font-size:13px; }
div#footer ul li.top { width:100%;height:42px;border-bottom:1px solid #8c8c8c; }
div#footer ul li.top div { display:block; width:90%;margin:0px auto;}
div#footer ul li.top div ul li { display:block;float:left;padding:12px;color:#c8c6c6; }
div#footer ul li.top div ul li a:hover { color:#fff; }

div#footer ul li.bo { position:relative;width:100%;color:#c8c6c6;margin-top:30px; }
div#footer ul li.bo div { display:block; width:90%;margin:0px auto;font-size:13px;}
div#footer ul li.bo div ul { display:block; width:100%;margin:0px auto;}
div#footer ul li.bo div ul li.left { float:left;width:60%;padding:10px; }
div#footer ul li.bo div ul li.right { float:right;width:30%;padding:10px;}
div#footer ul li.bo div ul li.right select { background:#3f3f3f; border:1px solid #3f3f3f; color:#c8c6c6; width:200px; padding:12px; font-size:13px;  }

}

/* pc ¿ÍÀ̵å */

@media only screen and (min-width:1600px) {

div#m_header { display:none}
div#header { display:block;width:100%;height:100px;z-index:99999; position:fixed; }
div#header div.cont1_slide { width:100%; margin:0px auto; padding:8px 0; border-bottom:1px solid #222; background:#252d37;}
div#header div.cont1_slide ul{ width:100%; }
div#header div.cont1_slide ul li{ width:100%; font-size:16px; text-align:center; color:#fff; }

div#h_cont { position:relative;width:100%;height:100px;margin:0px auto; background:rgba(255, 255, 255, 1); border-bottom:2px solid #222; z-index:50;  }

div#h_cont ul.nav { width:68%;height:100px;margin:0px auto;z-index:80; }
div#h_cont ul.nav li { float:left; width:16%; }
div#h_cont ul.nav li.logo { width:17%;padding-top:20px; }
div#h_cont ul.nav li a { 
	display: block; 
	height: 100px;
	line-height:100px;
	padding: 0 10px;
	font-size: 16px;
	text-align:center;
	text-decoration: none;
}

div#h_cont ul.nav li a:hover { color:#685849; }

div#sub_bg { position: absolute; top:140px; display:none; width:100%; height:284px; z-index:99999; background:#fff;border-bottom:1px solid #222; }
div#sub_bg ul li.a { float:left; width:41%;height:284px;border-right:1px solid #ddd;  }

div#sub_bg ul li.a div ul li { position:relative; float:left; width:29%; margin:.5%; padding:4px; text-align:center;  }
div#sub_bg ul li.a div ul li span.p1 { position:absolute; top:35%;left:33%; text-align:center; font-size:15px; padding:4px; color:#fff; letter-spacing:1px;font-weight:bold; }
div#sub_bg ul li.a div ul li img { width:100%;height:114px;border:1px solid #ddd; }
div#sub_bg ul li.a div ul li:hover img { border:1px solid #222;animation:bounce .75s; }
div#sub_bg ul li.a div ul li p { width:100%;padding-bottom:12px;text-align:left;color:#f17a2b;font-size:18px;}
div#sub_bg ul li.a div ul li select { width:80%;border:1px solid #ddd;height:43px;color:#fff;background:#23408e;font-size:15px;text-align:left;}

div#sub_bg ul li.b { float:left; width:18.8%;height:284px;border-right:1px solid #ddd; }
div#sub_bg ul li.b div ul li.b1 { width:100%;clear: both;text-align:center;padding-top:5%;font-size:13px; }
div#sub_bg ul li.b div ul li.b2 { width:100%;text-align:center;font-weight:bold;color:#23408e;font-size:18px;padding:3%; }
div#sub_bg ul li.b div ul li.b3 { width:100%;text-align:center;padding:2%; }

div#sub_bg ul li.c { float:left; font-size:15px; padding:4px; width:9.5%; }
div#sub_bg ul li.c div { padding:10px; }
div#sub_bg ul li.c div ul { padding:10px; }
div#sub_bg ul li.c div ul li { width:100%;clear:both;text-align:center;padding:10xp 10px;font-size:15px;line-height:35px;letter-spacing:.5px; }
div#sub_bg ul li.c div ul li a:hover { color:#f1b22b; }


div#h_cont ul.nav > li ul.sub_menu { display: none; height:160px; padding:20px 0; color:#333;}
div#h_cont ul.nav > li ul.sub_menu:hover { background:#fff; height: 162px; font-weight:bold; }
div#h_cont ul.nav > li ul.sub_menu:hover li a {color: #222; }
div#h_cont ul.nav > li ul.sub_menu li a { 
	display: block; 
	text-align: center; 
	text-decoration: none;
	padding: 5px 0;
	font-size: 13px;
	color: #ccc;
}
div#h_cont ul.nav > li ul.sub_menu li a:hover { color: #fba026;}

div#footer { position:relative;width:100%;height:270px;background:#333333;margin-top:120px;}
div#footer ul { position:relative;width:100%;font-size:13px; }
div#footer ul li.top { width:100%;height:40px;border-bottom:1px solid #8c8c8c;}
div#footer ul li.top div { display:block; width:68%;margin:0px auto;}
div#footer ul li.top div ul li { display:block;float:left;padding:5px 10px;color:#c8c6c6; }
div#footer ul li.top div ul li:hover { color:#fff; }

div#footer ul li.bo { position:relative;width:100%;color:#c8c6c6;margin-top:30px; }
div#footer ul li.bo div { display:block; width:68%;margin:0px auto;font-size:13px;}
div#footer ul li.bo div ul { display:block; width:100%;margin:0px auto;}
div#footer ul li.bo div ul li.left { float:left;width:60%;padding:10px; }
div#footer ul li.bo div ul li.right { float:right;width:30%;padding:10px;}
div#footer ul li.bo div ul li.right select { background:#3f3f3f; border:1px solid #3f3f3f; color:#c8c6c6; width:200px; padding:12px; font-size:13px;  }
}