body {
	font-family: Microsoft Yahei;
	overflow-x: hidden;
	color: #666;
	background: #fff;
	position: relative
}

ul,ol,li {
	list-style: none
}

a {
	color: #333
}

a:hover {
	text-decoration: none;
	outline: none
}

a:visited,a:active {
	outline: none
}

div:focus {
	outline: none
}

.blank5,.blank10,.blank15,.blank20,.blank30,.blank50,.blank60 {
	clear: both;
	height: 5px;
	overflow: hidden
}

.blank10 {
	height: 10px
}

.blank15 {
	height: 15px
}

.blank20 {
	height: 20px
}

.blank30 {
	height: 30px
}

.blank50 {
	height: 50px
}

.blank60 {
	height: 60px
}

.color-orange {
	color: #fe6604
}

.section1 {
	padding: 25px 0
}

.title10 {
	margin-bottom: 0px
}

.title10:after {
	content: "";
	display: table;
	clear: both
}

.title10 h4 {
	float: left;
	margin-right: 10px;
	font-size: 22px;
	color: #333
}

.title10 h4 a {
	color: #333
}

.title10 p {
	float: left;
	color: #b6b6b6;
	margin-top: 13px
}

.title10 ul {
	float: right
}

.title10 ul li {
	display: inline-block;
	margin: 0 0px 
}

.title10 ul li a {
	display: inline-block;
	line-height: 35px;
	padding: 0 10px;
	color: #666;
	border-bottom: 1px solid transparent; margin-left:3px;
}

.title10 ul li a:hover {
	border-bottom: 1px solid #cc0000;
	color: #cc0000; font-weight:bold; background:#cc0000; color:#fff; margin-left:3px;
}

.title10 ul li a.on {
	border-bottom: 1px solid #333;
	color: #000
}

@media screen and (min-width:0) and (max-width:767px) {
	.title10 ul {
		display: none
	}
}

.s1 {
	position: relative
}

.swiper1-button-prev,.swiper1-button-next {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	height: 80px;
	width: 40px;
	outline: none;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	cursor: pointer;
	overflow: hidden;
	z-index: 11;
	display: inline-block;
	line-height: 80px;
	text-align: center;
	color: #333;
	font-size: 40px
}

.swiper1-button-prev {
	left: 0;
	background: rgba(255,255,255,.05)
}

.swiper1-button-next {
	right: 0;
	background: rgba(255,255,255,.05)
}

.swiper1-button-prev:before {
	content: "\f104"
}

.swiper1-button-next:before {
	content: "\f105"
}

.swiper1-button-prev:hover {
	background: rgba(0,0,0,.5);
	color: #fff
}

.swiper1-button-next:hover {
	background: rgba(0,0,0,.5);
	color: #fff
}

.s1-item {
	margin: 20px 3px;
	padding: 10px;
	transition: all 300ms ease-in-out 0s;
/*	border: 1px solid #eee;
*/}

.s1-item {
	top: 0;
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden
}

.s1-img {
	display: block;
	overflow: hidden
}

.s1-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: .6s
}

.s1-item:hover {
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	box-shadow: 1px 1px 5px rgba(0,0,0,.3);
	top: -10px;
	color: #000
}

.s1-text {
	/*padding: 20px;*/
	text-align: center
}

