html,body{-webkit-user-select: auto !important;
	-moz-user-select: auto !important;
	-ms-user-select: auto;
	user-select: auto;}

.wow {
	visibility: hidden
}
.mt-20 {
	margin-top: 20px
}
.mt-30 {
	margin-top: 30px
}
.mt-40 {
	margin-top: 40px
}
.mt-50 {
	margin-top: 50px
}
.mt-60 {
	margin-top: 60px
}
.mt-70 {
	margin-top: 70px
}
.mt-80 {
	margin-top: 80px
}
.mt-90 {
	margin-top: 90px
}
.mt-100 {
	margin-top: 100px
}
.mt-110 {
	margin-top: 110px
}
.mt-120 {
	margin-top: 120px
}
.mt-140 {
	margin-top: 140px
}
.mt-150 {
	margin-top: 150px
}
.mt-160 {
	margin-top: 160px
}
.mt-180 {
	margin-top: 180px
}
.mt-200 {
	margin-top: 200px
}


@media (max-width: 1500px) {
.mt-200 {
	margin-top: 150px
}
.mt-160 {
	margin-top: 120px
}
.mt-150 {
	margin-top: 112px
}
.mt-140 {
	margin-top: 105px
}
.mt-120 {
	margin-top: 90px
}
.mt-100 {
	margin-top: 75px
}
.mt-80 {
	margin-top: 60px
}
.mt-60 {
	margin-top: 45px
}
.mt-50 {
	margin-top: 35px
}
.mt-30 {
	margin-top: 24px
}

}
@media (max-width: 1366px) {
.mt-200 {
	margin-top: 142px
}
.mt-160 {
	margin-top: 110px
}
.mt-150 {
	margin-top: 100px
}
.mt-140 {
	margin-top: 95px
}
.mt-120 {
	margin-top: 82px
}
.mt-100 {
	margin-top: 68px
}

}

@media (max-width: 1024px) {
.mt-200 {
	margin-top: 90px
}
.mt-160 {
	margin-top: 80px
}
.mt-150 {
	margin-top: 75px
}
.mt-140 {
	margin-top: 70px
}
.mt-120 {
	margin-top: 60px
}
.mt-100 {
	margin-top: 50px
}
.mt-80 {
	margin-top: 40px
}
.mt-60 {
	margin-top: 30px
}
.mt-50 {
	margin-top: 25px
}
.mt-40 {
	margin-top: 20px
}
.mt-30 {
	margin-top: 20px
}
}


