* {
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
}

a:visited {
	color: #3B3B3BFF;
}

ul {
	list-style-type: none;
}

.son-nav {
	left: 21.5%;
}

.btg img {
	width: 100%;
}
html{
	font-size: 5.208vw;
	font-family:Helvetica, Arial, PingFang SC, Microsoft Yahei, sans-serif;
}

/* @media screen and (min-width: 1200px) { */
	body {
		background-color: #fff;
	}

	.ha {
		width: 100%;
		height: 100%;
	}

	#header {
		width: 100%;
		margin: auto;
	}

	.ina1 {
		color: #f36f3a;
		height: 0.77rem;
		line-height: 0.77rem;
		font-size: 0.20rem;
		border-bottom: 0.03rem solid #f36f3a;
	}

	.center {
		width: 80%;
		height: 2.15rem;
		margin: 1rem auto !important;
		position: relative;
	}

	.centA {
		width: 100%;
		height: 1.51rem;
		margin: auto;
		font-size: 1rem;
		opacity: 0.05;
		text-align: center;
		position: absolute;
		top: 0;
		/* font-family: "Noto Sans SC";
	     font-weight: 100; */
	}

	.centB {
		margin: auto;
		font-size: 0.38rem;
		padding-top: 0.6rem;
		color: #333333FF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.centB img {
		width: 0.41rem;
		height: 0.41rem;
		margin-right: 0.2rem;
	}


	.center1 {
		width: 80%;
		height: 2.15rem;
		margin: auto;
		margin-top: 1rem;
		margin-bottom: 0.6rem;
		position: relative;
	}

	.centA1 {
		width: 100%;
		height: 1.51rem;
		margin: auto;
		font-size: 1rem;
		opacity: 0.05;
		text-align: center;
		position: absolute;
		top: 0;
	}

	.centB1 {
		margin: auto;
		font-size: 0.38rem;
		padding-top: 0.8rem;
		color: #333333FF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.centB1 img {
		width: 0.41rem;
		height: 0.41rem;
		margin-right: 0.2rem;
	}

	.center2 {
		width: 80%;
		height: 2.65rem;
		margin: auto;
		margin-top: 1.20rem;
		margin-bottom: 0.8rem;
		position: relative;
	}

	.centA2 {
		width: 100%;
		margin: auto;
		font-size: 1rem;
		opacity: 0.05;
		text-align: center;
		position: absolute;
		top: 0;
	}

	.centB2 {
		margin: auto;
		font-size: 0.38rem;
		padding-top: 0.8rem;
		color: #333333FF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.centB2 img {
		width: 0.41rem;
		height: 0.41rem;
		margin-right: 0.2rem;
	}

	.center3 {
		width: 80%;
		margin: auto;
		margin-top: 1.10rem;
		margin-bottom: 0.8rem;
		position: relative;
	}

	.centA3 {
		width: 100%;
		margin: auto;
		font-size: 2rem;
		opacity: 0.05;
		text-align: center;
		position: absolute;
		top: 0;
	}

	.centB3 {
		margin: auto;
		font-size: 0.48rem;
		padding-top: 1.5rem;
		color: #333333FF;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.centB3 img {
		width: 0.41rem;
		height: 0.41rem;
		margin-right: 0.2rem;
	}

	.tab {
		width: 80%;
		margin: auto;
		display: flex;
		position: relative;
		flex-direction: row-reverse;
	}

	.tab-title {
		width: 29%;
		height: 100%;
		font-size: 0;
		position: relative;
		display: flex;
		flex-direction: column;
		background-color: #f5f5f5;
		background-image: url(../image/123.png);
		background-size: 100%;
	}

	.tab-title .item {
		width: 100%;
		height: 2.50rem;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 0.2rem;
		color: #fff;
		position: relative;

	}

	#io {
		position: absolute;
		top: 0%;
		left: 0%;
		/* display: none; */
		z-index: 333;
	}

	#io img {
		width: 0.28rem;
		height: 0.17rem;
	}

	.itemp {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: space-evenly;
		width: 60%;
		height: 1.20rem;
		position: relative;
	}

	.itemp h3 {
		font-size: 0.30rem;
	}

	.itemp span {
		font-size: 0.20rem;
		display:block;
		font-family:"微软雅黑";
		font-weight:100!important;
	}

	#itemA,
	#itemAA,
	#itemAAA {
		position: absolute;
		left: -43%;
		top: 0.003rem;
	}

	.id {
		width: 1.17rem;
		height: 1.17rem;
		position: absolute;
		left: -43%;
		display: none;
	}

	.tab-title .item-cur {
		color: #f36f3a;
		background-color: #fff;
		border-bottom: solid 0.02rem #fff;
	}

	.des img {
		width: 100%;
	}

	.dex {
		position: absolute;
		left: 48%;
		top: 38%;
	}

	.dexx img {
		width: 1.12rem;
		height: 0.44rem;
	}

	.dexx {
		position: absolute;
		right: 0.51rem;
		top: 0.32rem;
	}

	.dex img {
		width: 1.63rem;
		height: 1.63rem;
	}

	.dexxx {
		width: 100%;
		height: 0.90rem;
		position: absolute;
		bottom: 3%;
		border-left: 0.06rem solid #f36f3a;
		text-align: left;
		padding: 0rem 0.1rem;
		box-sizing: border-box;
	}

	.dexxx h3 {
		font-size: 0.24rem;
		display: flex;
		margin-bottom: 0.15rem;
		align-items: center;

	}

	.dexxx p {
		font-size: 0.16rem;
		color: #fff;
	}

	.tab-cont {
		position: relative;
		width: 71%;
		height: 7.50rem;
		overflow: hidden;
	}

	.tab-cont .item {
		width: 100%;
		height: 100%;
		text-align: center;
		color: #fff;
		position: relative;
	}



	.product {
		width: 80%;
		margin: auto;
	}

	.proA {
		width: 14.4rem;
		margin: 0 auto;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.co {
		width: 49%;
		/* height: 4.54rem; */
		margin-top: 0.2rem;
		position: relative;
	}

	.core {
		/* margin-top: 0.24rem; */
		/* height: 4.54rem; */
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	body {
		background-color: #F6F6F6FF;
	}

	.coreB {
		width: 35%;
		height: 60%;
		position: absolute;
		right: -7%;
		color: #3B3B3BFF;
		font-size: 0.15rem;
		margin-right: 0.58rem;
		box-sizing: border-box;
	}

	.coreh {
		text-align: right;
		margin-top: 0.1rem;
		margin-bottom: 0.2rem;
		font-size: 0.26rem;
	}

	.core1 {
		margin-top: 0.24rem;
		height: 4.54rem;
		background-image: url(../image/13.png);
		background-size: 100% 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.coreB1 {
		width: 38%;
		height: 40%;
		color: #fff;
		font-size: 0.18rem;
		margin-left: 0.58rem;
		box-sizing: border-box;
	}

	.coreh1 {
		text-align: left;
		margin-bottom: 0.2rem;
		font-size: 0.36rem;
	}

	.coreh11 {
		text-align: left;
		margin-bottom: 0.2rem;
		font-size: 0.36rem;
	}

	.core2 {
		background-size: 100% 100%;
		margin-top: 0.24rem;
		height: 4.54rem;
		background-image: url(../image/14.png);
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.coreB2 {
		width: 38%;
		height: 40%;
		color: #fff;
		font-size: 0.18rem;
		margin-right: 0.58rem;

		box-sizing: border-box;
	}

	.coreh2 {
		text-align: right;
		margin-bottom: 0.2rem;
		font-size: 0.24rem;
	}

	.coreh21 {
		margin-top: 0.12rem;
		text-align: right;
		margin-bottom: 0.23rem;
		font-size: 0.24rem;
	}

	.core3 {
		background-size: 100% 100%;
		margin-top: 0.25rem;
		height: 4.54rem;
		background-image: url(../image/15.png);
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.coreB3 {
		width: 38%;
		height: 40%;
		color: #3B3B3BFF;
		font-size: 0.18rem;
		margin-left: 0.58rem;
		box-sizing: border-box;
	}

	.coreh3 {
		text-align: left;
		margin-bottom: 0.2rem;
		font-size: 0.24rem;
	}

	.core4 {
		background-size: 100% 100%;
		margin-top: 0.24rem;
		height: 4.54rem;
		background-image: url(../image/18.png);
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.coreB4 {
		width: 38%;
		height: 40%;
		color: #fff;
		font-size: 0.18rem;
		margin-right: 0.58rem;
		box-sizing: border-box;
	}

	.coreh4 {
		text-align: right;
		margin-bottom: 0.2rem;
		font-size: 0.36rem;
		color: #fff;
	}

	.core5 {
		margin-top: 0.24rem;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		position: relative;
	}

	.core5 img {
		width: 49%;
		height: 3.61rem;
	}

	.coreB5 {
		width: 38%;
		height: 40%;
		color: #fff;
		font-size: 0.16rem;
		margin-left: 0.58rem;
		box-sizing: border-box;
		position: absolute;
		left: -5%;
		top: 0.64rem;
	}

	.coreh5 {
		text-align: left;
		margin-top: -0.06rem;
		margin-bottom: 0.2rem;
		font-size: 0.24rem;
		color: #fff;
	}

	.core6 {
		background-size: 100% 100%;
		margin-top: 0.24rem;
		height: 4.54rem;
		background-image: url(../image/16.png);
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}

	.box {
		width: 14.39rem;
		height: 4.557rem;
		/* margin-top: 0.46rem; */
		margin: 0.46rem auto 0;
		display: flex;
		justify-content: flex-end;
		align-items: center;
		position: relative;
	}

	.btg {
		width: 100%;
	}

	.btg img {
		width: 100%;
	}

	.boxx {
		width: 30%;
		position: absolute;
		left: 51%;
		top: 40%;
	}

	.boxh {
		font-size: 0.288rem;
		margin-bottom: 0.2rem;
		color: #3B3B3BFF;
	}

	.boxp {
		font-size: 0.16rem;
		color: #3B3B3BFF;
	}

	.middle {
		width: 80%;
		margin: auto;
	}

	.state {
		display: flex;
	}

	.stateA {
		width: 35%;
	}

	.stateA img {
		width: 100%;
		/* width: 520px; */
		height: 2.72rem;
	}

	.state h3 {
		margin-bottom: 0.1rem;
		margin-top: 0.1rem;
		font-size: 0.24rem;
		color: #3B3B3BFF;
	}

	.state p {
		color: #3B3B3BFF;
		font-size: 0.16rem;
	}

	.stap {
		margin-top: 0.2rem;
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		width: 100%;
		height: 0.46rem;
	}

	.stap1 {
		word-break: break-all;
		text-overflow: ellipsis;
		overflow: hidden;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		/* width: 100%;
	height: 0.46rem; */
	}

	.stateB {
		width: 60%;
		height: 4.15rem;
		display: flex;
		flex-direction: column;
	}

	.stab1 {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-around;
		margin-left: 0.05rem;
	}

	.stab2 {
		display: flex;
		width: 100%;
		align-items: center;
		justify-content: space-around;
		margin-left: 0.05rem;
		margin-top: 0.25rem;
	}

	.stab1 img,
	.stab2 img {
		width: 2.60rem;
		height: 1.92rem;
	}

	.h3 {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.h3 p {
		width: 100%;
	}

	.h3 b {

		color: #3B3B3BFF;
		font-size: 0.18rem;
	}

	.h4 {
		width: 10%;
		display: flex;
		justify-content: flex-end;
		font-size: 0.14rem;
		color: #BDBDBDFF;
		margin-left: 0.2rem;
	}

	.stabb {
		width: 65%;
	}

	.hrs {
		color: #DDDDDDFF;
		margin-top: 0.1rem;
		margin-bottom: 0.1rem;
	}

	.rotation {
		width: 100%;
	}

	.rotimg {
		width: 33.5%;
		height: 41%;
		background-color: #E26B3AFF;
		opacity: 0.6;
		top: 0;
		left: 33.2%;
		position: absolute;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}




	.rotimg1 {
		position: relative;
	}

	.rotimg1 img {
		width: 100%;
	}

	.rotimg2 img {
		width: 0.66rem;
		height: 0.66rem;
	}

	.riti {
		width: 100%;
		position: absolute;
		left: 0;
		top: 0;
		display: flex;
		height: 100%;
		flex-direction: column;
		align-items: center;
		justify-content: center;

	}

	.rotimg p {
		margin-top: 0.1rem;
		color: #fff;
		font-size: 0.18rem;
	}

	.log {
		width: 80%;
		margin: auto;
		margin-bottom: 1.31rem;
		/* border: 1px solid #ccc; */
	}

	.logQ {
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
	}

	.logA {
		width: 16.4%;
		height: 1.5rem;
		display: flex;
		border: 0.01rem solid #ccc;
		justify-content: center;
		align-items: center;
		background-color: #fff;
	}

	.swiper {
		width: 9999999px;
		transition: all 1s ease;
	}

	.swiper-item {
		width: 100%;
		float: left;
		position: relative;
	}

	.swiper-item img {
		width: 100%;
	}

	.swiper-item p {
		width: 100%;
		height: 0.5rem;
		position: absolute;
		top: 0;
		left: 0;
		background: rgba(0, 0, 0, 0.5);
		color: #fff;
		text-align: center;
		line-height: 0.5rem;
		cursor: pointer;
	}

	.swiper-point {
		width: 100%;
		height: 0.4rem;
		position: absolute;
		bottom: 0.5rem;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.point {
		width: 0.12rem;
		height: 0.12rem;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.9);
		margin-right: 0.05rem;
		float: left;
	}

	.point.active {
		background: #fff;
	}

	.swiper-left {
		width: 0.74rem;
		height: 1.4rem;
		position: absolute;
		top: 50%;
		left: -0.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
	}

	.swiper-right {
		width: 0.74rem;
		height: 1.4rem;
		position: absolute;
		top: 50%;
		right: -0.6rem;
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
	}

	.swiper-left img,
	.swiper-right img {
		width: 0.74rem;
		height: 1.4rem;
	}

	.swiper-contione:hover .swiper-left {
		left: 0;
	}

	.swiper-contione:hover .swiper-right {
		right: 0;
	}

	/* ** */
	.swiper-contione1 {
		width: 100%;
		overflow: hidden;
		margin: auto;
		position: relative;
	}

	.swiper1 {
		width: 9999999px;
		transition: all 1s ease;
	}

	.swiper-item1 {
		width: 100vw;
		/*height: 100vh;*/
		float: left;
		position: relative;
	}

	.swiper-item1 img {
		width: 19.172rem;
		height: 8.98rem;
		/* height: 798px; */
	}


	.itemimg {
		width: 100%;
		/* height: 100%; */
	}

	/* 	.swiper-item1 p {
	    width: 100%;
	    height: 50px;
	    position: absolute;
	    top: 0;
	    left: 0;
	    color: #fff;
	    text-align: center;
	    line-height: 50px;
	    cursor: pointer;
	 } */

	.swiper-point1 {
		width: 100%;
		height: 0.4rem;
		position: absolute;
		bottom: 0.5rem;
		z-index: 5;
		left: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		cursor: pointer;
	}

	.point1 {
		width: 0.12rem;
		height: 0.12rem;
		border-radius: 50%;
		background: rgba(0, 0, 0, 0.9);
		margin-right: 0.05rem;
		float: left;
	}

	.point1.active1 {
		background: #fff;
	}

	.swiper-left1 {
		width: 0.74rem;
		height: 1.4rem;
		position: absolute;
		top: 50%;
		left: -0.77rem;
		transform: translate(0, -50%);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
		z-index: 1;
	}

	.swiper-right1 {
		width: 0.74rem;
		height: 1.4rem;
		position: absolute;
		top: 50%;
		right: -0.77rem;
		transform: translate(0, -50%);
		display: flex;
		align-items: center;
		justify-content: center;
		transition: all 0.4s ease;
		z-index: 1;
	}

	.swiper-left1 img,
	.swiper-right1 img {
		width: 0.74rem;
		height: 1.4rem;
	}

	.swiper-contione1:hover .swiper-left1 {
		left: 0;
	}

	.swiper-contione1:hover .swiper-right1 {
		right: 0;
	}

	.Top {
		width: 100%;
		height: 100vh;
		position: relative;
	}

	.location {
		width: 40%;
		position: absolute;
		top: 35%;
		left: 35%;
		z-index: 2;
	}

	.location h4 {
		font-size: 0.36rem;
		color: #fff;
	}

	.location p {
		font-size: 0.3rem;
		opacity: 0.8;
		color: #EFEFEFFF;
	}
/* } */


/* @media screen and (min-width: 1200px) { */
	.swiper-item img {
		width: 100%;
		height: 100vh;
		object-fit: cover;
	}

	.show-img {
		margin-top: 0.03rem;
		width: 0.14rem;
		height: 0.085rem;
	}

	.show-title {
		margin-left: 0.02rem;
		font-size: 0.12rem;
	}

	.img-box2 {
		margin-left: 0.2rem;
	}

	.img-item {
		margin-top: 0.08rem;
	}

	.swiper {
		width: 100%;
		height: 100%;
	}

	.mySwiper .swiper-horizontal>.mySwiper .swiper-pagination-bullets,
	.mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal {
		bottom: 0.35rem;
		left: 0;
		width: 100%;
	}

	.mySwiper .swiper-pagination-bullet {
		background: #000;
		opacity: 1;
		width: 0.12rem;
		height: 0.12rem;
	}

	.swiper {
		--swiper-pagination-color: #fff !important;
		--swiper-theme-color: #ff6600 !important;
		--swiper-navigation-size: 1rem !important;
	}

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

	.mySwiper:hover .swiper-button-next {
		transition: all .5s;
		right: 0.1rem;
	}

	.mySwiper:hover .swiper-button-prev {
		transition: all .5s;
		left: 0.1rem;
	}

	.mySwiper .swiper-button-prev {
		left: -1rem;
	}

	.mySwiper .swiper-button-next {
		right: -1rem;
	}

	.son-nav {
		position: absolute;
		left: 21%;
		top: 0.8rem;
		background: rgba(0, 0, 0, 0.3);
		opacity: 0;
		transition: all .5s;
	}

	.son-title {
		display: block;
		width: 0.9rem;
		height: 0.5rem;
		padding: 0.1rem 0.20rem;
		color: #666;
		/* border: 1px solid #000; */
		cursor: pointer;
	}

	.show-son {
		opacity: 1 !important;
	}
	

	.son-title p {
		font-size: 0.20rem;
		color: #fff;
	}
/* } */