.s1-text h4 {
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.s1-text h4:after {
	content: "";
	display: block;
	height: 1px;
	width: 30px;
	background: #999;
	margin: 20px auto 10px
}

.s1-text p {
	line-height: 22px;
	height: 65px;
	overflow: hidden;
	color: #999;
	margin-bottom: 0px
}

.s1-text .more {
	color: #999;
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s1-item:hover .s1-text .more {
	opacity: 1
}

.s1-item:after {
	content: "";
	display: block;
	height: 3px;
	width: 0;
	position: absolute;
	bottom: 0;
	background: #ff3300;
	left: 50%;
	transition: all .3s ease-in-out 0s
}

.s1-item:hover:after {
	width: 100%;
	left: 0
}

.section2 {
	padding: 0px 0
}

.s2 {
	position: relative
}

.swiper2-button-prev,.swiper2-button-next {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	height: 80px;
	width: 40px;
	outline: none;
	position: absolute;
	top: 50%;
	margin-top: -60px;
	cursor: pointer;
	overflow: hidden;
	z-index: 11;
	display: inline-block;
	line-height: 80px;
	text-align: center;
	color: #333;
	font-size: 40px
}

.swiper2-button-prev {
	left: 0;
	background: rgba(255,255,255,.05)
}

.swiper2-button-next {
	right: 0;
	background: rgba(255,255,255,.05)
}

.swiper2-button-prev:before {
	content: "\f104"
}

.swiper2-button-next:before {
	content: "\f105"
}

.swiper2-button-prev:hover {
	background: rgba(0,0,0,.5);
	color: #fff
}

.swiper2-button-next:hover {
	background: rgba(0,0,0,.5);
	color: #fff;
}

.s2-item {
	margin: 0px 0
}

.s2-item a {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
}

.s2-img {
	display: block;
	overflow: hidden;
	position: relative
}

.s2-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: .6s
}

.s2-item:hover .s2-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.s2-img:after {
	content: "";
	display: block;
	position: absolute;
	left: 10px;
	right: 10px;
	top: 10px;
	bottom: 10px;
	background: #ffff;
	opacity: 0;
	z-index: 2;
	transition: all .3s ease-in-out 0s
}

.s2-item:hover .s2-img:after {
	opacity: .5; 
}

.s2-text {
	height: 155px;
	position: relative;
	padding: 20px;
	text-align: center
}

.s2-text h4 {
	font-size: 16px;
	color: #333;
	position: relative;
	top: 0;
	transition: all .3s ease-in-out 0s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 5px;
	z-index: 2
}

.s2-text span {
	display: block;
	color: #999;
	font-size: 14px;
	position: relative;
	top: 0;
	transition: all .3s ease-in-out 0s;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	z-index: 2
}

.s2-text p {
	color: #999;
	line-height: 22px;
	height: 44px;
	overflow: hidden;
	position: relative;
	top: 0;
	transition: all .3s ease-in-out 0s;
	opacity: 0
}

.s2-text .more {
	display: block;
	position: relative;
	top: -80px;
	opacity: 0;
	transition: all .3s ease-in-out 0s;
	margin: 0 auto;
	height: 40px;
	width: 140px;
	background: #cc0000
}

.s2-item:hover .s2-text h4 {
	top: -60px
}

.s2-item:hover .s2-text span {
	top: -60px
}

.s2-item:hover .s2-text p {
	top: -60px;
	opacity: 1
}

.s2-item:hover .s2-text .more {
	top: -40px;
	opacity: 1
}

.s2-text .more:before {
	content: "";
	height: 1px;
	width: 14px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -87px;
	transition: all .3s ease-in-out 0s
}

.s2-item:hover .s2-text .more:before {
	margin-left: -7px
}

.s2-text .more:after {
	content: "";
	height: 14px;
	width: 1px;
	background: #fff;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -87px;
	transition: all .3s ease-in-out 0s
}

.s2-item:hover .s2-text .more:after {
	margin-top: -7px
}

.section3 {
	padding: 50px 0 280px;
	background: url(../image/s3-bg.jpg)
}

.s3-1 {
}

.section3 .row {
	margin-right: 0;
	margin-left: 0
}

.section3 [class*=col-] {
	padding-right: 0;
	padding-left: 0
}

.s3-1 {
	position: relative;
	top: 230px
}

.s3-img {
	overflow: hidden;
	height: 230px
}

.s3-img img {
	width: 100%;
	height: auto;
	min-height: 100%;
	object-fit: cover
}

.s3-text {
	overflow: hidden;
	padding: 20px 0;
	height: 230px
}

.s3:hover .s3-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.s3-1 .s3-text .s3-date {
	position: relative;
	float: left;
	margin-right: 60px;
	color: #fff;
	font-size: 28px
}

.s3-1 .s3-text .s3-date:after {
	position: absolute;
	top: 50%;
	right: -35px;
	display: block;
	width: 25px;
	height: 1px;
	background: #fff;
	content: "";
	opacity: .7
}

.s3-text2 {
	overflow: hidden;
	padding-bottom: 20px
}

.s3-1 .s3-text h4 {
	overflow: hidden;
	margin-top: 4px;
	margin-bottom: 25px;
	color: #fff;
	text-overflow: ellipsis;
/*white-space:nowrap;*/
	font-size: 16px
}

.s3-1 .s3-text h4 a {
	color: #fff;
	line-height: 24px;
		
}

.s3-1 .s3-text p {
	position: relative;
	top: 0;
	overflow: hidden;
	height: 48px;
	color: #fff;
	line-height: 24px;
	opacity: .8;
	transition: all .3s ease-in-out 0s
}

.s3-1:hover .s3-text p {
	top: -5px
}

.s3-1 .s3-text .more {
	position: relative;
	top: 0;
	width: 140px;
	height: 36px;
	background: #cc0000;
	text-align: center;
	font-size: 18px;
	line-height: 36px;
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-1:hover .s3-text .more {
	top: 10px;
	opacity: 1
}

.s3-1 .s3-text .more i {
	position: relative;
	top: -20px;
	color: #fff;
	transition: all .3s ease-in-out 0s
}

.s3-1:hover .s3-text .more i {
	top: 0
}

@media screen and (min-width:992px) {
	.section3 .col-md-3 {
		width: 40%
	}

	.section3 .col-sm-4 {
		width: 20%
	}
}

.s3-2 {
	position: relative;
	top: 230px
}

.s3-2 .s3-img {
	position: relative;
	top: 230px
}

.s3-img {
	display: block;
	overflow: hidden
}

.s3-img img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	transition: .6s
}

.s3-2:hover .s3-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.s3-2 .s3-img:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	border: 2px solid #cc0000;
	content: "";
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-2:hover .s3-img:before {
	opacity: 1
}

.s3-2 .s3-text {
	position: relative;
	top: -230px;
	padding: 40px 20px;
	background: #fff;
	text-align: center
}

.s3-2:hover .s3-text {
	background: #cc0000
}

.s3-2 .s3-text .s3-date {
	color: #666;
	font-size: 28px
}

.s3-2:hover .s3-date {
	color: #fff
}

.s3-2 .s3-text .s3-date:after {
	display: block;
	margin: 20px auto;
	width: 1px;
	height: 25px;
	background: #999;
	content: ""
}

.s3-2 .s3-text h4 {
	position: relative;
	top: 0;
	overflow: hidden;
	height: 48px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	transition: all .3s ease-in-out 0s
}

.s3-2:hover .s3-text h4 {
	color: #fff
}

.s3-2:hover .s3-text h4 a {
	color: #fff
}

.s3-2 .s3-text p {
	display: none
}

.s3-2:hover .s3-text h4 {
	top: -15px
}

.s3-2 .s3-text .more {
	position: relative;
	top: 0;
	font-size: 24px;
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-2:hover .s3-text .more {
	top: -15px;
	opacity: 1
}

.s3-2:hover .s3-text .more {
	color: #fff
}

.s3-2:hover .s3-text .more a {
	color: #fff
}

.s3-3 .s3-img {
	position: relative;
	top: 230px
}

.s3-img {
	display: block;
	overflow: hidden
}

.s3-img img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	transition: .6s
}

.s3-3:hover .s3-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.s3-3 .s3-img:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	border: 2px solid #cc0000;
	content: "";
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-3:hover .s3-img:before {
	opacity: 1
}

.s3-3 .s3-text {
	position: relative;
	top: -230px;
	padding: 40px 20px;
	background: #fff;
	text-align: center
}

.s3-3:hover .s3-text {
	background: #cc0000
}

.s3-3 .s3-text .s3-date {
	color: #666;
	font-size: 28px
}

.s3-3:hover .s3-date {
	color: #fff
}

.s3-3 .s3-text .s3-date:after {
	display: block;
	margin: 20px auto;
	width: 1px;
	height: 25px;
	background: #999;
	content: ""
}

.s3-3 .s3-text h4 {
	position: relative;
	top: 0;
	overflow: hidden;
	height: 48px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	transition: all .3s ease-in-out 0s
}

.s3-3:hover .s3-text h4 {
	color: #fff
}

.s3-3:hover .s3-text h4 a {
	color: #fff
}

.s3-3 .s3-text p {
	display: none
}

.s3-3:hover .s3-text h4 {
	top: -15px
}

.s3-3 .s3-text .more {
	position: relative;
	top: 0;
	font-size: 24px;
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-3:hover .s3-text .more {
	top: -15px;
	opacity: 1
}

.s3-3:hover .s3-text .more {
	color: #fff
}

.s3-3:hover .s3-text .more a {
	color: #fff
}

.s3-4 .s3-img {
	position: relative
}

.s3-img {
	display: block;
	overflow: hidden
}

.s3-img img {
	margin: 0 auto;
	width: 100%;
	height: auto;
	transition: .6s
}

.s3-4:hover .s3-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-ms-transform: scale(1.1)
}

.s3-4 .s3-img:before {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 2;
	display: block;
	border: 2px solid #cc0000;
	content: "";
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-4:hover .s3-img:before {
	opacity: 1
}

.s3-4 .s3-text {
	position: relative;
	padding: 40px 20px;
	background: #fff;
	text-align: center
}

.s3-4:hover .s3-text {
	background: #cc0000
}

.s3-4 .s3-text .s3-date {
	color: #666;
	font-size: 28px
}

.s3-4:hover .s3-date {
	color: #fff
}

.s3-4 .s3-text .s3-date:after {
	display: block;
	margin: 20px auto;
	width: 1px;
	height: 25px;
	background: #999;
	content: ""
}

.s3-4 .s3-text h4 {
	position: relative;
	top: 0;
	overflow: hidden;
	height: 48px;
	color: #333;
	font-size: 14px;
	line-height: 24px;
	transition: all .3s ease-in-out 0s
}

.s3-4:hover .s3-text h4 {
	color: #fff
}

.s3-4:hover .s3-text h4 a {
	color: #fff
}

.s3-4 .s3-text p {
	display: none
}

.s3-4:hover .s3-text h4 {
	top: -15px
}

.s3-4 .s3-text .more {
	position: relative;
	top: 0;
	font-size: 24px;
	opacity: 0;
	transition: all .3s ease-in-out 0s
}

.s3-4:hover .s3-text .more {
	top: -15px;
	opacity: 1
}

.s3-4:hover .s3-text .more {
	color: #fff
}

.s3-4:hover .s3-text .more a {
	color: #fff
}

@media screen and (min-width:0) and (max-width:991px) {
	.section3 {
		padding: 50px 0
	}

	.s3-1 {
		position: relative;
		top: 0
	}

	.s3-1 .s3-text {
		height: auto
	}

	.s3-2 {
		position: relative;
		top: 0
	}

	.s3-2 .s3-img {
		top: 0
	}

	.s3-2 .s3-text {
		top: 0
	}
}

@media screen and (min-width:0) and (max-width:767px) {
	.s3 {
		margin: 20px 0
	}

	.s3-1 .s3-img {
		top: 0;
		height: auto
	}

	.s3-1 .s3-text {
		top: 0
	}

	.s3-2 .s3-img {
		top: 0;
		height: auto
	}

	.s3-2 .s3-text {
		top: 0
	}

	.s3-3 .s3-img {
		top: 0;
		height: auto
	}

	.s3-3 .s3-text {
		top: 0
	}

	.s3-4 .s3-img {
		top: 0;
		height: auto
	}

	.s3-4 .s3-text {
		top: 0
	}
}

.section4 {
	padding: 25px 0;
	background: url(../image/s4-bg.jpg)
}

.s4 {
	position: relative
}

.swiper4-button-prev,.swiper4-button-next {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	height: 40px;
	width: 40px;
	outline: none;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 11;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	color: #fff
}

.swiper4-button-prev {
	left: 0;
	background: rgba(0,0,0,.3)
}

.swiper4-button-next {
	right: 0;
	background: rgba(0,0,0,.3)
}

.swiper4-button-prev:before {
	content: "\f104"
}

.swiper4-button-next:before {
	content: "\f105"
}

.swiper4-button-prev:hover {
	background: rgba(0,0,0,.5)
}

.swiper4-button-next:hover {
	background: rgba(0,0,0,.5)
}

#owl-demo4 .owl-dots {
}

.swiper4-pagination {
	margin-top: 0px;
	text-align: center
}

.swiper4-pagination span {
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 5px;
	background: #d6d6d6;
	border-radius: 30px;
	outline: none
}

.swiper4-pagination span.swiper-pagination-bullet-active {
	background: #869791
}

.s4-item {
	margin: 20px 0
}

.s4-item a {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden
}

.s4-img {
	display: block;
	overflow: hidden;
	width: 450px;
	height: 300px;
	float: left;
	margin-right: 50px
}

.s4-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: 600ms
}

