/* CSS Document */

body{background: url(../images/news_bg_img.jpg) top center no-repeat #000;}

.newsContentBox{width: 100%; overflow: hidden; background: url(../images/news_bg.png); padding-bottom: 5rem;}
.newsContentBox .title-1, .newsContentBox .title-2, .newsContentBox .desc{color: white; text-align: center;}
.newsContentBox .title-1{font-size: 3.6rem; padding-bottom: 3rem; letter-spacing: 2rem; text-indent: 2rem; padding-top: 15%;}
.newsContentBox .title-2{font-size: 1.4rem; font-weight: bold; padding-bottom: 100px; font-style: italic;}
.newsContentBox .isline{width: 5rem; border-top: .2rem solid #fff; margin: 0 auto;}
.newsContentBox .desc{font-size: 1.4rem; padding-top: 0rem; padding-bottom: 50px;}

.newsContentBox ul{width: 120rem; margin: 0 auto;}
.newsContentBox ul li{
	width: 98%;
	height: 26rem;
	background-color: #fff;
	overflow: hidden;
	margin: 0 auto;
	margin-bottom: 4rem;	
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;	
	        transition: all 0.3s ease;
}
.newsContentBox ul li.bg-2{background-color: #ffe5c3;}
.newsContentBox ul li .newsImg{width: 40rem; height: 26rem; float: left; overflow: hidden;}
.newsContentBox ul li:nth-child(even) .newsImg{float: right;}
.newsContentBox ul li .newsImg img{width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
.newsContentBox ul li .newsTxt{padding:3% 5% 0 5%; overflow: hidden; color: #000;}
.newsContentBox ul li .newsTxt h3{font-size: 1.8rem; font-weight: 500; padding-bottom: .5rem;}
.newsContentBox ul li .newsTxt i{display: block; font-size: 1.2rem; padding-bottom: 1rem;}
.newsContentBox ul li .newsTxt span{display: block; border-top: .3rem solid #000; width: 5rem;}
.newsContentBox ul li .newsTxt p{font-size: 1.4rem; line-height: 180%; padding: 2rem 0;}
.newsContentBox ul li .newsTxt a{
	display: inline-block;
	padding: 0 3rem;
	font-size: 1.4rem;
	height: 4rem;
	line-height: 4rem;
	border: .1rem solid #474747;
	text-align: center;
	color: #000;
	-webkit-transition: all 0.3s ease;
	   -moz-transition: all 0.3s ease;	
	        transition: all 0.3s ease;
}
.newsContentBox ul li .newsTxt a:hover{
	padding-left: 8rem;
	padding-right: 0;
	text-align: right;
}

.newsContentBox ul li:hover{background-color: #c3ffcd; width: 100%;}
.newsContentBox ul li:hover .newsImg img{-webkit-transform: scale(1.2); transform: scale(1.2)}

.subnav{width: 400px; margin: 0 auto; text-align: center; padding-bottom: 50px; overflow: hidden;}
.subnav a{
	display: block;
	width: 46%;
	padding: 20px 0;
	margin: 0 1.5%;
	font-size: 18px;
	color: #fff;
	border: 1px solid #fff;
	float: left;
}
.subnav a:hover{
	background: #fff;
	color: #000;
}
.subnav .active{
	background: #fff;
	color: #000;
}

.newsMore{
	display: block;
	width: 30rem;
	height: 5.6rem;
	line-height: 5.6rem;
	text-align: center;
	font-size: 1.8rem;
	color: #fff;
	border: .2rem solid #fff;
	letter-spacing: 2rem;
	text-indent: 2rem;
	margin: 0 auto;
	margin-bottom: 4rem;
}
.newsMore:hover{background: #fff; color: #000;}

.newsviewbox{max-width: 1200px; background: #fff; padding: 5rem 0; margin: 0 auto;}

#newsview{
	max-width: 1200px;
	width: 90%;
	margin: 0 auto;
}
#newsview h3{font-size: 3rem; line-height: 100%; margin-bottom: 2rem;}
#newsview i{display: block; font-size: 1.4rem; padding-left: 1rem; border-left: .4rem solid #999;}
#newsview .newsviewtxt{font-size: 1.4rem; line-height: 260%; padding-top: 3rem;}
#newsview .newsviewtxt img{max-width: 100%;}

/* 兼容 136*768 */
@media screen and (max-height:768px){
	.newsContentBox .title-1{font-size: 26PX; padding-bottom: 20PX; letter-spacing: 2rem; text-indent: 2rem; padding-top: 17%;}
	.newsContentBox .title-2{font-size: 12px; font-weight: bold; padding-bottom: 80px; font-style: italic;}
	.newsContentBox .desc{font-size: 12px; padding-top: 0rem; padding-bottom: 40px;}

	.newsContentBox ul{width: 80%; margin: 0 auto;}
	.newsContentBox ul li{
		width: 98%;
		height: 240px;
		background-color: #fff;
		overflow: hidden;
		margin: 0 auto;
		margin-bottom: 4rem;	
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;	
				transition: all 0.3s ease;
	}
	.newsContentBox ul li.bg-2{background-color: #ffe5c3;}
	.newsContentBox ul li .newsImg{width: 40rem; height: 26rem; float: left; overflow: hidden;}
	.newsContentBox ul li .newsImg img{width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;	transition: opacity 0.35s, transform 0.35s;}
	.newsContentBox ul li .newsTxt{padding:3% 5% 0 5%; overflow: hidden; color: #000;}
	.newsContentBox ul li .newsTxt h3{font-size: 1.8rem; font-weight: 500; padding-bottom: .5rem;}
	.newsContentBox ul li .newsTxt i{display: block; font-size: 1.2rem; padding-bottom: 1rem;}
	.newsContentBox ul li .newsTxt span{display: block; border-top: .3rem solid #000; width: 5rem;}
	.newsContentBox ul li .newsTxt p{font-size: 1.4rem; line-height: 180%; padding: 15px 0;}
	.newsContentBox ul li .newsTxt a{
		display: inline-block;
		padding: 0 3rem;
		font-size: 1.4rem;
		height: 4rem;
		line-height: 4rem;
		border: .1rem solid #474747;
		text-align: center;
		color: #000;
		-webkit-transition: all 0.3s ease;
		   -moz-transition: all 0.3s ease;	
				transition: all 0.3s ease;
	}
	.newsContentBox ul li .newsTxt a:hover{
		padding-left: 8rem;
		padding-right: 0;
		text-align: right;
	}

	.newsContentBox ul li:hover{background-color: #c3ffcd; width: 100%;}
	.newsContentBox ul li:hover .newsImg img{-webkit-transform: scale(1.2); transform: scale(1.2)}

	.subnav{width: 400px; margin: 0 auto; text-align: center; padding-bottom: 30px; overflow: hidden;}
	.subnav a{
		display: block;
		width: 46%;
		padding: 15px 0;
		margin: 0 1.5%;
		font-size: 14px;
		color: #fff;
		border: 1px solid #fff;
		float: left;
	}
	.subnav a:hover{
		background: #fff;
		color: #000;
	}
	.subnav .active{
		background: #fff;
		color: #000;
	}

	.newsMore{
		display: block;
		width: 30rem;
		height: 5.6rem;
		line-height: 5.6rem;
		text-align: center;
		font-size: 1.8rem;
		color: #fff;
		border: .2rem solid #fff;
		letter-spacing: 2rem;
		text-indent: 2rem;
		margin: 0 auto;
		margin-bottom: 4rem;
	}
	.newsMore:hover{background: #fff; color: #000;}

	.newsviewbox{max-width: 1200px; background: #fff; padding: 5rem 0; margin: 0 auto;}

	#newsview{
		max-width: 1200px;
		width: 90%;
		margin: 0 auto;
	}
	#newsview h3{font-size: 3rem; line-height: 100%; margin-bottom: 2rem;}
	#newsview i{display: block; font-size: 1.4rem; padding-left: 1rem; border-left: .4rem solid #999;}
	#newsview .newsviewtxt{font-size: 1.4rem; line-height: 260%; padding-top: 3rem;}
	/*#newsview .newsviewtxt img{width: 100%;}*/

}