@charset "utf-8";
/* CSS Document */
body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
a{text-decoration:none;}
a{text-decoration:none;}
table{border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal;}
strong{font-weight:700;}
ol,ul{margin:0;padding:0;list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#444;font-weight:400;font-size:100%;} 

#section0{ background: url(../img/bg.jpg) center no-repeat; height: 100%; background-size: 100% auto; background-attachment: fixed;}
#header{ width:100%;  background: #2c2c2c; height: 100px; position: fixed; top: 0; }
#header .logo{ float:left; margin: 20px 0 0 15%;}
#header #menu{ float:right; margin:0 15% 0 0;}
#header #menu li{ float:left; height: 97px; line-height: 97px; font-size: 20px;}
#header #menu li a{float:left; color:#9f9f9f; padding: 0 30px;}
#header #menu li a:hover,#header #menu li.active a{ color: #467dd8; border-bottom: 3px #467dd8 solid;}



#container1{
	width: 90%;
	margin: 0 auto;
	line-height: 26px;
	font-weight: normal;
}
#container1 h1{ font-size:2em; text-align: center; height: 120px; line-height: 120px;}
#container1 .menu{ text-decoration:underline; color: #333; font-weight: bolder; line-height: 30px;} 

.indexinfo{height: 340px; width: 1220px; margin:0 auto;border-radius: 5px;}
.indexinfo2{ position: absolute; bottom: 100px; background: #282b2d;  }
.indexinfo .pic,.proinfo .pic{ float: left;}
.indexinfo .index_gain,.proinfo .pro_gain{ float:left; width: 560px; margin: 0 0 0 20px; font-size: 36px; color:#467dd8; padding: 36px 10px 0 0;}
.indexinfo .index_gain p{font-size:18px; color: #c3c3c3;padding: 15px 20px 0 0; border-bottom: 1px #3d4041 solid; height: 200px;}
.indexinfo .index_gain a{ width: 550px; color:#467dd8; font-size: 18px; text-align: right; display: table; padding: 10px 20px 0 0;}


.aboutinfo{margin: 60px auto 0 auto; width：100%; overflow: hidden;}

.proinfo{ background: #282b2d; height: 350px; width: 1220px; margin: 60px auto 100px auto;border-radius: 5px;}
.proinfo .pro_gain p{font-size:18px; color: #c3c3c3;padding: 15px 0 0 0;  height: 180px;}
.proinfo .pro_gain a{  color:#467dd8; font-size: 18px; text-align: center; float: right; display: table; width: 100px;  border: 2px #467dd8 solid; padding: 10px;border-radius: 10px;}

.coninfo{ width:100%; height: 200px; background: #467dd8;  padding: 20px 0 0 0;}
.coninfo p{ width:1220px; margin: 0 auto; font-size: 30px; color: #fff;}
.coninfo dl{width:1220px; margin: 0 auto; display: table;}
.coninfo dl dt{ float: left; width: 32px; text-align: center; height: 30px; padding: 16px 0 2px 0;}
.coninfo dl dd{ color:#fff; float: left; width: 1173px;height: 30px;  padding: 16px 0 2px 15px; }

.conmap{ margin: 0 auto; width: 100%; overflow: hidden;}

.title{width:1220px; margin: 130px auto 10px auto;}
p.intro{ width:1220px; margin: 10px auto;  font-size: 18px; color: #666; line-height: 32px;}


.footer{ height:60px;background: #2c2c2c; width: 100%; position: fixed; bottom:0; text-align: center; color: #fff; font-size: 12px; padding: 20px 0 0 0; line-height: 20px;}
.footer a{ color:#fff; text-decoration:underline;}