.s4-item:hover .s4-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.s4-text {
	overflow: hidden;
	padding-top: 30px
}

.s4-text h4 {
	color: #464646;
	font-size: 18px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	position: relative
}

.s4-text span {
	display: block;
	color: #999;
	font-size: 14px
}

.s4-text p {
	color: #999;
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	margin-top: 40px;
	transition: all 300ms ease-in-out 0s;
	position: relative;
	top: 0
}

.s4-item:hover .s4-text p {
	top: -10px
}

.s4-text span {
	display: block;
	color: #999;
	font-size: 16px
}

.s4-item .more {
	position: relative;
	top: 10px;
	left: 10px;
	transition: all 300ms ease-in-out 0s;
	opacity: 0;
	color: #999
}

.s4-item:hover .more {
	top: 0;
	left: 0;
	opacity: 1
}

@media screen and (min-width:0) and (max-width:991px) {
	.s4-img {
		float: none;
		max-width: 100%;
		height: auto;
		margin: 0 auto
	}
}

.section5 {
	position: relative;
	background: #f8f8f8
}

.s5 {
	padding: 40px 0
}

.s5 [class*=s4-] {
	text-align: center
}

.s5 [class*=col-]+[class*=col-] {
	border-left: 1px solid #ccc
}

.s5 h4 {
	color: #666;
	font-size: 50px;
	font-weight: 400;
	text-align: center
}