.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
	-webkit-touch-callout: auto;
	-khtml-user-select: auto;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto
}
.slick-track::after, .slick-track::before {
	display: table;
	content: ""
}
.slick-track::after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
	outline: 0
}
.slick-slide a {
	outline: 0
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.banner-dots {
	position: absolute;
	bottom: 80px;
	right: 0;
	left: 0;
	font-size: 0;
	text-align: center
}
.banner-dots li {
	margin: 0 15px;
	display: inline-block;
	vertical-align: top
}
.banner-dots li button {
	position: relative;
	display: inline-block;
	padding: 0;
	border: 0;
	font-size: 0;
	background-color: transparent;
	outline: 0;
	cursor: pointer
}
.banner-dots li button::before {
	content: "";
	display: block;
	width: 50px;
	height: 2px;
	background-color: #999
}
.banner-dots li button::after {
	content: "";
	position: absolute;
	z-index: 2;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	background-color: #008fdf
}
.banner-dots li.slick-active button::before {
	background-color: #999
}
.banner-dots li.slick-active button::after {
	width: 100%;
	-webkit-transition: width 4s ease;
	transition: width 4s ease
}
@media (max-width: 1024px) {
.banner-dots {
	bottom: 20px
}
.banner-dots li {
	margin-right: 10px;
	margin-left: 10px
}
.banner-dots li button::before {
	width: 30px
}
}


body .swiper-button-disabled {
	pointer-events: none
}
body .swiper-button-disabled.swt-arrow {
	background-color: #f1f1f1
}
.in-banner {
	position: relative
}
.in-banner__slick .item-pic img {
	width: 100%
}
.in-banner__slick .item-cont {
	position: absolute;
	text-align: center;
	top: 30%;
	left: 18.375%;
	-webkit-user-select: auto;
	-moz-user-select: auto;
	-ms-user-select: auto;
	user-select: auto;
}
.in-banner__slick .item-etitle, .in-banner__slick .item-ctitle, .in-banner__slick .item-txt {
	-webkit-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(20px);
	transform: translateY(20px);
}
.in-banner__slick .item-etitle {
	-webkit-transition-delay: .1s;
	transition-delay: .1s;
	text-transform: uppercase;
	font-family: "Avenir-Light";
	margin-bottom: .5em;
	color:#008edf;
	text-align:left;
	
	
}
.in-banner__slick .item-ctitle {
	margin-bottom: .25714em;
	-webkit-transition-delay: .3s;
	transition-delay: .3s;
	text-align:left;
	line-height:32px;
}
.in-banner__slick .item-txt {
	-webkit-transition-delay: .5s;
	transition-delay: .5s;
	text-align:left;
}

.in-banner__slick .item-txt a{ background:#008edf; color:#fff; border:1px solid #008edf; margin-top:15px;}
.in-banner__slick .item-txt a:hover{ background:#fff; color:#008edf}

.in-banner__slick .small-pic {
	display: none
}
.in-ready .in-banner__slick .slick-current .item-etitle, .in-ready .in-banner__slick .slick-current .item-ctitle, .in-ready .in-banner__slick .slick-current .item-txt {
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0);
	transform: translateY(0)
}
.in-ready .in-banner__dotInner .slick-current .item-line {
	-webkit-animation: lineAnimate 6s 1 linear;
	animation: lineAnimate 6s 1 linear;
	animation-fill-mode: forwards
}
@-webkit-keyframes lineAnimate {
0% {
width:0%
}
100% {
width:100%
}
}
@keyframes lineAnimate {
0% {
width:0%
}
100% {
width:100%
}
}
.in-banner__txtSlick {
	font-size: 0
}
.in-banner__dotInner {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	max-width: 1248px;
	margin: auto;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.16)
}
.in-banner__dotInner .get-item__height, .in-banner__dotInner .item-box {
	height: 100%
}
.in-banner__dotInner .item-box {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	position: relative;
	font-size: 20px;
	padding: 1.5em;
	background-color: #fff;
	cursor: pointer
}
.in-banner__dotInner .item-title, .in-banner__dotInner .item-txt {
	-webkit-transition: color .3s linear;
	transition: color .3s linear
}
.in-banner__dotInner .item-title {
	color: #008fdf;
	margin-bottom: .4em;
	font-weight: 300;
	line-height: 1.5
}
.in-banner__dotInner .item-txt {
	font-size: 14px;
	line-height: 1.71429;
	color: #4A4A4A;
	min-height: 48px
}
.in-banner__dotInner .item-line {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 6px;
	background-color: #fff
}
.in-banner__dotInner .slick-current .item-box {
	background-color: #008fdf
}
.in-banner__dotInner .slick-current .item-title, .in-banner__dotInner .slick-current .item-txt {
	color: #fff
}
.swt-arrow__full {
	position: relative;
	padding: 0 50px
}
.swt-arrow {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	cursor: pointer;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 36px;
	height: 36px;
	background-color: #008fdf
}
.swt-arrow i {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	font-size: 14px;
	color: #fff
}
.swt-prev {
	left: 0
}
.swt-next {
	right: 0
}
.in-product__swiper .item-pic {
	position: relative;
	max-width: 420px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden
}
.in-product__swiper .item-pic::before {
	content: "";
	display: block;
	padding-top: 54.96689%
}
.in-product__swiper .item-pic img {
	-webkit-transition: transform .2s linear;
	transition: transform .2s linear;
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}
.in-product__swiper .item-title {
	-webkit-transition: color .3s linear;
	transition: color .3s linear;
	text-align: center;
	font-weight: 500
}
.in-product__swiper .swiper-scrollbar {
	max-width: 1446px;
	right: 0;
	margin-left: auto;
	margin-right: auto;
	background-color: #C8C8C8
}
.swiper-container.swiper-container-horizontal>.swiper-scrollbar {
	height: 2px;
	background-color: #C8C8C8
}
.swiper-container .swiper-scrollbar-drag {
	background-color: #008fdf;
	height: 4px
}


.in-product-title {
	color: #4A4A4A
}




@media (min-width: 2000px) {
.in-banner__slick .item-etitle {
	font-size: 70px
}
.in-banner__slick .item-ctitle {
	font-size: 100px
}
.in-banner__slick .item-txt {
	font-size: 40px
}
.in-banner__dotInner {
	max-width: 1800px
}
}
@media (min-width: 1025px) {
.swt-arrow:hover {
	background-color: rgb(57,157,38,.5)
}

.in-product__swiper a:hover .item-pic img {
	-webkit-transform: scale(1.1);
	transform: scale(1.1)
}
.in-product__swiper a:hover .item-title {
	color: #008fdf
}

}

@media (max-width: 1500px) {
.in-banner__dotInner .item-box {
	font-size: 18px
}

.swt-arrow__full {
	padding: 0 40px
}
.swt-arrow {
	width: 36px;
	height: 36px
}
}
@media (max-width: 1440px) {
.in-banner__slick .item-cont {
	left: 4%
}
.in-banner__slick .item-txt {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto
}
}
@media (max-width: 1366px) {
.in-banner__dotInner .item-box {
	font-size: 16px
}
}
@media (max-width: 1300px) {
.in-banner__dotInner {
	margin-left: 40px;
	margin-right: 40px
}

}
@media (max-width: 1024px) {
.in-banner__slick .item-pic {
	background-position: center center;
	height: auto;
	padding-top: 40.3125%
}
.in-banner__slick .item-cont {
	padding: 40px 30px;
	position: relative;
	top: auto;
	left: auto;
	right: auto;
	background-color: #F8F8F8
}
.in-banner__slick .item-txt {
	display: none1;
	text-align:left;
	padding-left:0;
	margin-left:0
}
.in-banner__slick .slick-dots {
	margin-top: 14px
}
.in-banner__dotInner {
	display: none;
	margin-left: 30px;
	margin-right: 30px
}
.in-banner__dotInner .item-box {
	font-size: 14px
}

.swt-arrow__full {
	padding: 0 30px
}
.swt-arrow {
	width: 28px;
	height: 28px
}
.swt-arrow i {
	font-size: 12px
}
}

@media (max-width: 750px) {
.in-banner__slick .larze-pic {
	display: none
}
.in-banner__slick .small-pic {
	display: block
}
.in-banner__slick .item-pic {
	padding-top: 66.66667%
}
.in-banner__slick .item-pic img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%
}
.in-product-slick .p-img {
	display: none
}
.in-product-slick .m-img {
	display: block
}
.in-product-slick .item-pic::before {
	padding-top: 133.33333%
}
.in-product-slick .item-inner {
	left: 6.66667vw;
	bottom: 6.66667vw;
	top: auto;
	transform: translateY(0)
}
.in-product-slick .slick-dots {
	bottom: 9.86667vw;
	right: 6.66667vw;
	left: auto;
	z-index: 100
}

}
@media (max-width: 650px) {

.in-banner__slick .item-cont {
	padding-left: 20px;
	padding-right: 20px
}
/*.in-banner__slick .item-etitle {
	font-size: 16px
}
.in-banner__slick .item-ctitle {
	margin-bottom: 0;
	font-size: 26px
}*/
.in-banner__dotInner {
	margin-left: 20px;
	margin-right: 20px
}
}


