/*banner*/
.banner .swiper-wrapper .swiper-slide {
    width: 100%; height: 7.32rem;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 0;
}
.banner .swiper-wrapper .swiper-slide:nth-of-type(3n-1) {
    background-image: url(../images/banner01.jpg);
}
.banner .swiper-wrapper .swiper-slide:nth-of-type(3n) {
    background-image: url(../images/banner02.jpg);
}
.banner .swiper-wrapper .swiper-slide:nth-of-type(3n-2) {
    background-image: url(../images/banner03.jpg);
}
.banner .banner-text {
    position: absolute;
    left: 11.77%; top: 12.6vw; 
    width: 8rem;
}
.banner .line1 {
    font-family: ITC Avant;
	font-size: .35rem;
    color: #fff;
    line-height: .5rem;
    text-transform: uppercase;
}
.banner .line1 .small {
	font-size: .12rem;
	vertical-align: top;
	line-height: 3;
}
.banner .line2 {
    font-size: .14rem;
    color: #fff;
    line-height: .32rem;
}
.banner .line3 { 
	margin-top: .12rem;
	mix-blend-mode: multiply;
}
.banner .button {
    margin-top: .34rem;
    font-size: .16rem;
    width: 2.3rem; height: .42rem;
    line-height: .42rem;
    text-align: center;
    display: block;
    border-radius: .18rem;
    color: #fff;
    transition: all .4s ease-in-out;
    background-color: var(--mainColor);
    box-shadow: -.06rem 0 .15rem rgba(0, 0, 0, .2);
    border: 1px solid transparent;
}
.banner .button:hover {
    border: 1px solid #fff;
}
#banner .swiper-button-prev,
#banner .swiper-button-next {
    background-image: unset;
    position: absolute;
    left: unset; top: unset;
    right: .2rem; bottom: .34rem;
    background-color: #fff;
    width: .64rem; height: .46rem;
    text-align: center;
    line-height: .46rem;
    font-size: .2rem;
    color: #222;
}
#banner .swiper-button-prev {
    right: .84rem;
}
#banner .swiper-button-prev:after {
    content: '';
    position: absolute;
    width: 1px; height: .24rem;
    border-right: 1px solid #ccc;
    top: 50%; right: 0;
    transform: translateY(-50%);
}
#banner .swiper-button-prev:hover,
#banner .swiper-button-next:hover {
    color: var(--mainColor)
}
#banner.swiper-container-horizontal > .swiper-pagination-bullets {
    margin-bottom: .48rem;
}
#banner.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 .1rem;
    width: .25rem; height: .35rem;
    border-radius: 0;
    opacity: 1;
    background: url(/images/drop.png) no-repeat center;
    background-size: cover;
}
#banner.swiper-container-horizontal > .swiper-pagination-bullets > .swiper-pagination-bullet-active {
    background-image: url(/images/drop-white.png);
}

.index-digit {
	margin: 1.6rem 0 1.67rem;
}
.index-digit .main {
	font-size: 0;
}
.index-digit .main::after {
	content: '';
	width: 0; height: 0;
	display: block;
	clear: both;
}
.index-digit .left {
	width: 3.5rem;
	vertical-align: top;
	display: inline-block;
}
.index-digit .left .gene {
	margin-bottom: .39rem;
	color: var(--mainColor);
	line-height: 1;
	text-align: center;
}
.index-digit .left .gene img {
	margin-right: .3rem;
}
.index-digit .left p {
	font-size: .31rem;
	font-family: 'ITC Avant Garde Gothic LT Book';
	color: #2e2e2e;
}
.index-digit .right {
	width: 8.6rem;
	float: right;
	vertical-align: top;
	display: inline-block;
}
.index-digit .right ul::after {
	content: '';
	display: block;
	width: 0; height: 0;
	clear: both;
}
.index-digit .right ul li {
	margin-bottom: .39rem;
	float: left;
	width: 48%; 
	font-size: .24rem;
	font-family: BauhausItcTEEMed;
	color: #787878;
}
.index-digit .right ul li:nth-of-type(2n-1) {
	margin-right: 2%;
}
.index-digit .right ul li i {
	margin-right: .15rem;
	font-size: .38rem;
	position: relative;
}
.index-digit .right ul li .number {
	font-size: .4rem;
}
.index-digit .right ul li p {
	margin-top: .1rem;
	color: #5a5a5a;
	font-size: .16rem;
	font-family: calibri;
}