.s5 p {
	color: #999;
	font-size: 14px;
	text-align: center
}

.section6 {
	padding: 15px 0;
	background: url(../image/s6-bg.jpg) center center repeat-x;
}

.s6 {
	padding-top: 40px
}

.s6-img {
	float: left;
	margin-right: 20px;
	max-width: 30%
}

.s6-text {
	overflow: hidden;
	color: #848484;
	padding-top: 20px;
	max-width: 635px;
	padding-right: 80px;
	position: relative;
	line-height: 30px
}

/*.s6-text a {
	position: absolute;
	right: 0;
	top: 0;
	height: 60px;
	width: 60px;
	border: 1px solid #ccc;
	display: block;
	line-height: 58px;
	text-align: center;
	font-size: 26px
}

.s6-text a:hover {
	background: #cc0000;
	color: #fff
}*/

.s6-img {
	float: none;
	text-align: left;
	margin: 0 auto;
	max-width: 100%
}

.s6-text {
	padding-right: 0
}

.s6-text a {
	position: relative;
	margin-top: 20px;
	height: 40px;
	width: 140px;
	line-height: 38px;
	font-size: 20px
}

.section7 {
	padding: 0 0 15px 0;
}

.s7 {
	position: relative
}

.swiper7-button-prev,.swiper7-button-next {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	height: 40px;
	width: 40px;
	outline: none;
	position: absolute;
	top: 50%; 
	margin-top: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 11;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	color: #666;
	font-size: 30px
}

