@font-face {
    font-family: wwf;
    src: url(font/wwf.ttf);
    font-weight: 400;
    font-style: normal
}

body{
	font-family: Open Sans,sans-serif,Helvetica Neue,Helvetica,Arial;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color: #2c3e50;
}

#Container{
	position:relative;z-index:1;
	display:block;margin:0;padding:0;
}
.container{
	position:relative;display:block;margin:0 auto;width:152rem;
}
@media only screen and (max-width: 768px) {
	.container{
		width:100%;
	}
}

/******************************************** 顶部 ******************************************************/
.head{
	display:flex;flex-direction:column;
}
.top{
	position:relative;
	background:rgba(0,0,0,.9);
}
.logo{
    position:absolute;top:0;left:8rem;z-index:9;
	width:9.8rem;
}

.top-con{
	display:flex;justify-content:space-between;
}
.nav{
	padding-left:24rem;
	display:flex;
}
.trgt{
	display:flex;flex-direction:row;
}

.nav-itm{
	position:relative;margin-right:2.5rem;
	display:flex;align-items:center;
	height:7rem;
	cursor:pointer;
}
.nav-itm span, .nav-itm > a{
	padding-right:1.5rem;
	font-size:2rem;color:#FFF;
	font-family:wwf;
}
.nav-itm.has-sub span{
	position:relative;
	padding-right:4rem;
}
.nav-itm.has-sub span:after{
	content:'';position:absolute;top:50%;right:.8rem;
	margin-top:-.8rem;
	width:1.2rem;height:1.2rem;
	border-bottom:.2rem solid #FFF;border-right:.2rem solid #FFF;
	transform:rotate(45deg);
}

.top-search{
	position:relative;
	width:6.8rem;
	border-left:.1rem solid #a9a9a9;border-right:.1rem solid #a9a9a9;
	cursor: pointer;
}
.top-search img{
	position:absolute;top:50%;left:50%;
	margin:-1rem 0 0 -1rem;
	width:2rem;height:2rem;
}
.top-media{
	display:flex;flex-direction:row;align-items:center;
	padding:0 2.8rem;
	border-right:.1rem solid #a9a9a9;
}
.top-media-label{
	margin-right:2.4rem;
	font-size:1.6rem;color:#a9a9a9;
}
.top-media-itm{
	position:relative;
	cursor:pointer;
}
.top-media-icon{
	margin-right:2.4rem;
	width:2.6rem;height:2.6rem;
}
.top-media-itm-pop{
	display:none;
	position:absolute;top:6.4rem;left:50%;
	padding:2rem;
	background:#FFF;border-radius:.4rem;
	transform:translate(-50%, 0);
}
.top-media-itm-pop:before{
	content:'';position:absolute;top:-.4rem;left:40%;
	width:0;height:0;
	border-bottom:.4rem solid #FFF;
	border-left:.4rem solid transparent;border-right:.4rem solid transparent;
}
.top-media-itm-pop img{
	width:8rem;height:8rem;
}
.top-media-itm-pop p{
	margin-top:.8rem;
	font-size:1.4rem;color:#999;
}
.top-media-itm:hover .top-media-itm-pop{
	display:block;
}

.top-lang{
	position:relative;
	display:flex;align-items:center;
	padding:0 3rem;
	cursor:pointer;
}
.top-lang img{
	margin-right:1rem;
	width:2.6rem;height:2.6rem;
}
.top-lang span{
	position:relative;
	padding-right:4rem;
	font-size:1.6rem;color:#AAA;
}
.top-lang span:after{
	content:'';position:absolute;top:50%;right:.8rem;
	margin-top:-.8rem;
	width:1.2rem;height:1.2rem;
	border-bottom:.2rem solid #FFF;border-right:.2rem solid #FFF;
	transform:rotate(45deg);
}

.top-subs{
	display:none;
	position:absolute;top:100%;left:50%;z-index:9;
	margin-top:.5rem;width:16rem;
	background:rgba(0,0,0,.7);border-radius:.4rem;
	transform:translateX(-50%);
}
.top-subs:before{
	content:'';position:absolute;top:-.4rem;left:40%;
	width:0;height:0;
	border-bottom:.4rem solid #FFF;
	border-left:.4rem solid transparent;border-right:.4rem solid transparent;
}
.top-subs li{
	border-bottom:.1rem solid #fafafa;
}
.top-subs li:last-child{
	border:none;
}
.top-subs li a{
	display:block;
	height:4.8rem;line-height:4.8rem;
	font-size:1.6rem;color:#fff;
	font-family:wwf;
	text-align:center;
}

