@charset "utf-8";
/* CSS Document */
html,body {position: relative;}
body {margin: 0;padding: 0;font-size:14px; font-family:Microsoft YaHei, Helvitica, Verdana, Tohoma, Arial, san-serif; position: relative; color:#333; }

div,form,ul,ol,li,span,p,dl,dt,dd,img,section,header,footer,input,textarea,a,i { margin:0;padding: 0;border: 0;outline:none;
moz-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box
}
h1,h2,h3,h4,h5,h6 {font-size: 1.2em;margin: 0;padding: 0;border: 0}

ul,ol,li {list-style: none;list-style-position: inside}

table,td,input,textarea {font-size: 14px}

.fl {float: left}
.fr {float: right}

a { font-size:14px;color: #333;text-decoration: none;cursor: pointer}
a:visited {text-decoration: none}
a:hover {color: #333;text-decoration: none}
a:active {color: #333}


.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}

.com_wd {width: 100%;height: 100%}
.abs {position: absolute;left: 0;top: 0}

.flex{
	display: -webkit-box; /* 老版本语法: Safari, iOS, Android browser, older WebKit browsers. */
	display: -moz-box; /* 老版本语法: Firefox (buggy) */
	display: -ms-flexbox; /* 混合版本语法: IE 10 */
	display: -webkit-flex; /* 新版本语法： Chrome 21+ */
	display: flex;
}
.blank{ width:100%; height:50px;}

/* --------------头部-------------- */
#header{ position:fixed; left:0px; top:0px; width:100%; height:50px; background-color:#0c314b; color:#FFF; z-index:100;}
.header_in{width:100%; position:relative;}

/* 菜单按钮 */
.menu_btn{ position:fixed; top:12px; right:10px;width:28px; height:50px; z-index:120; cursor:pointer; z-index:200;}
.menu_btn .bar {
position: relative;
display: block;
width:28px;
height:3px;
margin-top:4px;
background-color: #fff;

-webkit-radius:10px;
-moz-radius:10px;
-ms-radius:10px;
-o-radius:10px;
-radius:10px;

-webkit-transition:0.3s;
-moz-transition:0.3s;
-ms-transition:0.3s;
-o-transition:0.3s;
-transition:0.3s;

}

.after_click_a{
	transform:translateY(7px) rotate(-45deg);
	-ms-transform:translateY(7px) rotate(-45deg); 	/* IE 9 */
	-moz-transform:translateY(7px) rotate(-45deg);	/* Firefox */
	-webkit-transform:translateY(7px) rotate(-45deg); /* Safari 和 Chrome */
	-o-transform:translateY(7px) rotate(-45deg); 	/* Opera */
}
.after_click_b{
	filter:alpha(Opacity=0);-moz-opacity:0;opacity: 0;
}
.after_click_c{
	transform:translateY(-7px) rotate(45deg);
	-ms-transform:translateY(-7px) rotate(45deg); 	/* IE 9 */
	-moz-transform:translateY(-7px) rotate(45deg);	/* Firefox */
	-webkit-transform:translateY(-7px) rotate(45deg); /* Safari 和 Chrome */
	-o-transform:translateY(-7px) rotate(45deg); 	/* Opera */
}
/* logo */
.logo{ position:absolute; margin-left:10%; width:80%; text-align:center;}
.logo img{ width:auto; height:50px;}

/* 搜索 */
.search_btn{ position:absolute; right:10px; top:0px; height:60px; line-height:60px;}
.search_btn span{ font-size:22px; cursor:pointer;}
.search_box{ position:absolute; left:0px; top:60px; padding-top:10px; width:100%; height:60px; background-color:#FFF;z-index:20; display:none;}
.search_box .s_mykey{ float:left; margin-left:2%; width:74%; height:40px; line-height:40px; border:1px solid #e2e2e2;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}
.search_box .s_btn{ float:right; margin-right:2%; width:20%; height:40px; line-height:40px; border:0px; background-color:#980000; color:#FFF; cursor:pointer; text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;}

/* 菜单 */
#menu_box{ position:fixed; right:-60%; top:0px; width:60%; height:100%; background-color:#082d48; color:#FFF;  overflow:auto;z-index:150; 
-webkit-transition:all .5s ease-in-out 0s;
-moz-transition:all .5s ease-in-out 0s;
-ms-transition:all .5s ease-in-out 0s;
-o-transition:all .5s ease-in-out 0s;
transition:all .5s ease-in-out 0s;
}

#menu_box .manu_list{ padding-top:40px;}
#menu_box .manu_list dl dt{ height:44px; line-height:44px; border-bottom:1px solid #053558; position:relative;}
#menu_box .manu_list dl dt a{ display:block;font-size:14px;color:#7595b2; text-indent:10px;}
#menu_box .manu_list dl dt a i{ font-size:18px;}
#menu_box .manu_list dl dt span{ position:absolute; right:10px; top:0px; display:block; height:44px; line-height:44px;}

#menu_box .manu_list dl dd{border-bottom:1px solid #053558; display:none;}
#menu_box .manu_list dl dd a{ display:block; height:38px; line-height:38px; font-size:12px;text-indent:20px; color:#7595b2; background-color:#053558; position:relative;}
#menu_box .manu_list dl dd a span{ position:absolute; right:10px; top:0px; display:block; height:44px; line-height:44px;}

.sec_list { display:none;}
.sec_list ul li a{display:block; height:38px; line-height:38px; font-size:12px; color:#FFF;}

#menu_box .manu_list .current{ color:#FFF;}


.menu_dark{ position:fixed; left:0px; top:0px; width:100%; height:100%; background-color:#000;filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; display:none;z-index:120;}

.open_menu #menu_box{  right:0px; width:60%;}
.open_menu .menu_dark{ display:block;}

/* 底部 */
.footer_line{ width:100%;}
.footer_line img{ width:100%; height:auto; display:block;}
#footer{ text-align:center; padding:15px 10px; background-color:#f7c44e; color:#FFF;}