@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p , form, fieldset, legend, input, button, textarea, th, td {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0; }
fieldset, img {border:0; }
li {list-style:none; }
em,i{font-style:normal; }
body{background: #fff; color:#333; font:14px/20px "Microsoft Yahei","冬青黑体简体中文 w3"; }
div{font-family: "Microsoft YaHei","冬青黑体简体中文 w3";}
button,input,textarea{font-family:"Microsoft YaHei","冬青黑体简体中文 w3"; font-size:12px; }
button {cursor:pointer; outline:none; }
textarea {overflow:auto; }
input {vertical-align:middle;}
ul{ list-style:none;}
a{color:#333; text-decoration:none; cursor:pointer}
a:hover{color:#f48208; text-decoration:none; }
:focus{outline: none;}
a i,a span{cursor:pointer; }
b{font-weight: bold;}
h1{font-size: 24px;}
h2{font-size: 18px;}
h3{font-size: 14px;}
.fl{ float:left; display:inline;}
.fr{ float:right;display:inline;}
.none{ display:none;}
.mt5{margin-top: 5px; }
.mt6{margin-top: 6px; }
.mt10{margin-top: 10px; }
.mt15{margin-top: 15px; }
.mt20{margin-top: 20px; }
.mt30{margin-top: 30px; }
.mr20{margin-right: 20px}
.clearfix:before,.clearfix:after{ 
    content:""; 
    display:table; 
} 
.clearfix:after{clear:both;} 
.clearfix{ 
    *zoom:1;/*IE/7/6*/ 
} 
.layout { width:990px; margin:0 auto; overflow:hidden; position: relative;}
.layout:before,.layout:after{ 
    content:""; 
    display:table; 
} 
.layout:after{clear:both;} 
.layout{ 
    *zoom:1;/*IE/7/6*/ 
} 
.container{ background-color:#f7f7f7;}
.banner{height:548px; display:block; width:100%; background:url(../images/banner.jpg) no-repeat top center #fff; text-indent: -999em; position: absolute; top: 0; 
}
.main{ }
/* ---- end --- */
#topic-nav{
	z-index: 99; position: relative;
}
.header{
	height: 548px; position: relative;
}
#footer{display: none;}
.nav{
	background-color: rgba(48, 60, 123, 0.7); height: 53px; position: absolute; width: 100%; bottom: 0; z-index: 99;
}
.nav ul li{ width: 25%; float: left; }
.nav ul li a{
	display: inline-block; width: 100%; line-height: 53px; font-size: 18px; color: #fff; text-align: center; letter-spacing: .4px;
}
.nav ul li a:hover,.nav ul li.on a{ background-color: #196dc5; }
/* box Start------- */
.title{
	height: 37px; margin: 30px auto; text-align: center; text-indent: -999em;
}
.bg{ background-color: #283161; }
.box1{
	padding: 30px 0 40px; position: relative;
}
.box-1{
	width: 435px; overflow: hidden;  text-align: center; z-index: 99; position: relative;
}
.box-1 img{
	width: 375px; height: 236px; padding: 10px; border: 1px solid #0095cf;
}
.box-2{
	width: 534px; overflow: hidden; color: rgba(255, 255, 255, 0.75); font-size: 18px; line-height: 26px; font-weight: 100;
}
.box-2 p{
	text-indent: 2em; padding-right: 20px;
}
.box-2 h2{
	font-size: 24px; margin-bottom: 15px; font-weight: 500;
}
.box-2 h2 a{
	color: #fff;
}
.box-2 h2 a:hover,.box1 .wordstag a:hover,.box-02 h2 a:hover,ul.box-03 li  a:hover,.foot-bg a:hover{
	opacity: .8;
}
.box1 .wordstag .bdsharebuttonbox,.box1 .wordstag a.on{
	width: 70px; height: 100%; background-color: #5e86d2; position: absolute; right: 0; top: 0;
}
.box1 .wordstag .on,.box1 .wordstag .bdshare-button-style0-16 a,.box1 .wordstag .bdshare-button-style0-16 a.bds_more{
	background-image: url('../images/bds_more.png'); width: 70px; height: 100%;  background-position: center; padding: 0; margin: 0;
}
.box1 .wordstag a.on{
	width: 160px; right: 73px; text-align: center; font-size: 22px; background-image: none; color: #fff;
}
div.box1 div.layout{
	overflow: inherit;
}
.box1 .wordstag{
	height: 55px; background-color: rgba(127, 145, 201, 0.3);  position: absolute; bottom: -15px; width: 535px; right: 0; line-height: 55px; font-size: 14px; color: #0cd2fd;
}
.box1 .wordstag a{
	color: #0cd2fd; margin: 0 5px;
}
.box1 .wordstag_bg{
	left: -40px; width: 50%; bottom: 25px;
}
.box-01{
	width: 510px; overflow: hidden;  z-index: 99; position: relative; margin-top: 40px; margin-bottom: 30px;
}
.box-01 img{
	width: 471px; height: 293px;  padding: 14px; border: 1px solid #0095cf;
}
.box-01 a em{
	display: block; margin: 0 15px; background-color: rgba(0, 0, 0, 0.6); position: absolute; bottom: 15px; height: 40px; width: 472px;
}
.box-01 a h2 {
	font-size: 18px; font-weight: bold; color: #fff; position: absolute; text-align: center; bottom: 24px; left: 30px;
}
.box-02{
	width: 438px; margin-right: 25px; z-index: 99; position: relative;
}
.box-02 h2{
	line-height: 60px;
}
.box-02 p{
	font-size: 16px; line-height: 24px; color: rgba(255, 255, 255, 0.8);
}
.box-02 p a{
color: #f11553; text-decoration: underline;  font-style:oblique
}
.box-02 h2 a{
	color: #fff; font-size: 18px; font-weight: 500;
}
.box-02-1{
	text-align: center; margin: 20px auto 36px;
}
.box-02-2{
	background-color: #283161; height: 198px; bottom: 0; position: absolute; width: 100%; margin-left: 60px;
}
ul.box-03{
	margin: 30px auto 0;
}
ul.box-03 li{
	width: 450px; float: left; margin-bottom: 10px; margin-left: 30px;
}
ul.box-03 li  a{
	color: #1f264d;
}
ul.box-03 li h2{
	line-height: 24px; font-size: 16px;
}
ul.box-03 li p{
	line-height: 20px; font-size: 14px; color: rgba(31, 38, 77, 0.78); 
}
.box01-Box .hd{ height:50px; overflow:hidden; position:absolute; right:35px; bottom:70px; z-index:1; width: 15px;
}
.box01-Box .hd ul{ overflow:hidden; zoom:1;  }
.box01-Box .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#9c9c9c; cursor:pointer; text-indent: -999em; margin: 5px auto; border-radius: 50%;
}
.box01-Box .hd ul li.on{ background:#f11553; color:#fff; }
.box3{ position: relative;  overflow: hidden; padding-bottom: 30px;
}
.box3 .box-02-2{
	margin: 0; height: 100%;  top: 185px;
}
.box3 ul.box-03{
	border-top: 1px dashed #00bef1; margin: 0; padding-top: 20px;
}
.box3 ul.box-03 li a{
	color: #00bef1;
}
.box3 ul.box-03 li p a,.box3 ul.box-03 li p{
	color: rgba(255, 255, 255, 0.8);
}
.box4-box .bd{
	height: 470px;
}
.box4-box .hd{ overflow:hidden; zoom:1;  text-align: center; margin-bottom: 40px;
}
.box4-box .hd ul{ display: inline-block; margin: 0 auto;
}
.box4-box .hd ul li{ float:left; margin:0 10px;  width:20px; height:20px; background:#787878; cursor:pointer; text-indent: -999em;  border-radius: 50%;
}
.box4-box .hd ul li.on{
	background-color: #1f264d;
}
.foot-bg{
	background: #002a60 url('../images/foot.jpg') no-repeat center top; height: 100px; padding-top: 37px;
}
.foot-bg a{
	background:  url('../images/to.png') no-repeat center top; height: 61px; width: 282px; margin: 0 auto; display: block;  text-indent: -999em;
}