.top-lnk{
	display:flex;align-items:center;justify-content:center;
	width:10rem;
	background:#cf6e32;
}
.top-lnk a{
	font-size:2rem;color:#FFF;
	font-family:wwf;
}

.top-search-input{
	padding:1rem 3rem;
	background:#FFF;border-bottom:.1rem solid #ddd;
}
.top-search-input-con{
	position:relative;
	padding-left:23rem;
}
.top-search-input-con img{
	position:absolute;top:50%;left:19rem;
	margin-top:-1rem;
	width:2rem;height:2rem;
}
.top-search-input-con input{
	width:100%;height:7rem;line-height:7rem;
	font-size:1.4rem;color:#333;
	border:none;outline:none;box-shadow:none;
}

.top-m-menu-btn{
	display:none;
}
@media only screen and (max-width: 768px) {
	.head{
		flex-direction: column-reverse;
	}
	.top{
		height:4.4rem;
	}
	.top-con{
		display:none;
	}
	.logo{
		top:0;left:2.6rem;
		width:5.2rem;
	}

	.top-search-input-con{
		padding-left:3rem;
	}
	.top-search-input-con img{
		left:0;
	}
	.top-search-input-con input{
		height:3rem;line-height:3rem;
	}

	.top-m-menu-btn{
		display:block;
        position:absolute;top:0;right:0;
		width:4.4rem;height:4.4rem;
	}
	.top-m-menu-btn em, .top-m-menu-btn:before, .top-m-menu-btn:after{
		content:'';position:absolute;left:1rem;
		width:2.2rem;height:.2rem;
		background:#FFF;border-radius:.1rem;
	}
	.top-m-menu-btn em{
		top:2.2rem;
	}
	.top-m-menu-btn:before{
		top:1.4rem;
	}
	.top-m-menu-btn:after{
		top:3rem;
	}
}

/******************************************** 底部 ******************************************************/
.foot{
	padding:12rem 0 7rem;
}
.foot-logo{
	display:block;margin:0 auto;
	height:11.2rem;
}
.foot-slogan{
	margin-top:4rem;
	font-size:2.4rem;color:#000;font-weight:600;
	font-family:wwf;
	text-align:center;
}
.foot-con{
	margin-top:10rem;
	display:flex;align-items:center;
}

.foot-nav{
	flex:2;
	display:flex;flex-direction:row;
}
.foot-nav-itm{
	flex:1;
	height:3rem;line-height:3rem;
	border-right:.1rem solid #666;
	text-align:center;
}
.foot-nav-itm a{
	font-size:2rem;color:#000;
	font-family:wwf;
}

.foot-media{
	flex:1;
	display:flex;flex-direction:row;align-items:center;
	justify-content:center;
}
.foot-media-label{
	font-size:2rem;color:#000;
	font-family:wwf;
}
.foot-media-itm{
	position:relative;margin:0 2.2rem;
	cursor:pointer;
}
.foot-media-icon{
	width:2.4rem;height:2.4rem;
}
.foot-media-itm-pop{
	display:none;
	position:absolute;top:4rem;left:50%;
	transform:translate(-50%, 0);
}
.foot-media-itm-pop img{
	width:8rem;height:8rem;
}
.foot-media-itm:hover .foot-media-itm-pop{
	display:block;
}

.foot-copy{
	margin-top:10rem;
	text-align:center;
}
.foot-copy span{
	margin:0 1rem;
	font-size:1.4rem;color:#000;
}
.foot-copy a{
	color:#337ab7;
}
@media only screen and (max-width: 768px) {
	.foot{
		padding:6rem 0 2rem;
	}
	.foot-logo{
		height:5.8rem;
	}
	.foot-slogan{
		margin-top:2rem;
		font-size:1.6rem;
	}
	.foot-con{
		margin-top:5rem;padding:0;
		display:block;
	}
	
	.foot-nav-itm{
		height:2rem;line-height:2rem;
	}
	.foot-nav-itm:last-child{
		border:none;
	}
	.foot-nav-itm a{
		font-size:1.2rem;
	}
	
	.foot-media{
		margin-top:4rem;
	}
	.foot-media-label{
		margin-right:2rem;
		font-size:1.4rem;
	}
	.foot-media-itm{
		margin:0 2rem;
	}
	.foot-media-icon{
		width:2.4rem;height:2.4rem;
	}
	.foot-media-itm-pop{
		top:4rem;
	}
	.foot-media-itm-pop img{
		width:8rem;height:8rem;
	}
	.foot-media-itm:hover .foot-media-itm-pop{
		display:block;
	}
	
	.foot-copy{
		margin-top:3rem;
	}
	.foot-copy span{
		display:block;margin:0;line-height:3rem;
		font-size:1.2rem;
	}
}