.wrap-mrl40 {
	margin-left: 40px;
	margin-right: 40px
}

.fs70 {
	font-size: 70px;
	font-weight: 500
}
.fs50 {
	font-size: 50px;
	line-height: 1.8;
	font-weight: 500
}
.fs40 {
	font-size: 40px;
	font-weight: 500
}
.fs36 {
	font-size: 36px;
	color: #4A4A4A
}
.fs30 {
	font-size: 30px;
	line-height: 1.5;
	color: #4A4A4A;
	font-weight: 500
}
.fs24 {
	font-size: 24px;
	line-height: 1.25
}
.fs20 {
	font-size: 20px;
	font-weight: 500
}
.fs18 {
	font-size: 18px;
	line-height: 1.66667
}
.fs16 {
	font-size: 16px;
	line-height: 1.625
}
.fs14 {
	font-size: 14px
}
.fw-500 {
	font-weight: 500
}



.slick-dots {
	text-align: center
}
.slick-dots li, .slick-dots button {
	display: inline-block;
	vertical-align: middle
}
.slick-dots li {
	margin: 0 8px
}
.slick-dots button {
	font-size: 0;
	border: none;
	background-color: transparent;
	position: relative;
	width: 10px;
	height: 10px;
	padding: 0;
	outline: none;
	cursor: pointer
}
.slick-dots button::before {
	-webkit-transition: background .3s linear;
	transition: background .3s linear;
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background-color: #E4E4E4
}
.slick-dots .slick-active button::before {
	background-color: #008fdf
}