.index-company {
	width: 100%; height: 5.05rem;
	position: relative;
}
.index-company::after {
	content: '';
	width: 0; height: 0;
	display: block;
	clear: both;
}
.index-company img {
	max-width: 100%; height: 100%;
	object-fit: cover;
	object-position: center;
}
.index-company .left {
	width: 61.04%; height: 5.05rem;
	float: left;
}
.index-company .right {
	width: 37.19%; height: 5.05rem;
	float: right;
}
.index-company .text {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
}
.index-company .text .title {
	margin-bottom: .6rem;
	font-family: ITC Avant Garde Gothic LT Book;
	font-size: .24rem;
	color: #fff;
	position: relative;
	line-height: 1;
}
.index-company .text .title::after {
	content: '';
	width: .36rem; height: 3px;
	background-color: #91c9e9;
	bottom: -.33rem; left: 0;
	position: absolute;
}
.index-company .text p {
	font-size: .16rem;
	font-family: Calibri;
	color: #fff;
	width: 6.4rem;
	line-height: 1.5;
}
.index-company .text .button {
	margin-top: .35rem;
	width: 2.16rem; height: .47rem;
	border-radius: .2rem;
	text-align: center;
	line-height: .47rem;
	font-size: .16rem;
	display: block;
	background-color: var(--mainColor);
	color: #fff;
	text-transform: uppercase;
	box-shadow: 0 0 .1rem rgba(0, 0, 0, .2);
}
.index-product {
	padding: .8rem 0;
	box-sizing: border-box;
	background: url(/images/index-product-bg.jpg) no-repeat;
	background-position: right bottom;
}
.index-product .title {
	margin-bottom: .3rem;
	font-size: .32rem;
	text-align: center;
	color: #2e2e2e;
	line-height: 1;
	font-family: ITC Avant Garde Gothic LT Book;
}
.index-product .subtitle {
	width: 5.7rem;
	margin: 0 auto .35rem;
	font-size: .16rem;
	color: #5a5a5a;
	text-align: center;
	line-height: .2rem;
	font-family: Calibri;
}
#index-product {
	position: relative;
	padding-bottom: .44rem;
}
#index-product img {
	width: 3.16rem;
}
#index-product .name {
	padding: 0 .1rem;
	box-sizing: border-box;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, .25);
	color: #fff;
	font-size: .16rem;
	white-space: nowrap;
	display: block;
	text-align: center;
	line-height: 2.5;
}
#index-product .name br {
	display: none;
}
#index-product .swiper-slide:hover .name {
	background-color: #999;
}
.index-product .icon-back,
.index-product .icon-next {
	position: absolute;
	bottom: 0; right: 0;
	width: .64rem; height: .4rem;
	color: var(--mainColor);
	background-color: #fff;
	font-size: .24rem;
	text-align: center;
	line-height: .4rem;
	z-index: 1;
	border: 1px solid #ddd;
	box-sizing: border-box;
	cursor: pointer;
}
.index-product .icon-back {
	right: .64rem;
	background-color: var(--mainColor);
	color: #fff;
}
.index-product .button {
	margin: .34rem auto 0;
    font-size: .16rem;
    width: 2.3rem; height: .42rem;
    line-height: .42rem;
    text-align: center;
    display: block;
    border-radius: .18rem;
    color: #fff;
    transition: all .4s ease-in-out;
    background-color: var(--mainColor);
    box-shadow: -.06rem 0 .15rem rgba(0, 0, 0, .2);
    border: 1px solid transparent;
    text-transform: uppercase;
}
.index-product .button:hover {
    border: 1px solid #fff;
}
.index-ce {
	padding: .45rem 0 .25rem;
	box-sizing: border-box;
	width: 100%; height: 4.68rem;
	background: url(/images/index-ce-bg.jpg) no-repeat center / cover;
	position: relative;
}
#index-ce {
	padding-bottom: .42rem;
}
#index-ce .swiper-slide {
	height: 3.31rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