/******************************************** 移动侧栏 ******************************************************/
#m_sidebar{
	display:none;position:fixed;top:0;right:0;bottom:0;z-index:90;width:0;text-align:left;overflow:hidden;
}
.side-bg{
	position:absolute;top:0;left:0;right:0;bottom:0;z-index:91;background:rgba(0,0,0,.6);
}
.side-cls-btn, .side-con{
	position:absolute;z-index:92;
}
.side-cls-btn{
	top:1rem;left:1rem;width:4rem;height:4rem;
}
.side-cls-btn:before, .side-cls-btn:after{
	content:'';position:absolute;top:50%;left:2rem;width:2rem;height:.2rem;background:#FFF;border-radius:.1rem;
}
.side-cls-btn:before{
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
}
.side-cls-btn:after{
	-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
}
.side-con{
	top:6rem;left:0;padding:1rem 1rem;width:100%;
}
.side-nav-itm h2, .side-nav-itm > a{
	display:block;padding-left:3rem;line-height:5rem;
	font-size:1.6rem;color:#FFF;
	overflow:hidden;white-space:nowrap;
}
.side-nav-itm h2{
	position:relative;
}
.side-nav-itm h2:after{
	content:'';position:absolute;top:50%;right:20px;width:6px;height:6px;
	margin-top:-2px;border-top:1px solid #FFF;border-right:1px solid #FFF;
	-webkit-transition:-webkit-transform .2s ease-in-out;-ms-transform:-ms-transform .2s ease-in-out;-o-transition:-o-transform .2s ease-in-out;
	transition:transform .2s ease-in-out;
	-webkit-transform-origin:60%;-ms-transform-origin:60%;-o-transform-origin:60%;transform-origin:60%;
	-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);
	transform:rotate(45deg);
}
.side-nav-itm h2.on:after{
	-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);
	transform:rotate(135deg);
}
.side-nav-itm ul{
	display:none;
}
.side-nav-itm li{
	position:relative;
}
.side-nav-itm li:before{
	content:'';position:absolute;top:50%;left:4.4rem;
	margin-top:-.3rem;width:.5rem;height:.5rem;line-height:.5rem;
	border-radius:.3rem;background:#FFF;
}
.side-nav-itm li a{
	display:block;padding-left:6rem;line-height:3.6rem;
	font-size:1.4rem;color:#FFF;
	overflow:hidden;white-space:nowrap;
}
.side-lnk{
	margin-top:3rem;padding:0 2rem;
}
.side-lnk a{
	display:block;height:3.6rem;line-height:3.6rem;
	background:#cf6e32;
	font-size:1.6rem;color:#FFF;
	font-family:wwf;
	text-align:center;
}
.side-search{
	margin-top:3rem;padding:0 2rem;
}
.side-search-con{
	position:relative;padding:0 4rem 0 1rem;
	background:#FFF;border-radius:.4rem;
}
.side-search-con input{
	width:100%;height:4rem;line-height:4rem;
	font-size:1.4rem;color:#333;
	border:none;outline:none;box-shadow:none;
}
.side-search-con img{
	position:absolute;top:50%;right:1rem;
	margin-top:-.9rem;
	width:1.8rem;height:1.8rem;
}
@media only screen and (max-width: 768px) {
	#m_sidebar{
		display:block;
	}
}

/******************************************** 分页 ******************************************************/
.pagination {
	padding:8rem 0 0;
    text-align:center;
}
.pagination span{
    display:inline-block;margin:0 1.5rem;
	width:6rem;height:6rem;line-height:6rem;
	background:#EEE;
	font-size:2.4rem;color:#cf6e32;font-weight:600;
	cursor:pointer;
}
.pagination span.first, .pagination span.last{
	width:20rem;
	font-family:wwf;
}
.pagination span.current{
	background:#cf6e32;
	color:#FFF;
}
.pagination em{
	display:inline-block;margin:0 1rem;
	width:6rem;height:6rem;line-height:6rem;
	font-size:2.4rem;color:#cf6e32;font-weight:600;
}
.pagination-more{
	display:none;
}
@media only screen and (max-width: 768px) {
	.pagination {
		display:none;
	}
	.pagination-more{
		display:block;padding-top:3rem;
		text-align:center;
	}
}

