@charset "utf-8";
/* CSS Document */

/*base Start
=================================*/
body > div{margin-right:auto;margin-left:auto; } 
body,div,ul,ol,ul,li,ol,dl,dd,dt,form,span,p,textarea{margin:0;padding:0;list-style:none;}
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:normal;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;}
input{padding-top:0;padding-bottom:0;}
input::-moz-focus-inner{border:none;padding:0;}
select,input{vertical-align:middle;}
select,input,textarea{font-size:12px;margin:0;}
input[type="text"],input[type="password"],textarea{outline-style:none;-webkit-appearance:none;}
textarea{resize:none;}
table{border-collapse:collapse;border-spacing:0;}
th,td{font-size:12px;padding:0}
img,a img{border:0;margin:0;padding:0;}
img{border:none;}
a{outline-style:none;color:#000;text-decoration:none}
a:hover{color:#025194;text-decoration:none;}
a:focus {outline-style:none; -moz-outline-style: none;}
.clearfix:after {content:"."; display:block; height:0; visibility:hidden; clear:both; }
.clearfix{zoom:1;}
.clear{clear:both; height:0; font-size:0;overflow:hidden;}
.auto{margin-left:auto;margin-right:auto;}
.fl{float:left;}
.fr{float:right;}
.show{display:block!important;}
.hide{display:none!important;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block;}
/*base End
=================================*/

/*Public Start
=================================*/
body, html {
    color: #333;
    font-family: "\5FAE\8F6F\96C5\9ED1","Microsoft YaHei","微软雅黑",PingHei,STHeiti,"\5B8B\4F53",SimSun,"宋体",sans-serif;
    font-size: 62.5%;
}
body {
    font-size: 1.4rem;font-size:14px;
	line-height: 32px;
}
@media only screen and (max-width: 992px) {
	body{
		line-height: 26px;
	}
}
ul,li{
	list-style:none;
}
img {
	width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
	border:none;
}
a {
    color: #333;
    text-decoration: none;
}
a:hover {
    color: #182f62;
    text-decoration: none;
}
.mt10{
	margin-top: 10px;
}
.mb5{
	margin-bottom: 5px;
}
.mb10{
	margin-bottom: 10px;
}
.mb15{
	margin-bottom: 15px;
}
.mb20{
	margin-bottom: 20px;
}
.pt10{
	padding-top: 10px;
}
.pt11{
	padding-top: 11px;
}
.pb15{
	padding-bottom: 15px;
}
.pt20{
	padding-top: 20px;
}
.pr20{
	padding-right: 20px;
}
/*Public End
=================================*/

/*header Start
=================================*/
header{
	background: #1d3079 url(bg_header_nao.jpg) no-repeat scroll center top;
}
header .logo img{
	padding: 44px 0 20px 18px;
	max-width: 577px;
}
.topmenu{
	margin-top: 10px;
	color: #6cd0f7;
}
.topmenu li{
	float: left;
	line-height: 36px;
}
.topmenu li a{
	color:#fff;
}
.topmenu .mdeiainfo li{
	width: 36px;
	height: 36px;
	text-align: center;
	background: rgba(102,112,167,0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#B26670A7,endColorstr=#B26670A7);
	border-radius: 18px;
	-moz-border-radius: 18px;
	-webkit-border-radius: 18px;
	margin: 0 10px 0 0; 
}
.topmenu .mdeiainfo li a i{
	display: inline-block;
	font-size: 1.6rem; font-size: 16px;
	color: #FFFFFF;
	padding: 0;
}
.topmenu .mdeiainfo li a span{
	display: block;
}
.topmenu .otherinfo li a{
	padding: 0 10px;
}
.topmenu .otherinfo li a:hover{
	text-decoration: underline;
}
.serach{
    height: 35px;
    line-height: 35px;
	margin-right: 10px;
}
.search .inputbox-search{
	float: left;
	border: 1px solid #d1d1d1;
	border-right: none;
	background: rgba(10,48,125,0.6);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#9914307D,endColorstr=#9914307D);
	color: #e8ebf2;
    height: 35px;
    line-height: 35px;
    border-radius: 20px 0 0 20px;
    padding-left: 25px;
    width: 172px;
}
.search .button-search{
    float: right;
	background: url(ico_search_nao.png) no-repeat 5px 5px rgba(10,48,125,0.6);
	background: url(ico_search_nao.png) no-repeat 5px 5px\9;
    border: 1px solid #d1d1d1;
	border-left: none;
    border-radius: 0 20px 20px 0;
    height: 35px;
    line-height: 35px;
    width: 41px;
}

/*nav Start
=================================*/
nav{
	background: #354a96;
	margin-top: 15px;
}
nav .wrapMenu{
	padding: 20px 25px 10px;
}
/* nav menu 2
=================================*/
nav .wrapMenu2-01,
nav .wrapMenu2-02,
nav .wrapMenu4,
nav .wrapMenu5{
	padding: 20px 25px 10px;
}
nav .wrapMenu2-01,
nav .wrapMenu4-01,
nav .wrapMenu5-01{
	border-right: 1px solid #fff;
}
nav .wrapMenu2-02,
nav .wrapMenu4-02{
	border-left: 1px solid #c9d9e9;
	border-right: 1px solid #fff;
}
nav .wrapMenu2-03,
nav .wrapMenu4-03,
nav .wrapMenu5-02{
	border-left: 1px solid #c9d9e9;
}
nav .wrapMenu2-01 img{
	padding: 15px 0 10px 0;
}
nav .wrapMenu2-01 p{
	line-height: 28px;
	padding-bottom: 3px;
}
nav .wrapMenu2-02{
	padding-bottom: 16px;
}
nav .wrapMenu2-02 .fl div{
	border:1px solid #d2d2d2;
	width: 295px;
	padding: 12px;
	margin: 10px 20px 0 0;
}
nav .wrapMenu2-02 li{
	padding-left: 15px;
}
nav .wrapMenu2-02 h5{
	background: url(ico_nao.png) no-repeat -30px -22px;
	padding-left: 15px;
	color: #305f97;
	line-height: 26px;
}
nav .wrapMenu2-02 img{
	float: left;
	max-width: 72px;
	padding: 5px 10px 0 0;
}
nav .wrapMenu2-02 p{
	line-height: 24px; 
}
nav .wrapMenu2-02 .fl li{
	line-height: 24px;
	padding-left: 0;
}
nav .wrapMenu2-02 li a,
nav .wrapMenu2-03 li a,
nav .wrapMenu3 li a{
	background: url(ico_nao.png) no-repeat -30px -25px;
	padding-left: 15px;
	color: #305f97;
}
nav .wrapMenu2-02 li span a{
	background: none;
	padding-left: 0;
}
nav .wrapMenu2-02 li a{
	line-height: 26px;
}
nav .wrapMenu2-03{
	padding: 20px 25px 10px 0;
}
nav .wrapMenu2-03 li a,
nav .wrapMenu3 li a{
	line-height: 28px;
}
nav .wrapMenu2-02 li a:hover,
nav .wrapMenu2-03 li a:hover,
nav .wrapMenu3 li a:hover{
	color:#E87809;
}
nav .wrapMenu2-03 ul{
	padding: 10px 0 10px 5px;
}
nav .wrapMenu2-03 .wrapMenu2-03-01,
nav .wrapMenu2-03 .wrapMenu2-03-02,
nav .wrapMenu2-03 .wrapMenu2-03-03{
	padding-left: 25px;
}
nav .wrapMenu2-03 .wrapMenu2-03-01{
	border-bottom: 1px solid #c9d9e9;
}
nav .wrapMenu2-03 .wrapMenu2-03-02{
	border-bottom: 1px solid #c9d9e9;
	border-top: 1px solid #fff;
}
nav .wrapMenu2-03 .wrapMenu2-03-03{
	border-top: 1px solid #fff;
}

/* nav menu 3
=================================*/
nav .wrapMenu3 ul{
	min-height: 230px;
	overflow: auto;
}
nav .wrapMenu3 .wrapMenu3-01,
nav .wrapMenu3 .wrapMenu3-02,
nav .wrapMenu3 .wrapMenu3-03,
nav .wrapMenu3 .wrapMenu3-04,
nav .wrapMenu3 .wrapMenu3-05{
	width: 20%;
	padding: 0 0 2px 0;
}
nav .wrapMenu3 .wrapMenu3-01{
	background: url(bg_dropmenu_301_nao.png) no-repeat 92% 98%;
}
nav .wrapMenu3 .wrapMenu3-02{
	background: url(bg_dropmenu_302_nao.png) no-repeat 92% 98%;
}
nav .wrapMenu3 .wrapMenu3-03{
	background: url(bg_dropmenu_303_nao.png) no-repeat 92% 98%;
}
nav .wrapMenu3 .wrapMenu3-04{
	background: url(bg_dropmenu_304_nao.png) no-repeat 92% 98%;
}
nav .wrapMenu3 .wrapMenu3-05{
	background: url(bg_dropmenu_305_nao.png) no-repeat 92% 98%;
}
nav .wrapMenu3 .wrapMenu3-line-1{
	border-right: 1px solid #fff;
	padding: 20px 0 0 10px;
}
nav .wrapMenu3 .wrapMenu3-line-2{
	border-left: 1px solid #c9d9e9;
	border-right: 1px solid #fff;
	padding: 20px 0 0 20px;
}
nav .wrapMenu3 .wrapMenu3-line-3{
	border-left: 1px solid #c9d9e9;
	padding: 20px 0 0 20px;
}

/* nav menu 4
=================================*/
nav .wrapMenu4 li a{
	background: url(ico_nao.png) no-repeat -30px -25px;
	padding-left: 15px;
	color: #444;
	line-height: 30px;
}
nav .wrapMenu4 li a:hover{
	color: #E87809;
}

/* nav menu 5
=================================*/
nav .wrapMenu5 li a{
	background: url(ico_nao.png) no-repeat -30px -25px;
	padding-left: 15px;
	color: #444;
	line-height: 30px;
}
nav .wrapMenu5 img{
	float: right;
	width: auto;
}
nav .wrapMenu5 li a:hover{
	color: #E87809;
}
nav .wrapMenu5-01{
	padding-bottom: 42px;
}

/* MEGAMENU STYLE
=================================*/
nav.bootsnav .dropdown.megamenu-fw {
    position: static;
}
nav.bootsnav .container {
    position: relative;
}
nav.bootsnav .megamenu-fw .dropdown-menu {
    left: auto;
}
nav.bootsnav .megamenu-content {
    padding: 15px;
    width: 100% !important;
}
nav.bootsnav .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
}

/* Navbar
=================================*/
nav.navbar.bootsnav{
    margin-bottom: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
    background-color: #354a96;
    border: none;
    z-index: 99;
}
nav.navbar.bootsnav ul.nav > li > a{
    color: #fff;
    background-color: transparent !important;
}

nav.navbar.bootsnav ul.nav > li > a:hover
nav.navbar.bootsnav ul.nav > li > a:visited,
nav.navbar.bootsnav ul.nav > li > a:focus{
    color: #ec0515;
}
nav.navbar.bootsnav .navbar-toggle{
	float: right;
    background-color: #ec0515;
    border: none;
    position: relative;
	margin: 15px 2px 15px 0;
}
nav.navbar.bootsnav .navbar-toggle .icon-bar {
    background-color: #f3f6f9;
}
nav.navbar.bootsnav .navbar-toggle:hover,
nav.navbar.bootsnav .navbar-toggle:focus{
    background-color: #C5C5C5;
    border-color: #ec0515;
}

@media only screen and  (min-width: 1024px) {
	nav.navbar.bootsnav ul.nav > li > a{
		padding: 0 20px;
		font-size: 1.8rem; font-size: 18px;
		line-height: 46px;
    }
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		-moz-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
		-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, .3)
		-o-box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
		box-shadow: 0 3px 7px rgba(0, 0, 0, .3);
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		-o-border-radius: 0px;
		border-radius: 0px;
		background: #e5eef7;
		border: 0 none;
    }
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content{
        padding: 0 15px !important;
    }
	nav.navbar.bootsnav ul.dropdown-menu.megamenu-content > li{
       padding-bottom: 20px;
    }
	nav.navbar.bootsnav ul.dropdown-menu h3{
		color:#305f97;
		font-size: 1.8rem; font-size: 18px;
		font-weight: bold;
		background: url(ico_nao.png) no-repeat -30px 3px;
		padding-left: 23px;
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover,
    nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li a:hover{
        background-color: transparent;
    }
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu.wrapMenu{
		padding: 10px 20px;
	}
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{
		color:#305f97;
		font-size: 1.7rem; font-size: 17px;
		line-height: 28px;
		font-weight: bold;
		background: url(ico_nao.png) no-repeat -30px 12px;
		padding-left: 23px;
    }
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{
		color: #E87809;
	}
}

@media only screen and (max-width: 992px) {
	
	.navbar-brand {
		padding: 5px;
	}
	nav.navbar.bootsnav .navbar-brand    {
        display: inline-block;
        margin: 0 !important;
    }
	nav.navbar.bootsnav .navbar-header {
        float: none;
        display: block;
        text-align: center;
    }
	nav.navbar.bootsnav .navbar-collapse {
        border: none;   
        margin-bottom: 0;
    }
	nav.navbar.bootsnav .navbar-collapse.collapse {
        display: none !important;
    }
    
    nav.navbar.bootsnav .navbar-collapse.collapse.in {
        display: block !important;
    }
	nav.navbar.bootsnav .navbar-nav {
        float: none !important;
        padding-left: 20px;
        padding-right: 20px;
        margin: 0px -15px;
    }
    
    nav.navbar.bootsnav .navbar-nav > li {
        float: none;
    }
	nav.navbar.bootsnav .navbar-toggle {
        display: inline-block;
    }
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{
        width: 100%;
        position: relative !important;
        background-color: #e5eef7;
        float: none;
        border: none;
        padding: 0 0 0 15px !important;
        margin: 0 0 -1px 0 !important;
        -moz-box-shadow: 0px 0px 0px;
        -webkit-box-shadow: 0px 0px 0px;
        -o-box-shadow: 0px 0px 0px;
        box-shadow: 0px 0px 0px;
        -moz-border-radius: 0px 0px 0px;
        -webkit-border-radius: 0px 0px 0px;
        -o-border-radius: 0px 0px 0px;
        border-radius: 0px 0px 0px;
    }
	nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu  > li > a{
        display: block;
        width: 100%;
		line-height: 22px;
        color: #305f97;
		background-color: transparent;
    }
	nav.navbar.bootsnav .navbar-nav > li > a{
        display: block;
        width: 100%;
        border-bottom: solid 1px #e0e0e0;
        padding: 10px 0;
        border-top: solid 1px #e0e0e0;
        margin-bottom: -1px;
    }
	nav.navbar.bootsnav .navbar-nav > li:first-child > a{
        border-top: none;
    }
}
/*nav End
=================================*/

@media only screen and (max-width: 991px) {
	.search input{
		float: left;
	}
	.search .btn-search{
		float: none;
	}
	.social-links {
		float: right;
	}
	.social-links .dropdown > button {
		background-color: transparent;
		color: #fff;
		font-size: 1.8rem; font-size: 18px;
		padding: 3px 0;
		
	}
	.social-links .dropdown-menu {
		z-index: 103;
		padding: 0px;
		box-shadow: none;
		background: #fafafa;
		right:0;
		left:auto;
		border: 1px solid #f1f1f1;
		top:27px;
		min-width: 314px;
	}
	.social-links li {
		float: left;
		margin: 5px 0;
		padding: 0 5px;
		color: #354a96;
		height: 16px;
		line-height:16px;
		font-size:12px;
	}
	.social-links li a {
		height: 20px;
		line-height:20px;
		border: none;
		width: 100%;
		color: #6f6f6f;
		background-color: transparent;
		border-color: transparent;
	}
	.social-links li a:hover {
		color: #354a96;
		background-color: transparent;
	}
	.social-links .dropdown.open>button>i:before {
		content: "\f00d";
		color: #e84c3d;
	}

	.social-links .dropdown-menu li a {
		padding: 0;
	}
}
@media (min-width: 481px) and (max-width: 992px) {
	.search input{
		width: 385px;
	}
}
/*header End
=================================*/

/*footer Start
=================================*/
footer{
	background: url(bg_footer_nao.jpg) no-repeat center top #1d3079;
	color: #fff;
	line-height: 22px;
}
footer a{
	color: #fff;
}
footer a:hover{
	color: #fff;
	text-decoration: underline;
}
footer .col-bottom-link {
	border-bottom: 1px solid #4e60ce;
	padding: 20px 0 15px 0;
	margin-bottom: 5px;
}
footer .col-bottom-link select{
	color: #fff;
	width: 100%;
	font-size: 1.5rem; font-size: 15px;
	border: 1px solid #8495e7;
	line-height: 32px;
	padding: 5px 15px 5px 10px;
	padding: 5px 0 5px 10px\9;
	margin-bottom: 12px;
	appearance:none;
  	-moz-appearance:none;
  	-webkit-appearance:none;
	-ms-appearance:none;
	background: url(ico_select_arrow_02_nao.png) no-repeat scroll 99% center rgba(55,72,158,0.6);
	background: none\9;
	filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#9937489E,endcolorstr=#9937489E);
}
select::-ms-expand { display: none; }
/*清除ie的默认选择框样式清除，隐藏下拉箭头*/

footer .col-bottom-link select option{	
	font-size: 1.4rem; font-size: 14px;
	line-height: 24px;
}
footer img{
	width: auto;
}

/*footer End
=================================*/


/*toolbar Start
=================================*/
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
/*解决IE6下不兼容 position:fixed 的问题*/
#code,#code_hover,#gotop{ width:52px; height:52px; background:url(toolbar_nao.png) no-repeat; position:fixed; right:0; z-index: 99; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
#code{ background-position:-184px -125px; bottom:120px; _margin-bottom:120px;}
#code_hover{ background-position:-240px -125px; bottom:120px; _margin-bottom:120px;}
#gotop{ background-position:-184px -179px; bottom:67px; _margin-bottom:67px;} 

#code_img{ width:203px; height:210px; background:url(toolbar_nao.png) 20px 1px no-repeat; position:fixed; right:54px; bottom:77px; cursor:pointer; display:none;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0))); _margin-bottom:67px;}
/*toolbar End
=================================*/