.swiper7-button-prev {
	left: 0;
	background: rgba(255,255,255,.05)
}

.swiper7-button-next {
	right: 0;
	background: rgba(255,255,255,.05)
}

.swiper7-button-prev:before {
	content: "\f104"
}

.swiper7-button-next:before {
	content: "\f105"
}

.swiper7-button-prev:hover {
	background: rgba(255,255,255,.5)
}

.swiper7-button-next:hover {
	background: rgba(255,255,255,.5)
}

.s7-item {
	margin: 20px 0
}

.s7-item a {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden
}

.s7-img {
	float: left;
	width: 300px;
	/*height: 300px;*/
	margin-right: 50px
}

.s7-text {
	padding-top: 0px
}

.s7-text h4 {
	font-size: 22px;
	color: #666
}

.s7-text span {
	display: block;
	color: #666;
	margin-bottom: 30px
}

.s7-text p {
	line-height: 24px;
	height: 72px;
	overflow: hidden;
	color: #999
}

.s7-text .more {
	position: relative;
	left: 10px;
	color: #999;
	transition: all .3s ease-in-out 0s;
	opacity: 0
}

.s7-item:hover .more {
	opacity: 1;
	left: 0
}

@media screen and (min-width:0) and (max-width:991px) {
	.s7-img {
		float: none;
		max-width: 100%;
		height: auto;
		margin: 0 auto
	}
}

.section8 {
	padding: 20px 0;
	background: #f8f8f8
}

.s8 {
	position: relative
}

.swiper8-button-prev,.swiper8-button-next {
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	display: block;
	height: 40px;
	width: 40px;
	outline: none;
	position: absolute;
	top: 50%;
	margin-top: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 11;
	display: inline-block;
	line-height: 40px;
	text-align: center;
	color: #666;
	font-size: 30px
}

.swiper8-button-prev {
	left: 0;
	background: rgba(255,255,255,.05)
}

.swiper8-button-next {
	right: 0;
	background: rgba(255,255,255,.05)
}

