@charset "utf-8";
/* CSS Document */


.news{
	float: left;
	width: 520px;
	height: 360px;
	background: #0065b2;	
	padding: 30px;
	position: relative;
}

.news h2{
	font-size: 22px;
	color: #fff;	
	font-weight: normal;
	padding-top: 10px;
}

.news .more{
	position: absolute;
	right:30px;
	top:48px;
	color:#fff;
}

.news ul{
	margin-top: 20px;	
}

.news ul li{
	height: 34px;
	line-height: 34px;
}

.news ul li span.date{
	float: left;
	color: #fff;
}

.news ul li a{
	float: left;
	color: #fff;
	margin-left: 25px;
	max-width: 60%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.slide_container{
	float: left;
	width: 600px !important;
	height: 400px;
	background: #f2f2f2;
	padding: 10px;
	position: relative;
	overflow: hidden;
}

.rslides {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.rslides li {
	-webkit-backface-visibility: hidden;
	position: absolute;
	display: none;
	width: 100%;
	left: 0;
	top: 0;
}

.rslides li:first-child {
	position: relative;
	display: block;
	float: left;
}

.rslides img {
	display: block;
	height: auto;
	float: left;
	width: 100%;
	border: 0;
}

.slide {
	position: relative;
	list-style: none;
	overflow: hidden;
	width: 100%;
	padding: 0;
	margin: 0;
}

.slide li {
	position: absolute;
	width: 100%;
	height:400px;
	left: 0;
	top: 0;
}
  
 .slide img {
	display: block;
	position: relative;
	z-index: 1;
	height: 400px;
	width: 100%;
	border: 0;
}

.slide .caption {
	display: block;
	position: absolute;
	z-index: 2;
	font-size: 14px;
	text-shadow: none;
	color: #fff;
	background: rgba(0,0,0,.8);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#cf000000,endColorstr=#cf000000); 
	left: 0;
	right: 0;
	bottom: 0;
	height: 50px;
	line-height: 50px;
	padding: 0 100px 0 30px;
	margin: 0;
	max-width: none;
	cursor: pointer;
}

.slide li a:hover .caption{
	text-decoration: underline;
}

.slide_tabs{
	position: absolute;
	right: 20px;
	bottom: 28px;
	z-index: 5;
}

.slide_tabs li{
	float: left;
}

.slide_tabs li a{
	display: block;
	width: 10px;
	height: 10px;
	background: #fff;
	line-height: 999px;
	margin-left: 5px;
}

.slide_tabs .slide_here a{
	background: #00458e;
}

.notice{
	float: left;
	width: 453px; 
	height: 137px;
	background: url(2016xd_notice_bg.jpg) repeat-x;
	padding: 30px;
	position: relative;
}

.notice h2{
	font-size: 18px;
	font-weight: normal;
	color: #00458e;
}

.notice .more{
	position: absolute;
	right:30px;
	top:33px;
	color:#00458e;
}

.notice ul{
	margin-top: 15px;
}

.notice ul li{
	height: 34px;
	line-height: 34px;
}

.notice ul li span{
	float: left;
	color: #7d7d7d;
}

.notice ul li a{
	float: left;
	color: #313131;
	margin-left: 30px;
	max-width: 70%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.report,.statistics{
	float: left;	
	height: 197px;
	position: relative;
	overflow: hidden;

}

.report h2,.statistics h2{
	font-size: 22px;
	line-height: 20px;
	font-weight: normal;
	color: #00458e;
	position: absolute;
	left: 30px;
	top: 75px;
	z-index: 9;
	cursor: pointer;
}

.report h2 span,.statistics h2 span{ 
	font-size: 10px;
}

.report a:hover{
	text-decoration: none;
}

.report{
	width: 344px;
}

.statistics{
	width: 343px;
	background: url(2016xd_retraffic_analysis_bg.jpg) repeat-x;
}

.statistics h2{
	color: #fff;
}

.sub_banner{
	float: left;
}

.sub_banner,.sub_banner img{
	width: 1200px;
	height: 160px;
}

.special{
	float: left;
	margin: 0 0 30px 19px;
	*padding-left: 20px;
}

.special li{
	float: left;
	width: 337px; 
	height: 316px;
	background: #eee;
	overflow: hidden;
	position: relative;
	margin: 30px 25px 0;
}

.special .special_img{
	width: 337px;
	height: 200px;
	overflow:hidden;
}

.special .special_text{
	padding: 20px 15px;
}

.special .special_text h3{
	font-size: 16px;
	font-weight: normal;
	color: #1b1b1b;
	padding: 0 0 10px 5px;
}

.special .special_text h3 a{
	color: #1b1b1b;
}

.special .special_text p{
	font-size: 12px;
	line-height: 24px;
	color: #707070;
}

.special .special_text a{
	color: #707070;
	margin:0 5px;
}

.special .more{
	display: block;
	width: 69px;
	height: 69px;
	background: url(2016xd_special_more.png);
	font-size: 12px;
	color: #fff;
	line-height: 69px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 151px;
}

@media screen and (max-width: 1200px){
	.news{ width: 97%; padding:30px 1.5%;}
	.slide_container{ display:none;}
	
	.notice{ width: 44%; padding: 30px 1%;}
	.report,.statistics{ width: 27%;}
	.report img,.statistics img{ width: 100%; height: 197px;}
	
	.sub_banner, .sub_banner img{ display:block; width: 100%; height:auto;}
	
	.special{ width: 100%; margin:10px 0 0 0;}
	.special li{ width: 30%; height:auto; margin:0 1.5% 20px;}
	.special .special_img,.special .special_img img{ width: 100%; height:184px;}
	.special .special_text{ padding:20px 1.5%;}
}

@media screen and (max-width: 780px){
	.notice{ width: 98%; padding: 30px 1%;}
	.report,.statistics{ width: 50%;}
	.report img,.statistics img{ width: 100%;}
	
	.special li{ width: 47%;}
}

@media screen and (max-width: 480px){
	.report,.statistics{ width: 100%;}
	.sub_banner{ display: none;}
	.special li{ width:97%;}
}