@charset "utf-8";
/* CSS Document */
body{ padding:0; margin:0;  font:normal 12px/200% "微软雅黑"; color:#000000;text-align:center; background:url(images/bg.gif);}
h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td{margin:0;padding:0;}
div{margin:0 auto;text-align:left;font:normal 12px/200% "微软雅黑";}
li,p{text-align:left;font:normal 12px/200% "微软雅黑";}
a:link,a:visited{color:#000000; text-decoration:none;}
a:hover{color:#000000; text-decoration:underline;}
img{ border:none;}
ol,ul,li{list-style:none;}
em,i{ font-style:normal;} 
/*clear*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;}
/*other*/
h1,h2,h3,h4,h5,h6{ text-align:left;font:normal 12px/200% "微软雅黑";}
.mt10{ margin-top:10px;}
.mb10{ margin-bottom:10px;}
.m10{ margin:10px auto;}
.w1000{ width:1000px;}
.list_14 li{ background:url(images/dot.gif) no-repeat 0 12px; padding-left:12px;font-size:14px;}
.list_12 li{ background:url(images/dot.gif) no-repeat 0 8px; padding-left:12px;}
.fl{ float:left;}
.fr{ float:right;}

.white,.white a:link,.white a:visited,.white a:hover{ color:#fff;}
.blue,.blue a:link,.blue a:visited,.blue a:hover{ color:#26487c;}
.red,.red a:link,.red a:visited,.red a:hover{ color:#b5281d;}
.red2,.red2 a:link,.red2 a:visited,.red2 a:hover{ color:#ff0000;}
.blue2,.blue2 a:link,.blue2 a:visited,.blue2 a:hover{ color:#4a72ca;}


/*header*/
.header{background:#fff;height:41px;}
.header span{float:left;}
.header span img{margin-top:3px;}
.header em{float:right;padding-top:8px;}
.header em a{margin:0 6px;}
.header em,.header em a,.header em a:link,.header em a:visited,.header em a:hover{color:#666;}

.top01{ background:url(images/top01.jpg) top  center no-repeat; height:298px; overflow:hidden;}

.p1_con{ position:relative;}
.p1_con .fl{ width:205px; position:relative;}
.p1_con .fr{ width:750px;}




.p1_con .fl ul li{ background:#4a72ca; text-align:center; font-size:22px; margin-bottom:5px; padding: 0; width:100%; float:left; line-height:140%;cursor:pointer }
.p1_con .fl ul li:hover{ background:#da3a32;}
.p1_con .fl ul li a{ text-decoration:none; display:block; width:100%;padding:15px 0;}

.nav{ position:relative;}
nav li:hover,nav li a.selected {background:#da3a32;}
.nav-container { }
nav {z-index: 42;width: 200px;position:relative;}

 
 
 
.p1_con .fr h1{ font-size:36px; font-weight:bold; margin:10px auto; clear:both;}
.p1_con .fr h2{ font-size:24px; background:url(images/bg02.png); border-radius:30px; display:inline-block; padding:0 20px;}
.p1_con .fr p{ font-size:18px; line-height:200%; padding:20px 0 30px 20px;}
.p1_con .fr dd{ font-size:18px; line-height:190%;}
.p1_con .fr dl{ border-top:#c6d0ec 1px dotted; padding:30px 0;}
.p1_con .fr dl dt{ float:left;}
.p1_con .fr dl dt img{ margin:20px 10px 0 10px;}
.p1_con .fr dl dd{ float:left;}
.p1_con .fr h6{font-size:24px; background:url(images/bg03.png); border-radius:30px; display:inline-block; padding:0 20px; margin:50px auto;}

.copyright{ text-align:center; padding:50px 0; color:#b5b5b5;}


/*clearfix*/    

.sticky {position: fixed;top: 15px;
	animation:thedrop 1s 1;
	-moz-animation:thedrop 1s 1;
	-webkit-animation:thedrop 1s 1;
}

.sticky .nav-above {
	position: absolute;
	top:-15px;
	left:1em;
	right:1em;
	height:15px;
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 80%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
}