/* CSS Document */
.banner .nav_de .abtn a{width: 50%;}
/*news*/
.news-page{padding:50px 0 110px}
.news-page .bottom ul li{padding:30px 12px; width:25%; float:left}
.news-page .bottom ul li a.img-box{display:block;overflow:hidden}
.news-page .bottom ul li .content{display:block;padding:25px 15px;background:#f5f5f5}
.news-page .bottom ul li .content h4{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:18px;color:#101010;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.news-page .bottom ul li .content h4:hover{color:#c48943}
.news-page .bottom ul li:hover  .content h4 a{color:#f8811e; text-decoration:none}
.news-page .bottom ul li .content time{display:block;margin-top:10px;font-size:14px;color:#3a3a3a}
.newdet-page{padding:50px 0}.newdet-page h3{font-size:26px;color:#fff;font-weight:500;text-transform:capitalize}
.newdet-page time{display:block;margin:15px 0;font-size:14px;color:#fff;opacity:.6}
.newdet-page .content{display:block;padding:15px 0;border-top:1px #ccc dashed;border-bottom:1px #ccc dashed;font-size:16px;color:#eee;line-height:32px}
.newdet-page .share{padding-top:10px;margin-bottom:60px}
.newdet-page .share h4{font-size:14px;color:#fff;display:inline-block;vertical-align:middle}
.newdet-page .share ul{display:inline-block;vertical-align:middle}
.newdet-page .share ul li{width:auto;margin-left:20px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.newdet-page .share ul li:hover{color:#c48943}
.news-about-page h3.tit{font-size:30px;color:#303036;line-height:1.2;text-align:center;text-transform:capitalize}
.news-about-page h3.tit small{display:block;font-size:16px;line-height:normal;margin-top:15px;opacity:.55}
.img-box:hover img {
    transform: scale(1.1,1.1);
}
.img-box img {
    width: 100%;
	overflow: hidden;
	transition: 1s ease;
}

/*news_details*/
.news_details{
	width: 100%;
	height: auto;
	padding: 100px 0;
	
}
.news_details h1{
	color: #000;
	font-size:30px;
	font-weight: bold;
	text-align: center
}
.news_details span{
	font-size: 18px;
	text-align: center;
	color: #333;
	display: block;
	padding-bottom:20px;
	margin-bottom:30px;
	margin-top: 30px

}
.news_details p{	
	color: #666;
	font-size:16px;
	padding-bottom: 60px;
	text-align: justify;
	line-height: 30px
}

.news_details p {
    color: revert;
    font-size: revert;
    padding-bottom: revert;
    text-align: revert;
    line-height: revert;
    font-family: revert;
    margin: revert;
}

.news_details ol,
.news_details ul,
.news_details li,
.news_details dl,
.news_details dt,
.news_details dd {
    list-style: revert;
    font-size: revert;
}

.news_details ol,
.news_details ul{
    padding-left: revert;
    margin:revert ;
}

.news_details a{
    text-decoration: revert;
    font-size: revert;
}

.news_details .ctrl-box {
    padding: 40px 0;
    border-top: 1px solid #ccc;
    position: relative;
}
.news_details .ctrl-box .prev {
    float: left;
    padding-left:28px;
    background-position: left center;
	background-repeat: no-repeat;
    background-image: url(../image/newsinfo-prev.png);
}
.news_details .ctrl-box .list-btn {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 24px;
    height: 24px;
    transform: translate(-50%,-50%);
    background-image: url(../image/list-btn.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    transition: all .3s;
}
.news_details .ctrl-box .next {
    float: right;
    padding-right: 28px;
	background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../image/newsinfo-next.png);
}
.news_details .ctrl-box .prev, .news_details .ctrl-box .next {
    font-size:16px;
    line-height:16px;
    color: #333;
    background-repeat: no-repeat;
    background-size: 8px;
    transition: all .3s;
	text-transform: capitalize;
}

.news_details .tt2{color: #666;margin: 40px 0 90px;line-height: 1.5;}

.news_details .tt2 .tlt{float: left;}

.news_details .tt2 .trt{float: right;}
.news_details .social ul li{float: left}


/*video*/
.video_box{padding:80px 0}
.video{position:relative;top: 0;left: 0;}
.video-title{
	text-align:left;
    font-weight:200;
	padding-left:10px;
	margin:20px 0 15px 0;
	border-left:solid 4px #f08300;	
}
.video-more{
	width:7%;
    margin:auto;
    color:#1a355e;
	font-weight:200;
    text-align:center;
    border:1px solid #000;   
}
.video-more:hover{
    background-color:#000; 
    border:1px solid #000;
	text-align:center;
	font-weight:200;
    margin:auto;
	color:#fff;
	width:7%;
} 
.video-list{position:relative;}
.video-list ul{overflow:hidden;padding:0;margin-left:-10px}
.video-list ul li{
	float:left;
	width:25%;
	margin-top:54px;
	padding-right:0;
	padding-left:10px;	
}
.video-list ul li .video-play{position:relative; padding-left:0}
.play-icon{
	position:absolute;
	height:58px;
    width:58px;
    left: 41%;
    top:30%; 
}
.video-text{
	width:100%;
    color:#000;
    font-size:16px;
	line-height:24px;
    text-align:center;
    margin:8px 0 16px 0; 
}
.video-list ul li p {
	width:100%;
	height:48px;
	color:#1a355e;
	font-size:16px;
	margin-top:16px;
	line-height:24px;	
	text-align:center;
}
.video-detail{width:100%; overflow:hidden; position:relative}
.video-detail .sidebar-play1{
	width:121px;
	height:121px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-60.5px;
	margin-top:-60.5px
}


@media screen and (max-width:1600px){
	.inner-banner{height:300px}
	.news-page .top ul li a{line-height:38px;height:38px;padding:0 30px;font-size:16px}
	.news-page .bottom{padding-top:40px}
	.news-page{padding:50px 0}
	.news-page .bottom ul li{padding:5px}
	.news-page .bottom ul{margin:-5px}
	.news-page .bottom ul li .content{padding:10px}}

@media screen and (max-width:1000px){
	.news-page .bottom ul li .content h4{font-size:18px}
	.news-page .top ul li a{line-height:32px;height:32px;padding:0 15px}
}

@media (max-width:768px){
	.news_details h1{font-size:20px;margin-top: 0!important}
	.news_details span{font-size:14px; padding-bottom:10px; margin-bottom:20px}
	.news_details p{font-size:15px; padding-bottom:0;}
	.news-page .bottom ul li{width:100%;margin-bottom:15px}
	.news-page .bottom{padding-top: 0}
	.news-page,.news_details,.video_box,.contact-us .contact-forms{padding:30px 0}
}