/******************************************** banner ******************************************************/
.banner{
	position:relative;
	height:35rem;
    background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.banner-top{
	position:absolute;top:50%;left:0;right:0;
	text-align:center;
	transform:translate(0, -50%);
}
.banner-top .h1{
	height:10rem;line-height:10rem;
	font-size:6rem;color:#FFF;
	font-family:wwf;
}
.banner-top .h2{
	position:relative;
	margin-top:2rem;line-height:3.5rem;
	font-size:2.5rem;color:#FFF;
	font-family:wwf;
}
.banner-top .h2:before{
	content:'';position:absolute;top:-2rem;left:50%;
	margin-left:-2rem;
	width:4rem;height:.4rem;line-height:.4rem;
	background:#cf6e32;
}
.banner-search{
	position:relative;
	margin:6rem auto 0;padding:0 4rem 0 0;
	width:60rem;
	background:#FFF;border-radius:.6rem;
	box-shadow:inset 0 .1rem .1rem rgba(0,0,0,.075);
}
.banner-search input{
	padding:0 1rem;
	width:100%;height:4rem;line-height:4rem;
	background:none;border:none;outline:none;
	font-size:1.6rem;color:#000;
}
.banner-search img{
	position:absolute;top:50%;right:1rem;
	margin-top:-1rem;
	width:2rem;height:2rem;
}
.banner-search.focus{
	box-shadow: inset 0 .1rem .1rem rgba(0,0,0,.075), 0 0 .8rem rgba(102,175,233,.6);
}
.banner-sub{
	position:absolute;bottom:2.6rem;left:0;right:0;
}
.banner-sub-con{
	display:flex;flex-direction:row;gap:6rem;
	justify-content:center;
}
.banner-sub-itm{
	min-width:24rem;
	line-height:2.4rem;
	border-bottom:.1rem solid #fff;
	font-size:1.8rem;color:#FFF;
	font-family:wwf;
	text-align:center;
}
@media only screen and (max-width: 768px) {
    .banner{
    	height:31rem;
    }
	.banner-top{
		padding:0 1rem;
	}
    .banner-top .h1{
    	height:auto;line-height:8rem;
    	font-size:4rem;
    }
    .banner-top .h1:after{
    	margin-left:-1rem;
    	width:2rem;
    }
    .banner-top .h2{
    	margin-top:1.2rem;line-height:2rem;
    	font-size:1.4rem;
    }
	.banner-search{
		margin:2rem auto 0;padding:0 3rem 0 0;
		width:24rem;
	}
	.banner-search input{
		padding:0 1rem;
		height:3rem;line-height:3rem;
		font-size:1.4rem;
	}
	.banner-search img{
		right:.5rem;
	}
    .banner-sub{
    	bottom:.4rem;
		padding:2rem;
    }
    .banner-sub-con{
    	display:block;
		white-space:nowrap;
		overflow-x:auto;
    }
    .banner-sub-itm{
    	margin:0 .5rem;padding:0 .5rem;
    	line-height:2rem;
    	font-size:1.4rem;
    }
}

/******************************************** page-con ******************************************************/
.cm-title, .cm-title{
	position:relative;
	height:9rem;line-height:9rem;
	font-size:6rem;color:#000;
	font-family:wwf;
	text-align:center;
}
.cm-title:after, .cm-title:after{
	content:'';position:absolute;bottom:0;left:50%;
	margin-left:-6rem;
	width:12rem;height:.4rem;
	background:#cf6e32;
}
.cm-more{
	display:inline-block;
	width:20rem;height:6rem;line-height:6rem;
	background:#cf6e32;
	font-size:2.4rem;color:#FFF;font-weight:500;
	font-family:wwf;
	text-align:center;
}
.cm-more.grey{
	background:#EEE;
	color:#cf6e32;
}
@media only screen and (max-width: 768px) {
	.cm-title, .cm-title{
		height:5.6rem;line-height:5.6rem;
		font-size:2.8rem;
	}
	.cm-title:after, .cm-title:after{
		margin-left:-2.8rem;
		width:5.6rem;
	}
    .cm-more{
    	width:16rem;height:4rem;line-height:4rem;
    	font-size:1.5rem;
    }
}


/******************************************** page-con ******************************************************/
.slider{
	position:relative;
}
.slider-arr{
	position:absolute;top:50%;z-index:9;
	margin-top:-5rem;
	width:7rem;height:7rem;
	background:#FFF;border-radius:50%;
	box-shadow:.2rem .2rem .4rem #c9c9c9;
	cursor:pointer;
}
.arr-left{
	left:-3.5rem;
}
.arr-right{
	right:-3.5rem;
}
.arr-left:before{
	content:'';position:absolute;top:50%;left:50%;
	margin:-.6rem 0 0 -.6rem;
	width:1.2rem;height:1.2rem;
	border-left:.5rem solid #000;border-bottom:.5rem solid #000;
	transform:rotate(45deg);
}
.arr-right:before{
	content:'';position:absolute;top:50%;left:50%;
	margin:-.6rem 0 0 -.6rem;
	width:1.2rem;height:1.2rem;
	border-right:.5rem solid #000;border-bottom:.5rem solid #000;
	transform:rotate(-45deg);
}
.slider-group{
	position:relative;
	overflow:hidden;
}
.slider-group-con{
	position:absolute;top:0;bottom:0;
	width:9999rem;
}
.slider-itm{
	float:left;
}
.slider-dots{	
	height:2rem;line-height:2rem;
	text-align:center;
}
.slider-dots em{
	display:inline-block;margin:0 .5rem;
	width:1rem;height:1rem;
	background:#AAA;
	border-radius:1rem;
	cursor:pointer;
	transition:ease all 0.5s;
}
.slider-dots em.active{
	width:2.4rem;
	background:#cf6e32 !important;
}
@media only screen and (max-width: 768px) {
	.slider-arr{
		margin-top:-3rem;
		width:4rem;height:4rem;
	}
	.arr-left{
		left:-2rem;
	}
	.arr-right{
		right:-2rem;
	}
	.arr-left:before{
		margin:-.5rem 0 0 -.5rem;
		width:1rem;height:1rem;
		border-left:.3rem solid #000;border-bottom:.3rem solid #000;
	}
	.arr-right:before{
		margin:-.5rem 0 0 -.5rem;
		width:1rem;height:1rem;
		border-right:.3rem solid #000;border-bottom:.3rem solid #000;
	}
}

/******************************************** projects ******************************************************/
.sct-projects{
	padding:7rem 0 0;
}
.sct-projects .slider-group{
	margin:5rem 0 0;
	height:63rem;
}
.prj-itm{
	position:relative;
	margin-right:4rem;width:35rem;height:60rem;
	overflow:hidden;
}
.prj-itm-img{
	position:absolute;top:0;left:0;z-index:1;
	width:100%;height:100%;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
}
.prj-itm-mask{
	position:absolute;top:0;left:0;z-index:2;
	width:100%;height:100%;
	background:rgba(0,0,0,.7);
	opacity:0;
}
.prj-itm-title{
	position:absolute;left:0;right:0;top:45rem;z-index:3;
	height:7rem;line-height:7rem;
	font-size:4.8rem;color:#FFF;
	font-family:wwf;
	text-align:center;
}
.prj-itm-title:after{
	content:'';position:absolute;bottom:-5rem;left:50%;
	margin-left:-3rem;
	width:6rem;height:.4rem;
	background:#cf6e32;
	opacity:0;
}
.prj-itm-intro{
	position:absolute;top:0;left:0;top:60rem;z-index:3;
	padding:0 4rem;line-height:2.8rem;
	font-size:1.8rem;color:#FFF;
}
.prj-itm:hover .prj-itm-mask{
	opacity:1;
}
.prj-itm:hover .prj-itm-title{
	top:7.5rem;
}
.prj-itm:hover .prj-itm-title:after{
	opacity:1;
}
.prj-itm:hover .prj-itm-intro{
	top:26rem;
}
@media only screen and (max-width: 768px) {
    .sct-projects{
    	padding:3.5rem 3rem 0;
    }
    .sct-projects .slider-group{
    	margin:2.5rem 0 0;
    	height:42rem;
    }
    .prj-itm{
    	margin-right:2rem;width:33rem;height:40rem;
    }
    .prj-itm-title{
    	position:absolute;left:0;right:0;top:32rem;z-index:3;
    	height:3rem;line-height:3rem;
    	font-size:2.4rem;
    }
    .prj-itm-title:after{
    	display:none;
    }
    .prj-itm-intro{
    	position:absolute;top:0;left:0;top:60rem;z-index:3;
    	padding:0 4rem;line-height:2rem;
    	font-size:1.4rem;
    }
    .prj-itm:hover .prj-itm-title{
    	top:7rem;
    }
    .prj-itm:hover .prj-itm-intro{
    	top:13rem;
    }
}

/******************************************** news ******************************************************/
.sct-news{
	padding:7rem 0 0;
}
.sct-news .slider-group{
	margin:5rem -1rem 0;
	height:63rem;
}
.sct-news .slider-group-con{
	left:1rem;
}
.news-itm{
	margin-right:8.5rem;width:45rem;
	border-radius:.4rem;
	box-shadow:0 .2rem 1rem #d1d1d1;
	overflow:hidden;
}
.news-itm-img{
	height:26rem;
	overflow:hidden;
}
.news-itm-img-con{
	height:26rem;
	background-repeat:no-repeat;background-size:cover;background-position:center center;
	transition:ease all 0.5s;
}
.news-itm-inf{
	padding:4rem 4rem;
	background:#FFF;
}
.news-itm-date{
	height:3rem;line-height:3rem;
	font-size:1.8rem;color:#cf6e32;font-style:italic;
}
.news-itm-title{
	margin-top:2.5rem;
	height:6.4rem;line-height:3.2rem;
	font-size:2.4rem;color:#000;
	font-family:wwf;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.news-itm-intro{
	margin-top:3.5rem;
	height:10.6rem;line-height:2.65rem;
	font-size:1.6rem;color:#666;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
}
.news-itm:hover .news-itm-img-con{
	transform:scale(1.1);
}
.news-more{
	margin-top:10rem;
	text-align:center;
}
@media only screen and (max-width: 768px) {
    .sct-news{
    	padding:3.5rem 3rem 0;
    }
    .sct-news .slider-group{
    	margin:1.2rem -1rem 0;
    	height:43rem;
    }
    .news-itm{
    	margin-right:2rem;width:33rem;
    }
    .news-itm-img{
    	height:19.5rem;
    }
    .news-itm-img-con{
    	height:19.5rem;
    }
    .news-itm-inf{
    	padding:1.5rem 3.4rem 3rem;
    }
    .news-itm-date{
    	height:2rem;line-height:2rem;
    	font-size:1.4rem;
    }
    .news-itm-title{
    	margin-top:1.2rem;
    	height:4.8rem;line-height:2.4rem;
    	font-size:1.8rem;
    }
    .news-itm-intro{
    	margin-top:1.5rem;
    	height:7.5rem;line-height:2.5rem;
    	font-size:1.4rem;
    	-webkit-line-clamp:3;
    }
    .news-more{
    	margin-top:5rem;
    }
}

/******************************************** pub ******************************************************/
.pub-itm{
	margin-right:4rem;
	width:35rem;
	cursor:pointer;
}
.pub-itm-img{
	height:46.4rem;
	overflow:hidden;
}
.pub-itm-img-con{
	height:46.4rem;
	background-repeat:no-repeat;background-size:cover;background-position:center;
}
.pub-itm-inf{
	margin-top:3rem;
}
.pub-itm-title{
	height:5.6rem;line-height:2.8rem;
	font-size:2rem;color:#000;
	font-family:wwf;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;
}
.pub-itm-date{
	margin-top:2rem;line-height:2.4rem;
	font-size:1.8rem;color:#cf6e32;font-style:italic;
}
.pub-itm-brief{
	margin-top:2rem;height:10.6rem;line-height:2.65rem;
	font-size:1.6rem;color:#666;
	overflow:hidden;text-overflow:ellipsis;
	display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;
}
@media only screen and (max-width: 768px) {
	.pub-itm{
		margin-right:2rem;
		width:33rem;
	}
	.pub-itm-img{
		height:43.5rem;
	}
	.pub-itm-img-con{
		height:43.5rem;
	}
	.pub-itm-inf{
		margin-top:1rem;
	}
	.pub-itm-title{
		height:4rem;line-height:2rem;
		font-size:1.8rem;
	}
	.pub-itm-date{
		margin-top:1.5rem;line-height:2rem;
		font-size:1.4rem;
	}
	.pub-itm-brief{
		margin-top:1rem;height:8rem;line-height:2rem;
		font-size:1.4rem;
	}
}