@media (max-width: 1500px) {

.fs70 {
	font-size: 58px
}
.fs50 {
	font-size: 42px
}
.fs40 {
	font-size: 36px
}
.fs36 {
	font-size: 32px
}
.fs30 {
	font-size: 26px;
	line-height: 1.3
}
.fs24 {
	font-size: 22px;
	line-height: 1.4
}
.fs20 {
	font-size: 18px
}
.fs18 {
	font-size: 16px;
	line-height: 1.4
}
.fs16 {
	font-size: 14px
}

}
@media (max-width: 1440px) {
.fs70 {
	font-size: 48px
}
.fs50 {
	font-size: 38px
}
.fs40 {
	font-size: 28px
}
.fs20 {
	font-size: 16px;
	line-height: 1.5
}

}
@media (max-width: 1380px) {
.fs36 {
	font-size: 24px
}

}

@media (max-width: 1024px) {

.fs70 {
	font-size: 46px
}
.fs50 {
	font-size: 34px
}
.fs40 {
	font-size: 28px
}
.fs36 {
	font-size: 24px
}
.fs30 {
	font-size: 22px
}
.fs24 {
	font-size: 18px
}

.wrap-mrl40 {
	margin-left: 30px;
	margin-right: 30px
}
}
@media (max-width: 650px) {
.wrap-mrl40 {
	margin-left: 20px;
	margin-right: 20px
}
.fs70 {
	font-size: 42px
}
.fs50 {
	font-size: 32px;
	line-height: 1.4
}
.fs40 {
	font-size: 24px
}
.fs36 {
	font-size: 22px
}
.fs30 {
	font-size: 20px
}
.fs24 {
	font-size: 18px
}
.fs20 {
	font-size: 16px
}
.fs18, .fs16, .fs14 {
	font-size: 12px;
	line-height: 1.6
}



.slick-dots button {
	width: 8px;
	height: 8px
}
}
@media (max-width: 500px) {
.fs70 {
	font-size: 30px;
	line-height: 1.3
}
.fs50 {
	font-size: 28px
}
.fs40 {
	font-size: 22px;
	line-height: 1.4
}

}



.index-about-box{ background:rgb(249,249,249,0.6); margin-top:40px; padding-bottom:60px;}

.index-about-box .wrap{}

.neirong{}

.neirong .ibox .itop{padding-top: 50px;}

.irl{position: relative;width:46%;float:left;}

.irl .tt{ font-size:34px; font-weight:bold; text-align:center}

.irl .xian{ text-align:center;}

