header {
	width: 100%;
	height: .72rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-width: 12rem;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 2
}

header .wrapper {
	width: 12rem;
	height: .72rem;
	margin: 0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .wrapper .leftCloumn {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 1.2rem
}

header .wrapper .leftCloumn a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .wrapper .leftCloumn img {
	width: .72rem;
	height: .3rem;
	margin-right: .19rem
}

header .wrapper .leftCloumn h2 {
	color: #333;
	font-size: .22rem
}

header .wrapper .rightCloumn {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .wrapper .rightCloumn ul {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

header .wrapper .rightCloumn ul li {
	margin-right: .58rem;
	height: 100%;
	position: relative
}

header .wrapper .rightCloumn ul li>a {
	display: block;
	height: 100%;
	line-height: .72rem;
	color: #333;
	font-size: .16rem
}

header .wrapper .rightCloumn ul li:last-child {
	margin: 0
}

header .wrapper .rightCloumn ul li:hover a {
	color: #f68a23
}

header .wrapper .rightCloumn ul li:hover::after {
	content: "";
	width: 100%;
	height: .04rem;
	background-color: #f68a23;
	position: absolute;
	bottom: 0;
	left: 0
}

header .wrapper .rightCloumn ul li.active {
	position: relative
}

header .wrapper .rightCloumn ul li.active a {
	color: #f68a23
}

header .wrapper .rightCloumn ul li.active::after {
	content: "";
	width: 100%;
	height: .04rem;
	background-color: #f68a23;
	position: absolute;
	bottom: 0;
	left: 0
}

header .wrapper .rightCloumn .time {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 1.46rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

header .wrapper .rightCloumn .time img {
	margin-right: .1rem
}

header .wrapper .rightCloumn .time h3 {
	color: #333;
	font-size: .16rem;
	font-weight: 700;
	margin-bottom: .07rem
}

header .wrapper .rightCloumn .time p {
	color: #999;
	font-size: .12rem
}

header.active {
	-webkit-box-shadow: -.01rem .03rem .07rem 0 rgba(0,0,0,.1);
	box-shadow: -.01rem .03rem .07rem 0 rgba(0,0,0,.1);
	background: #fff
}

section.banner {
	width: 100%;
	height: 6.12rem;
	background: url(../img/index/banner.png) no-repeat center;
	min-width: 12rem;
	background-size: 100% 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

section.banner .content {
	width: 12rem;
	margin: 0 auto
}

section.banner .content h1 {
	letter-spacing: 0;
	color: #000;
	font-size: .42rem;
	font-weight: 700;
	letter-spacing: -.01rem
}

section.banner .content h2 {
	color: #666;
	font-size: .18rem;
	line-height: .37rem;
	margin: .2rem 0 .26rem
}

section.banner .content a {
	display: block;
	width: 1.58rem;
	height: .56rem;
	text-align: center;
	line-height: .56rem;
	background-color: #f68a23;
	border-radius: .06rem
}

section.banner .content a:hover {
	background: #f79639
}

section.banner .content a span {
	display: block;
	font-size: .18rem;
	color: #fff
}

section.banner .content a i.icon {
	display: block;
	width: .23rem;
	height: .23rem;
	background: url(../img/index/icon.png) no-repeat center;
	background-size: 100% 100%
}

section.item {
	min-width: 12rem
}

section.item .titleBox {
	width: 12rem;
	margin: 0 auto;
	text-align: center
}

section.item .titleBox h3 {
	color: #333;
	letter-spacing: .01rem;
	font-size: .36rem;
	margin-bottom: .19rem
}

section.item .titleBox p {
	color: #999;
	font-size: .16rem
}

section.platformAdvantages {
	background: #f7f7f7;
	padding: .89rem 0 1rem
}

section.platformAdvantages .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 12rem;
	margin: .7rem auto 0
}

section.platformAdvantages .list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 3.8rem;
	height: 3.9rem;
	background-color: #fff;
	-webkit-box-shadow: -.01rem .03rem .07rem 0 rgba(0,0,0,.05);
	box-shadow: -.01rem .03rem .07rem 0 rgba(0,0,0,.05);
	border-radius: .04rem;
	padding: .14rem 0;
	margin-right: .3rem
}

section.platformAdvantages .list li:last-child {
	margin: 0
}

section.platformAdvantages .list li img {
	width: 1.66rem;
	height: 1.93rem
}

section.platformAdvantages .list li h4 {
	font-size: .24rem;
	color: #333;
	font-weight: 700;
	margin: .2rem 0
}

section.platformAdvantages .list li p {
	width: 3.8rem;
	color: #666;
	font-size: .18rem;
	line-height: .32rem;
	padding: 0 .32rem 0 .4rem;
	text-align: center
}

section.customization {
	padding: 1rem 0
}

section.customization .customizationList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 12rem;
	margin: 1rem auto 0;
	padding-bottom: .2rem
}

section.customization .customizationList li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-right: .46rem;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

section.customization .customizationList li:last-child {
	margin: 0
}

section.customization .customizationList li>img {
	width: .52rem;
	height: .52rem
}

section.customization .customizationList li .itemBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: .14rem
}

section.customization .customizationList li .itemBox .item .item1 {
	width: .9rem;
	height: .27rem;
	margin-bottom: .08rem
}

section.customization .customizationList li .itemBox .item .item2 {
	width: 1.25rem;
	height: .27rem;
	margin-bottom: 0
}

section.customization .customizationList li .itemBox .item .item3 {
	width: 1.15rem;
	height: .27rem;
	margin-bottom: 0
}

section.customization .customizationList li .itemBox .item h3 {
	font-weight: 700;
	color: #404040;
	font-size: .24rem;
	line-height: .36rem
}

section.customization .customizationList li .itemBox .item h3 span {
	color: #f68a23;
	font-size: .32rem;
	font-weight: 700;
	display: inline-block;
	margin-left: .09rem
}

section.customization .customizationList li .itemBox .iconBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

section.customization .customizationList li .itemBox .iconBox img.number1 {
	width: .85rem;
	height: .63rem;
	margin: 0 .09rem 0 .14rem
}

section.customization .customizationList li .itemBox .iconBox img.number2 {
	width: 1rem;
	height: .63rem;
	margin: 0 .06rem
}

section.customization .customizationList li .itemBox .iconBox img.number3 {
	width: 1.44rem;
	height: .63rem;
	margin: 0 .06rem
}

section.customization .customizationList li .itemBox .iconBox span {
	color: #f68a23;
	font-size: .32rem;
	font-weight: 700
}

section.customization .customizationList li .wrapper {
	font-size: 0;
	padding-left: .17rem
}

section.customization .customizationList li .wrapper p {
	color: #999;
	font-size: .18rem
}

section.customization .button {
	display: block;
	width: 1.78rem;
	height: .56rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: .59rem auto 0;
	background-image: -o-linear-gradient(45deg,#f68a23 0,#ffa045 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#f68a23 0,#ffa045 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal;
	border-radius: .28rem;
	font-size: .18rem;
	color: #fff
}

section.customization .button img {
	margin-left: .12rem;
	width: .23rem;
	height: .23rem
}

section.customization .button:hover {
	background-image: -o-linear-gradient(45deg,#ff9938 0,#ffaf62 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#ff9938 0,#ffaf62 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal
}

section.cooperation {
	width: 100%;
	min-width: 12rem;
	background: url(../img/index/cooperation.png) no-repeat center;
	background-size: 100% 100%;
	width: 100%;
	height: 3.63rem;
	text-align: center;
	padding-top: .8rem
}

section.cooperation h3 {
	font-size: .48rem;
	color: #fff
}

section.cooperation p {
	color: #fff;
	font-size: .22rem;
	margin: .29rem 0 .43rem
}

section.cooperation>a {
	display: block;
	width: 1.78rem;
	height: .56rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: .48rem auto 0;
	background-image: -o-linear-gradient(45deg,#f68a23 0,#ffa045 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#f68a23 0,#ffa045 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal;
	border-radius: .28rem;
	font-size: .18rem;
	color: #fff
}

section.cooperation>a img {
	margin-left: .12rem;
	width: .23rem;
	height: .23rem
}

section.cooperation>a:hover {
	background-image: -o-linear-gradient(45deg,#ff9938 0,#ffaf62 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#ff9938 0,#ffaf62 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal
}

section.productsServices {
	padding-top: .91rem
}

section.productsServices ul.swiperNavigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 12rem;
	margin: .59rem auto 0;
	padding: 0 1.56rem
}

section.productsServices ul.swiperNavigation li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-right: 1.93rem;
	cursor: pointer;
	width: .8rem;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative
}

section.productsServices ul.swiperNavigation li:hover::after {
	content: "";
	width: .8rem;
	height: .04rem;
	background-color: #f68a23;
	margin-top: .13rem;
	position: absolute;
	bottom: 0;
	left: 0
}

section.productsServices ul.swiperNavigation li:last-child {
	margin: 0 0 0 .06rem
}

section.productsServices ul.swiperNavigation li p {
	font-size: .16rem;
	color: #333;
	margin-top: .16rem;
	height: .33rem
}

section.productsServices ul.swiperNavigation li.active {
	position: relative
}

section.productsServices ul.swiperNavigation li.active::after {
	content: "";
	width: .8rem;
	height: .04rem;
	background-color: #f68a23;
	margin-top: .13rem;
	position: absolute;
	bottom: 0;
	left: 0
}

section.productsServices .swiperBox {
	width: 100%;
	height: 6.1rem;
	padding-top: .3rem;
	background-image: -o-linear-gradient(top,#f7f7f7 0,#fff 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#f7f7f7),to(#fff));
	background-image: linear-gradient(180deg,#f7f7f7 0,#fff 100%)
}

section.productsServices .swiper {
	width: 12rem;
	overflow: hidden;
	margin: 0 auto
}

section.productsServices .swiper-slide-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 10rem;
	margin: 0 auto;
	padding-bottom: .1rem
}

section.productsServices .swiper-slide-list li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	width: 3.2rem;
	height: 2.2rem;
	background-color: #fff;
	-webkit-box-shadow: -.01rem .03rem .07rem 0 rgba(0,0,0,.05);
	box-shadow: -.01rem .03rem .07rem 0 rgba(0,0,0,.05);
	border-radius: .04rem;
	padding: .27rem .27rem 0 .38rem;
	margin: .2rem .2rem 0 0
}

section.productsServices .swiper-slide-list li:nth-child(3n) {
	margin: .2rem 0 0 0
}

section.productsServices .swiper-slide-list li img {
	width: .6rem;
	height: .6rem
}

section.productsServices .swiper-slide-list li h4 {
	font-weight: 700;
	font-size: .18rem;
	margin: .17rem 0 .1rem
}

section.productsServices .swiper-slide-list li p {
	color: #666;
	font-size: .14rem;
	line-height: .22rem
}

section.solution ul.swiperNavigation {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 12rem;
	margin: .52rem auto 0
}

section.solution ul.swiperNavigation li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 1.8rem;
	height: 1.03rem;
	border-radius: .16rem .16rem 0 0;
	margin-right: .24rem;
	cursor: pointer;
	position: relative
}

section.solution ul.swiperNavigation li:hover {
	background-color: #fff9f4
}

section.solution ul.swiperNavigation li:hover::after {
	content: "";
	height: .04rem;
	width: 100%;
	background-color: #f68a23;
	position: absolute;
	bottom: 0;
	left: 0
}

section.solution ul.swiperNavigation li:last-child {
	margin: 0
}

section.solution ul.swiperNavigation li img {
	width: .42rem;
	height: .42rem;
	margin-right: .12rem
}

section.solution ul.swiperNavigation li>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

section.solution ul.swiperNavigation li>div h4 {
	font-size: .2rem;
	color: #424242;
	font-weight: 700;
	margin-bottom: .08rem
}

section.solution ul.swiperNavigation li>div p {
	color: #ddd;
	font-size: .12rem;
	font-weight: 700
}

section.solution ul.swiperNavigation li.active {
	background-color: #fff9f4;
	position: relative
}

section.solution ul.swiperNavigation li.active::after {
	content: "";
	height: .04rem;
	width: 100%;
	background-color: #f68a23;
	position: absolute;
	bottom: 0;
	left: 0
}

section.solution .swiperBox {
	width: 100%;
	height: 5.9rem
}

section.solution .swiper {
	width: 12rem;
	overflow: hidden;
	margin: 0 auto
}

section.solution .wrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: .57rem;
	min-width: 12rem
}

section.solution .wrapper .briefIntroduction {
	width: 5rem;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	margin: 0 .66rem 0 .41rem
}

section.solution .wrapper .briefIntroduction .itemTitle {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

section.solution .wrapper .briefIntroduction .itemTitle>div {
	margin-left: .12rem
}

section.solution .wrapper .briefIntroduction .itemTitle>div p {
	color: #ddd;
	font-size: .12rem;
	font-weight: 700;
	margin-bottom: .02rem
}

section.solution .wrapper .briefIntroduction .itemTitle h3 {
	font-size: .24rem;
	color: #424242;
	font-weight: 700;
	margin-bottom: .3rem
}

section.solution .wrapper .briefIntroduction>p {
	line-height: .33rem;
	color: #666;
	font-size: .16rem
}

section.solution .wrapper .briefIntroduction .buttonContainer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: .4rem 0 .32rem
}

section.solution .wrapper .briefIntroduction .buttonContainer>a {
	width: 1.78rem;
	height: .56rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border-radius: .28rem;
	border: solid .01rem #ffa045;
	font-size: .18rem;
	color: #f68a23
}

section.solution .wrapper .briefIntroduction .buttonContainer>a:hover {
	background-image: -o-linear-gradient(45deg,#f68a23 0,#ffa045 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#f68a23 0,#ffa045 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal;
	color: #fff
}

section.solution .wrapper .briefIntroduction .buttonContainer>a:first-child {
	background-image: -o-linear-gradient(45deg,#f68a23 0,#ffa045 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#f68a23 0,#ffa045 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal;
	color: #fff;
	margin-right: .2rem
}

section.solution .wrapper .briefIntroduction .buttonContainer>a:first-child:hover {
	background-image: -o-linear-gradient(45deg,#ff9938 0,#ffaf62 100%),-o-linear-gradient(#000,#000);
	background-image: linear-gradient(45deg,#ff9938 0,#ffaf62 100%),linear-gradient(#000,#000);
	background-blend-mode: normal,normal
}

section.solution .wrapper .briefIntroduction .buttonContainer>a:first-child img {
	margin-left: .11rem;
	width: .23rem;
	height: .23rem
}

section.solution .wrapper .briefIntroduction .tagList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

section.solution .wrapper .briefIntroduction .tagList li {
	height: .28rem;
	text-align: center;
	line-height: .28rem;
	background-color: #f2f2f2;
	border-radius: .04rem;
	margin-right: .1rem;
	margin-bottom: .1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

section.solution .wrapper .briefIntroduction .tagList li a {
	padding: 0 .08rem;
	display: block;
	width: 100%;
	height: 100%;
	font-size: .14rem;
	color: #666
}

section.sidebar {
	width: .52rem;
	background-color: #fff;
	-webkit-box-shadow: 0 .04rem .1rem .02rem rgba(0,0,0,.1);
	box-shadow: 0 .04rem .1rem .02rem rgba(0,0,0,.1);
	border-radius: .1rem 0 0 .1rem;
	position: fixed;
	right: 0;
	top: 50%;
	margin-top: -1.19rem;
	z-index: 2
}

section.sidebar .list .cooperationBox,section.sidebar .list .demonstrationBox,section.sidebar .list .topBox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 100%;
	padding: 0 .13rem
}

section.sidebar .list .cooperationBox>i,section.sidebar .list .demonstrationBox>i,section.sidebar .list .topBox>i {
	margin-bottom: .08rem
}

section.sidebar .list .cooperationBox>.text,section.sidebar .list .demonstrationBox>.text,section.sidebar .list .topBox>.text {
	width: .26rem;
	line-height: .14rem;
	font-size: .12rem
}

section.sidebar .list .cooperationBox {
	height: .89rem;
	position: relative;
	cursor: default
}

section.sidebar .list .cooperationBox:hover .hoverList {
	display: block
}

section.sidebar .list .cooperationBox .hoverList {
	width: 1.84rem;
	height: 3.56rem;
	background-color: #ff9965;
	border-radius: .1rem;
	padding: .3rem .2rem .2rem;
	position: absolute;
	left: -1.94rem;
	top: 0;
	display: none
}

section.sidebar .list .cooperationBox .hoverList h4 {
	color: #fff;
	font-size: .18rem;
	margin-bottom: .22rem;
	text-align: center
}

section.sidebar .list .cooperationBox .hoverList ul li {
	background-color: #ffa87c;
	border-radius: .04rem;
	margin-bottom: .1rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

section.sidebar .list .cooperationBox .hoverList ul li:hover {
	background-color: #ffb894
}

section.sidebar .list .cooperationBox .hoverList ul li a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 1.44rem;
	height: .4rem;
	padding: .1rem .14rem;
	border-radius: .04rem
}

section.sidebar .list .cooperationBox .hoverList ul li img {
	width: .2rem;
	height: .2rem;
	margin-right: .1rem
}

section.sidebar .list .cooperationBox .hoverList ul li span {
	display: block;
	font-size: .14rem;
	color: #fff
}

section.sidebar .list .cooperationBox .hoverList .button {
	display: block;
	width: 1.44rem;
	height: .4rem;
	text-align: center;
	line-height: .4rem;
	background-color: #fff;
	border-radius: .04rem;
	color: #f68a23;
	font-size: .14rem;
	margin-top: .36rem
}

section.sidebar .list .cooperationBox .hoverList .button:hover {
	background-color: #e8e8e8
}

section.sidebar .list .cooperationBox .hoverList::after {
	content: "";
	height: .9rem;
	width: .14rem;
	position: absolute;
	right: -.14rem;
	top: 0
}

section.sidebar .list .cooperationBox:hover .cooperation {
	background: url(../img/index/sidebar/cooperation_h.png) no-repeat center;
	background-size: 100% 100%
}

section.sidebar .list .cooperationBox:hover .text {
	color: #f68a23
}

section.sidebar .list .cooperationBox::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: .08rem;
	width: .37rem;
	height: .01rem;
	border-bottom: .01rem dashed #ddd
}

section.sidebar .list .demonstrationBox {
	height: .89rem;
	position: relative
}

section.sidebar .list .demonstrationBox:hover .demonstration {
	background: url(../img/index/sidebar/demonstration_h.png) no-repeat center;
	background-size: 100% 100%
}

section.sidebar .list .demonstrationBox:hover .text {
	color: #f68a23
}

section.sidebar .list .demonstrationBox:hover .detailsWrapper {
	display: block
}

section.sidebar .list .pseudoClass::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	margin-left: .08rem;
	width: .37rem;
	height: .01rem;
	border-bottom: .01rem dashed #ddd
}

section.sidebar .list .topBox {
	height: .58rem;
	cursor: pointer;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

section.sidebar .list .topBox:hover .top {
	background: url(../img/index/sidebar/top_h.png) no-repeat center;
	background-size: 100% 100%
}

section.sidebar .list .cooperation {
	display: block;
	background: url(../img/index/sidebar/cooperation.png) no-repeat center;
	background-size: 100% 100%;
	width: .25rem;
	height: .25rem
}

section.sidebar .list .demonstration {
	display: block;
	background: url(../img/index/sidebar/demonstration.png) no-repeat center;
	background-size: 100% 100%;
	width: .25rem;
	height: .25rem
}

section.sidebar .list .top {
	display: block;
	background: url(../img/index/sidebar/top.png) no-repeat center;
	background-size: 100% 100%;
	width: .25rem;
	height: .25rem
}

section.sidebar .list p {
	color: #666;
	font-size: .12rem
}

section.sidebar .detailsWrapper {
	width: 3.36rem;
	height: 3.56rem;
	background-color: #fff;
	border-radius: .04rem;
	padding: .3rem;
	-webkit-box-shadow: 0 .04rem .1rem .02rem rgba(0,0,0,.1);
	box-shadow: 0 .04rem .1rem .02rem rgba(0,0,0,.1);
	position: absolute;
	left: -3.46rem;
	top: 0;
	display: none
}

section.sidebar .detailsWrapper::after {
	content: "";
	width: .14rem;
	height: .9rem;
	position: absolute;
	right: -.14rem;
	top: 0
}

section.sidebar .detailsWrapper>ul li {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-bottom: .2rem
}

section.sidebar .detailsWrapper>ul li>div {
	font-size: 0
}

section.sidebar .detailsWrapper>ul li>img {
	margin-right: .13rem;
	width: .2rem;
	height: .2rem
}

section.sidebar .detailsWrapper>ul li h6 {
	color: #333;
	font-size: .14rem;
	margin-bottom: .14rem;
	padding-top: .03rem
}

section.sidebar .detailsWrapper>ul li a,section.sidebar .detailsWrapper>ul li p {
	color: #999;
	font-size: .12rem
}

section.sidebar .detailsWrapper>ul li a span,section.sidebar .detailsWrapper>ul li p span {
	color: #f68a23
}

section.sidebar .detailsWrapper>ul li .code {
	width: 1.1rem;
	height: 1.1rem;
	background-color: #fff;
	border-radius: .04rem;
	border: solid .01rem #ddd;
	margin-left: .31rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

section.sidebar .detailsWrapper>ul li .code img {
	width: 1.06rem;
	height: 1.06rem
}

section.dialog {
	width: 5.66rem;
	height: 2.78rem;
	background-color: #fff;
	-webkit-box-shadow: 0 .05rem .22rem .04rem rgba(0,0,0,.1);
	box-shadow: 0 .05rem .22rem .04rem rgba(0,0,0,.1);
	border-radius: .1rem;
	position: fixed;
	z-index: 3;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%)
}

section.dialog .close {
	position: absolute;
	right: .16rem;
	top: .16rem;
	cursor: pointer
}

section.dialog .close i {
	display: block;
	background: url(../img/index/dialog/close.png) no-repeat center;
	background-size: 100% 100%;
	width: .16rem;
	height: .16rem
}

section.dialog .close:hover i {
	background: url(../img/index/dialog/close_h.png) no-repeat center;
	background-size: 100% 100%
}

section.dialog .dialogWrapper {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

section.dialog .codeWrapper {
	margin: .31rem .14rem 0 .35rem
}

section.dialog .codeWrapper .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

section.dialog .codeWrapper .title>img {
	width: .32rem;
	height: .32rem
}

section.dialog .codeWrapper .title .introduce {
	text-align: center;
	margin-left: .16rem
}

section.dialog .codeWrapper .title .introduce h5 {
	color: #666;
	font-size: .16rem;
	font-weight: 700;
	margin-bottom: .07rem
}

section.dialog .codeWrapper .title .introduce p {
	font-size: .12rem;
	color: #999
}

section.dialog .codeWrapper .code {
	width: 1.4rem;
	height: 1.4rem;
	background-color: #fff;
	border-radius: .1rem;
	border: solid .01rem #efefef;
	margin: .14rem 0 0 .48rem;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

section.dialog .codeWrapper .code img {
	width: 1.34rem;
	height: 1.34rem
}

section.dialog .codeWrapper>p {
	font-size: .12rem;
	color: #999;
	margin: .17rem 0 0 .2rem;
	width: 1.9rem
}

section.dialog .codeWrapper>p span {
	font-size: .12rem;
	color: #f68a23
}

section.dialog .contactInformation {
	position: relative;
	padding-left: .4rem;
	margin-top: .34rem
}

section.dialog .contactInformation>div {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 0;
	margin-bottom: .45rem
}

section.dialog .contactInformation>div:last-child {
	margin: 0
}

section.dialog .contactInformation>div img {
	width: .32rem;
	height: .32rem;
	margin-right: .12rem
}

section.dialog .contactInformation>div h5 {
	font-size: .16rem;
	color: #666;
	font-weight: 700;
	margin-bottom: .22rem;
	padding-top: .06rem
}

section.dialog .contactInformation>div a {
	color: #f68a23;
	font-size: .28rem
}

section.dialog .contactInformation>div a.tel {
	letter-spacing: -.01rem;
	cursor: default
}

section.dialog .contactInformation::after {
	content: "";
	height: 1.86rem;
	width: .01rem;
	border-left: .01rem dashed #ddd;
	position: absolute;
	left: 0;
	top: 0
}

footer.footer {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	background-color: #333135;
	min-width: 12rem;
	height: .6rem
}

footer.footer>p {
	font-size: .12rem;
	color: #666;
	text-align: center;
	padding: .24rem 0
}

footer.footer>p a {
	font-size: .12rem;
	color: #666
}

footer.footer>p a:hover {
	color: #fff
}

footer.footer>p a.recordNo {
	margin-left: .14rem
}

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,input,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font-weight: 400;
	vertical-align: baseline
}

img {
	background-size: 100% 100%
}

article,aside,details,figcaption,figure,footer,header,menu,nav,section {
	display: block
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 0
}

body {
	line-height: 1
}

blockquote,q {
	quotes: none
}

blockquote:after,blockquote:before,q:after,q:before {
	content: none
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

a {
	color: #7e8c8d;
	text-decoration: none;
	-webkit-backface-visibility: hidden
}

li {
	list-style: none
}

body,html {
	width: 100%;
	height: 100%;
	font-family: '微软雅黑'
}

body {
	-webkit-text-size-adjust: none;
	-webkit-tap-highlight-color: transparent
}

html {
	-ms-touch-action: manipulation;
	touch-action: manipulation
}

input {
	-moz-appearance: none;
	appearance: none;
	-webkit-appearance: none
}

i {
	display: block
}

.clear {
	clear: both
}

.clear:after {
	content: "020";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden
}

input::-ms-clear,input::-ms-reveal {
	display: none
}

.none {
	display: none!important
}

.mask {
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .5;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2
}

.hidden {
	overflow: hidden
}

html {
	font-size: 5.20833vw
}

@media screen and (min-width:0px) and (max-width:1920px) {
	html {
		font-size: 5.20833vw
	}

	section.banner {
		width: 100%;
		height: 612px;
		background: url(../img/index/banner.png) no-repeat center;
		min-width: 1200px
	}
}

.swiper-container {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}

.swiper-container-no-flexbox .swiper-slide {
	float: left
}

.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0)
}

.swiper-container-multirow>.swiper-wrapper {
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	transition-property: transform,-webkit-transform
}

.swiper-slide-invisible-blank {
	visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
	height: auto
}

.swiper-container-autoheight .swiper-wrapper {
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	transition-property: transform,height;
	transition-property: transform,height,-webkit-transform
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: -o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: -o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: -o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
	background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {
	-ms-touch-action: pan-x;
	touch-action: pan-x
}

.swiper-button-next,.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
	opacity: .35;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto
}

.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")
}

.swiper-button-lock {
	display: none
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .3s opacity;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33);
	position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	-ms-transform: scale(1);
	transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(.66);
	-ms-transform: scale(.66);
	transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(.33);
	-ms-transform: scale(.33);
	transform: scale(.33)
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000;
	opacity: .2
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff
}

.swiper-container-vertical>.swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0,-50%,0);
	transform: translate3d(0,-50%,0)
}

