@charset "utf-8";

.news-index{

}
.content{
	width:100%;
	overflow:hidden;
	position:relative;
	margin:0 auto;
	
	_padding-top:0px;
}

.content::after{
	content:"";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

.banner{
	width:100%;
	height:455px;
	background:#007dd4 url("../images/news/banner-1.png") no-repeat right bottom;
	background-size:700px 450px;
	position:relative;
}

.banner .text-con{
	position:absolute;
	top:50px;
	left:200px;
	color:#fff;
	line-height:2.5em;
	font-size:18px;
}

.banner .text-con .p1{
	font-size:36px;
	line-height:3em;
}

.news-list{
	width:100%;
} 
.news-list .wraper{
	/* width:1050px; */
	/* *width:1150px; */
	/* padding:0px 50px; */
	margin:0px auto;
	position:relative;
	*left:50%;
	*margin-left:-525px;
}

.news-list .title {
    margin: 30px 0px;
    text-align: center;
}

.news-list .title .ch {
    font-size: 36px;
    line-height: 1.5em;
    display: block;
    color: #43484b;
}

.news-list .title .en {
    font-size: 18px;
    line-height: 1.5em;
    color: #5e6977;
    text-transform: uppercase;
    font-family: "times new roman","microsoft yahei",simsun;
}

.news-list .nav{
	text-align:center;
	
}

.news-list .nav li{
	display:inline-block;
	color:#43484d;
	font-size:16px;
	line-height:1.7em;
	margin:0px 30px;
	padding-left:10px;
	padding-right:10px;
	
}
.news-list .nav a{*color:#43484d}
.news-list .nav li{*display:inline;}
.news-list .nav .cur-nav{
	color:#46a9fb;
	border-bottom:3px solid #46a9fb;
}

.news-list .main-list{
	margin:0px 0px;
	padding-bottom:200px;
	padding-top:30px;
	-ms-perspective:2000px; 
	perspective:2000px; 
	-ms-perspective-origin:right; 
	perspective-origin:right; 
	-ms-transform-style:perspective-3d;
	-webkit-transform-style:perspective-3d;
	transform-style:perspective-3d;
	
}

.news-list .news-box{
	display: inline-block;
    width: 270px;
    height: 280px;
    margin-top: 20px;
    margin-bottom: 30px;
    margin-left: 56px;
    overflow: hidden;
    position:relative;
    border-radius: 5px 5px 0px 0px;
	outline:1px solid #eee;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	*border:1px solid #eee;
}
.news-list .news-box{*display:inline;}
.news-list .news-box:hover{
	 -webkit-box-shadow: 2px 2px 8px 0px #CBC7C7;
    -ms-box-shadow: 2px 2px 8px 0px #CBC7C7;
    box-shadow: 2px 2px 8px 0px #CBC7C7;
	-ms-transform:translateZ(15px) perspective(1000px);
	-webkit-transform:translateZ(15px) perspective(1000px);
	transform:translateZ(10px) perspective(1000px);
}
.news-list .news-box .img{
	display:block;
	width: 100%;
    height: 190px;
    position: relative;
    overflow: hidden;
    border-radius: 5px;
    text-align: center;
   
}
.news-list .news-box .img img{
	width:100%;
	height:100%;
}

.news-list .news-title {
    font-size: 16px;
    color: #43484d;
    line-height: 1.5em;
    text-align:center;
    padding-left:20px;
	padding-right:20px;
	padding-top:10px;
}
.news-list .pub-time{
	text-align:right;
	padding-left:20px;
	padding-right:20px;
	color:#86939e;
	font-size:14px;
	line-height:2.2em;
	background:url("../images/news/pub-time.png") no-repeat 0px center;
	position:absolute;
	bottom:0px;
	right:0px;
}

.detail{
	-ms-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	transition:all 0.5s;
	overflow:hidden;
	position:absolute;
	top:455px;
	left:0px;
	right:0px;
	margin:0px auto;
	z-index:1;
	background-color:#fff;
	width:0px;
	-moz-transform:scaleX(0);
	-ms-transform:scaleX(0);
	-webkit-transform:scaleX(0);
	transform:scaleX(0); 
}

.detail-show{
	width:100%;
	-moz-transform:scaleX(1);
	-ms-transform:scaleX(1);
	-webkit-transform:scaleX(1);
	transform:scaleX(1);
	
}

.detail .wraper{
	width:1150px;
	margin:0px auto;
	position:relative;
	overflow:hidden;
	*left:50%;
	*margin-left:-525px;
}

.detail .title{
	margin-top:50px;
	border-bottom:1px solid #dcdcdc;
	padding-bottom:20px;
}
.detail .title h1{
	color:#43484d;
	font-size:20px;
	text-align:center;
	line-height:3em;
}

.detail .title .meta{
	color:#86939e;
	font-size:14px;
	line-heihgt:2.5em;
	text-align:center;
}

.detail .next-bar{
	font-size:14px;
	color:#43484d;
	line-height:2.5em;
	border-top:1px solid #dcdcdc;
}
.detail .next-bar a{font-size:14px}

.detail .prev:hover,
.detail .next:hover{
	color:#3ac5f3;
}

.detail .news-main p{
	color:#43484d;
	font-size:16px;
	line-height:2em;
	text-indent:2em;
	padding-top:20px;
	padding-bottom:20px;
}

 .fix-bar{
	position:fixed;
	right:30px;
	top:67%;
	z-index:10;
}

.fix-bar .btn{
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	background-color:#46a9fb;
	color:#fff;
	font-size:16px;
	margin-bottom:5px;
	cursor:pointer;
	border-radius:4px;
}

 .fix-bar .btn:hover{
	background-color:#78c0fc;
}
 .fix-bar .totop{
	background-image:url("../images/news/totop.png");
	background-position:center;
	background-repeat:no-repeat;
	
}

.detail .inner{
	position:absolute;
	top:0px;
	left:0px;
	width:90%;
	min-height:700px !important;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:200px;
}


.news-list .more{
	height:60px;
	background-color:#78c0fc;
	*background-color:#46a9fb;
	text-align:center;
	cursor:pointer;
	border-radius:5px;
	
	
	position:relative;
	width:120px;
	margin:0 auto;
	margin-top:100px;
}

.news-list .more:before{
	content:"";
	display:block;
	width:0px;
	height:100%;
	background-color:#46a9fb;
	-ms-transition:all 0.3s;
	-webkit-transition:all 0.3s;
	transition:all 0.3s;
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	margin:0px auto;
}

.news-list .more:hover:before{
	width:100%;
}
.news-list .more:hover :before{
	width:100%;
}
.news-list .more button{
	height:60px;
	line-height:60px;
	padding-left:20px;
	color:#fff;
	font-size:16px;
	background:url("../images/news/more.png") no-repeat left center;
	cursor:pointer;
	position:relative;
	z-index:1;
}


.left{
    padding-top: 44px;
    padding-left: 44px;
    width: 250px;
}
.left a{
    display: block;
    width: 137px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border: 1px solid #797979;
    color: #000;
}
.left a:hover{
    text-decoration: none;

}
.left a+a{
    border-top: 0
}
.right {
    margin-top: -130px;
    float:left;
    margin-left: 250px;
    min-width: 500px;
   
    font-size: 16px
}

.wraper{
	overflow:hidden;
}

.right{
	overflow:hidden;
}

.main-list{
	text-align:left;
}