.irl .xian span{display:inline-block;width: 20%;height: 2px;background:#008fdf ;margin: 40px 0 20px; text-align:center}

/*.irl .xian span:after {content:'';width:100%;height:2px;background:#008fdf;position:absolute;right:0;bottom:0px;z-index:1;}*/

.irl .tc{line-height: 32px;text-align: justify;margin-bottom:10px; font-size:16px;}

.irl a{ background:#008fdf; border:1px solid #008fdf; color:#fff}

.irl a:hover{ background:#fff; color:#008fdf}

.irt{ float:right; width:50%;}



.neirong .ibtm {display: flex;justify-content: space-between;margin-top: 55px;}

.neirong .ibtm li{position: relative;color: #332c2b;width: 20%;padding-left: 5%;}

.neirong .ibtm li:nth-child(1){padding-left: 0;}

.neirong .ibtm li::before{content: '';display: block;width: 2px;height: 48px;background:#d6d5d5 ;position: absolute;left: 0;top: 50%;margin-top: -24px;}

.neirong .ibtm li:nth-child(1):before{display: none;}

.neirong .ibtm li .ltt{color: rgba(51, 44, 43, 0.9);margin-bottom: 20px; font-weight:bold;}

.neirong .ibtm li span{font-family: Helvetica;font-size: 46px;color: #333;line-height: 1;position: relative;top: 5px;display: inline-block;}

.neirong .ibtm li .ltc{opacity: 0.8;}



@media(max-width:1680px){
	.neirong .ibtm li::before{display: none;}
.neirong .ibtm .fs18{ font-size:16px; }

  .neirong .ibtm li{padding: 0;}
  .neirong .ibtm li .counter{font-size: 50px;}
	}




@media (max-width: 960px) {
	.irl{width:100%;float:none;}
	.irt{ width:100%;float:none; margin-top:20px;}
	
	.neirong .ibtm{flex-wrap: wrap;}

  .neirong .ibtm li{width: 50%;text-align: center;margin-bottom: 20px;}

  .neirong .ibtm li .counter{font-size: 30px;}

  .neirong .ibtm li:first-child{width: 100%;}
	
	}







/* a */



.a {

  margin-top: -1px;

  position: relative;

  color: #fff;

  padding: 1.5em 0 0;

}


.a .xian{ text-align:center;}

.a .xian span{display:inline-block;width: 10%;height: 2px;background:#008fdf ;margin: 20px 0 20px; text-align:center}

.a .title-top{ text-align:center}

.a .title-top h3{ line-height:28px;}

.a .black {

  top: 0;

  position: absolute;

  /*background: #333438;*/

  height: 5em;

  width: 100%;

  z-index: -1;

}

.a .tit{ color:#333438; margin-bottom:20px;}

.a h3 {

  color: #989898;

}



.a ul {

  margin-top: 0.5em;

}



.a ul:after {

  content: "";

  display: block;

  clear: both;

}



.a ul li {

  float: left;

  width: 33.33%;

}



.a .cont {

  padding: 0.3em 0.5em 0.6em;

  position: relative;

}



.a li .cont:before {

  content: "";

  display: block;

  background: #0092e0;

  height: 3px;

  position: absolute;

  width: 0%;

  top: 0;

  left: 0;

  transition: all 0.3s;

}



.a .cont h2 {

  color: #363636;

  font-weight: bold;

  margin-bottom: 0.6em;

  position: relative;

}



.a .cont h2::before {

  content: "\e6b9";

  font-family: "ZenIcon";

  font-size: 0.8em;

  vertical-align: middle;

  position: absolute;

  right: 100%;

  top: 50%;

  margin-top: -0.8em;

  margin-right: 0.5em;

}



.a .cont h3 {

  height: 5.4em;

  overflow: hidden;

  line-height: 1.7em;

}



.a li .img {

  transition: background-size 0.3s;

}



.a li a:hover .img {

  background-size: 110% 110%;

}



.a li a:hover .cont:before {

  width: 100%;

}



@media screen and (max-width: 1280px) {

  .a ul {

    margin-top: 1em;

  }

  .a .black {

    height: 8em;

  }

}


@media screen and (max-width: 1024px) {
	.a ul li {

    width: 50%;

  }

  .a .cont {

    padding: 0.6em 1em 1.2em;

  }
	}

@media screen and (max-width: 768px) {
	.a .wrap > h3 br {

    display: none;

  }

  .a ul li {

    width: 100%;

  }
	}






/* 新增 */

.new_b{background:url(../images/bg01.jpg) no-repeat; height:auto;}

.new_b .wrap {
  height: 100%;
  position: relative;
}


.new_b ._sl {
	width:50%;
	float:left;
	margin-top:30px;
}

.new_b ._sl img {
	display:block;
	
}

.new_b ._sr {
  width: 50%;
  margin-left: 50%;
  line-height: 1.5em;
}

.new_b ._sr h2 {
  padding-top: 1em;
  margin-bottom: 1em;
  position: relative;
  display: inline-block;
  color: #000;
}

.new_b ._sr h2::after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  background: #008edf;
  width: 100%;
  height: 6px;
}

.new_b ._sr h3 {
  color: #000;
  margin-bottom: 0.5em;
}


.new_b .info {
  color: #989898;
  line-height: 2em;
}

.new_c ._sl {
  left: auto;
  right: 0;
}

.new_c ._sr {
  margin-left: 0;
}

.new_b .swiper-pagination {
  bottom: 10px;
  width: 50%;
  left: 50%;
  text-align:center;
}


.new_b .swiper-pagination-bullet-active {
	opacity: 1;
	background: #008fdf
}



.new_b .item-txt{ margin-top:25px;}
.new_b .item-txt a{ background:#008fdf; color:#fff; border:1px solid #008fdf}
.new_b .item-txt a:hover{ background:#fff; color:#008fdf}

@media screen and (max-width: 1600px) {
  .new_b ._sr h2 {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 1440px) {
  .new_b ._sr h2 {
    margin-bottom: 1em;
  }
}

@media screen and (max-width: 1024px) {
	
  .new_b{ background:url(../images/bg01.jpg) no-repeat; background-size:100% 100%;}
	
  .new_b .box-ratio {
    height: auto !important;
    padding: 2em 0;
    padding-bottom: 60px;
  }

  .new_b ._sl,
  .new_b ._sr {
    position: static;
    width: auto;
    margin-left: 0;
    transform: translateY(0);
    margin: 1em 0;
	width:100%;
  }
}



.c .btn {

  background: #008edf;

  border: 0;

  color: #fff;

  border-radius: 0;

  padding: 0.6em 1.2em;

  margin-top: 2em;

}

.c .btn:hover {

  background: #329edb;

}



.c {

  padding: 1.5em 0;

}



.c .tit {

  text-align: center;

}



.c .swiper-slide h2 {

  height: 3.4em;

  line-height: 1.7em;

  overflow: hidden;

  position: relative;
  color: #ddd;

}



.c .swiper-slide hr {

  margin: 1em 0;

}



.c .swiper-slide h3 {

  color: #ddd;

  height: 5.1em;

  line-height: 1.7em;

  overflow: hidden;

}



.c .swiper-slide {

  position: relative;

}



.c .swiper-slide a {

  display: block;

  height: 100%;

  width: 100%;

  padding: 0.6em;

}



.c .swiper-slide .bg,

.c .swiper-slide:before {

  opacity: 1;

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  width: 100%;

  height: 100%;

  transition: all 0.3s;

  z-index: -2;

  background: rgba(0, 0, 0, 0.5);

}



.c .swiper-slide .bg {

  background-position: center center;

  background-size: 100% 100%;

}



.c .swiper-slide:before {

  z-index: -1;

}



.c .btn {

  opacity: 0;

  margin-top: 50%;

}



.c .swiper-slide:hover .bg,

.c .swiper-slide:hover .btn,

.c .swiper-slide:hover:before {

  opacity: 1;

}



.c .swiper-container {

  padding-bottom: 1em;

}



.c a:hover,

.c a:hover h3 {

  color: #fff;

}



.c .swiper-container {

  margin-top: 1em;

}


@media screen and (max-width: 1280px) {

 

  .c .swiper-container {

    padding-bottom: 2em;

  }

}

@media screen and (max-width: 1024px) {

  .c .swiper-slide .bg, .c .swiper-slide .btn, .c .swiper-slide:before {
    opacity: 1;
  }

  .c a, .c a h3{
    color: #fff !important;
  }



  .c .swiper-slide .bg {

    background-size: cover;

  }


  .c .btn {

    margin-top: 10%;

  }

  .c .box-ratio {

    height: auto !important;

  }


}




/*.e .btn {

  background: #008edf;

  border: 0;

  color: #fff;

  border-radius: 0;

  padding: 0.6em 1.2em;

  margin-top: 2em;

}

.e .btn:hover {

  background: #329edb;

}*/



.e {

  padding: 1.5em 0;
  background:#fbfbfb;

}



.e .tit {

  text-align: center;

}



.e .swiper-slide h2 {

  height:50px;
  line-height:50px;
  overflow: hidden;
  position: relative;
  color: #333;
  font-size:16px;
  text-align:center;
  white-space: nowrap;
  text-overflow: ellipsis;

}



/*.e .swiper-slide hr {

  margin: 1em 0;

}



.e .swiper-slide h3 {

  color: #ddd;

  height: 5.1em;

  line-height: 1.7em;

  overflow: hidden;

}*/



.e .swiper-slide {

  position: relative;
  
  padding:10px;

}



.e .swiper-slide a {

  display: block;

  height: 100%;

  width: 100%;

  padding:5px;
  
  position:relative;
  
  background:rgb(255,255,255,0.8);
  
  box-shadow:0px 0px 10px rgb(0,0,0,0.4);
  
  z-index:9999
  
  

}



.e .swiper-slide .bg,

.e .swiper-slide:before {

  opacity: 0;

  position: absolute;

  left: 0;

  top: 0;

  content: "";

  width: 100%;

  height: 100%;

  transition: all 0.3s;

  z-index: 0;

  background: rgba(0, 0, 0, 0.1);
  

}

.e .swiper-slide span{ z-index:9999; color:#333; font-size:24px; text-align:center; width:100%; display:inline-block; top:40%; position:absolute;}


.e .swiper-slide:before {

  z-index: 2;

}



.e .btn {

  opacity: 0;



}



.e .swiper-slide:hover .bg,

.e .swiper-slide:hover .btn,

.e .swiper-slide:hover:before {

  opacity: 1;

}



.e .swiper-container {

  padding-bottom: 1em;

}



.e a:hover,

.e a:hover h3 {

  color: #fff;

}



.e .swiper-container {

  margin-top: 1em;

}


@media screen and (max-width: 1280px) {

 

  .e .swiper-container {

    padding-bottom: 2em;

  }

}

@media screen and (max-width: 1024px) {

 /* .e .swiper-slide .bg, .e .swiper-slide .btn, .e .swiper-slide:before {
    opacity: 1;
  }
*/
  .e a, .e a h3{
    color: #fff !important;
  }



 /* .e .swiper-slide .bg {

    background-size: cover;

  }


  .e .btn {

    margin-top: 10%;

  }*/

  .e .box-ratio {

    height: auto !important;

  }


}






.d .swiper-button-next.swiper-button-disabled,.d .swiper-button-prev.swiper-button-disabled{
  display: none;
}



.d {

  padding: 1.5em 0;

  background: #f5f2f0;

}



.d .tit {

  text-align: center;
  margin-bottom:40px;

}



.d .img,

.d .text {

  width: 50%;

  float: right;

}



.d .img {

  transition: background-size 0.3s;

}



.d .text {

  box-sizing: border-box;

  background: #fff;

  position: relative;

  transition: background-color 0.3s;

}



.d .text:after {

  content: "";

  display: block;

  border: 6px solid transparent;

  border-left-color: #fff;

  z-index: 0;

  position: absolute;

  left: 100%;

  top: 50%;

  margin-top: -6px;

  transition: all 0.3s;

}



.d .swiper-slide:nth-child(2n) .text:after {

  border: 6px solid transparent;

  border-right-color: #fff;

  left: auto;

  right: 100%;

}



.d .text .cont {

  position: absolute;

  width: 100%;

  top: 50%;

  transform: translateY(-50%);

  padding: 0.5em;

  text-align: center;

}



.d .text h2 {

  color: #595959;

  margin-bottom: 1em;

  margin-top: -1em;

  transition: color 0.3s;

}



.d .text h3 {

  color: #ababab;

  transition: color 0.3s;
  text-align: left;

}



.d a:hover .text {

  background: #008edf;

}



.d a:hover .text:after {

  border-left-color: #008edf;

}



.d .swiper-slide:nth-child(2n) a:hover .text:after {

  border-left-color: transparent;

  border-right-color: #008edf;

}



.d a:hover .img {

  background-size: 110% 110%;

}



.d a:hover h2,

.d a:hover h3 {

  color: #fff;

}



.d .swiper-slide:nth-child(2n) .img {

  float: left;

}



.d .worm-swiper {

  position: relative;

}



.d .swiper-button-next,

.d .swiper-button-prev {

  width: auto;

  height: auto;

  background: none;

  line-height: 1em;

  left: 0;

  margin-left: -1em;

  color: #a9a9a9;

  margin-top: 0;

  margin-top: -0.5em;

}



.d .swiper-button-next {

  left: auto;

  right: 0;

  margin-right: -1em;

}



.d .swiper-button-next i,

.d .swiper-button-prev i {

  display: block;

  width: 1.5em;

  height: 1.5em;

  text-align: center;

  line-height: 1.5em;

  background: #fff;

  border-radius: 50%;

  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);

}









@media screen and (max-width: 1024px) {



  .d .swiper-button-next {

    margin-right: -0.5em;

  }

  .d .swiper-button-prev {

    margin-left: -0.5em;

  }

}

@media screen and (max-width: 768px) {

  .d .img,

  .d .text,

  .d .swiper-slide:nth-child(2n) .img {

    float: none;

    width: 100%;

  }

  .d .text{
    height: 6em !important;
  }

  .d .text:after,

  .d .swiper-slide:nth-child(2n) .text:after {

    border: 0;

  }

 

}