.swiper8-button-prev:before {
	content: "\f104"
}

.swiper8-button-next:before {
	content: "\f105"
}

.swiper8-button-prev:hover {
	background: rgba(255,255,255,.5)
}

.swiper8-button-next:hover {
	background: rgba(255,255,255,.5)
}

.s8-item {
	margin: 20px 0
}

.s8-item img {
	width: 100%;
	height: auto
}

.section10 {
	padding: 20px 0;
	border-top: 1px solid #eee
}

.s10-2 {
}

.s10-2 h4 {
	color: #999;
	font-size: 16px
}

.s10-2 .fenxiang {
	margin-top: 35px
}

.fenxiang a {
	cursor: pointer;
	margin-right: 5px;
	display: inline-block;
	height: 38px;
	width: 38px;
	line-height: 38px;
	text-align: center;
	color: #999;
	border: 1px solid rgba(255,255,255,.07)
}

.fenxiang a:hover {
	background: #464646;
	color: #fff
}

.s10-3 h4 {
	color: #666;
	font-size: 16px
}

.s10-3 ul {
	padding: 0;
	margin: 0px 0 0
}

.s10-3 ul li {
	float: left;
	width: 50%;
	line-height: 25px;
	margin-bottom: 5px;
	color: #999
}

@media screen and (min-width:0) and (max-width:767px) {
	.s10-3 {
		padding-top: 30px
	}

	.s10-3 ul li {
		width: 100%;
		float: none
	}
}

#outer-w {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 99999
}

#outer {
	height: 100%;
	position: relative;
	width: 100%
}

#outer[id] {
	display: table;
	position: static
}

#middle {
	position: absolute;
	top: 50%
}

#middle[id] {
	display: table-cell;
	vertical-align: middle;
	position: static
}

#inner {
	position: relative;
	top: -50%;
	width: 300px;
	padding: 30px 0;
	margin: 0 auto;
	text-align: center
}

*+html #outer[id] {
	position: relative
}

*+html #middle[id] {
	position: absolute
}

#bg-black {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.6)
}

.inner {
	position: relative;
	z-index: 2;
	background: #fff;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px
}

#close {
	position: absolute;
	right: -10px;
	top: -10px;
	height: 30px;
	width: 30px;
	cursor: pointer;
	background: #fff url(../image/del_on.gif) left top no-repeat;
	border: 1px solid #ccc;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

#close:hover {
	background: #ddd url(../image/del_hover.gif) -1px -1px no-repeat
}

.copyright {
	padding: 10px 0;
	background: #f8f8f8;
	color: #666;
	font-size: 12px
}

.copyright a {
	color: #666
}

.mianbao {
	line-height: 56px;
	border-bottom: 1px solid #eee;
	text-align: right;
	color: #666
}

.mianbao a {
	margin: 0 5px;

	color: #333
}
.mianbao a:hover {
	margin: 0 5px;
	color: #cc0000
}
.title20 {
/*height:66px;line-height:66px*/
}

.title20 ul {
	padding: 0;
	margin: 0;
	position: relative;
	top: -1px
}

.title20 ul li {
	display: inline-block;
	margin-right: 40px
}

.title20 ul li a {
	display: inline-block;
	line-height: 45px;
	border-top: 1px solid #eee;
	color: #999
}

.title20 ul li a.on,.title20 ul li a:hover {
	border-top: 1px solid #000;
	color: #000;
	font-size: 14px;
	font-weight: bold;
}

.title20 ul li a.on2,.title20 ul li a.on2:hover {
	border-top: 1px solid #cc0000;
	color: #cc0000
}

.box2 {
	padding: 40px 0
}

.s11-item {
	margin: 20px 0
}

.s11-item a {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden
}

.s11-img {
	display: block;
	overflow: hidden
}

.s11-img img {
	width: 100%;
	height: auto;
	margin: 0 auto;
	transition: .6s
}

.s11-item:hover .s11-img img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1)
}

.s11-text {
	padding: 20px 0
}

.s11-text h4 {
	position: relative;
	color: #333;
	font-size: 16px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	margin-bottom: 5px
}

.s11-text h4:before {
	content: "";
	display: block;
	height: 1px;
	width: 14px;
	background: #333;
	position: absolute;
	right: 20px;
	top: 50%;
	transition: all .3s ease-in-out 0s;
	margin-top: 2px;
	right: 80px;
	opacity: 0
}