#index-ce img {
	width: 100%;
}
.index-ce .swiper-pagination {
	bottom: 0;
}
.index-ce .swiper-pagination-bullet {
	width: .1rem; height: .1rem;
	border: 1px solid #000;
	background: transparent;
	opacity: 1;
}
.index-ce .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 .06rem;
}
.index-ce .swiper-pagination-bullet-active {
	border-color: var(--mainColor);
}
.index-ce .iconfont {
    font-size: .26rem;
    font-weight: bold;
    color: var(--mainColor);
    position: absolute;
    top: 40%; right: 6%;
    width: .46rem; height: .8rem;
    line-height: .8rem;
    text-align: center;
    background-color: rgba(255, 255, 255, .4);
    outline: none;
	cursor: pointer;
	z-index: 1;
}
.index-ce .icon-back {
	left: 6%;
}
.index-bottom-menu {
	height: 2.8rem;
	position: relative;
	background-color: #fff;
}
.index-bottom-menu .info {
	padding-top: .2rem;
	font-size: 0;
}
.index-bottom-menu .info::after {
	content: '';
	display: block;
	width: 0; height: 0;
	clear: both;
}
.index-bottom-menu .info .left {
	width: 5.5rem;
	word-break: break-all;
	font-size: .16rem;
	display: inline-block;
	vertical-align: top;
	float: left;
}
.index-bottom-menu .info .left img {
	margin-right: .1rem;
	width: .6rem; height: .7rem;
	float: left;
}
.index-bottom-menu .info .left .ch {
	margin-top: .16rem;
	display: block;
	font-size: .16rem;
	color: var(--mainColor);
	line-height: 1.8;
	letter-spacing: 1px;
	font-weight: bold;
}
.index-bottom-menu .info .left .en {
	font-size: .14rem;
	color: var(--mainColor);
	line-height: 1.8;
	letter-spacing: -1px;
}
.index-bottom-menu .info .left .text {
	margin-top: .4rem;
	padding-left: .48rem;
	box-sizing: border-box;
	line-height: .3rem;
}
.index-bottom-menu .info .left .text > div {
	position: relative;
	color: #5a5a5a;
	margin-bottom: .1rem;
}
.index-bottom-menu .info .left .text .two-line {
	padding: .08rem 0;
	line-height: .25rem;
	display: block;
}
.index-bottom-menu .info .left .text i {
	position: absolute;
	left: -.4rem; top: 50%;
	transform: translateY(-50%);
	font-size: .26rem;
	color: var(--mainColor);
}
.index-bottom-menu .info .left .text a {
	color: #5a5a5a;
}
.index-bottom-menu .info .world-map {
	position: absolute;
	right: 0; top: 0;
	width: 55vw; height: 100%;
	background-color: #fff;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.index-bottom-menu .info .world-map img {
	width: 7.2rem;
}


@media screen and (max-width: 834px) {
.banner .swiper-wrapper .swiper-slide {
	height: 4.8rem;
	background-size: cover;
}
.banner .banner-text {
	padding: 0 6%;
	box-sizing: border-box;
	width: 100%;
	left: 0; top: 50%;
	transform: translateY(-50%);
}
.banner .line1 {
	font-size: .24rem;
	line-height: 1.5;
}
.banner .line2 {
	line-height: 1.5;
}
.banner .line3 img {
	max-width: 100%;
}
.banner .button {
	width: 1.5rem; height: .38rem;
	line-height: .38rem;
	border-radius: .1rem;
}
#banner.swiper-container-horizontal > .swiper-pagination-bullets {
	margin-bottom: .1rem;
}
.banner .swiper-wrapper .swiper-slide:nth-of-type(3n) {
	background-position: 65%;
}
.banner .swiper-wrapper .swiper-slide:nth-of-type(3n-2) {
	background-position: 76%;
}
.index-digit {
	margin: .4rem 0;
}
.index-digit .left {
	margin-bottom: .2rem;
	width: 100%;
	text-align: center;
}
.index-digit .left .gene {
	margin-bottom: .2rem;
}
.index-digit .left .gene img {
	margin: 0;
	width: 1.4rem;
}
.index-digit .left p {
	font-size: .17rem;
}
.index-digit .right {
	float: unset;
	width: 100%;
}
.index-digit .right ul li {
	width: 100%;
	margin: 0 0 .18rem 0!important;
	font-size: .18rem;
	min-height: unset;
}
.index-digit .right ul li i {
	font-size: .28rem;
}
.index-digit .right ul li .number {
	font-size: .28rem;
}
.index-digit .right ul li p {
	margin-top: .04rem;
}
.index-company {
	height: 6rem;
	overflow: hidden;
}
.index-company .left {
	width: 100%; height: 3.5rem;
	float: unset;
}
.index-company .right {
	width: 100%; height: 3rem;
	float: unset;
}
.index-company .right img {
	height: auto; width: 100%;
}
.index-company .text {
	top: .4rem; left: 6%;
	width: 88%;
	transform: translate(0, 0);
}
.index-company .text .title {
	margin: 0 0 .4rem 0;
}
.index-company .text .title::after {
	bottom: -.2rem;
}
.index-company .text p {
	width: 100%;
	font-size: .14rem;
	line-height: 1.6;
}
.index-company .text .button {
	display: none;
}
.index-product .title {
	margin-bottom: .2rem;
	font-size: .26rem;
}
.index-product .subtitle {
	width: 100%;
	font-size: .14rem;
}
#index-product img {
	width: 100%;
}
#index-ce .swiper-slide {
	text-align: center;
	height: 3.6rem;
}
#index-ce .swiper-slide img {
	max-height: 100%; width: auto;
	max-width: 100%;
}
.index-bottom-menu {
	height: auto;
}
.index-bottom-menu .info {
	padding: .4rem 0 .25rem;
}
.index-bottom-menu .info ul {
	display: none;
}
.index-bottom-menu .info .left {
	width: 100%;
	float: unset;
}
.index-bottom-menu .info .left .text {
	word-break: break-word;
}
.index-bottom-menu .info .world-map {
	position: relative;
	margin: .15rem 0 0 0;
	width: 100%;
}
.index-bottom-menu .info .world-map img {
	width: 100%;
}


}