@charset "utf-8";

* {
	padding: 0;
	margin: 0;
	font-family: "微软雅黑";
	box-sizing: border-box;
	outline: none;
	color: inherit;
	font-size: inherit;
	font-weight: normal
}
:after, :before {
	box-sizing: inherit
}
a {
	text-decoration: none;
	color: inherit
}
ul {
	list-style: none
}
.overflow-hide {
	overflow: hidden
}
.col-sm-3 {
	width: 25%;
	float: left;
	position: relative
}
.pavilion-container {
	padding-bottom: 50px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	min-height:380px;
	width: 1400px;
}
.layer-title {
	padding: 50px 0 30px;
	text-align: center;
	font-size: 30px;
	color: #fff;
	letter-spacing: 1.09px
}
.pavilion-container .pavilion-inner {
	max-width: 1200px;
	margin: 0 auto
}
.pavilion-container .pavilion-inner .tabs {
	padding: 0 10px
}
.pavilion-container .pavilion-inner .tabs li {
	float: left;
	padding: 0 21px;
	border: 1px solid #c9a467;
	border-radius: 2px;
	line-height: 36px;
	font-size: 16px;
	color: #c9a467;
	letter-spacing: .35px
}
.pavilion-container .pavilion-inner .tabs li {
	margin-left: 21.2667px;
	cursor: pointer
}
.pavilion-container .pavilion-inner .tabs li:first-child {
	margin-left: 0
}
.pavilion-container .pavilion-inner .tabs li.on {
	background: #c9a467;
	color: #1c1f36
}
.pavilion-container .pavilion-inner .tabs li .hot-icon {
	width: 18px;
	height: 24px;
	margin-right: 10px;
	background-repeat: no-repeat
}
.pavilion-container .pavilion-inner .tabs li>span {
	display: inline-block;
	vertical-align: middle
}
.pavilion-container .tab-content-wrap {
	position: relative;
	margin-top: 20px;
	height: 280px
}
@media only screen and (max-width: 687px) {
.pavilion-container .tab-content-wrap {
	height: -webkit-fill-available;
}
}
.pavilion-container .tab-content {
	position: absolute;
	transition: all .7s linear;
	opacity: 0;
	z-index: -1;
	height: 0;
	width: 100%
}
.pavilion-container .tab-content.show {
	height: auto;
	opacity: 1;
	top: 0;
	z-index: 1
}
.pavilion-container .tab-content .col-sm-3 {
	padding: 0 10px
}
.pavilion-container .tab-content .col-sm-3 .tab-card {
	position: relative;
	padding: 20px;
	background: #fff;
	border-radius: 2px;
	overflow: hidden;
	cursor: pointer;
	transition: .2s linear
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg {
	position: relative;
	height: 360px
}
.pavilion-container .tab-content .col-sm-3 .tab-card:before {
	position: absolute;
	content: '';
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	border-radius: 1px 1px 0 0
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img {
	height: 90px;
	width: auto;
	display: block
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3 {
	margin-top: 30px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.pavilion-container .tab-content .col-sm-3 .tab-card p {
	margin-top: 5px;
	font-size: 12px;
	color: #a0a2a8;
	letter-spacing: .51px;
	line-height: 20px;
	height: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels {
	margin-top: 10px;
	margin-right: 10px;
	padding-bottom: 20px
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span {
	display: inline-block;
	margin-top: 10px;
	margin-right: 10px;
	padding: 0 5px;
	background: rgba(160,162,168,.1);
	border: 1px solid rgba(102,106,117,.1);
	border-radius: 2px;
	line-height: 20px;
	color: #a0a2a8;
	font-size: 12px
}
.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time {
	border-top: 1px solid #e7e7e7
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md+.tab-card-md {
	margin-top: 20px
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md {
	height: 200px
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img {
	height: 65px;
	width: auto;
	display: block
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3 {
	margin-top: 15px
}
.pavilion-container .tab-content .col-sm-3 .tab-card .time {
	position: absolute;
	bottom: 10px;
	width: calc(100% - 40px);
	padding-top: 17px;
	font-size: 12px;
	color: #666a75;
	letter-spacing: .44px;
	line-height: 23px;
	text-align: left
}
.pavilion-container .tab-content .col-sm-3 .tab-card .time span {
	font-size: 20px;
	color: #f66f6a;
	letter-spacing: 0;
	line-height: 23px;
	margin-right: 3px
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm {
	height: 90px
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm+.tab-card-sm {
	margin-top: 20px
}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time {
	border-top-width: 0
}
.pavilion-container .tab-content .col-sm-3 .tab-card:hover {
	background: #efedd4
}
.pavilion-container .view-go {
	margin-top: 35px;
	font-size: 18px;
	color: #fff;
	text-align: center
}
.pavilion-container .view-go a span.arrow-more {
	display: inline-block;
	vertical-align: middle
}
.pavilion-container .view-go a span.arrow-f {
	width: 13px;
	height: 13px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 10px;
	position: relative;
	transition: .3s ease-out
}
.pavilion-container .view-go a:hover {
	color: #c9a467
}
.pavilion-container .view-go a:hover span.arrow-f {
	transform: translate(4px, 0);
}
/*tags*/
.news_con{ overflow:hidden; margin-bottom:2%; border-top:1px solid #dddddd; margin-top:0%; }
.news_con ul li{ /*overflow:hidden;*/padding-top:1%;border-bottom:1px solid #dddddd; display:block;background:#fff; padding-bottom:1%;transition:all 0.3s; position:relative; }
.news_con ul li:last-child{ margin-bottom:0;}
.news_con ul li:hover{ border-color:#00aa76; /*background:#f6f6f6;*/}
.news_con ul li:hover:after{opacity:1.0;filter:Alpha(opacity=100);}
.news_con ul li .imgs{width:356px;float:left;display:inline;overflow:hidden;margin-right:3%;}
.news_con ul li .imgs img{width:100%;-webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);-webkit-transition:all 0.5s ease-out 0s; -moz-transition:all 0.5s ease-out 0s; -o-transition:all 0.5s ease-out 0s; transition:all 0.5s ease-out 0s;}
.news_con ul li:hover .imgs img{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.news_con ul li .txts{ overflow:hidden; padding-right:3%; }
.news_con ul li .txts .h3{ line-height:32px; height:32px; overflow:hidden; color:#333; font-weight:bold;transition: all 0.3s; margin-top:40px;white-space:nowrap;text-overflow:ellipsis; font-size:22px;}
.news_con ul li .txts .p{ height:48px; overflow:hidden; font-size:16px; color:#999999; line-height:24px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin-top:16px;}
.news_con ul li .ends{ overflow:hidden; float:right; width:180px; text-align:right;  height:166px; position:relative; font-family:Arial;}
.news_con ul li .ends em{ position:absolute; right:0; top:50%;font-style:normal;color:rgba(135,135,135,0.4); transform: translate(0%, -50%);transition:all 0.3s;}
.news_con ul li .ends em b{ display:block; font-weight:normal; color:#878787;}
.news_con ul li:hover .txts h3{color:#00aa76;}
.news_con ul li:hover .ends em{color:#00aa76;}
.news_con ul li .ends .news_more{ width:130px; text-align:center;height:42px; line-height:42px;color:#fff; font-size:15px;transition: all 0.3s; position:absolute; right:0; top:50%;transform: translate(0%, -50%); background:url(../images/i_bg1.png) no-repeat; background-size:100% 100%;transition:all 0.3s;/*opacity:0;filter:Alpha(opacity=0); margin-right:5px;*/}
.news_con ul li .ends .news_more:hover{/* background:#00aa76;*/opacity:0.9;filter:Alpha(opacity=90); }
/*.news_con ul li:hover .ends .news_more{opacity:1.0;filter:Alpha(opacity=100); margin-right:0;}
.news_con ul li:hover .ends em{opacity:0;filter:Alpha(opacity=0);}*/

/*首页关于我们*/
.ind_about{ padding:85px 0; overflow:hidden; width:100%;  background-size: cover;}
.ind_about .text{ width:40%; float:left;}
.ind_tit{ position:relative; margin-top:28px; float:left;}
.ind_tit span{ font-size:28px; font-weight:bold; color:#0e48b3; text-transform:uppercase; position:relative; z-index:2;}
.ind_tit p{ font-size:40px; line-height:42px; font-weight:bold; position:relative; z-index:2;}
.ind_tit:before{ content:""; display:block; width:200px; height:136px; border:5px solid #f9f9f9; position:absolute; top:-28px; left:49px;}
.ind_about .text .gsname{ font-size:26px; margin:65px 0 25px;}
.ind_about .text .gsname:after{content:""; display:block; width:50px; height:2px;background: #0e48b3; margin-top:12px; }
.ind_about .text .gsms{ max-height:168px; overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;}
.ind_about .text .gsms,.ind_about .text .gsms p{ font-size:15px; color:#666; line-height:28px;}
.ind_about .text .more{ display:block;font-size:16px; color:#666; margin-top:35px; line-height:31px; display:flex; display: -webkit-flex; transition: all .4s ease;}
.ind_about .text .more i{ display:block; width:31px; height:31px; border:1px solid #999; border-radius:50%; background:url(../images/morejt1.png) center no-repeat; margin-left:10px; transition: all .4s ease;}
.ind_about .text .more:hover{ color:#0e48b3;}
.ind_about .text .more:hover i{background: #0e48b3 url(../images/morejt1.png) center no-repeat; border:0;}

.ind_about .abimg{ width:55%; float:right; position:relative;}
.ind_about .abimg img{ float:right;}
.ind_about .abimg ul{ position: absolute; overflow:hidden; top:50%; transform:translateY(-50%); background:#0e48b3; background-image: linear-gradient(130deg, #0e48b3 , #68c7f5); padding:40px 32px 50px;}
.ind_about .abimg ul li{ color:#fff; width:100%; min-width:120px; padding:20px 0; text-align:center;}
.ind_about .abimg ul li:nth-of-type(2){ border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}
.ind_about .abimg ul li p em{ font-size:34px; font-weight:bold;}

.psz {  overflow:hidden; padding:20px 32px 20px; width:100%; display:none}
.psz ul li{ color:#666; width:33.33333%;padding:20px 0; text-align:center; float:left;}
 .psz ul li:nth-of-type(2){ border-top:1px solid rgba(255,255,255,.1); border-bottom:1px solid rgba(255,255,255,.1);}
 .psz ul li p em{ font-size:34px; font-weight:bold;}


@media  (max-width: 780px) {
.ind_about .text{ width:100%; float:none;}
.ind_about .abimg{ width:100%; float:none; }
 .psz {display:block}
.ind_about .abimg ul{ display:none}
}
