/* --------- cover main.css --------- */
	.page_title_zh:before{
		left: 23%;
	}
	.page_title_zh:after{
		right: 23%;
	}

	.sec_main .control .btn:hover{
		background:rgba(112,112,100,.9);
		box-shadow: 0 5px 15px rgba(170,110,10,.2),
 					0 0 20px 5px rgba(112,112,100,1) inset;
	}
/* --------- END cover main.css --------- */
/* --------- sec_main --------- */
	.sec_main{
		background: #FAFAFA;
	}
	.sec_main .container{
		box-sizing: border-box;
		padding: 140px 40px 70px calc(3% + 140px);
	}
	.sec_main .container:after{
		content: "";
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 20px 20px 0 20px;
		border-color: #FAFAFA transparent transparent transparent;
		position: absolute;
		bottom: -19px;
		right: 13%;
		z-index: 2;
	}
	.date{
		padding:6px 25px 6px 45px;
		background: #707064;
		position: absolute;
		top: 140px;
		left: 0;
	}
	.date:before{
		content:"";
		display: block;
		height: 100%;
		width: 500px;
		background: #707064;
		position: absolute;
		top:0;
		right: 0;
	}
	.date p{
		font-family: 'PT Sans', sans-serif;
		font-size: 2.4em;
		font-weight: normal;
		line-height: 1.8em;
		letter-spacing: 12px;
		position: relative;
	}
	.date p:first-child:after{
		content:"";
		display: block;
		position: absolute;
		bottom:0px;
		left: 18px;
		width: 20px;
		height: 1px;
		background: white;
	}

	.title{
		display: inline-block;
		padding:25px 0 50px;
		width: 80%;
		text-align: justify;
	}
	.title h4{
		color: #707064;
		letter-spacing: 7px;
	}
	.title h4:last-child{
		font-size: 1.2em;
		font-weight: normal;
	}
	.icon_share{
		display: inline-block;
		width: 20%;
		min-width: 120px;
		height: 36px;
		margin-left: -5px;
		margin-top: 30px;
		vertical-align: top;
		background: right top no-repeat;
	}
	.paragraph{
		padding-right: 10px;
		letter-spacing: 1px;
	}
	.paragraph p{
		line-height: 2em;
	}
	.paragraph img{
		margin:20px 0;
		max-width: 100%;
	}

	.sec_main .control{
		text-align: right;
		margin:60px 0 0;
		clear:both;
	}
	.sec_main .control .btn{
		background:#707064;
		color:white;
		padding:10px 20px;
		margin-left: 25px;
	}
/* --------- END sec_main --------- */
/* --------- sec_pic --------- */
	.sec_pic{
		position: relative;
	}
	#news_pic_slider .item{
		width: 100%;
		height: 0;
		padding-bottom: 36.4583%;
		background: center center no-repeat;
		background-size: contain;
	}
	.slider_prev,
	.slider_next{
		filter:brightness(80%);
		-webkit-filter:brightness(80%);
		margin:20px;
		cursor: pointer;
		pointer-events: auto;
		-webkit-transition: all .5s ease;
		   -moz-transition: all .5s ease;
		    -ms-transition: all .5s ease;
		     -o-transition: all .5s ease;
		        transition: all .5s ease;
	}
	.slider_prev:hover,
	.slider_next:hover{		
		filter:brightness(90%);
		-webkit-filter:brightness(90%);
	}
	.slider_prev{
		transform: scaleX(-1);
	}
	.slider_next{
		float: right;
	}
	.sec_pic .control{
		width: 100%;
		position: absolute;
		top: calc(50% - 55px);
		z-index: 2;
		pointer-events: none;
	}