.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px
}

.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top;
	-webkit-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	-webkit-transition: .2s transform,.2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top,.2s -webkit-transform;
	transition: .2s transform,.2s top,.2s -webkit-transform
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap
}

.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s left,.2s -webkit-transform;
	transition: .2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left;
	-webkit-transition: .2s transform,.2s left;
	transition: .2s transform,.2s left;
	-webkit-transition: .2s transform,.2s left,.2s -webkit-transform;
	-o-transition: .2s transform,.2s left,.2s -webkit-transform;
	transition: .2s transform,.2s left,.2s -webkit-transform
}

.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	-webkit-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	-webkit-transition: .2s transform,.2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right,.2s -webkit-transform;
	transition: .2s transform,.2s right,.2s -webkit-transform
}

.swiper-pagination-progressbar {
	background: rgba(0,0,0,.25);
	position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-transform-origin: right top;
	transform-origin: right top
}

.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}

.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #fff
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255,255,255,.25)
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #fff
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0,0,0,.25)
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000
}

.swiper-pagination-lock {
	display: none
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0,0,0,.1)
}

.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}

.swiper-container-vertical>.swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0,0,0,.5);
	border-radius: 10px;
	left: 0;
	top: 0
}

.swiper-scrollbar-cursor-drag {
	cursor: move
}

.swiper-scrollbar-lock {
	display: none
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	text-align: center
}

.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}

.swiper-slide-zoomed {
	cursor: move
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	-ms-transform-origin: 50%;
	transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12,end) infinite;
	animation: swiper-preloader-spin 1s steps(12,end) infinite
}

.swiper-lazy-preloader:after {
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube {
	overflow: visible
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	transform-origin: 0 0;
	width: 100%;
	height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: .6;
	-webkit-filter: blur(50px);
	filter: blur(50px);
	z-index: 0
}

.swiper-container-flip {
	overflow: visible
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px
}