@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 微软雅黑, Arial, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.tl{ text-align:left; }
.tr{ text-align:right; }
.tc{ text-align:center; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
/*.info{text-align: justify; text-justify: inter-ideograph;}*/

/*Body*/
body {  margin: 0 auto; min-width:1300px; overflow:auto;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #555; transition: all 0.5s ease 0s; }
a:hover { color: #32a4cc; }


.wrapper { position:relative; width:100%; margin:0 auto; overflow:hidden; background-size:cover!important; }

.header { position:relative; }
.banner01 { display:none; position:relative; }
.topArea { position:fixed; top:0; left:0; width:200px; background:#fff; z-index:9999999; }
.logo { border-top:5px solid #0a4288; }

.m-menu { }
.site-nav { width:25%; padding-top:10px; background: rgba(0,0,0,0.7); position:absolute; right:0; top:40px; overflow:hidden; display:none; z-index:99999999;}
.m-menu li { padding-bottom:12px; font-size:15px; text-align:center; }
.m-menu li li { padding-top:8px; padding-bottom:0; font-size:12px; }
.m-menu li a { color:#fff; }
.m-menu li li a { color:#eee; }

.col { position:absolute; top:10px; right:10px; z-index:9999; display:none; }

.aArea ul li { float:left; width:24%; margin-right:1%; margin-bottom:5px;}

/*
@media only screen and (min-width: 900px) {
	.aArea { position:absolute; width:60%; bottom:10%; right:10%; }
	
}
@media only screen and (max-width: 900px) {
	.topArea { display:none; }
	.banner { display:none; }
	.banner01 { display:block; }
	.col { display:block; }
	
	.aArea { position:relative; width:95%; margin:20px auto; }
}
@media only screen and (min-width: 1000px) {
	.logo { padding:30px 0; }
}
*/
.aArea { position:absolute; width:60%; bottom:10%; right:10%; }
.logo { padding:30px 0; }

.nav ul li { padding:10px 0 10px 48px; border-bottom:1px solid #ccc; 
 }

	
	
	
.nav ul li .aa { display:block; height:24px; line-height:24px; padding-left:40px; }

.nav ul li:hover,.nav .current { background:#0a4288;   }
.nav ul li:hover a,.nav .current a { color:#fff; }


.nav ul li .a1 { background:url(a11.png) no-repeat center left; }
.nav ul li .a2 { background:url(a21.png) no-repeat center left; }
.nav ul li .a3 { background:url(a31.png) no-repeat center left; }
.nav ul li .a4 { background:url(a41.png) no-repeat center left; }
.nav ul li .a5 { background:url(a51.png) no-repeat center left; }
.nav ul li .a6 { background:url(a61.png) no-repeat center left; }
.nav ul li .a7 { background:url(a71.png) no-repeat center left; }
.nav ul li .a8 { background:url(a81.png) no-repeat center left; }

.nav ul li:hover .a1,.nav ul .current .a1 { background:url(a12.png) no-repeat center left; }
.nav ul li:hover .a2,.nav ul .current .a2 { background:url(a22.png) no-repeat center left; }
.nav ul li:hover .a3,.nav ul .current .a3 { background:url(a32.png) no-repeat center left; }
.nav ul li:hover .a4,.nav ul .current .a4 { background:url(a42.png) no-repeat center left; }
.nav ul li:hover .a5,.nav ul .current .a5 { background:url(a52.png) no-repeat center left; }
.nav ul li:hover .a6,.nav ul .current .a6 { background:url(a62.png) no-repeat center left; }
.nav ul li:hover .a7,.nav ul .current .a7 { background:url(a72.png) no-repeat center left; }
.nav ul li:hover .a8,.nav ul .current .a8 { background:url(a82.png) no-repeat center left; }

.nav .sub { position:fixed; top:0; left:0; width:175px; margin-left:200px; display:none;  background:rgba(255,255,255,0.5); height:100%;  z-index:99; }
.nav .sub-con { padding-top:200px; }
.nav ul li:hover .sub { display:block;
	transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s; }

	
.nav .sub dd a { display: block; margin: 0 10px;line-height: 44px;font-size: 14px;
text-align:center;
    border-bottom: 1px solid #ccc;
     color:#0a4288!important;
	position: relative;
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub dd a:before{
    content: '';position: absolute;top: 0;left: 0%;left: 0 \9;width: 0;height: 100%;
    background-color: #3b7bca;z-index: -1;
     
    -webkit-transform: translateX(-0);
    -moz-transform: translateX(-0);
    -o-transform: translateX(-0);
    -ms-transform: translateX(-0);
    transform: translateX(-0);
    transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    -o-transition: .3s;
}
.nav .sub dd.on a,.nav .sub dd a:hover{color: #fff!important;margin: 0;border-bottom-color: transparent;}
.nav .sub dd.on a:before,.nav .sub dd a:hover:before{width: 100%;}

	


@media only screen and (min-width: 1400px) {
	.nav ul li { padding:15px 0 15px 70px; }
}
@media only screen and (min-width: 1800px) {
	.nav ul li { padding:20px 0 20px 48px; }
}

.tail { text-align:center; padding-top:20px; }

@media only screen and (max-width: 1300px) {
	.tail { display:none; }
	.form { display:none; }
}
@media only screen and (max-width: 1500px) {
	 
	.form { display:none; }
}