.s11-text h4:after {
	content: "";
	display: block;
	height: 14px;
	width: 1px;
	background: #333;
	position: absolute;
	right: 27px;
	top: 3px;
	transition: all .3s ease-in-out 0s;
	opacity: 0;
	margin-top: -60px
}

.s11-item:hover .s11-text h4:before {
	opacity: 1;
	right: 20px
}

.s11-item:hover .s11-text h4:after {
	opacity: 1;
	margin-top: 2px
}

.s11-text p {
	position: relative;
	color: #999;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.s11-text p:after {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #666;
	margin-top: 10px;
	transition: all .3s ease-in-out 0s;
	opacity: 0
}

.s11-item:hover .s11-text p:after {
	opacity: 1
}

.team-item {
	margin: 20px 0
}

.team-item {
	padding: 15px;
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;
	top: 0;
	transition: all .3s ease-in-out 0s
}

.team-item::after {
	content: "";
	display: table;
	clear: both
}

.team-img {
	float: left;
	width: 230px;
	height: 240px;
	overflow: hidden;
	margin-right: 30px
}

.team-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.team-more {
	float: right;
	margin-right: 40px;
	margin-left: 40px;
	height: 240px;
	line-height: 240px
}

.team-more i,.team-more em {
	font-size: 30px;
	color: #666;
	transition: all .3s ease-in-out 0s
}

.team-text {
	overflow: hidden;
	padding-top: 20px
}

.team-text h4 {
	font-size: 18px
}

.team-text span {
	display: block;
	color: #999
}

.team-text span:after {
	content: "";
	display: block;
	height: 1px;
	width: 3em;
	background: #ccc;
	margin: 15px 0;
	transition: all .3s ease-in-out 0s
}

.team-text p {
	transition: all .3s ease-in-out 0s;
	position: relative;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	color: #999
}

.team-text p:after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	height: 1px;
	width: 1px;
	background: #ccc;
	transition: all .3s ease-in-out 0s
}

.team-item:hover {
	background: #333;
	top: -10px
}

.team-item:hover h4 {
	color: #fff
}

.team-item:hover h4 a {
	color: #fff
}

.team-item:hover span:after {
	width: 0
}

.team-item:hover .team-text p {
	padding-left: 25px
}

.team-item:hover .team-text p:after {
	height: 48px
}

.team-item:hover .team-more i {
	color: #ccc
}

@media screen and (min-width:0) and (max-width:767px) {
	.team-img {
		float: none;
		max-width: 100%;
		margin: 0 auto
	}

	.team-more {
		display: none
	}
}

.news-item {
	padding: 20px 0;
	margin: 20px 0
}

.news-item {
	display: block;
	position: relative;
	text-decoration: none;
	overflow: hidden;

	transition: all .3s ease-in-out 0s;
	top: 0
}

.news-item:after {
	content: "";
	display: table;
	clear: both
}

.news-img {
	width: 260px;
	height: 156px;
	float: left;
	margin-right: 30px;
	border: 1px solid #C8C8C8;
	padding: 3px;
}

.news-img img {
	width: 100%;
	height: 100%;
	object-fit: cover
}

.news-more {
	float: right;
	width: 120px;
	border-left: 1px solid #ccc;
	margin-top: 25px;
	height: 106px;
	padding-left: 20px;
	margin-left: 40px
}

.news-more h4 {
	font-size: 28px;
	color: #999;
	transition: all .3s ease-in-out 0s
}

.news-more i {
	font-size: 30px;
	color: #999;
	margin-top: 25px;
	margin-left: 5px
}

.news-text {
	overflow: hidden
}

.news-text h4 {
	font-size: 18px;
	color: #666;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.news-text p {
	font-size: 14px;
	color: #999;
	line-height: 24px;
	height: 72px;
	overflow: hidden
}

.news-item:hover a {
	top: -10px
}

.news-item:hover .news-more h4 {
	color: #666
}



/* more 20210916 */
.xw { padding:0px; width: 100px; padding: 5px 0; }
.xw:hover .xwbotton { color: white; }
.xw:hover .xwbotton:before { -webkit-transform: scaleX(1); transform: scaleX(1); }
.xwbotton { width: 100px; height: 30px;  border-LEFT: 3px #666 solid; color: #333; font-size: 14px; line-height: 30px; text-align: center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0, 0, 0, 0); position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; }
.xwbotton::before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background: #cc0000; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }