@charset "utf-8";
/* CSS Document */
body { margin: 0px; font-size: 16px; line-height: 24px; color: #000; font-family: "Microsoft YaHei"; }
* { margin: 0; padding: 0; list-style-type: none; }
.clear { clear: both; margin: 0px; padding: 0px; }
td { font-family: "Microsoft YaHei"; text-decoration: none; font-size: 12px; color: #000; }
th { font-family: "Microsoft YaHei"; text-decoration: none; font-size: 12px; color: #000; }
a{ text-decoration:none;}
a:link { font-family: "Microsoft YaHei"; font-size: 12px; text-decoration: none; color: #000; }
a:visited {font-size: 12px; text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #333; }
a:active {font-size: 12px; text-decoration: none; color: #000; }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6, {
display:block; margin:0;
padding:0px;
color:#666;
font-family:Microsoft YaHei, Segoe UI, Tahoma, Arial, Verdana, sans-serif;
font-size:14px;
}
.fl{ float:left}
.fr{ float:right}

.top{ width:100%; height:906px;}
.content{ background:url(bgf.jpg) center top no-repeat #020725; color:#fff}
.center{ margin:0 auto; width:1150px;}
.eare1 { padding-top:30px}
.eare1 .fl{ float:left; padding-right:30px}
.eare1 h2{ font-size:44px; line-height:40px; text-indent:0; padding-bottom:20px;}
.eare1 .fr{ width:58%; float:right;font-size:16px; text-indent:32px; line-height:32px}

.title{ text-align:center; padding-top:100px}
.title h2{ font-size:45px; line-height:44px; padding:10px 0}
.title p{ color:#474a58; font-size:16px}

.eare2 { width:100%; padding-top:50px; position:relative}
.eare2 ul{ height:100%}
.eare2 li{ width:51%; margin-top:10px; position:relative}
.eare2 li.l1{ float:left}
.eare2 .line{ display:inline-block; border-right:#00127f solid 3px; height:650px; left:49.9%; position:absolute}
.eare2 li.l2{ float:right}
.eare2 li div{ padding:2%; background:#020725; width:87%; border:#00127b solid 1px}
.eare2 li b{ position:absolute; display:inline-block; width:15px; height:15px; background:#7f88bf; border:#ccd0e5 solid 3px; border-radius:15px}
.eare2 li.l2 div{ float:right}
.eare2 li.l1 b{ right:0}
.eare2 li.l2 b{ left:0}
.eare3 { padding-top:90px}
.eare3 li{ border:#0c1e8c solid 1px; margin-top:50px; background:#0e143b; text-align:center}
.eare3 li p{ padding:7px 0; }
.eare4 { padding-bottom:80px; padding-top:40px; width:100%; float:left}
.eare4 li{ float:left; width:318px; height:283px;}
.eare4 li div{ color:#333; padding:20px; padding-top:60px}
.eare4 li.a1{ background:url(s1.png)}
.eare4 li.a2{ background:url(s2.png); margin-left:60px}
.eare4 li.a3{ background:url(s3.png); float:right}
.eare4 li.a4{ background:url(s4.png)}
.eare4 li.a5{ background:url(s5.png); margin-left:60px}
.eare4 li.a6{ background:url(s6.png); float:right}
.eare4 li.a1 div{ padding-top:90px; width:60%;}
.eare4 li.a2 div{ padding-top:80px; width:60%; padding-left:22%}
.eare4 li.a3 div{ padding-top:80px; width:60%; padding-left:12%}
.eare4 li.a4 div{ padding-top:80px; width:60%; padding-left:15%}
.eare4 li.a5 div{ padding-top:80px; width:60%; padding-left:15%}
.eare4 li.a6 div{ padding-top:80px; width:60%; padding-left:16%}

.fo{ width:100%; float:left; margin:30px 0}
.fo span{ float:left; line-height:30px; margin-left:30px}
.fo .ip1{ width:800px; padding:8px; float:left}
.fo .ip2{ background:url(index_19.jpg); overflow:hidden; float:left; line-height:150px;  width:95px; height:35px; border:none}