.swiper-section .main{max-width:1200px; margin:40px auto;}
.swiper-section .title{font-size:24px; margin-bottom: 15px;}
.swiper-section .swiper-section .w-imgText{ position:relative; overflow: visible;}
.swiper-section .w-imgText ul,.swiper-section .w-imgText li{ list-style:none; padding:0; margin:0;}
.swiper-section .w-imgText .item{ position:relative;}
.swiper-section .w-imgText .item > a{ display:block; position:absolute; left:0; top:0; right:0; bottom:0; z-index:2;}
.swiper-section .w-imgText .swiperBox{ overflow: hidden; padding-right: 4%;}
.swiper-section .w-imgText .imTB{ overflow:hidden;}
.swiper-section .w-imgText .img{ width:50%;}
.swiper-section .w-imgText .img img{width:100%; }
.swiper-section .w-imgText .textB{ position:absolute; left:50%; right:0; top:0; bottom:0;padding:15px 4%; line-height:1.7;}
.swiper-section .w-imgText .textB .bg_x{ position:absolute; left:0; right:0; top:0; bottom:0; z-index:0;}
.swiper-section .w-imgText .textB .text_x{ position:relative; z-index:1;max-height: 100%; overflow:hidden; }
.swiper-section .w-imgText .textB .text_x .tt_h{font-size:20px; color:#333;font-weight:bold; line-height:1.5; margin-bottom:0.5em;}
.swiper-section .w-imgText .textB .text_x p{ color:#808080;}
.swiper-section .w-imgText .textB .text_x .btn{margin-top:2em; line-height: 2.5; padding: 0 3em; display: inline-block; border: 1px solid #bbb; color:#333;}
.swiper-section .w-imgText .igt_page{position: absolute; z-index: 10; left: auto; width: auto; right: 0; top: -65px; font-size: 20px; color: #999;}
.swiper-section .w-imgText .igt_page span.on{ color: #222; font-size: 200%;}
.swiper-section .igt_page_text{ margin-top: 25px;}
.swiper-section .igt_page_text ul, .swiper-section .igt_page_text li{ list-style: none; padding: 0; margin: 0;}
.swiper-section .igt_page_text li{ float: left; text-align: center; overflow: hidden; opacity: 0.5; cursor: pointer;}
.swiper-section .igt_page_text li:hover,.swiper-section .igt_page_text li.on{opacity: 1;}
.swiper-section .igt_page_text li .item_span{ display: inline-block; *display:inline; *zoom:1; padding: 0 1em 0 0; position: relative;}
.swiper-section .igt_page_text li .item_span:before,.swiper-section .igt_page_text li .item_span:after{ content: ''; position: absolute; height: 1px; width:600px; top: 50%; background: #e3e7ed;}
.swiper-section .igt_page_text li .item_span:before{ right:100%;}
.swiper-section .igt_page_text li .item_span:after{ left: 100%;}
.swiper-section .igt_page_text li .item_span > div{display: inline-block; *display:inline; *zoom:1; vertical-align: middle;}
.swiper-section .igt_page_text li .item_span .num{ width:1em; color: #f4f6f9; visibility: hidden; font-size: 100px; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;}
.swiper-section .igt_page_text li .item_span .tit{ margin-left: 0.5em; font-size: 16px;}
.swiper-section .igt_page_text li:hover .item_span .num,.swiper-section .igt_page_text li.on .item_span .num{visibility: visible;}
.swiper-section .igt_page_text li .item_span .adore{ display: block; width:1em; height: 1em; background:#e0e0e0; border-radius: 50%; -webkit-border-radius: 50%; position: absolute; top:50%; margin-top:-0.5em; left:77px;}
.swiper-section .igt_page_text li.on .item_span .adore{background:#f60;}

.top {
	background-image: url("/goods/imgs/banne1.jpg");
	background-size: 100% 100%;
	background-repeat: no-repeat;
	height: calc(100vh - 83px);
	max-height: calc( 100vw );
	display: flex;
	justify-content: center;
}

.top .banner-text {
	letter-spacing: 3rem;
	margin-top: 200px;
	font-size: 96px;
	color: #ffffff;
}
.main .content {
	min-height: 200px;
	font-size: 30px;
	text-align: center;
}

.main .content .et-slide img {
	margin: 30px 0 0;
}

.main .content .et-slide h3 {
}

.main .content-title {
	height: 200px;
}

.main .content-1 {
	height: 200px;
	background-color: rgb(247, 247, 249);
}

.main .et-main img {
	width: 100%;
	max-height: 560px;
}

.main .card-content img {
	width: 100%;
}
.super-title{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 100vh;
	max-height: calc( 100vw );
	position: relative;
	background: #eee;
	text-align: center;
	padding: 0 2em;
}
.super-title h1{
	letter-spacing: 1rem;
	font-size: 3rem;
}
@media (max-width:1200px){
    .swiper-section .title{ padding-left:15px;}
}
@media (max-width:1050px){
    .swiper-section .igt_page_text li .item_span .num{ font-size: 64px;}
	.swiper-section .igt_page_text li .item_span .adore{ left: 47px;}
}
@media (max-width:860px){
    .swiper-section .w-imgText .igt_page{ display: none;}
	.swiper-section .w-imgText .swiperBox{ padding-right: 0;}
	.swiper-section .w-imgText li{width:100%;}
	.swiper-section .w-imgText .img{width:100%;}
	.swiper-section .w-imgText .textB{position: relative; left:0; padding:1.2em 4%;}
	.swiper-section .w-imgText .textB .text_x{ top:0; transform:none; -webkit-transform:none;}
	:root .swiper-section .w-imgText .textB .text_x{ top:0;}
    .swiper-section .igt_page_text{ margin-top:0; line-height: 1.3;}
	.swiper-section .igt_page_text li .item_span .num{ font-size: 50px;}
	.swiper-section .igt_page_text li .item_span .adore{ left: 34px;}
}
@media (max-width:767px){
    .swiper-section .igt_page_text li .item_span{ padding: 0 1em;}
	.swiper-section .igt_page_text li .item_span .tit{ display: none;}
	.swiper-section .igt_page_text li .item_span .adore{left: 50%; margin-left: -0.5em;}
}
@media (max-width:480px){
    body{font-size:4vw;}
    .title{font-size:6vw;}
    .swiper-section .w-imgText .textB .text_x .tt_h{ font-size: 6vw;}
   .swiper-section .igt_page_text li .item_span .num{ font-size: 14vw;}
}


.content-3 img{
	width: 100%;
}