@charset "utf-8";
/* CSS Document */
input,
textarea,
a {
	-webkit-tap-highlight-color: transparent
}

textarea {
	-webkit-appearance: none
}

button,
input,
textarea {
	border: none;
	border-radius: 0;
	outline: none
}

button:focus,
input:focus,
textarea:focus {
	outline: none
}
html {
	font-size: 20px
}
.w1280 {
	width: 1280px;
	margin: 0 auto
}

@media (max-width: 1300px) {
	.w1280 {
		width: 94%
	}
}

@media (max-width: 750px) {
	.w1280 {
		width: 86.67%
	}
}

@media (max-width: 450px) {
	.w1280 {
		width: 94%
	}
}

.ksjweb-header .icon-box .wechat,
.ksjweb-header .icon-box a,
.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link,
.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a span,
.ksjweb-footer .hot-line .title,
.ksjweb-footer .hot-line .title span,
.ksjweb-footer .lang-box .title,
.ksjweb-footer .lang-box .title span,
.ksjweb-footer .copy-right .back-top,
.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .title,
.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat,
.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box a,
.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .lang,
.inner-banner .swiper .swiper-wrapper .swiper-slide .img-box .video-btn span,
.main.pro-info .ex-sub-nav .wrap .left span,
.ex-link-box span,
.ex-point-box span,
.ex-point-box.lg span,
.ex-close span,
.page a,
.pagination a,
.hasicon-nav .ex-sub-nav .wrap .left span,
.pop-join-nav .link span {
	display: inline-block;
	*display: inline;
	*zoom: 1
}

.ksjweb-header {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 80px;
	z-index: 500
}
.fheader {
	position: relative;
}

.ksjweb-header .wrap {
	height: 100%
}

.ksjweb-header .ksjweb-logo {
	position: relative;
	display: block;
	height: 100%
}

.ksjweb-header .ksjweb-logo img {
	display: block;
	height: 41.25%;
	margin-top: 10%
}

.ksjweb-header .ksjweb-logo .b {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	opacity: 0;
	filter: alpha(opacity=0)
}

.ksjweb-header .ksjweb-nav {
	height: 100%;
	padding-right: 7.8%;
	line-height: 80px
}

.ksjweb-header .ksjweb-nav ul {
	height: 100%
}

.ksjweb-header .ksjweb-nav ul li {
	height: 100%
}

.ksjweb-header .ksjweb-nav ul li .link {
	display: block;
	height: 100%;
	padding: 0 16px;
	font-size: 14px;
	color: #000
}
.ksjweb-header .ksjweb-nav ul .active .link {
	color: #009e96;
}

@media (min-width: 1025px) {
	.ksjweb-header .ksjweb-nav ul li .link:hover {
		color: #009e96;
	}
}

@media (max-width: 1100px) {
	.ksjweb-header .ksjweb-nav ul li .link {
		padding: 0 9px
	}
}

@media (max-width: 1300px) {
	.ksjweb-header .ksjweb-nav {
		padding-right: 1.5%
	}
}
@media (max-width: 1200px) {
	.ksjweb-header .ksjweb-nav ul li .link{
		padding: 0 8px;
	}
}

.ksjweb-header .icon-box {
	padding-top: 22px;
	font-size: 0
}

.ksjweb-header .icon-box .wechat {
	position: relative;
	margin-right: 10px;
	vertical-align: middle;
	cursor: pointer
}

.ksjweb-header .icon-box .wechat .show {
	position: relative;
	width: 31px;
	vertical-align: middle
}

.ksjweb-header .icon-box .wechat .show img {
	max-width: 100%
}

.ksjweb-header .icon-box .wechat .show .b,
.ksjweb-header .icon-box .wechat .show .c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.5s
}

.ksjweb-header .icon-box .wechat .hide {
	display: none;
	position: absolute;
	top: 102%;
	left: 50%;
	width: 122px;
	margin-left: -61px
}

.ksjweb-header .icon-box .wechat .hide img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