/* --------- END sec_pic --------- */
/* --------- sec_other --------- */
	.sec_other  .container{
		width: 81.5%;
		max-width: 1550px;
		padding:110px 0;
	}
	.news_wrap{
		width: 100%;
		margin-top: 100px;
	}
	.news{
		display: inline-block;
		width: 32.4%;
		margin-left: 1%;
		box-shadow: 0 0 25px rgba(0,0,0,.2);
		-webkit-transition: .4s ease;
		   -moz-transition: .4s ease;
		    -ms-transition: .4s ease;
		     -o-transition: .4s ease;
		        transition: .4s ease;
		overflow: hidden;
	}
	.news:first-child{
		margin-left: 0;
	}
	.sec_other .content{
		/*background: #707064;*/
		box-sizing: border-box;
		padding:20px 35px 20px;
		margin-top: -5px;
		-webkit-transition: all .4s ease;
		   -moz-transition: all .4s ease;
		    -ms-transition: all .4s ease;
		     -o-transition: all .4s ease;
		        transition: all .4s ease;
	}
	.sec_other .content h4{
		font-size: 1.313em;
		letter-spacing: 2px;
		height: 1.5em;
	}
	.sec_other .content h5{
		font-size: 1.2em;
		letter-spacing: 2px;
		color:#646464;
		margin-bottom: 25px;
		height: 1.5em;
	}
	.news h4, .news h5, .news p{
		width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.news p{
		height: 8em;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		white-space: normal;
	}
	.news a{
		display: block;
		font-family: 'PT Sans', sans-serif;
		font-weight: bold;
		font-size: 1.3em;
		width: 130px;
		padding-left: 32px;
		letter-spacing: 2px;
		color:#707064;
		margin-top: 25px;
		margin-left: auto;
		position: relative;
		-webkit-transition: .25s ease;
		   -moz-transition: .25s ease;
		    -ms-transition: .25s ease;
		     -o-transition: .25s ease;
		        transition: .25s ease;
	}
	.news a:before{
		content:"";
		display: block;
		background:url(../img/icon/icon_plus_g.png) 0 0 no-repeat;
		width: 19px;
		height: 19px;
		position: absolute;
		left: 0;
		top:5px;
	}
	.news:hover{
		box-shadow: 0 10px 25px rgba(0,0,0,.3);
		-webkit-transform: translateY(-5px);
		   -moz-transform: translateY(-5px);
		    -ms-transform: translateY(-5px);
		     -o-transform: translateY(-5px);
		        transform: translateY(-5px);
	}
	.news:hover .content:before {
		content: "";
		display: block;
		width: 100%;
		height: 50%;
		position: absolute;
		bottom: 0;
		left: 0;
		background: rgba(112,112,100,.7);
		z-index: 1;
		-webkit-animation: showback .8s forwards;
		-o-animation: showback .8s forwards;
		animation: showback .8s forwards;
	}
	.news>img{
		width: 100%;
		position: relative;
		z-index: 2;
	}
	.news:hover .content h4,
	.news:hover .content h5,
	.news:hover .content p,
	.news:hover .content a{
		z-index: 2;
		color:white;
		position: relative;
		
	}
	.news:hover .content a{
		text-shadow: 0 0 5px rgba(255,255,255,.5);
	}
	.news:hover .content a:before{
		filter:brightness(200%);
		-webkit-filter:brightness(200%);
	}
	.news .content a:hover{
		color:#ffc655;
	}
    .news .limit_block {
        max-height: 355px;
        vertical-align: bottom;
        overflow: hidden;
    }
/* --------- END sec_other --------- */
/* --------- RWD --------- */
	@media only screen and (max-width: 1480px){
		.sec_other .container{
			width: 90%;
		}
		.news{
			width: 32.3%;
		}
	}
	@media only screen and (max-width: 980px){
		.page_title_zh:before{
			left: 20%;
		}
		.page_title_zh:after{
			right: 20%;
		}
		.page_title_zh {
			padding:0 50px;
		}

		.title{
			display: block;
			width: 100%;
			padding-bottom: 60px;
		}
		.icon_share{
			display: block;
			margin:-50px 0 20px auto;
			width: 120px;
		}

		.sec_other .content{
			padding: 15px 30px;
		}
		.news{
			width: 32%;
		}
		.news p{
			height: 4.5em;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			-webkit-box-orient: vertical;
			white-space: normal;
		}
	}
	@media only screen and (max-width: 768px){		
		.page_title_zh:before{
			left: 0;
		}
		.page_title_zh:after{
			right: 0;
		}
		.sec_main .container{
			padding:100px 0 70px 0;
		}
		.date{
			position: relative;
			top: 0;
			display: inline-block;
		}
		.date p{
			font-size: 1.5em;
			font-weight: normal;
			display: inline-block;
			padding-left: 10px;
		}
		.date p:first-child:after{
			top: 21px;
			left: 50px;
			-webkit-transform: rotateZ(120deg);
			   -moz-transform: rotateZ(120deg);
			    -ms-transform: rotateZ(120deg);
			     -o-transform: rotateZ(120deg);
			        transform: rotateZ(120deg);
		}

		#news_pic_slider .item{
			height: 150px;
			padding-bottom: 36.4583%;
			background-size: cover;
		}
		.sec_pic .control{
			opacity: 0;
		}
		
		.news,
		.news:first-child{
			display: block;
			width: 80%;
			margin:0 auto 20px;
		}

		.news p{
			height: 8em;
			-webkit-line-clamp: 4;
		}
	}
	@media only screen and (max-width: 480px){
		.page_title_zh:before{
			left: 0;
		}
		.page_title_zh:after{
			right: 0;
		}
		.news,
		.news:first-child{
			width: 100%;
		}
	}
	@media only screen and (max-width: 360px){
		
	}

/* --------- END RWD --------- */