ul,li{margin:0;padding:0;}
/*button{margin:0; border:0; background:none; display:inline-block; cursor:pointer;  position:relative; overflow:visible; vertical-align:middle;}
html,body{width:100%; height:100%; background:#fff; -webkit-text-size-adjust:none; text-size-adjust:none;}
body{display:inline-block;}*/
/*fieldset{border:0}
legend{width:0; height:0; overflow:hidden; line-height:0; font-size:0;}
caption{display:none;}
button{margin:0; border:0; background:none; display:inline-block; cursor:pointer;  position:relative; overflow:visible; vertical-align:middle;}
img{border:0; font-size:0; line-height:0; vertical-align:middle;}
ul,ol{list-style:none}
strong{color:#222;}
em,address{font-style:normal}
a{text-decoration:none; display:inline-block;}
a:hover,a:active,a:focus{text-decoration:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block; margin:0; padding:0;}

input[type="text"]{border:1px solid #ccc; box-sizing:border-box; padding:0 10px; box-shadow:none; border-radius:0; -webkit-appearance:none; height:30px;}*/

.indent{overflow:hidden; text-align:left; text-indent:-9999em; display:block; height:100%;}
#fade{width:100%; height:100%; position:fixed; left:0; top:0; background:#3b3c3c; opacity:0.7; z-index:20; display:none;}