@media (min-width: 1025px) {
	.ksjweb-header .icon-box .wechat:hover .show .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.ksjweb-header .icon-box a {
	position: relative;
	width: 31px;
	margin-right: 8px;
	vertical-align: middle
}

.ksjweb-header .icon-box a img {
	max-width: 100%
}

.ksjweb-header .icon-box a .b,
.ksjweb-header .icon-box a .c {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.5s
}

@media (min-width: 1025px) {
	.ksjweb-header .icon-box a:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.ksjweb-header .ksjweb-search {
	position: relative;
	width: 180px;
	height: 28px;
	margin-top: 22px;
	margin-left: 2px;
	line-height: 28px
}

.ksjweb-header .ksjweb-search form {
	display: block;
	width: 100%;
	height: 100%
}

.ksjweb-header .ksjweb-search .input-box {
	width: 100%;
	height: 100%;
	border-radius: 100px;
	border: 1px solid #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	overflow: hidden;
	box-sizing: border-box
}

.ksjweb-header .ksjweb-search .input-box .btn {
	display: block;
	box-sizing: border-box;
	width: 30px;
	height: 100%;
	background-color: transparent;
	background: url(../images/h-search.png) no-repeat left center
}

.ksjweb-header .ksjweb-search .input-box .text {
	display: block;
	width: 148px;
	height: 100%;
	box-sizing: border-box;
	font-size: 14px;
	text-indent: 1em;
	background-color: transparent
}

.ksjweb-header .ksjweb-search .input-box .text::-webkit-input-placeholder {
	color: #000
}

.ksjweb-header .ksjweb-search .input-box .text:-moz-placeholder {
	color: #000
}

.ksjweb-header .ksjweb-search .input-box .text::-moz-placeholder {
	color: #000
}

.ksjweb-header .ksjweb-search .input-box .text:-ms-input-placeholder {
	color: #000
}

.ksjweb-header .ksjweb-search .sear-hide {
	display: none;
	position: absolute;
	top: 99%;
	left: 2%;
	width: 96%
}

.ksjweb-header .ksjweb-search .sear-hide .hide {
	width: 100%;
	margin-top: 10px;
	background-color: #fff;
	border-radius: 4px;
	box-sizing: border-box;
	padding: 15px 8px;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15)
}

.ksjweb-header .ksjweb-search .sear-hide .hide a {
	display: block;
	font-size: 14px;
	color: #666
}

@media (min-width: 1025px) {
	.ksjweb-header .ksjweb-search .sear-hide .hide a:hover {
		color: #009e97
	}
}


@media (min-width: 1025px) {
	.ksjweb-header .ksjweb-search .sear-hide .hide a:hover {
		color: #009e97
	}
}

@media (max-width: 1080px) {
	.ksjweb-header .pc-wrap {
		display: none
	}
}

.ksjweb-header .pc-wrap .wrap {
	position: relative;
	z-index: 400
}

.ksjweb-header .pc-wrap .hide-nav {
	display: none;
	position: absolute;
	top: 79px;
	left: 0;
	width: 100%;
	background: #f8f8f8
}

.ksjweb-header .pc-wrap .hide-nav .w1280 {
	height: 396px;
	padding: 50px 0 62px
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box {
	max-width: 230px;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translate(0, 8px);
	transition: all 0.4s 0.1s
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box .title {
	font-size: 14px;
	color: #666
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li {
	position: relative;
	margin-top: 40px;
	transition: all 0.5s
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link {
	height: 44px;
	font-size: 18px;
	color: #888
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link .cn {
	display: block;
	padding-right: 8px;
	word-break: keep-all
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link .en {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	font-family: "NY-LI";
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(10px);
	word-break: keep-all;
	width: 250px;
	transition: all 0.5s
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link:hover .en {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0);
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li.cur {
	transform: translateY(-10px)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li.cur .link {
	color: #000
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap {
	height: 100%;
	transition: transform 0.5s 0.2s, opacity 0.5s 0.2s;
	transform: translate(0, 10px);
	opacity: 0;
	filter: alpha(opacity=0)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left {
	height: 100%
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box {
	overflow: hidden
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .img img {
	display: block;
	max-width: 100%;
	max-height: 100%
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .name-box {
	position: absolute;
	bottom: 14px;
	left: 0;
	width: 100%;
	transition: all 0.5s;
	text-align: center;
	color: #fff
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .name-box .e {
	font-size: 26px;
	font-family: "NY-REG"
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .left .img-box .name-box .c {
	font-size: 18px
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .right {
	width: 610px;
	height: 100%;
	overflow: hidden
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box {
	position: relative;
	display: block;
	background-color: #fff
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .hot,
.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .new {
	position: absolute;
	z-index: 501;
	top: 12px;
	width: 30px;
	height: 30px;
	background-position: center center;
	background-repeat: no-repeat
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .hot {
	right: 16px;
	background-image: url(../images/hot.png)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .new {
	left: 16px;
	background-image: url(../images/new.png)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .img {
	position: relative;
	margin: 0 auto;
	top: 26px;
	transition: all 0.5s
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .img img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	max-width: 100%;
	max-height: 100%;
	margin: auto
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.lg {
	width: 450px;
	height: 100%
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.lg .img {
	height: 100%;
	top: 0
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm {
	width: 188px;
	height: 190px;
	margin: 0 0 16px 15px
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm .img {
	width: 170px;
	height: 120px
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md {
	width: 392px;
	height: 190px;
	margin-left: 15px
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md .img {
	width: 385px;
	height: 114px
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text {
	text-align: center;
	color: #000
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .show {
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: 18px;
	font-family: "NY-REG";
	transition: all 0.5s
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .hide {
	position: absolute;
	left: 0;
	bottom: 14px;
	width: 100%;
	padding: 0 8px;
	box-sizing: border-box;
	font-size: 14px;
	line-height: 1.4;
	transform: translateY(20px);
	opacity: 0;
	filter: alpha(opacity=0);
	transition: all 0.5s
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .img {
	transform: translateY(-14px)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover.lg .img {
	transform: translateY(0)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover.lg .name-box {
	transform: translateY(-14px)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .text .show {
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(-20px)
}

.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .text .hide {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(-6px)
}

@media (max-width: 1350px) {
	.ksjweb-header .pc-wrap .hide-nav .w1280 {
		width: 990px;
		height: 316.8px;
		padding: 40px 0 49.6px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li {
		margin-top: 32px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link {
		height: 44px;
		font-size: 16px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .text-box ul li .link .en {
		width: 150px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .right {
		width: 488px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .img {
		top: 16px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.lg {
		width: 360px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm {
		width: 150.4px;
		height: 152px;
		margin: 0 0 12.8px 12px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.sm .img {
		width: 136px;
		height: 96px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md {
		width: 313.6px;
		height: 152px;
		margin-left: 12px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box.md .img {
		width: 308px;
		height: 91.2px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .show {
		bottom: 10px;
		font-size: 16px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box .text .hide {
		bottom: 10px
	}
	.ksjweb-header .pc-wrap .hide-nav .w1280 .img-wrap .img-box:hover .text .hide {
		transform: translateY(0)
	}
}

.ksjweb-header .pc-wrap .hide-nav.ishow .w1280 .text-box {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0)
}

.ksjweb-header .pc-wrap .hide-nav.ishow .w1280 .img-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translate(0, 0)
}


.ksjweb-header .mb-wrap {
	display: none;
	height: 100%;
	border-bottom: 1px solid #f8f8f8;
	background-color: #fff
}

@media (max-width: 1080px) {
	.ksjweb-header .mb-wrap {
		display: block
	}
}
@media (max-width: 1024px) {
	.ksjweb-header {
		height: 2.29167rem
	}
}
.ksjweb-header .mb-wrap .wrap {
	position: relative;
	border-bottom: 1px solid #f8f8f8;
	z-index: 501;
	background:#fff;
}
@media (max-width: 1080px) {
	.ksjweb-header .mb-wrap {
		display: block
	}
}

.ksjweb-header .mb-wrap .wrap .ksjweb-menu {
	position: absolute;
	top: 50%;
	left: 4.16%;
	margin-top: -11px;
	z-index: 110;
	cursor: pointer
}

.ksjweb-header .mb-wrap .wrap .ksjweb-menu .line {
	background: #000;
	border-radius: 3px;
	display: block;
	height: 2px;
	position: relative;
	top: 0;
	transition: transform 0.3s ease, top 0.3s ease, width 0.3s ease, opacity 0.3s;
	transform-origin: center center;
	width: 30px
}

.ksjweb-header .mb-wrap .wrap .ksjweb-menu .line:nth-child(2) {
	margin: 8px 0
}

.ksjweb-header .mb-wrap .wrap .ksjweb-menu.active .line:nth-child(1) {
	top: 10px;
	transform: rotate(45deg)
}

.ksjweb-header .mb-wrap .wrap .ksjweb-menu.active .line:nth-child(2) {
	opacity: 0;
	width: 0
}

.ksjweb-header .mb-wrap .wrap .ksjweb-menu.active .line:nth-child(3) {
	top: -10px;
	transform: rotate(-45deg)
}

.ksjweb-header .mb-wrap .wrap .ksjweb-logo {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 150px;
	height: 34px;
	margin: -17px 0 0 -75px
}

.ksjweb-header .mb-wrap .wrap .ksjweb-logo img {
	display: block;
	margin: 0 auto;
	height: 33px
}

.ksjweb-header .mb-wrap .wrap .search-btn {
	position: absolute;
	top: 50%;
	right: 4.16%;
	width: 24px;
	height: 24px;
	margin-top: -12px;
	background: url(../images/h-m-sear.png) no-repeat center center
}

.ksjweb-header .mb-wrap .ksjweb-search {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	height: auto;
	background: #fff;
	margin: 0;
	text-align: left
}

.ksjweb-header .mb-wrap .ksjweb-search .s-cont {
	height: auto;
	padding: 15px 10px;
	border-top: 1px solid #f8f8f8
}

.ksjweb-header .mb-wrap .ksjweb-search .s-cont .sear-hide2 .hide {
	padding: 8px 8px 0
}

.ksjweb-header .mb-wrap .ksjweb-search .s-cont .sear-hide2 .hide a {
	display: block;
	font-size: 14px;
	text-indent: 0.5em;
	color: #666
}

.ksjweb-header .mb-wrap .ksjweb-search .input-box {
	height: 32px
}

.ksjweb-header .mb-wrap .ksjweb-search .input-box .text {
	width: 280px
}

.ksjweb-header .mb-wrap .ksjweb-nav {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	box-sizing: border-box;
	background-color: #fff;
    overflow-y: auto;
}

.ksjweb-header .mb-wrap .ksjweb-nav ul {
	padding-top: 110px;
	background: #fff;
	height: auto;
	min-height: 110%;

}

.ksjweb-header .mb-wrap .ksjweb-nav ul li {
	padding: 0;
	height: auto;
	margin: 0 4.16%;
	opacity: 0;
	transform: translate3d(0, 10px, 0);
	transition: transform 0.4s ease, opacity 0.4s ease;
	display: block
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .link {
	position: relative;
	padding: 28px 0;
	font-size: 28px;
	line-height: 1.2;
	text-align: left;
	border-bottom: 1px solid #f8f8f8;
	color: #000
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .link .icon {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 16px;
	height: 9px;
	margin-top: -4.5px;
	background: url(../images/arrow-icon.png) no-repeat center center;
	transition: all 0.5s;
	background-size: contain
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide {
	display: none;
	padding: 18px 0;
	background: transparent;
	border-bottom: 1px solid #f8f8f8
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a {
	display: block;
	padding: 18px 70px;
	border-bottom: none;
	font-size: 24px;
	line-height: 1.2;
	color: #666
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a span {
	vertical-align: middle
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a .icon {
	width: 75px;
	height: 35px;
	margin-right: 20px
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a .icon img {
	display: block;
	max-height: 100%;
	max-width: 100%
}

.ksjweb-header .mb-wrap .ksjweb-nav ul li.cur .link .icon {
	transform: rotate(180deg)
}

@media (max-width: 1024px) {
	.ksjweb-header .mb-wrap .ksjweb-nav ul {
		padding-top: 2.91667rem
	}
	.ksjweb-header .mb-wrap .ksjweb-nav ul li .link {
		padding: .58333rem 0;
		font-size: .58333rem;
		/*color:red;*/
	}
	.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide {
		padding: .375rem 0
	}
	.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a {
		padding: .375rem 1.45833rem;
		font-size: .5rem
	}
	.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a .icon {
		width: 1.5625rem;
		height: .72917rem;
		margin-right: .41667rem
	}
}

@media (max-width: 500px) {
	.ksjweb-header .mb-wrap .ksjweb-nav ul li .link {
		font-size: 18px
	}
	.ksjweb-header .mb-wrap .ksjweb-nav ul li .hide a {
		font-size: 16px
	}
}

.ksjweb-header.h-show .mb-wrap .ksjweb-nav li {
	opacity: 1;
	transform: translate3d(0, 0, 0)
}

.ksjweb-header.h-pc-show .pc-wrap {
	background-color: #fff
}

@media (min-width: 1081px) {
	.ksjweb-header.fff .ksjweb-logo img {
/*		opacity: 0;*/
		filter: alpha(opacity=0)
	}
	.ksjweb-header.fff .ksjweb-logo .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.ksjweb-header.fff .ksjweb-nav ul li .link {
		color: #fff
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.ksjweb-header.fff .ksjweb-nav ul li .link:hover {
		color: #009e97
	}
}

@media (min-width: 1081px) {
	.ksjweb-header.fff .icon-box .wechat .show .f,
	.ksjweb-header.fff .icon-box .wechat .show .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.ksjweb-header.fff .icon-box .wechat .show .c {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.ksjweb-header.fff .icon-box .wechat:hover .show .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.ksjweb-header.fff .icon-box .wechat:hover .show .c {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.ksjweb-header.fff .icon-box a .f,
	.ksjweb-header.fff .icon-box a .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.ksjweb-header.fff .icon-box a .c {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.ksjweb-header.fff .icon-box a:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.ksjweb-header.fff .icon-box a:hover .c {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.ksjweb-header.fff .ksjweb-search .input-box {
		border: 1px solid #fff;
		border: 1px solid rgba(255, 255, 255, 0.5)
	}
	.ksjweb-header.fff .ksjweb-search .input-box .btn {
		background: url(../images/h-search2.png) no-repeat left center
	}
	.ksjweb-header.fff .ksjweb-search .input-box .text::-webkit-input-placeholder {
		color: #fff
	}
	.ksjweb-header.fff .ksjweb-search .input-box .text:-moz-placeholder {
		color: #fff
	}
	.ksjweb-header.fff .ksjweb-search .input-box .text::-moz-placeholder {
		color: #fff
	}
	.ksjweb-header.fff .ksjweb-search .input-box .text:-ms-input-placeholder {
		color: #fff
	}
	.ksjweb-header.fff.h-pc-show .ksjweb-nav ul li .link {
		color: #666
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.ksjweb-header.fff.h-pc-show .ksjweb-nav ul li .link:hover {
		color: #000
	}
}

@media (min-width: 1081px) {
	.ksjweb-header.fff.h-pc-show .icon-box .wechat .show .c,
	.ksjweb-header.fff.h-pc-show .icon-box .wechat .show .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.ksjweb-header.fff.h-pc-show .icon-box .wechat .show .f {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.ksjweb-header.fff.h-pc-show .icon-box .wechat:hover .show .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.ksjweb-header.fff.h-pc-show .icon-box .wechat:hover .show .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.ksjweb-header.fff.h-pc-show .icon-box a .c,
	.ksjweb-header.fff.h-pc-show .icon-box a .b {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.ksjweb-header.fff.h-pc-show .icon-box a .f {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

@media (min-width: 1081px) and (min-width: 1025px) {
	.ksjweb-header.fff.h-pc-show .icon-box a:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
	.ksjweb-header.fff.h-pc-show .icon-box a:hover .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
}

@media (min-width: 1081px) {
	.ksjweb-header.fff.h-pc-show .ksjweb-search .input-box {
		border: 1px solid #cfcecd;
		border: 1px solid rgba(0, 0, 0, 0.5)
	}
	.ksjweb-header.fff.h-pc-show .ksjweb-search .input-box .btn {
		background: url(../images/h-search.png) no-repeat left center
	}
	.ksjweb-header.fff.h-pc-show .ksjweb-search .input-box .text::-webkit-input-placeholder {
		color: #000
	}
	.ksjweb-header.fff.h-pc-show .ksjweb-search .input-box .text:-moz-placeholder {
		color: #000
	}
	.ksjweb-header.fff.h-pc-show .ksjweb-search .input-box .text::-moz-placeholder {
		color: #000
	}
	.ksjweb-header.fff.h-pc-show .ksjweb-search .input-box .text:-ms-input-placeholder {
		color: #000
	}
}

.inner-header {
	background-color: #fff
}

.inner-header .ksjweb-header {
	position: relative
}

.inner-header .ksjweb-header .wrap {
	border-bottom: 1px solid #ebebeb
}

.inner-header .ksjweb-header .pc-wrap .hide-nav {
	position: absolute
}

@media (max-width: 1024px) {
	.ksjweb-footer .mhide {
		display: none
	}
	 .ksjweb-header{
		position: fixed!important;
	}
	.wx-banner .fw-n{
		position: fixed;
		
	}
}
/*foot*/

.ksjweb-footer .hot-line {
	font-size: 0;
	text-align: right;
	cursor: pointer;
}

.ksjweb-footer .hot-line .title {
	padding: 10px 29px;
	margin-bottom: 22px;
	border-radius: 100px;
	font-size: 14px;
	color: #fff;
	background-color: #646464;
	transition: background-color 0.5s
}

.ksjweb-footer .hot-line .title span {
	vertical-align: middle
}

.ksjweb-footer .hot-line .title .icon {
	width: 20px;
	height: 20px;
	margin-right: 6px;
	background: url(../images/hot-line.png) no-repeat center center;
	background-size: contain
}

.ksjweb-footer .hot-line .num {
	padding-bottom: 14px;
	font-size: 22px;
	font-family: "NY-REG";
	color: #010101
}

.ksjweb-footer .hot-line .tips {
	padding-bottom: 10px;
	font-size: 12px;
	color: #666
}

@media (min-width: 1025px) {
	.ksjweb-footer .hot-line .title:hover {
		background-color: #009e96
	}
}

.ksjweb-footer .test-tips {
	font-size: 16px;
	text-align: right;
	padding: 20px 0
}

.ksjweb-footer .lang-box {
	text-align: right
}

.ksjweb-footer .lang-box .title {
	font-size: 16px;
	color: #333
}

.ksjweb-footer .lang-box .title span {
	vertical-align: middle
}

.ksjweb-footer .lang-box .title .icon {
	width: 17px;
	height: 17px;
	margin-right: 6px;
	background: url(../images/lang.png) no-repeat center center;
	background-size: contain
}

.ksjweb-footer .lang-box .lang {
	padding-top: 6px
}

.ksjweb-footer .lang-box .lang a {
	font-size: 14px;
	color: #999;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.ksjweb-footer .lang-box .lang a:hover {
		color: #009e97
	}
}

.ksjweb-footer .copy-right {
	padding: 18px 0;
	font-size: 14px;
	color: #777
}

.ksjweb-footer .copy-right .line {
	display: inline-block;
	width: 1px;
	height: 14px;
	background: #b9b9b9;
	vertical-align: middle;
	margin: 0 12px;
	position: relative;
	top: -1px
}

.ksjweb-footer .copy-right a {
	color: #777;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.ksjweb-footer .copy-right a:hover {
		color: #009e97
	}
}

.ksjweb-footer .copy-right .back-top {
	position: relative;
	margin-left: 22px;
	cursor: pointer
}

.ksjweb-footer .copy-right .back-top img {
	transition: opacity 0.5s
}

.ksjweb-footer .copy-right .back-top .b {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 100%;
	max-height: 100%;
	opacity: 0;
	filter: alpha(opacity=0)
}

@media (min-width: 1025px) {
	.ksjweb-footer .copy-right .back-top:hover .f {
		opacity: 0;
		filter: alpha(opacity=0)
	}
	.ksjweb-footer .copy-right .back-top:hover .b {
		opacity: 1;
		filter: alpha(opacity=100)
	}
}

.ksjweb-footer .copy-right .fl {
	padding-top: 8px;
	max-width: 895px;
	line-height: 1.6
}

@media (max-width: 1300px) {
	.ksjweb-footer .copy-right .fl .line {
		display: none
	}
}

@media (max-width: 1100px) {
	.ksjweb-footer .copy-right .fl {
		max-width: 500px
	}
}

.ksjweb-footer .copy-right .fl .link-box {
	top: 0
}

@media (max-width: 1300px) {
	.ksjweb-footer .copy-right .fl .link-wrap {
		display: block
	}
}

@media (max-width: 1100px) {
	.ksjweb-footer .copy-right .fl .link-wrap {
		display: inline
	}
}

.ksjweb-footer .copy-right .link-box {
	position: relative;
	top: 2px
}

@media (max-width: 800px) {
	.ksjweb-footer .copy-right .fl {
		max-width: 72%
	}
	.ksjweb-footer .copy-right .fr {
		padding-top: 4px
	}
}

.ksjweb-footer .pc-wrap .nav-box .nav {
	padding: 5.6% 0 7.8%
}

.ksjweb-footer .pc-wrap .nav-box .nav li {
	width: 16.3%
}

.ksjweb-footer .pc-wrap .nav-box .nav li .lg-link {
	padding-bottom: 26px
}

.ksjweb-footer .pc-wrap .nav-box .nav li .lg-link a {
	font-size: 16px;
	color: #000;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.ksjweb-footer .pc-wrap .nav-box .nav li .lg-link a:hover {
		color: #009e97
	}
}

.ksjweb-footer .pc-wrap .nav-box .nav li .sub-link .link {
	padding-bottom: 12px
}

.ksjweb-footer .pc-wrap .nav-box .nav li .sub-link .link a {
	font-size: 12px;
	color: #888;
	transition: color 0.5s
}

@media (min-width: 1025px) {
	.ksjweb-footer .pc-wrap .nav-box .nav li .sub-link .link a:hover {
		color: #009e97
	}
}

.ksjweb-footer .pc-wrap .nav-box .nav li.fr {
	width: auto
}

@media (max-width: 1024px) {
	.ksjweb-footer .pc-wrap .nav-box .nav li {
		width: 15%
	}
}

.ksjweb-footer .pc-wrap .copy-right {
	background: #eee
}

@media (max-width: 980px) {
	.ksjweb-footer .pc-wrap {
		display: none
	}
}

.ksjweb-footer .mb-wrap {
	display: none
}

.ksjweb-footer .mb-wrap .fw-n {
	padding: 2% 0 0;
	margin-top: 0
}

@media (max-width: 980px) {
	.ksjweb-footer .mb-wrap {
		display: block
	}
}

.ksjweb-footer .mb-wrap .nav-box .nav li {
	border-bottom: 1px solid #ebebeb
}

.ksjweb-footer .mb-wrap .nav-box .nav li.no-border {
	border: none
}

.ksjweb-footer .mb-wrap .nav-box .nav li.last {
	padding-bottom: .875rem
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lg-link {
	position: relative
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lg-link a {
	display: block;
	padding: .625rem 0 .58333rem;
	font-size: .58333rem;
	color: #000
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lg-link .icon {
	position: absolute;
	top: 50%;
	right: 0;
	display: block;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: url(../images/arrow-icon.png) no-repeat center center;
	transition: transform 0.5s
}

.ksjweb-footer .mb-wrap .nav-box .nav li .sub-link {
	display: none;
	padding-bottom: 12px
}

.ksjweb-footer .mb-wrap .nav-box .nav li .sub-link .link a {
	display: block;
	padding-left: 1em;
	padding-bottom: 12px;
	font-size: 16px;
	color: #666
}

.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line {
	padding: 1.33333rem 0 .91667rem;
	text-align: left
}

.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .text .tips {
	padding-bottom: 3px;
	font-size: .375rem
}

.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .text .num {
	padding-bottom: 0;
	font-size: .625rem
}

.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .title {
	margin-bottom: 0
}

.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .title .text {
	font-size: .39583rem
}

.ksjweb-footer .mb-wrap .nav-box .nav li .copy-right {
	padding: .45833rem 0 .625rem;
	font-size: 16px;
	line-height: 1.4
}

.ksjweb-footer .mb-wrap .nav-box .nav li .copy-right .link-box {
	top: 0
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box {
	font-size: 0
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .title {
	vertical-align: middle;
	font-size: 16px;
	color: #666
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat {
	position: relative;
	margin-right: 8px;
	vertical-align: middle;
	cursor: pointer
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show {
	width: 31px;
	vertical-align: middle
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show img {
	max-width: 100%
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show .b {
	display: none
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .hide {
	display: none;
	position: absolute;
	bottom: 102%;
	left: 50%;
	width: 122px;
	margin-left: -61px
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .hide img {
	display: block;
	margin: 0 auto;
	max-width: 100%
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box a {
	width: 31px;
	margin-right: 8px;
	vertical-align: middle
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box a img {
	max-width: 100%
}

.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box a .b {
	display: none
}

@media (max-width: 680px) {
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box {
		float: none
	}
}

.ksjweb-footer .mb-wrap .nav-box .nav li .test-tips {
	padding: 5px 0 0 10px
}

@media (max-width: 680px) {
	.ksjweb-footer .mb-wrap .nav-box .nav li .test-tips {
		float: none;
		text-align: left;
		padding: 10px 0 0
	}
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box {
	margin-top: 4px;
	margin-left: 20px;
	padding-top: 0;
	padding-left: 26px;
	border-left: 1px solid #ebebeb
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .title {
	font-size: 16px
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .title .icon {
	width: 22px;
	height: 22px;
	background: none;
	font-size: 0
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .title .icon img {
	max-width: 100%
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .lang {
	padding-top: 0;
	padding-left: 6px;
	vertical-align: middle
}

.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .lang a {
	font-size: 16px
}

@media (max-width: 680px) {
	.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box {
		float: none;
		text-align: left;
		margin-left: 0;
		padding-left: 0;
		border: 0
	}
}

.ksjweb-footer .mb-wrap .nav-box .nav li.active .lg-link .icon {
	transform: rotate(180deg)
}

@media (max-width: 560px) {
	.ksjweb-footer .mb-wrap .nav-box .nav li.last {
		padding-bottom: .875rem
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lg-link a {
		padding: .625rem 0 .58333rem;
		font-size: 16px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lg-link .icon {
		width: 12px;
		height: 12px;
		margin-top: -6px;
		background-size: contain
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .sub-link {
		padding-bottom: 8px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .sub-link .link a {
		padding-left: 1em;
		padding-bottom: 10px;
		font-size: 14px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line {
		padding: .625rem 0 .58333rem
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .text .tips {
		padding-bottom: 3px;
		font-size: 14px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .text .num {
		font-size: 18px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .title {
		padding: 8px 23.2px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .hot-line .title .text {
		font-size: 14px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .copy-right {
		padding: .66667rem 0 .41667rem;
		font-size: 14px;
		line-height: 1.4;
		text-align: center
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .copy-right .link-box {
		display: block
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box {
		padding-bottom: 6px;
		float: none;
		text-align: center
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .title {
		font-size: 14px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat {
		margin-right: 8px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .show {
		width: 31px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box .wechat .hide {
		bottom: 102%;
		left: 50%;
		width: 122px;
		margin-left: -61px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .icon-box a {
		width: 31px;
		margin-right: 8px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .test-tips {
		text-align: center
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box {
		margin-top: 4px;
		margin-left: 0;
		padding-left: 0;
		border: none;
		float: none;
		text-align: center
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .title {
		font-size: 14px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .title .icon {
		width: 22px;
		height: 22px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .lang {
		padding-left: 6px
	}
	.ksjweb-footer .mb-wrap .nav-box .nav li .lang-box .lang a {
		font-size: 14px
	}
}

/*kefu*/
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:0px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
.suspension .d-qrcode .qrcode-img img{width: 200px; height: 200px;}
/*indexbanner*/

.apple-banner {width: 100%;	height: 100%;max-height: 830px; overflow: hidden;}
.apple-banner .swiper-container {width: 100%;height: 827px;}
.swiper-button-prev,.swiper-button-next{width: 15%;height: 100%;top:0;background:none;}
.swiper-button-prev{left:0;}	
.swiper-button-next{right:0;}	
.swiper-button-prev span,.swiper-button-next span{display:block;width: 64px;height: 64px;position: absolute;left: 20px;top: 50%;margin-top:-32px;border-radius: 100%;background: rgba(0,158,150,0.6) url(../images/arrows.png) no-repeat center 17px;opacity: 0;-webkit-transition: opacity 0.5s ease;transition: opacity 0.5s ease;}
.swiper-button-next span{background: rgba(0,158,150,0.6) url(../images/arrows.png) no-repeat center -71px;left:auto;right:20px;}
.swiper-button-prev:hover span,.swiper-button-next:hover span{opacity: .6;}
/*分页器*/
.apple-banner .swiper-pagination{top:auto;bottom:50px;background:none;}
.apple-banner  .swiper-pagination-bullet {display: inline-block;width: 50px;height: 30px;margin: 0 3px;cursor: pointer;background: none;border-radius:0;
	opacity: 1;}
.apple-banner  .swiper-pagination-bullet span {width: 50px;height: 2px;display: block;background: rgba(0,158,150,0.2);}
.apple-banner .swiper-pagination-bullet-active span{ background:gray;}
.apple-banner .autoplay .swiper-pagination-bullet-active span{background: rgba(0,158,150,0.2);}
.apple-banner  .swiper-pagination-bullet i{background: gray;height: 2px;transform:scaleX(0);transform-origin: 0;display: block;}
.apple-banner .autoplay .firsrCurrent i{transition:transform 27s linear;transform:scaleX(1);}
.apple-banner .autoplay .current i{transition:transform 27s linear;transform:scaleX(1);}
.apple-banner  .autoplay .replace span{ background:gray;}
.mask{	position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;background: url(../images/videooverlay1.png) left top repeat;z-index: 9999}
/*内容样式*/

.slide1 .title {text-align: left;top: 40%;font-size: 50px;font-weight: normal;color: #000;position: absolute;left: 20%;z-index: 99;text-shadow: 1px 1px 1px #fff;}
.slide1 .txt{top: 50%;text-align: left;font-size: 20px;font-weight: normal;position: absolute; left: 20%; color: #000;text-shadow: 1px 1px 1px #fff;padding-left: 10px;}
.slide2 .title {padding-top: 100px;	text-align: center;}
.slide2 h2 {top: 40%;text-align: left;font-size: 40px;font-weight: normal;position: absolute; left: 20%; color: #fff;}
.slide3 .title {padding-top: 100px;	text-align: center;}
.slide3 h2 {top: 40%;text-align: left;font-size: 40px;font-weight: normal;position: absolute; left: 20%; color: #fff;}
.slide4 .title {padding-top: 100px;	text-align: center;}
.slide4 h2 {top: 40%;text-align: left;font-size: 40px;font-weight: normal;position: absolute; left: 20%; color: #fff;}
.slide5 .title {padding-top: 100px;	text-align: center;}
.slide5 h2 {top: 40%;text-align: left;font-size: 40px;font-weight: normal;position: absolute; left: 20%; color: #fff;}

.slide6 {background: #fff url(../images/banner1.jpg) no-repeat center;background-size: 100% 100%;}
.slide6 .title {text-align: left;color: #fff;margin-top: 100px;font-size: 40px;font-weight: normal; top: 40%; left: 20%; position: absolute;}
.slide6 .video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.slide6 .video video {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	object-fit: cover;
	object-position: center bottom;
	height: 100%;
	width: 100%;
	margin: auto
}
.line{width: 100%;}
.line .xian{border-bottom: 1px solid #e6e6e6;}
/*分类*/
 .main.index .index-nav .link, .main.index .index-nav .link .icon, .main.index .index-nav .link .text {
	display: inline-block;
*display:inline;
*zoom:1
}
.main.index .index-nav {
	border-bottom: 1px solid #e6e6e6;
	text-align: center;
	background-color: #fafafa;
	font-size: 0
}
.main.index .index-nav .link {
	padding: 2.1% 6.4%;
	vertical-align: top
}
.main.index .index-nav .link .icon {
	position: relative;
	margin-right: 18px;
	vertical-align: middle
}
.main.index .index-nav .link .icon img {
	display: block;
	height: 46px;
	max-width: 100%
}
.main.index .index-nav .link .icon .b {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	transition: opacity 0.5s
}
.main.index .index-nav .link .text {
	vertical-align: middle;
	text-align: left
}
.main.index .index-nav .link .text .name {
	display: block;
	padding-bottom: 4px;
	font-size: 20px;
	color: #333;
	transition: color 0.5s
}
.main.index .index-nav .link .text .t {
	display: block;
	font-size: 14px;
	color: #666
}

@media (min-width: 1025px) {
.main.index .index-nav .link:hover .icon .b {
	opacity: 1;
	filter: alpha(opacity=100)
}
.main.index .index-nav .link:hover .text .name {
	color: #009e97
}
}
.main.index .index-nav .link.link1 {
	text-align: left;
	padding-left: 0
}
.main.index .index-nav .link.link2 {
	text-align: left;
	border-left: 1px solid #e6e6e6;
	padding-right: 0
}
.main.index .index-nav .link.link3 {
	text-align: right;
	padding-right: 0
}

@media (min-width: 1025px) {
.main.index .index-nav .link {
	filter: alpha(opacity=0);
	transform: translateX(-30px);
	transition: opacity 0.8s, transform 0.8s
}
.main.index .index-nav.animate .link {
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateX(0)
}
.main.index .index-nav.animate .link.link2 {
	transition-delay: 0.1s
}
.main.index .index-nav.animate .link.link3 {
	transition-delay: 0.2s
}
}

@media (max-width: 1280px) {
.main.index .index-nav {
	border-top: 1px solid #e6e6e6
}
.main.index .index-nav .link {
	padding: 2.1% 3%
}
}

.help-tit{width: 100%;padding: 50px 0;}
.help-tit h4{font-size: 36px; text-align: center;line-height: 2;font-weight: 100;}
.help-tit p{font-size: 16px; text-align: center;list-style: 1.2;}
.help-main{width: 100%;padding: 50px 0;border-bottom: 1px solid #e6e6e6;}
.help-main ul{display: flex;}
.help-main li{float: left;flex: 1;text-align: center;}
.help-main li a{color: #333;}
.help-main li .pic{width: 84px;height: 84px; border: 1px solid #e6e6e6;line-height: 84px; font-size: 50px;border-radius: 50%;display: inline-block;transition: color 0.9s}
.help-main li .txt{width: 100%;}
.help-main li .t{display: block;font-size: 20px;transition: color 0.9s;line-height: 40px;}
.help-main li .gp{display: block;font-size: 12px; line-height: 1.6;color: #999;transition: color 0.9s;}
.help-main li a:hover,.help-main li a:hover .gp{color: #009e96}
/*fbaner*/
.fbanner{width: 100%; text-align: center; height: 580px;position: relative;z-index: 5;}
.fbanner h4{display: block;font-size: 54px;line-height: 2;padding-top: 200px; font-weight: 100;color: #fff;text-shadow: 1px 1px 1px #000}
.fbanner p{display: block;font-size: 20px;line-height: 1.5;color: #fff;text-shadow: 1px 1px 1px #000}
.abanner{width: 100%; text-align: left; height: 900px;position: relative;z-index: 50;}
.abanner span{display: block;font-size: 24px;line-height: 2;padding-top: 25%; font-weight: 100;color: #fff;text-shadow: 1px 1px 1px #000}
.abanner span i{font-size: 14px;  font-style:normal}
.abanner h4{display: block;font-size: 54px;line-height: 2; font-weight: 100;color: #fff;text-shadow: 1px 1px 1px #000}
.abanner p{display: block;font-size: 20px;line-height: 1.5;color: #009e96;}
/*nav*/
.weizhi{background: #fff; padding: 1px 0;overflow: hidden;font-size: 14px;border-bottom: 1px solid #e6e6e6;}
.weizhi .line{border-bottom: 1px solid #e6e6e6;}
.position{float: left;padding-right: 10px;line-height: 54px;font-size: 14px;}
.position a,.sortnav li a{color: #333;transition: color 0.5s;}
.position a:hover{color: #009e96;}
.sortnav{float: right; padding-left: 5px;}
.sortnav li{float: left;padding: 10px 5px 10px; margin-left: 20px;transition: background-color 0.5s;line-height: 34px;}
.sortnav li i img{height: 20px;width: auto;margin-right: 5px;}
.sortnav li:hover,.sortnav .active{border-bottom:2px solid #009e96; }
.sortnav li:hover a,.sortnav .active a{color: #009e96;}
.pmain{width: 100%;background: #f8f8f8;overflow: hidden;padding: 0px 0px 50px;}
.amain{width: 100%;background: #fff;overflow: hidden;padding: 0px 0px 50px;}
/*page*/
.page{
	font-size: 14px;
	text-align: center;
	width: 100%;
	display: block;
	padding: 10px 0;
}

.page a{
	vertical-align: middle;
	width: 35px;
	height: 35px;
	margin: 0 5px;
	border: 1px solid #dcdcdc;
	border-radius: 5px;
	line-height: 35px;
	text-align: center;
	font-family: "arial";
	font-size: 14px;
	color: #666;
	transition: all 0.5s
}

.page a.active{
	background-color: #c09969;
	border-color: #c09969;
	color: #fff
}


/*prlist*/
.plist{padding: 40px 0;}
.plist ul{margin-left: -2.31%;padding: 0 0 30px 0;overflow: hidden;}
.plist ul li{float: left;width: 31.03%; margin: 0 0 2.3% 2.3%;}
.plist .link{position: relative;display: block; height: 505px;width: 100%; background-color: #fff; overflow: hidden;}
.plist .link .img-box {
	position: relative;
	width: 100%;
	height: 250px;
	margin: 0 auto
}
.plist .link .img-box img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	margin: auto;
	max-width: 100%;
	max-height: 100%
}
.plist .link .text-box {
	width: 88%;
	margin: 0 auto;
	text-align: center
}
.plist .link .text-box h4 {
	padding: 12% 0 5px;
	font-size: 24px;
	font-weight: normal;
	color: #000
}
.plist .link .text-box .text {
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 1.6;
	color: #999
}
.plist .link .top {
	margin-top: 19.1%;
	transition: all .5s ease-in-out
}
.plist .link .center {
	width: 88%;
	height: 44px;
	max-height: 0;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.6;
	color: #c9995f;
	text-align: center;
	overflow: hidden;
	transition: all .5s ease-in-out
}
.plist .link .center span {
	display: block
}
.plist .link .btm {
	position: absolute;
	left: 50%;
	bottom: 7%;
	width: 32px;
	height: 32px;
	margin-left: -16px;
	font-size: 32px;
	background: url(../images/pro-icon.png) no-repeat center center;
	background-color: #fff;
	transition: all .5s ease-in-out
}

@media (max-width: 1300px) {
.plist .link {
	height: 465px
}
.plist .link .text-box h4 {
	padding: 9% 0 5px
}
.plist .link .top {
	margin-top: 10%
}
}

@media (min-width: 1301px) {
.plist .link:hover .top {
	margin-top: 9.1%
}
.plist .link:hover .center {
	max-height: 300px
}
.plist .link:hover .btm {
	bottom: 15px
}
}

@media (min-width: 1025px) {
.plist .link:hover .top {
	margin-top: 5.1%
}
.plist .link:hover .center {
	max-height: 300px
}
.plist .link:hover .btm {
	bottom: 15px
}
}

@media (max-width: 1024px) {
.plist .link {
	height: auto;
	padding-bottom: 3%
}
.plist .link .img-box {
	width: 144px;
	height: 200px
}
.plist .link .text-box h4 {
	padding-top: 7%;
	font-size: 20px
}
.plist .link .btm {
	position: static;
	margin: 0 auto
}
}
/*newslist*/
.newslist{padding: 40px 0;}
.newslist-tit{font-size: 46px;text-align: center;padding: 20px 0 50px;}
.newslist ul{overflow: hidden;}
.newslist li{float: left;width: 100%;margin-bottom: 50px;display: flex;}
.newslist li .newslist-pic{width: 300px; margin-right: 30px;float: left;overflow: hidden;}
.newslist li .newslist-pic img{max-width: 300px;transition: all 0.6s;}
.newslist li .newslist-pic:hover img{transform: scale(1.4);}
.newslist li .newslist-m{flex: 1;}
.newslist li .newslist-m h3{font-size: 30px;line-height: 2;}
.newslist li .newslist-m span{font-size: 14px;line-height: 1.5;color: #666;}
.newslist li .newslist-m p{font-size: 14px;line-height: 2;}
/*news*/
.news{padding: 40px 0; border-bottom: 1px solid #e6e6e6;}
.news .news-tit{width: 100%;}
.news .news-tit h2{display: block;line-height: 2;font-weight: 100px; font-size: 30px;text-align: center;}
.news .news-tit p{display: block;font-size: 14px; line-height: 1.5;text-align: center;}
.news .news-m{width: 100%;overflow: hidden;padding: 30px 0;line-height: 2;}
.news .news-m img{max-width: 1200px;}
.news .news-next{width: 100%; padding: 5px 0;}
.news .news-next p{width: 48%;font-size: 14px;}
.news .news-next p a{color: #333;}
.news .news-next .fr{text-align: right;}
/*asklist*/
.asklist{padding: 40px 0;}
.asklist-tit{font-size: 46px;text-align: center;padding: 20px 0 50px;}
.asklist ul{overflow: hidden;}
.asklist li{float: left;width: 100%;margin-bottom: 20px;}
.asklist li h3{ height:40px; line-height:40px; padding-left:40px; cursor:pointer;font:normal 16px/40px "Microsoft YaHei";font-weight: 100;background: url(../images/wenda_1.png)left 5px no-repeat;}
.asklist li h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.asklist li h3.on em{ background-position:16px -57px; }
.asklist li .ask-m{ padding:8px 35px; color:#999; display:none;font-size: 14px;line-height: 40px;position: relative;}
.asklist li i{position: absolute;left: 0px;top: 5; background:url(../images/wenda.png)left 5px no-repeat;width: 30px; height: 40px; }
.asklist li .ask-m a{color: #333;float: right;transition:color 0.5s}
.asklist li .ask-m a:hover{color: #009e96;}
/*joblist*/
.joblist{padding: 40px 0;}
.joblist-tit{font-size: 46px;text-align: center;padding: 20px 0 50px;}
.joblist ul{overflow: hidden;}
.joblist li{float: left;width: calc(100% - 2px);width: -moz-calc(100% - 2px); width: -webkit-calc(100% - 2px);margin-bottom: 0px;border-bottom: 1px dashed #e6e6e6;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;}
.joblist li h3{ height:40px; line-height:40px; cursor:pointer;font:normal 16px/40px "Microsoft YaHei";font-weight: 100;width: 100%;}
.joblist li h3 em{ float:right; display:block; width:40px; height:32px;   background:url(../images/icoAdd.png) 16px 12px no-repeat; cursor:pointer; }
.joblist li h3.on em{ background-position:16px -57px; }
.joblist li h3 span{width: 25%;float: left; text-align: center;}
.joblist li h3 span:first-child{text-align: left;padding-left: 20px;width: calc(25% - 20px)}
.joblist li .job-m{ padding:8px 35px; color:#999; display:none;font-size: 14px;line-height: 40px;position: relative;}
.joblist li i{position: absolute;left: 0px;top: 5; background:url(../images/wenda.png)left 5px no-repeat;width: 30px; height: 40px; }
.joblist li .job-m a{color: #333;float: right;transition:color 0.5s}
.joblist li .job-m a:hover{color: #009e96;}
.joblist .table{width: 100%;overflow: hidden;background: #e6e6e6}
.joblist .table li{float: left;width: 25%;text-align: center;font-size: 16px;list-style: none;line-height: 40px;margin-bottom: 0;border: 0px;}
.joblist .table li:first-child{text-align: left;padding-left: 20px;width: calc(25% - 20px);width: -moz-calc(25% - 20px); width: -webkit-calc(25% - 20px);}
.joblist .table li:last-child{text-align: right;padding-right: 20px;width: calc(25% - 20px);width: -moz-calc(25% - 20px); width: -webkit-calc(25% - 20px);}
/*lianxi*/
.lianxi{width: 100%;overflow: hidden;padding: 40px 0;}
.lianxi .info{float: left;width: 48%;text-align: left;}
.lianxi .ptel{float: right;width: 48%;text-align: right;padding-top: 10px;}
.lianxi .ptel input:first-child{border:1px #e6e6e6 solid;padding: 10px;font-size: 14px;margin-left: 10px;width: 15%;margin-right: 10px;}
.lianxi .ptel input:nth-child(2){border:1px #e6e6e6 solid;padding: 10px;font-size: 14px;margin-left: 10px;width: 30%;}
.lianxi .ptel .button{font-size: 14px;padding: 10px 30px;background: #333; text-align: center;margin-left: 20px;color: #fff;transition:background 0.5s;}
.lianxi .ptel .button:hover{background: #009e96;}
.lianxi .info select{ border:1px #e6e6e6 solid; background:#FFFFFF;padding: 10px;font-size: 14px;}
.lianxi .info{ margin:5px; text-align:center;}
.lianxi .info #show{ color:#3399FF; }
.lianxi .bottom{ text-align:right; font-size:12px; color:#CCCCCC; width:1000px;}
/*contact*/
.cmain{width: 100%;background: #fff;overflow: hidden;padding: 0px 0px 50px;}
.cmain-tit{font-size: 32px;text-align: center;padding: 20px 0 50px;color: #000}
.cmain #fangshi{margin: 20px 0;}
.cmain #fangshi li{width: 33%;float: left;text-align: left;margin-bottom: 40px;list-style: none;font-size: 14px;}
.cmain #fangshi li i{margin-right: 10px;font-size: 28px;line-height: 50px;color: #009e96;float: left;}
.cmain #fangshi li div{margin-left: 10px;}
.cmain #fangshi li div b{line-height: 24px;}
.cmain #fangshi li div p{line-height: 20px;}
#book .book-tit{font-size: 32px;text-align: center;padding: 60px 0 50px;color: #333}
#book .book-m{padding: 10px 0;}
#book .book-m-l{float: left;width: 49%;}
#book .book-m-l li{float: left;margin-bottom: 20px; line-height: 40px;font-size: 14px;width: 100%;}
#book .book-m-l li select{ border:1px #e6e6e6 solid; background:#FFFFFF;padding: 10px 20px;font-size: 14px;margin-left: 10px;width: 350px;}
#book .book-m-l li input{ border:1px #e6e6e6 solid; background:#FFFFFF;padding: 10px 20px;font-size: 14px;margin-left: 10px;width: 310px;}
#book .book-m-l .info select{ border:1px #e6e6e6 solid; background:#FFFFFF;padding: 10px;font-size: 14px;margin-left: 10px;}
#book .book-m-l .info{ margin:5px; text-align:left;}
#book .book-m-l .info #show{ color:#3399FF; }
#book .book-m-l .bottom{ text-align:right; font-size:12px; color:#CCCCCC; width:1000px;}
#book .book-m-r{float: right;width: 49%;font-size: 14px;}
#book .book-m-r li{float: left; margin-bottom: 20px;width: 100%;vertical-align: top;}
#book .book-m-r li textarea{height: 200px;border:1px #e6e6e6 solid; background:#FFFFFF;padding: 10px 20px;width: calc(100% - 110px);width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);float: right;}
#book .book-m-r li input{border:1px #e6e6e6 solid; background:#FFFFFF;padding: 10px 20px;font-size: 14px;margin-left: 20px;width: 80px;}
#book .book-m-t{padding: 10px 0;overflow: hidden; text-align: center;width: 100%;}
#book .book-m-t input{display: inline-block;padding: 10px 30px; margin: 0 20px;font-size: 14px;border-radius: 20px;transition:background 0.5s}
#book .book-m-t input:hover{color: #fff;background:#009e96;}
/*product*/
.pbanner{width: 100%;position: relative;}
.pbanner img{width: 100%;}
.pbanner b{font-size: 46px;color: #fff;position: absolute;top: 38%;left: 50%;z-index: 9;}
.pbanner p{font-size: 26px;color: #fff;position: absolute;top: 50%;left: 50%;z-index: 9;margin-left: 5px;}
.pabnner1{width: 100%;position: relative;background: #1d1d1d;padding: 120px 0 20px;height: 565px;}
.pabnner1 .pabnner1-l{width: 50%;text-align: right;float: left;}
.pabnner1 .pabnner1-r{text-align: left;width: 50%;float: right;padding-top: 10%;}
.pabnner1 .pabnner1-r b{line-height: 2;margin-left: 60px;font-size: 48px;color: #fff;}
.pabnner1 .pabnner1-r p{margin-left: 65px;font-size: 24px;line-height: 2;color: #fff;}
.pvideo{width: 100%;position: relative;}
.pvideo .video{width: 100%;text-align: center;padding: 100px 0 80px;}
.pvideo .video video{border: 10px solid #fff;}
.xijie{width: 100%;position: relative;overflow: hidden;}
.xijie .xijie-tit{width: 100%;text-align: center; padding: 100px 0;font-size: 38px;color: #3e280c }
.xijie1{width: 100%;overflow: hidden;}
.xijie1-l{width: 50%;color: #3e280c; text-align: center;}
.xijie1-l img{width: 100%;}
.xijie1-l b{font-size: 24px;display:block;line-height: 2; margin-top: 40%}
.xijie1-l span{font-size: 18px;display:block;line-height: 1.5;}
.xijie ul li{width: 100%;float: left;}
.xijie ul li img{width: 100%;height: auto;}
.canshu{width: 100%;position: relative; padding: 100px 0;}
.canshu .canshu-pic{float: left;width: 40%;}
.canshu .canshu-pic img{max-width: 100%;}
.canshu .canshu-m{float: right;width: 55%;text-align: center;}
.canshu .canshu-m .canshu-tit{background: #faf8f1;line-height: 2;font-size: 16px;padding: 5px 0;}
.canshu .canshu-m .canshu-txt{padding: 20px 0;text-align: left;}
.canshu .canshu-m .canshu-txt table{border-spacing: 0; border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6;width: 100%;font-size: 14px;color: #333}
.canshu .canshu-m .canshu-txt table td{padding: 14px 0;border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6;padding-left: 1%;}
/*linian*/
.lmain{width: 100%;}
.lmain .lmain-tit{font-size: 32px;text-align: center;padding: 40px 0 50px;color: #333}
.lmain .fuwu{overflow: hidden;padding-bottom: 30px;}
.lmain .fuwu li{float: left;border: 1px solid #e6e6e6;width: 33%;text-align: center;padding: 40px 0;}
.lmain .fuwu li b{width: 80px; height: 80px; background:#009e96;border-radius: 50%;color: #fff;text-align: center;line-height: 80px;display:inline-block;font-size: 18px;margin-bottom: 20px;transition:background 0.5s;cursor: pointer;}
.lmain .fuwu li b:hover{background: #333;}
.lmain .fuwu li p{line-height: 1.5;font-size: 14px;}
.lmain .guifan{overflow: hidden;padding: 30px 0;}
.lmain .guifan .guifan-l{float: left;width: 40%;}
.lmain .guifan .guifan-l img{max-width: 100%;}
.lmain .guifan .guifan-r{float: right;width: 60%;}
/*jiameng*/
.qianjing{width: 100%;overflow: hidden;}
.qianjing .qianjing-tit{  color: #333;font-size: 36px;text-align: center;padding: 110px 0;}
.qianjing .qianjing-tit a{border: 1px solid #e6e6e6; padding: 20px 80px;line-height: 2;font-size: 18px;}
#hero-slides {
  --page: 0;
  height: 80vh;
}
#hero-slides #header {
  height: 12vh;
  line-height: 12vh;
  padding: 0 3vw;
  position: relative;
}
#hero-slides #header #logo {
  font-size: 2.5vh;
  font-style: italic;
}
#hero-slides #header #logo:before {
  content: 'The';
  text-transform: uppercase;
  font-weight: 100;
  margin-right: 0.4em;
}
#hero-slides #header #logo:after {
  content: 'Wall';
  text-transform: uppercase;
  font-weight: 800;
}
#hero-slides #header #menu {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  padding: 0 3vw;
}
#hero-slides #header #menu:before {
  font-size: 1.75vh;
  content: 'Play Demo';
  margin-right: 0.5em;
  text-transform: uppercase;
}
#hero-slides #header #menu #hamburger {
  display: inline-block;
}
#hero-slides #header #menu #hamburger .slice {
  background: white;
  height: 0.2vh;
  width: 1vw;
}
#hero-slides #header #menu #hamburger .slice:not(:last-child) {
  margin-bottom: 0.5vh;
}
#hero-slides #slides-cont {
  position: relative;
  --button-height: 6vh;
  --button-spacing: 0.2vh;
}
#hero-slides #slides-cont .button {
  width: 5vw;
  height: var(--button-height);
  background: #009e96;
  position: absolute;
  right: 5.375vw;
  top: 38vh;
  z-index: 100;
  cursor: pointer;
}
#hero-slides #slides-cont .button:before, #hero-slides #slides-cont .button:after {
  line-height: var(--button-height);
  position: absolute;
  margin-left: -0.25vw;
  pointer-events: none;
  -webkit-transform: scale(0.75, 1.5);
          transform: scale(0.75, 1.5);
  transition: 125ms ease-in-out;
}
#hero-slides #slides-cont .button:before {
  left: 50%;
}
#hero-slides #slides-cont .button:after {
  opacity: 0;
}
#hero-slides #slides-cont .button:hover:before, #hero-slides #slides-cont .button:hover:after {
  transition: 250ms ease-in-out;
}
#hero-slides #slides-cont .button:hover:before {
  opacity: 0;
}
#hero-slides #slides-cont .button:hover:after {
  left: 50% !important;
  opacity: 1;
}
#hero-slides #slides-cont #next {
  margin-top: calc(-1 * (var(--button-height) + var(--button-spacing)));
}
#hero-slides #slides-cont #next:before, #hero-slides #slides-cont #next:after {
  content: '>';
}
#hero-slides #slides-cont #next:after {
  left: 30%;
}
#hero-slides #slides-cont #next:hover:before {
  left: 70%;
}
#hero-slides #slides-cont #prev {
  margin-top: var(--button-spacing);
  opacity: calc(var(--page) + 0.5);
  transition: 500ms opacity;
}
#hero-slides #slides-cont #prev:before, #hero-slides #slides-cont #prev:after {
  content: '<';
}
#hero-slides #slides-cont #prev:after {
  left: 70%;
}
#hero-slides #slides-cont #prev:hover:before {
  left: 30%;
}
#hero-slides #slides-cont #next-catch,
#hero-slides #slides-cont #prev-catch {
  width: 10vw;
  height: 76vh;
  position: absolute;
  top: 0;
  z-index: 90;
}
#hero-slides #slides-cont #next-catch {
  right: 0;
}
#hero-slides #slides-cont #prev-catch {
  left: 0;
}
#hero-slides #slides {
  --slides-height: 76vh;
  width: auto;
  height: var(--slides-height);
  padding: 0 10vw;
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  -webkit-transform: translate3D(calc(var(--page) * -80vw), 0, 0);
          transform: translate3D(calc(var(--page) * -80vw), 0, 0);
  transition: 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1);
  transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1);
  transition: 1500ms transform cubic-bezier(0.7, 0, 0.3, 1), 1500ms -webkit-transform cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide {
  display: inline-block;
  vertical-align: top;
  font-size: 1.5vw;
  width: 24em;
  height: var(--slides-height);
  margin: 0 1.333em;
  background: #101419;
  color: white;
  background-size: cover;
  background-position: center;
  white-space: normal;
  word-break: break-word;
  position: relative;
}
#hero-slides #slides .slide:before {
  content: '';
  display: block;
  background: linear-gradient(180deg, rgba(86, 97, 108, 0) 0%, rgba(33, 52, 69, 0.7) 100%);
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
#hero-slides #slides .slide .number {
  position: absolute;
  top: 2em;
  left: 2em;
  -webkit-filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.5));
          filter: drop-shadow(0 2px 1px rgba(0, 0, 0, 0.5));
}
#hero-slides #slides .slide .number, #hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
  vertical-align: middle;
}
#hero-slides #slides .slide .number:before, #hero-slides #slides .slide .number:after {
  display: inline-block;
  content: '';
  height: 0.133em;
  margin-top: -0.2em;
  background: white;
}
#hero-slides #slides .slide .number:before {
  width: 0;
  margin-left: 0;
}
#hero-slides #slides .slide .number:after {
  width: 3em;
  margin-left: 1em;
}
#hero-slides #slides .slide .body {
  position: absolute;
  bottom: 2em;
  left: 2em;
  right: 2em;
}
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline {
  position: relative;
  bottom: 0;
  cursor: default;
}
#hero-slides #slides .slide:before,
#hero-slides #slides .slide .number:before,
#hero-slides #slides .slide .number:after,
#hero-slides #slides .slide .location,
#hero-slides #slides .slide .headline,
#hero-slides #slides .slide .link {
  transition: 375ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide .location {
  font-weight: 100;
  margin-bottom: 1.5em;
  transition-delay: 60ms;
}
#hero-slides #slides .slide .headline {
  font-size: 2.667em;
  font-weight: 900;
  transition-delay: 50ms;
}
#hero-slides #slides .slide .link {
  display: inline-block;
  background: #009e96;
  padding: 0.5em 1.25em;
  font-size: 1.33em;
  opacity: 0;
  position: absolute;
  bottom: -2em;
  pointer-events: none;
  transition-delay: 25ms;
	color: #fff;
}
#hero-slides #slides .slide.hover:before, #hero-slides #slides .slide:hover:before {
  opacity: 1;
}
#hero-slides #slides .slide.hover:before,
#hero-slides #slides .slide.hover .number:before,
#hero-slides #slides .slide.hover .number:after,
#hero-slides #slides .slide.hover .location,
#hero-slides #slides .slide.hover .headline,
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover:before,
#hero-slides #slides .slide:hover .number:before,
#hero-slides #slides .slide:hover .number:after,
#hero-slides #slides .slide:hover .location,
#hero-slides #slides .slide:hover .headline,
#hero-slides #slides .slide:hover .link {
  transition: 500ms cubic-bezier(0.7, 0, 0.3, 1);
}
#hero-slides #slides .slide.hover .number:before, #hero-slides #slides .slide:hover .number:before {
  width: 3em;
  margin-right: 1em;
}
#hero-slides #slides .slide.hover .number:after, #hero-slides #slides .slide:hover .number:after {
  width: 0;
  margin-right: 0;
}
#hero-slides #slides .slide.hover .location, #hero-slides #slides .slide:hover .location {
  transition-delay: 0;
  bottom: 4em;
}
#hero-slides #slides .slide.hover .headline, #hero-slides #slides .slide:hover .headline {
  transition-delay: 100ms;
  bottom: 1.5em;
}
#hero-slides #slides .slide.hover .link, #hero-slides #slides .slide:hover .link {
  bottom: 0;
  opacity: 1;
  transition-delay: 250ms;
  pointer-events: auto;
}
@media (min-width: 1200px) and (max-width: 1699px) {
  body {
    --slides-per-page: 3;
  }

  #hero-slides #slides .slide {
    font-size: 1vw;
  }
}
@media (min-width: 1700px) {
  body {
    --slide-per-age: 4;
  }

  #hero-slides #slides .slide {
    font-size: 0.75vw;
  }
}

/*pinpai*/
.pinpai{padding: 10px 0;}
.pinpai .pinpai-tit{text-align: center;padding: 40px 0 50px;color: #333}
.pinpai .pinpai-tit a{border: 1px solid #e6e6e6; padding: 20px 80px;line-height: 2;font-size: 18px;}
.pinpai .pinpai-tit b{font-size: 36px;line-height: 2;font-weight: normal;}
.pinpai .pinpai-tit p{font-size: 14px;line-height: 1.5;}
.pinpai .pinpai-m{margin-top: 20px;overflow: hidden;}
.pinpai .pinpai-m li{float: left;width: 33.3333%;text-align: center;padding: 20px 0;transition:color 0.5s;margin-bottom: 20px;cursor: pointer;}
.pinpai .pinpai-m li i{padding: 10px; border-radius: 50%;border: 1px solid #e6e6e6;font-size: 40px;transition:border-color 0.5s;}
.pinpai .pinpai-m li p{font-size: 14px; line-height: 2;padding: 10px 0;}
.pinpai .pinpai-m li:hover{color: #009e96}
.pinpai .pinpai-m li:hover i{border: 1px solid #009e96;}
.liucheng{background: url(../images/55.jpg)top center no-repeat;}
.liuc{padding: 10px 0;}
.liuc .liuc-tit{text-align: center;padding: 40px 0 50px;color: #fff}
.liuc .liuc-tit a{border: 1px solid #fff; padding: 20px 80px;line-height: 2;font-size: 18px;color: #fff;transition:color 0.5s;}
.liuc .liuc-tit a:hover{color: #009e96}
.liuc .liuc-tit b{font-size: 36px;line-height: 2;font-weight: normal;}
.liuc .liuc-tit p{font-size: 14px;line-height: 1.5;}
.liuc .liuc-m{margin-top: 20px;overflow: hidden;}
.liuc .liuc-m li{float: left;width: 25%;text-align: center;padding: 20px 0;transition:color 0.5s;margin-bottom: 20px;cursor: pointer;color: #fff;}
.liuc .liuc-m li i{padding: 10px; border-radius: 50%;border: 1px solid #fff;font-size: 40px;transition:border-color 0.5s;}
.liuc .liuc-m li p{font-size: 14px; line-height: 2;padding: 10px 0;}
.liuc .liuc-m li:hover{color: #009e96}
.liuc .liuc-m li:hover i{border: 1px solid #009e96;}
/*about*/
.lmain .jieshao{padding: 50px 0;line-height: 2;font-size: 14px;}
.about-tor{width: 100%;overflow: hidden;background: #009e96;}
.about-tor .about-tor-l{width: 50%;float: left;}
.about-tor .about-tor-l img{width: 100%;}
.about-tor .about-tor-r{width: 50%;float: right;background: #009e96;color: #fff;overflow: hidden;height: 100%;max-height: 620px;}
.about-tor .about-tor-r h2{padding-top: 18%;}
.about-tor .about-tor-r h2,.about-tor .about-tor-r h3{padding-left: 100px;font-size: 0.8rem;line-height: 2;}
.about-tor .about-tor-r p{font-size: 0.4rem;padding-left: 100px;line-height: 2;padding-top: 10px;}
.qiang img{width: 100%;}

.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:before,.clearfix:after{content:" ";display:block;overflow:hidden;visibility:hidden;width:0;height:0;}
.clearfix:after{clear:both;}
.clearfix{*zoom:1;}
.pr{position: relative;}
.warper{max-width: 1300px; margin: 0 auto;}
.about-main2{height: 710px;width: 100%;overflow: hidden;}
.about-main2 .licheng-bg{background-color: rgba(255,255,255,.8);width: 100%;height: 100%;position: relative;}
.about-main2 .licheng-bg .warper{height: 100%;}
.about-main2 .licheng-bg img{height: 518px;position: absolute;bottom: 0px;left: 0;}
.about-main2 .ny-title{padding-top: 80px;}
.ny-title .title-en{font-size: 36px; color: #b4b4b4; font-family: arial; line-height: 36px; font-weight: normal;}
.ny-title .title-ch{font-size: 26px; color: #333333; margin: 15px 0; font-weight: normal;}
.ny-title i{display: block; width: 42px; height: 1px; background-color: #b5b5b5;}
.about-main2 .licheng-content{position: absolute;width: 100%;height: 100%;}
.about-main2 .licheng-content .swiper-wrapper,.about-main2 .licheng-content .swiper-slide,.about-main2 .licheng-content ul{width: 100%;height: 100%;}
.about-main2 .licheng-content ul li{width: 20%;float: left;height: 100%;}
.about-main2 .licheng-content ul li a{display: block;width: 100%;position: relative;height: 320px}
.about-main2 .licheng-content ul li .date{color: #0a3875;font-size: 30px;}
.about-main2 .licheng-content ul li.item1 .line,.about-main2 .licheng-content ul li.item3 .line,.about-main2 .licheng-content ul li.item5 .line{margin-bottom: 30px;}
.about-main2 .licheng-content ul li.item2 .line,.about-main2 .licheng-content ul li.item4 .line{margin-top: 30px;}
.about-main2 .licheng-content ul li.item1 .line:after,.about-main2 .licheng-content ul li.item3 .line:after,.about-main2 .licheng-content ul li.item5 .line:after{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li.item2 .line:before,.about-main2 .licheng-content ul li.item4 .line:before{width: 25px;height: 25px;background-color: rgba(10, 56, 117, 0.8);display: block;content: "";border-radius: 50%;text-align: center;vertical-align: middle;position: absolute;}
.about-main2 .licheng-content ul li .lc-left{position: absolute;}
.about-main2 .licheng-content ul li .line{height: 250px;width: 1px;display: block;background-color: #0A3875;position: relative;left: 30px;}
.about-main2 .licheng-content ul li .lc-right{position: absolute;left: 30px;width: 400px;height:100%;display: table;}
.about-main2 .licheng-content ul li.item5 .lc-right{width: 200px;}
.about-main2 .licheng-content ul li.item2 .lc-right, .about-main2 .licheng-content ul li.item4 .lc-right{width: 400px;}
.about-main2 .licheng-content ul li .lc-right .right-text{padding: 20px;display: table-cell;vertical-align: middle;}
.about-main2 .licheng-content ul li.item1 a{top: 50px;}
.about-main2 .licheng-content ul li.item1 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item1 .lc-right{bottom: 68px;}
.about-main2 .licheng-content ul li.item2 a{top: 258px;}
.about-main2 .licheng-content ul li.item2 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item2 .lc-right{top: 80px;}
.about-main2 .licheng-content ul li.item3 a{top: 136px;}
.about-main2 .licheng-content ul li.item3 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item3 .lc-right{bottom: 100px;}
.about-main2 .licheng-content ul li.item4 a{top: 278px;}
.about-main2 .licheng-content ul li.item4 .lc-left .line:before{top: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item4 .lc-right{top: 70px;}
.about-main2 .licheng-content ul li.item5 a{top: 99px;}
.about-main2 .licheng-content ul li.item5 .lc-left .line:after{bottom: -25px;left: -11px;}
.about-main2 .licheng-content ul li.item5 .lc-right{bottom: 100px;}
.about-main2 .licheng-content .right-text h3{font-size: 24px;margin-bottom: 10px;}
.about-main2 .licheng-content .right-text p{font-size: 16px;}
.lc-swiper-btn{width: 100%;position: absolute;top: 370px;}
.lc-swiper-btn a{display: block;position: absolute;}
.lc-swiper-btn .btn-prev{position: absolute;left: 15px;top: 50px; cursor: pointer;}
.lc-swiper-btn .btn-next{position: absolute;right: 0;top: 50px; cursor: pointer;}
.lc-swiper-btn .iconfont{font-size: 30px;}

.lichengmain{width: 90%;margin: 30px auto;	display: none;}
.time-axis{	margin: 0;	padding: 0;	position: relative;}
.time-axis:before{content: '';position: absolute;left: 93px;top: 15px;	width: 1px;	height: 100%;background-color: #E4E4E4;}
.time-axis-item{list-style: none;padding-left: 150px;position: relative;line-height: 45px;font-size: 14px;color: #141414;}
.time-axis-achievement{	margin: 0;}
.time-axis-date{position: absolute;	left: 0;top: 0;	color: #666;}
.time-axis-date span{position: absolute;right: -49px;top: 35%;display: block;width: 13px;height: 13px;border: 1px solid #ccc;border-radius: 100%;
	background-color: #fff;}
.time-axis-date span:after{	content: '';position: absolute;	left: 0;top: 0;	right: 0;bottom: 0;	width: 7px;	height: 7px;margin: auto;
	background-color: #ccc;	border: 1px solid #ccc;	border-radius: 100%;}
.time-axis-item:last-child .time-axis-date span{border-color: #48BEB2;}
.time-axis-item:last-child .time-axis-date span:after{background-color: #48BEB2;border-color: #48BEB2;}

.zili{padding: 50px 0;overflow: hidden}
.zili .zili-tit{text-align: center;font-size: 32px;padding: 50px 0;}
.licheng-tit{text-align: center;font-size: 32px;padding: 50px 0;display: block;}
.zili .zilil{width: 50%;float: left;}
.zili .zili-l{ width:100%; height:auto; overflow:hidden; position:relative;  }
.zili .zili-l .bd{ position:relative; height:auto; z-index:0;   }
.zili .zili-l .bd li{ zoom:1; vertical-align:middle; }
.zili .zili-l .bd img{ max-width: 100%; height:auto; display:block;  }
.zili .zili-l .zlprev,
.zili .zili-l .zlnext{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.zili .zili-l .zlnext{ left:auto; right:3%; background-position:8px 5px; }
.zili .zili-l .zlprev:hover,
.zili .zili-l .zlnext:hover{ filter:alpha(opacity=100);opacity:1;  }
.zili .zilir{width: 50%;float: right;}
.zili .zilir h2{padding: 20% 0 0 60px;font-size: 24px;line-height: 2;}
.zili .zilir p{padding-left: 60px;font-size: 14px;line-height: 1.5;}

.kphoto{padding: 50px 0;overflow: hidden}
.kphoto .kphoto-tit{text-align: center;font-size: 32px;padding: 50px 0;}

.picScroll{ width:100%;   }
.picScroll .bd{ position:relative;  }
.picScroll .prev,.picScroll .next{ position: absolute; top: 104px; left:-1px; display: block; width: 26px; height: 64px; background: url(../images/slide_tigger.png) 0 -65px; z-index: 9; overflow: hidden; }
.picScroll .next{ left:auto; right:-1px; background-position: -26px -65px; }
.picScroll .prev:hover{ background-position:0 -130px; }
.picScroll .next:hover{ background-position:-26px -130px; }
.picScroll .prevStop{ background-position:0 -65px !important; }
.picScroll .nextStop{ background-position:-26px -65px !important; }

.picScroll .scrollWrap{ padding-left:24px  }
.picScroll ul{ overflow:hidden; zoom:1; }
.picScroll li{ width: calc(25% - 25px);width: -moz-calc(25% - 25px); width: -webkit-calc(25% - 25px); margin: 15px 25px 10px 0; position:relative; float:left; display:inline;text-align: center; }
.picScroll li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px;width: 100%;}
.picScroll li .pic img {display:block;background:#ddd;max-width: 100%;max-height: 206px;}
.picScroll li p {;margin-top:5px;color:#999;line-height:1.5;overflow:hidden;}
.picScroll li .txt1 a{color:#333;}
.picScroll li .movielist_tt {padding: 5px 0;overflow:hidden;position:relative;line-height: 2;}
.picScroll li .movielist_tt a {font-size:18px;}
.picScroll li .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}

.picScroll1{ width:100%;   }
.picScroll1 .bd{ position:relative;  }
.picScroll1 .prev,.picScroll1 .next{ position: absolute; top: 104px; left:-1px; display: block; width: 26px; height: 64px; background: url(../images/slide_tigger.png) 0 -65px; z-index: 9; overflow: hidden; }
.picScroll1 .next{ left:auto; right:-1px; background-position: -26px -65px; }
.picScroll1 .prev:hover{ background-position:0 -130px; }
.picScroll1 .next:hover{ background-position:-26px -130px; }
.picScroll1 .prevStop{ background-position:0 -65px !important; }
.picScroll1 .nextStop{ background-position:-26px -65px !important; }

.picScroll1 .scrollWrap{ padding-left:24px  }
.picScroll1 ul{ overflow:hidden; zoom:1; }
.picScroll1 li{ width: calc(25% - 25px);width: -moz-calc(25% - 25px); width: -webkit-calc(25% - 25px); margin: 15px 25px 10px 0; position:relative; float:left; display:inline;text-align: center; }
.picScroll1 li .pic {position:relative;display:block;overflow:hidden;margin-bottom:6px;width: 100%;}
.picScroll1 li .pic img {display:block;background:#ddd;max-width: 100%;max-height: 206px;}
.picScroll1 li p {;margin-top:5px;color:#999;line-height:1.5;overflow:hidden;}
.picScroll1 li .txt1 a{color:#333;}
.picScroll1 li .movielist_tt {padding: 5px 0;overflow:hidden;position:relative;line-height: 2;}
.picScroll1 li .movielist_tt a {font-size:18px;}
.picScroll1 li .score {color:#FF6600;font-family:Arial;position:absolute;top:0;right:10px;}

.acontce{width: 100%;padding: 10px 0;overflow: hidden;}
.acontce img{max-width: 100%;}
.outlook-body .button-2 {
	color: #191611;
}

.outlook-body .button-2:hover {
	background: #d53e22;
	color: #fff;
}

.outlook-list {
	padding-bottom: 65px;
}

.outlook-list li {
	float: left;
	padding: 0 25px;
	width: 33.33%;
	-webkit-box-sizing: border-box;
box-sizing: border-box;
}

.outlook-item {
	-webkit-transition: all ease .4s;
	   -moz-transition: all ease .4s;
	    -ms-transition: all ease .4s;
	     -o-transition: all ease .4s;
	        transition: all ease .4s;
}

.outlook-item .img {
	position: relative;
	width: 176px;
	margin: 0 auto 28px;
	border-radius: 100%;
	-webkit-box-shadow: 1px 1px 40px rgba(4,0,0,.12);
	-moz-box-shadow: 1px 1px 40px rgba(4,0,0,.12);
	box-shadow: 1px 1px 40px rgba(4,0,0,.12);
}

.outlook-item .img .circle {
	position: absolute;
	top: 0;
	left: 0;
	transition: all ease .8s;
	transform: rotate(-360deg);
}

.outlook-item .img .circle-2 {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}

.outlook-item .img .circle-3 {
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-ms-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s;
}

.outlook-item .con { text-align: center;}

.outlook-item .name {
	margin-bottom: 18px;
	font-size: 16px;
	color: #191611;
	font-weight: bold;
}

.outlook-item .des {
	line-height: 24px;
	color: #777;
}

.outlook-item .des .font { color: #d53f22;}

.outlook-item:hover img {
	-webkit-animation: pulse 1s linear infinite 0s;
    -moz-animation: pulse 1s linear infinite 0s;
    -o-animation: pulse 1s linear infinite 0s;
    -ms-animation: pulse 1s linear infinite 0s;
    animation: pulse 1s linear infinite 0s
}

@media (max-width:1370px){
	.outlook-list li { padding: 0 10px;}	
}
.animateBox {
	transform: translateY(100px);
	-webkit-transform: translateY(100px);
	-ms-transform: translateY(100px);
	opacity: 0;
	/*transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-ms-transition: 0.5s all;*/
}

.animateBox.animate {
	transform: translateY(0);
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	opacity: 1;
}

.animateBox.animate .circle {
	transform: rotate(0deg);
}

.animateBox-delay-2 {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s;
}

.animateBox-delay-3 {
	-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-ms-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s;
}

.animateBox-delay-4 {
	-webkit-transition-delay: .9s;
	-moz-transition-delay: .9s;
	-ms-transition-delay: .9s;
	-o-transition-delay: .9s;
	transition-delay: .9s;
}

.animateBox-delay-5 {
	-webkit-transition-delay: 1.1s;
	-moz-transition-delay: 1.1s;
	-ms-transition-delay: 1.1s;
	-o-transition-delay: 1.1s;
	transition-delay: 1.1s;
}
.transition {
    -webkit-transition: all ease .4s;
    -moz-transition: all ease .4s;
    -ms-transition: all ease .4s;
    -o-transition: all ease .4s;
    transition: all ease .4s;
}
.w100 img{width: 100%;height: auto}
.swiper-slide a{width: 100%; height: 100%;display: block;}