#header_wrap{
	width: 100%;
	/*height: 75px;*/
	position: relative;
	left: 0px;
	top: 0px;
	background: #fff;
	background-image: url(../line1.gif);
	background-repeat: repeat-x;
	background-position: top;
	-moz-box-shadow: 0px 3px 4px rgba(20%,20%,20%,0.2);
	-webkit-box-shadow: 0px 3px 4px rgba(20%,20%,20%,0.2);
	box-shadow: 0px 3px 4px rgba(20%,20%,20%,0.2);
	z-index: 100;
}
.header{width:1200px; height:100%; margin:0 auto; position:relative;}
.header:after{content: ".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.header h1{float:left; margin-top:10px; width:360px; height:60px; background:url('../logo.png') no-repeat 0 0;}
.header .gnb_wrap{display:inline-block; float:left;}
.header .gnb_wrap .fade_close{display:none;}
.header .gnb_head{display:none;}
.header .mobile_gnb{display:none;}
.header .depth1 ul{margin:0;padding:0;list-style:none;}
.header .depth1{/*width:570px;*/ display:inline-block; text-align:center; margin-top:30px;margin-left:70px; }
.header .depth1 > li{display:inline-block; margin-left:35px; position:relative; padding-bottom:20px;}
.header .depth1 > li:first-child{margin-left:0;}
.header .depth1 > li > a{font-size:16px; line-height:24px; font-weight:bold;padding-bottom:5px; display:inline-block; color:#333;border-bottom:3px solid transparent;}
.header .depth1 > li > a:hover/* , .header .depth1 > li > a.on */{ color:#2b8ad0;border-bottom:3px solid #07399c;}
.header .depth1 > li.gnb_company > .depth2{left:-60px;}
.header .depth1 > li > .depth2{position:absolute; left:-25px; top:52px; width:200px; text-align:left; box-shadow:5px 5px 4px 0 rgba(0,0,0,0.15); border-bottom:1px solid #07399c;  z-index:1; display:none;}
.header .depth1 > li > .depth2 > li{border-top:1px solid #03205f; position:relative; box-sizing:border-box; border-left:1px solid #07399c; border-right:1px solid #07399c;}
.header .depth1 > li > .depth2 > li.include{border-right:0;}
.header .depth1 > li > .depth2 > li:first-child{border-top:1px solid #07399c;}
.header .depth1 > li > .depth2 > li > a{color:#fff; font-size:14px; display:block; width:100%; height:100%; line-height:22px; box-sizing:border-box; padding:6px 5px 6px 15px; background:#07399c;}
.header .depth1 > li > .depth2 > li > a:hover, .header .depth1 > li > .depth2 > li a.on{background:#fff; color:#263238;}
.header .depth1 > li > .depth2 > li.go_submain{display:block;}
.header .depth1 > li > .depth2 > li.go_submain :hover{background:#00a6ff; color:#fff;}
.header .depth1 > li > .depth2 > li.include > a{background:#07399c url('../bu_2depth.png') no-repeat 165px 50%;}
.header .depth1 > li > .depth2 > li.include > a:hover, .header .depth1 > li > .depth2 > li.include a.on, .header .depth1 > li > .depth2 > li.over a{background:#fff url('../bu_2depth_on.png') no-repeat 165px 50%; color:#263238;}
.header .depth1 > li > .depth2 > li > .depth3{position:absolute; left:-1px; top:-1px; margin-left:100%; width:190px; background:#fff url('../bg_3depth_left.gif') no-repeat 0 1px; box-shadow:5px 5px 4px 0 rgba(0,0,0,0.15); padding:5px 0;  box-sizing:border-box; border:1px solid #07399c; border-left-width:0; display:none;}
.header .depth1 > li > .depth2 > li > .depth3 li{padding-left:20px; margin-top:0; background:url('../bg_3depth_line.gif') no-repeat 10px 17px;}
.header .depth1 > li > .depth2 > li > .depth3 li:first-child{margin-top:0;}
.header .depth1 > li > .depth2 > li > .depth3 li a{font-size:14px; color:#263238; line-height:22px; display:block; height:100%; box-sizing:border-box; padding:6px 0; background:none;}
.header .depth1 > li > .depth2 > li > .depth3 li a:hover{text-decoration:underline; color:#07399c;}
.header .search{
	position: absolute;
	z-index: 100;
	top: 22px;
	right: 50px;
	text-decoration:none;
}
.header .search .ic_search{display:block; overflow:hidden; padding:0 36px 0 10px; height:36px; line-height:34px; color:#fff; font-weight:bold; color:#eceff1; background:#424c51 url('../ic_search.png') no-repeat 90% 50%; font-size:12px; border-radius:5px;}
.header .search .input_search{position:absolute; right:0; top:61px; width:320px; height:50px; display:none;}
.header .search .input_search input[type="text"]{width:100%; height:50px; font-size:15px; color:#ebebeb; background:#424c51 url('../bg_head_search.png') no-repeat 20px 50%; line-height:50px; padding:0 80px 0 20px; border:0; font-weight:bold;}
.header .search .input_search input[type="text"].off{background-image:none;}
.header .search .input_search .sch_function{width:80px; height:50px; position:absolute; right:0; top:0; background:url('../sch_close_line.png') no-repeat 50% 50%; box-sizing:border-box; padding:14px 13px 14px 6px;}
.header .search .input_search .sch_function button{float:left; width:20px; height:20px; background:url('../ic_head_search.png') no-repeat 0 0;}
.header .search .input_search .sch_function .sch_close{display:inline-block; width:14px; height:14px; background:url('../ic_close_search.png') no-repeat 0 0; float:right; margin-top:4px;}
.header .foreign{
	position: absolute;
	right: 12px;
	top: 23px;
	width: 46px;
	z-index: 10;
}
.header .foreign .local{width:46px; height:36px; border:1px solid #a9b0b8; box-sizing:border-box; border-radius:5px; line-height:18px; padding-top:5px; text-align:center; font-weight:bold; font-size:11px; background:url('../country_off.png') no-repeat 50% 25px; display:inline-block;text-decoration:none;}
.header .foreign .local.on{background:url('../country_on.png') no-repeat 50% 25px;}
.header .foreign ul{overflow:hidden; position:absolute; left:0; top:33px; height:0; overflow:hidden;list-style:none;margin:0;padding:0;}
.header .foreign ul li{width:46px; border:1px solid #a9b0b8; box-sizing:border-box; background:#fff;}
.header .foreign ul li a{display:block; height:30px; line-height:30px; text-align:center; font-size:11px; color:#444;text-decoration:none;}
.header .foreign ul li a:hover{background:#424c51; color:#fff;text-decoration:none;}
.header .foreign ul li.chi{font-family: \5FAE\8EDF\6B63\9ED1\9AD4, \65B0\7D30\660E\9AD4, Arial, Helvetica, sans-serif;}
.header .foreign ul li.last{margin-top:-1px;}


/********************************************************
********************  Tablet device *********************
*********************************************************/

@media screen and (min-width:960px) and (max-width:1199px) {
	.header{width:960px;}
	.header .depth1{margin-left:10px; }
	.header .depth1 > li{margin-left:7px;}
	.header .depth1 > li > a{font-size:15px;}
	.header .depth1 > li > .depth2 > li.go_submain{display:block;}
}

/********************************************************
********************  Mobile device *********************
*********************************************************/

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

	input[type="text"]{height:25px;}

	#header_wrap{height:60px;  box-shadow:0 4px 4px 0 rgba(0,0,0,0.15); background:#fff;}
	.header{width:100%; margin:0;}
	.header h1{float:none; margin-top:0; width:240px; height:40px; background:url('../logo.png') no-repeat 0 0; background-size:240px 40px; position:absolute; left:28%; top:25%; margin:-6px 0 0 -50px;}
	.header h1 .indent{text-indent:0; color:transparent;}
	.header .mobile_gnb{display:block; position:absolute; width:46px; height:36px; background:url('../btn_gnb_mobile.png') no-repeat 50% 50%; background-size:23px 15px; left:8px; top:13px; overflow:hidden;}
	.header .mobile_gnb a{color:transparent; display:block; overflow:hidden; height:100%;}
	.header .gnb_wrap{display:block; float:none; position:fixed; height:100%; left:-300px; top:0; width:256px; background:#07399c; z-index:9999;}
	.header .gnb_wrap .fade_close{position:absolute; display:block; width:30px; height:30px; background:url('../btn_close_fade.png') no-repeat 50% 50%; background-size:15px 15px; top:15px; right:-40px;}
	.header .gnb_head{height:60px; border-bottom:1px solid #000d5f; position:relative; display:block; background:#07399c; z-index:10;}
	.header .gnb_head h2.logo{
	width: 137px;
	height: 30px;
	background-size: 137px 30px;
	position: absolute;
	left: 28px;
	top: 5px;
	color: #FFF;
	font-size: 16px;
	line-height: 16px;
	font-weight: bold;
}
	/*header .gnb_head h2.logo{width:107px; height:15px; background:url('../gnb_logo_m.png') no-repeat 0 0; background-size:107px 15px; position:absolute; left:25px; top:23px; color:transparent;}*/
	.header .gnb_head a.home{display:block; width:35px; height:30px; position:absolute; right:14px; top:15px; background:url('../ic_home_m.png') no-repeat 50% 50%; background-size:18px 15px; color:transparent;}
	.header .depth1{width:100%; display:block; text-align:left; margin-top:0; height:100%; overflow:auto; box-sizing:border-box; padding-top:60px; margin-top:-60px;margin-left:0;}
	.header .depth1 ul{margin:0;padding:0;list-style:none}
	.header .depth1 > li{display:block; position:relative; margin-left:0; height:auto; border-bottom:1px solid #000d5f; padding-bottom:0;}
	.header .depth1 > li:first-child{margin-left:0;}
	.header .depth1 > li > a{font-size:15px; line-height:51px; font-weight:bold; display:block; box-sizing:border-box; padding-left:28px; color:#fff; background:url('../bu_1depth_down.png') no-repeat 90% 50%; background-size:9px 9px; padding-bottom:0;border-bottom:none;}
	.header .depth1 > li > a:hover{padding-bottom:0; border-bottom:0;}
	.header .depth1 > li > a.go_submain1{font-size:15px; line-height:51px; font-weight:bold; display:block; box-sizing:border-box; padding-left:28px; color:#fff; background:none; background-size:9px 9px; padding-bottom:0;}
	.header .depth1 > li > a:hover.go_submain1{padding-bottom:0; border-bottom:0;color:#2b8ad0;}
	.header .depth1 > li > a.on{background:url('../bu_1depth_up.png') no-repeat 90% 50%; background-size:9px 9px; padding-bottom:0; border-bottom:0;}
	.header .depth1 > li > .depth2{position:static; width:100%; text-align:left; box-shadow:0 0 0 0; padding:5px 0;background:#eceff1; border:0;}
	.header .depth1 > li > .depth2 > li{border-top:0; height:auto; position:relative; background:#eceff1; border:0;}
	.header .depth1 > li > .depth2 > li:first-child{border-top:0;}
	.header .depth1 > li > .depth2 > li > a{color:#07399c; font-size:14px; display:block; width:100%; height:100%; line-height:24px; box-sizing:border-box; padding-left:28px; background:#eceff1; font-weight:bold;}
	.header .depth1 > li > .depth2 > li > a:hover, .header .depth1 > li > .depth2 > li a.on{background:#eceff1; color:#07399c;}
	.header .depth1 > li > .depth2 > li.go_submain{display:block;}
	.header .depth1 > li > .depth2 > li.include > a{background:#eceff1; position:relative;}
	.header .depth1 > li > .depth2 > li.include > a span:after{display:block; width:2px; height:9px; background:#273339; position:absolute; border-radius:3px; right:37px; top:50%; margin-top:-4px; content:''; -webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.header .depth1 > li > .depth2 > li.include > a span:before{display:block; width:2px; height:9px; background:#273339; position:absolute; border-radius:3px; right:32px; top:50%; margin-top:-4px; content:''; -webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.header .depth1 > li > .depth2 > li.include > a.on span:after{-webkit-transform:rotate(45deg); transform:rotate(45deg);}
	.header .depth1 > li > .depth2 > li.include > a.on span:before{-webkit-transform:rotate(-45deg); transform:rotate(-45deg);}
	.header .depth1 > li > .depth2 > li.include > a:hover, .header .depth1 > li > .depth2 > li.include a.on{background:#eceff1; color:#07399c;}
	.header .depth1 > li > .depth2 > li > .depth3{position:static; width:auto; display:none; background:#eceff1; box-shadow:0 0 0 0; padding:11px 0; margin:14px 28px; border:1px solid #07399c; border-width:1px 0;}
	.header .depth1 > li > .depth2 > li > .depth3 li{padding-left:0; margin-top:0; background:none;}
	.header .depth1 > li > .depth2 > li > .depth3 li:first-child{margin-top:0;}
	.header .depth1 > li > .depth2 > li > .depth3 li a{font-size:14px; color:#263238; line-height:36px; font-weight:bold;}
	.header .depth1 > li > .depth2 > li > .depth3 li a:hover{text-decoration:none; color:#263238;}

	.header .search{float:none; margin:0; width:46px; height:46px; float:right; padding:0px 47px 0 0;}
	.header .search .ic_search{display:block; width:100%; height:100%; background:url('../ic_search_m.png') no-repeat 50% 50%; background-size:23px 23px; color:transparent; font-size:1px; line-height:1px; overflow:hidden; border-radius:0; padding:0;}
	.header .search .input_search{position:absolute; right:0; left:0; top:60px; width:100%; height:auto; padding-left:0;	}
	.header .search .input_search input[type="text"]{width:100%; height:50px; font-size:14px; color:#ebebeb; background:#424c51 url('../bg_head_search_m.png') no-repeat 20px 50%; background-size:125px 13px; line-height:50px; padding-left:30px;}
	.header .search .input_search .sch_function{width:80px; height:50px; position:absolute; right:0; top:0; background:url('../sch_close_line.png') no-repeat 50% 50%; box-sizing:border-box; padding:8px 6px 10px 6px;}
	.header .search .input_search .sch_function button{float:left; width:24px; height:24px; margin-top:5px; background:url('../ic_head_search_m.png') no-repeat 0 0; background-size:24px 24px;}
	.header .search .input_search .sch_function .sch_close{display:inline-block; width:26px; height:26px; background:url('../ic_close_search_m.png') no-repeat 50% 50%; background-size:13px 13px; float:right; }

	.header .foreign{
	position: absolute;
	right: 5px;
	top: 13px;
	width: 46px;
	z-index: 10;
}

	.indent{overflow:hidden; text-align:left; text-indent:0; display:block; color:transparent !important;}

}



@media screen and (max-width:500px){
	
}

@media screen and (min-width:768px) and (max-width:959px) {
	
}

@media screen and (min-width:641px) and (max-width:1200px) {
	

}

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

}

@media screen and (min-width:960px) and (max-width:1200px) {
	
	/*.header .depth1{width:620px;}*/
}

@media screen and (min-width:641px) and (max-width:960px) {
	
}