:root {
	/* --width: 14.4; */
	--height:8;
	--opacitys: 0.15;
	--width1: 4.4;
}
body{
	margin: 0;padding: 0;
	scrollbar-width: none;
	-ms-overflow-style: none;
	
	/* 全局css禁用选择、复制、长按文本 
	user-select: none;
	-webkit-user-select: none; 
	-moz-user-select: none;
	-ms-user-select: none;*/
}
/* 防止图片拖拽 */
img {
	-webkit-user-drag: none;
	-moz-user-drag: none;
	-ms-user-drag: none;
	user-drag: none;
}

#app {
/* font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, SimSun, sans-serif; */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #2c3e50;
}
::-webkit-scrollbar {
  background-color: #151417d9;
  width: 0px;
  height: 0px;
}
::-webkit-scrollbar-thumb{
  background-color: #e6340b;
  width: 0px;
  height: 0px;
}

/* @font-face{  
	font-family: 'title';  
	src: url('../fonts/Philosopher-Bold.ttf') format('truetype');  
	font-weight: normal;  
	font-style: normal;
}
@font-face{  
	font-family: 'title1';  
	src: url('../fonts/Philosopher-Bold.ttf') format('truetype');  
	font-weight: normal;  
	font-style: normal;
}
@font-face{  
	font-family:'text';  
	src: url('../fonts/Philosopher-Bold.ttf') format('truetype');  
	font-weight: normal;  
	font-style: normal;
} */


.palio{
	width: 100vw;
	height: auto;
	background: #F3F3F3;
	overflow: hidden;
	position: relative;
}

.palio_herd{
	position: fixed;
	z-index: 9999;
	top: 0;
	width: 94%;
	height: calc(57vw / var(--width));
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 3vw;
	
	background: #fff;
	border-radius: 0px 0px 20px 20px;	
	
}
.palio_logo{
	width: calc(92vw / var(--width));
}
.palio_herdRight{
	width: 68%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	
	font-size: calc(16vw / var(--width));
	font-family: title;
	    justify-content: flex-end;
}
.palio_herdRight div{
	cursor: pointer;
}
.palio_herdRight div.palio_herdRightText{
	margin-right: calc(20vw / var(--width));
}
.palio_herdRightText{
	border-radius: calc(70vw / var(--width));
	text-align: center;
	padding: calc(7vw / var(--width)) calc(15vw / var(--width));
}
.palio_herdRightText a{
	text-decoration: none;
	color: #000;
}
.palioMain5_cont a{
	color: #fff;
}
.palio_herdRight_ico{
	width: calc(155vw / var(--width));
	display: flex;
	justify-content: space-between;
}
.palio_herdRight_ico img{
	/* width: calc(42vw / var(--width)); */
}
.m_herd{
	display: none;
}
.palio_herdRight_ico1,
.palio_herdRight_ico2,
.palio_herdRight_ico3{
	width: calc(42vw / var(--width));
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F1F1F1;
	border-radius: calc(70vw / var(--width1));
	width: calc(42vw / var(--width));
	height: calc(33vw / var(--width));
}
.palio_herdRight_ico1 img{
	width: calc(19vw / var(--width));
}
.palio_herdRight_ico2 img{
	width: calc(15vw / var(--width));
}
.palio_herdRight_ico3 img{
	width: calc(18vw / var(--width));
}

/* 第一页 */
.palio_top{
	width: 100%;
	/* height: calc(720vw / var(--width)); */
	height: 50vw;
	overflow: hidden;
/* 	background: url('../img/top_bg.png') no-repeat;
	background-size: cover;
	background-position: center center; */
}
.palio_top .load_bg{
	position: absolute;
	z-index: 0;
	top: 0;
	width: 100%;
	/* height: calc(720vw / var(--width)); */
	
	-webkit-animation: fa1 10s linear 1 forwards;
	-moz-animation: fa1 10s linear 1 forwards;
	animation: fa1 10s linear 1 forwards;
}
.palio_topText{
	position: absolute;
	left: 4%;
	top: 35vw;
	width: calc(1000vw / var(--width));
	height: calc(172vw / var(--width));
}
.palio_topText img{
	cursor: pointer;
	width: calc(132vw / var(--width));
}
.palio_topText_text{
	font-size: calc(60vw / var(--width));
	font-family: title;
	color: #FFFFFF;
}
.palio_topText_text1{
	font-size: calc(60vw / var(--width));
	font-family: title;
	color: #FFFFFF;
}

/* .palio_topText_text::before {
  content: attr(data-text);
  position: absolute;
  width: 0;
  height: 100%;
  overflow: hidden;
  animation: moving 3s 0S linear forwards, flashing 0.5s infinite alternate;
  color: #FFFFFF;
  word-wrap: break-word; word-break: normal;
} */


/* 第二页 */
.palioMain{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
	z-index: 1;
}
.palioMain_view1,
.palioMain_view2,
.palioMain_view3,
.palioMain_view4,
.palioMain_view5,
.palioMain_view6{
	width: 50%;
	height: calc(520vw / var(--width));
	overflow: hidden;
}

.palioMain_view1{
	display: flex;
	align-items: center;
	background: #F5FFFF;
}
.palioMain_view1Div{
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	align-content: center;
	margin-left: 4vw;
	width: calc(545vw / var(--width));
	height: calc(232vw / var(--width));
}
.palioMain_view1Title{
	line-height: calc(44vw / var(--width));
	font-size: calc(50vw / var(--width));
	font-family: title1;
	color: #222C2C;
}
.palioMain_view1Title1{
	color: rgba(34, 44, 44, 0.5);
}
.palioMain_view1Text{
	font-family: title1;
	margin-top: 1.5vw;
	color: rgba(109, 109, 109, 1);
	font-size: calc(16vw / var(--width));
	line-height: calc(24vw / var(--width));
}


.palioMain_view2{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #70AAAB;
	overflow: hidden;
	position: relative;
}
.palioMain_view2 .imgico{
	width: calc(182vw / var(--width));
	margin-top: 18vw;
}
.palioMain_view2 .imgico_x1{
	width: calc(182vw / var(--width));
	position: absolute;
	left: -6vw;
}
.palioMain_view2 .imgico_x2{
	width: calc(182vw / var(--width));
	position: absolute;
	right: -6vw;
}

.palioMain_view3{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #EAB691;
	position: relative;
}
.palioMain_view3 .imgico{
	width: calc(508vw / var(--width));
}
.palioMain_view3 .imgico_x1{
	width: 100%;
	position: absolute;
	top: -2vw;
}
.palioMain_view3 .imgico_x2{
	width: 100%;
	position: absolute;
	bottom: -2vw;
}

.palioMain_view4{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #FFFBF7;
}

.palioMain_view5{
	display: flex;
	align-items: center;
	background: #FFF4F4;
}


.palioMain_view6{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #F4ACA8;
	position: relative;
}
.palioMain_view6 .imgico{
	width: calc(196vw / var(--width));
}
.palioMain_view6 .imgico_CO{
	position: absolute;
	width: calc(873vw / var(--width));
}



/* 第三页 */
.palioMain1{
	/* margin-top: calc(137vw / var(--width)); */
	width: 100%;
	height: calc(870vw / var(--width));
	display: flex;
	align-items: center;
}
.palioMain1_view{
	width: 96%;
	margin-left: 4vw;
}
.palioMain1_title{
	display: flex;
	justify-content: space-between;
	    width: 96%;
	/* margin-left: 4vw; */
	font-family: title;
	margin-bottom: calc(47vw / var(--width));
	color: rgba(34, 44, 44, 1);
	font-size: calc(66vw / var(--width));
}
.palioMain1_viewIco{
	width: calc(185.72vw / var(--width));
}
.palioMain1_viewSeep{
	width: 96%;
	display: inline-flex;
}
.palioMain1_cont{
	width: calc(1150vw / var(--width));
	/* margin-left: 4vw; */
}
.palioMain1_contTitle{
	text-align: left;
	font-family: title1;
	color: rgba(51, 51, 51, 1);
	font-size: calc(30vw / var(--width));
	margin-bottom: calc(20vw / var(--width));
}
.palioMain1_contV{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.palioMain1_contVImg{
	border-radius: calc(30vw / var(--width));
	position: relative;
}
.palioMain1_contVImgBG{
	width: calc(527vw / var(--width));
	height: calc(393vw / var(--width));
	margin-top: calc(2vw / var(--width));
	margin-left: calc(2vw / var(--width));
	border-radius: calc(30vw / var(--width));
}
.palioMain1_contVImgBG1{
	width: calc(531vw / var(--width));
	/* height: calc(397vw / var(--width)); */
}
.videoOpenUrl{
	position: absolute;
	top: 0;
	left: 0;
	background: #cdcdcd94;
	border-radius: calc(30vw / var(--width));
}
/* video::-webkit-media-controls-panel,
video::-webkit-media-controls-play-button,
video::-webkit-media-controls-start-playback-button {
  display: none !important;
  -webkit-appearance: none;
} */

.palioMain1_contVRight{
	text-align: left;
	width: calc(570vw / var(--width));
	
}
.palioMain1_contVText{
	font-family: title1;
	color: rgba(109, 109, 109, 1);
	font-size: calc(16vw / var(--width));
	line-height: calc(24vw / var(--width));
}
.palioMain1_contVRightA1{
	margin-left: calc(25vw / var(--width));
}
.palioMain1_contVImgBtn{
	margin-top: calc(40vw / var(--width));
	width: calc(177vw / var(--width));
	cursor: pointer;
}
.palioMain1_contVTextV{
	display: flex;
}
.palioMain1_contVA{
	width: calc(177vw / var(--width));
	height: calc(48vw / var(--width));
	background: #808E97;
	margin-top: calc(40vw / var(--width));
	cursor: pointer;
	border-radius: 99px;
	text-align: center;
	line-height: calc(48vw / var(--width));
	font-size: calc(15vw / var(--width));	
	color:#FFFFFF;
}
.palioMain1_contVRight a{
	text-decoration: none;
}



/* 第四页 */
.palioMain2{
	width: 100%;
	/* margin-top: calc(133vw / var(--width)); */
	display: flex;
	flex-direction: column;
	align-items: center;
}
.palioMain2_title{
	font-family: title;
	margin-bottom: calc(10vw / var(--width));
	color: rgba(34, 44, 44, 1);
	font-size: calc(66vw / var(--width));
	text-align: center;
}
.palioMain2_title1{
	font-family: title1;
	color: rgba(122, 122, 122, 1);
	margin-bottom: calc(50vw / var(--width));
	font-size: calc(24vw / var(--width));
	text-align: center;
}
.palioMain2_view{
	width: 92%;
	height: calc(1614vw / var(--width));
	background: url('../img/main2_bg.png') no-repeat;
	background-size: cover;
	background-position: center center;
	border-radius: calc(30vw / var(--width));
	overflow: hidden;
}
.palioMain2_viewBG{
	width: calc(1328vw / var(--width));
	height: calc(1328vw / var(--width));
	margin:calc(-100vw / var(--width)) auto;
	background: url('../img/main2_bg2.png') no-repeat;
	background-size: cover;
	background-position: center center;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.palioMain2_viewBG1{
	width: calc(1328vw / var(--width));
	height: calc(1328vw / var(--width));
	background: url('../img/main2_bg3.png') no-repeat;
	background-size: cover;
	background-position: center center;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.palioMain2_viewBG2{
	width: calc(1328vw / var(--width));
	height: calc(1328vw / var(--width));
	background: url('../img/main2_bg4.svg') no-repeat;
	background-size: cover;
	background-position: center center;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.palioMain2_viewBG3{
	width: calc(1328vw / var(--width));
	height: calc(1328vw / var(--width));
	background: url('../img/main2_bg5.png') no-repeat;
	background-size: cover;
	background-position: center center;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.palioMain2_viewBG4{
	width: calc(1328vw / var(--width));
	height: calc(1328vw / var(--width));
	background: url('../img/main2_bg7.svg') no-repeat;
	background-size: cover;
	background-position: center center;
	
	display: flex;
	align-items: center;
	justify-content: center;
}
.palioMain2_viewBG5{
	width: calc(1328vw / var(--width));
}


.palioMain2_viewWz{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: calc(1250vw / var(--width));
	margin: calc(-190vw / var(--width)) auto;
	
}
.palioMain2_view2{
	width: 48%;
	margin-bottom: calc(90vw / var(--width));
}
.palioMain2_view2Div{
	
}
.palioMain2_view2Div_img{
	width: calc(85vw / var(--width));
	border-radius: calc(15vw / var(--width));
}
.palioMain2_view2Div_title{
	font-family: title1;
	color: #FFFFFF;
	font-size: calc(30vw / var(--width));
	line-height: calc(30vw / var(--width));
}
.palioMain2_view2Div_text{
	font-family: title1;
	color: #FFFFFF;
	font-size: calc(16vw / var(--width));
	line-height: calc(24vw / var(--width));
}



/* 第五页 */
.palioMain3{
	width: calc(1328vw / var(--width));
	height: calc(170vw / var(--width));
	margin: auto;
	margin-top: calc(50vw / var(--width));
	display: flex;
	flex-direction: column;
	align-items: center;
}
.palioMain3_title{
	opacity: 0.6;
	font-family: text;
	color: #283332;
	font-size: calc(16vw / var(--width));
	line-height: calc(24vw / var(--width));
	text-align: center;
	margin: calc(40vw / var(--width)) 0;
}
.palioMain3_imgArr{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-around;
}
.palioMain3_imgIco{
	width: calc(140vw / var(--width));
	cursor: pointer;
}
.palioMain3 .scrollGD .palioMain4_imgView{
	width: calc(140vw / var(--width));
	margin: 0 calc(22vw / var(--width));
}
.palioMain3 .palioMain4_imgArr1{
	height: auto;
}


/* 第六页 */
.palioMain4{
	width: 100%;
	margin-top: calc(80vw / var(--width));
}
.palioMain4_title{
	font-family: title;
	color: #222C2C;
	font-size: calc(66vw / var(--width));
	text-align: center;
}
.palioMain4_btnArr{
	width: 100%;
	margin: calc(40vw / var(--width)) auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
.palioMain4_btn1{
	width: calc(175vw / var(--width));
	height: calc(55vw / var(--width));
	line-height: calc(55vw / var(--width));
	font-family: text;
	/* color: #ffffff; */
	text-align: center;
	font-size: calc(18vw / var(--width));
	/* background: #222C2C; */
	border-radius: calc(80vw / var(--width));
	margin: 0 calc(15vw / var(--width));
	cursor: pointer;
	
	transition: background 0.5s;
}
.hovers{
	color: #222C2C;
	background: #ffffff;
}
.hovers1{
	color: #ffffff;
	background: #222C2C;
}
.hovers:hover{
	color: #ffffff;
	background: #222C2C;
}
/* .palioMain4_btn1:hover{
	color: #222C2C;
	background: #ffffff;
} */
.palioMain4_btn2{
	width: calc(175vw / var(--width));
	height: calc(55vw / var(--width));
	line-height: calc(55vw / var(--width));
	font-family: text;
	/* color: #222C2C; */
	text-align: center;
	font-size: calc(18vw / var(--width));
	/* background: #ffffff; */
	border-radius: calc(80vw / var(--width));
	margin: 0 calc(15vw / var(--width));
	cursor: pointer;
	
	transition: background 0.5s;
}
/* .palioMain4_btn2:hover{
	color: #ffffff;
	background: #222C2C;
} */

.palioMain4_imgArr{
	width: 150%;
}
.palioMain4_imgArr1,
.palioMain4_imgArr2{
	height: calc(214vw / var(--width));
	overflow: hidden;
	margin-bottom: calc(25vw / var(--width));
	
}
.palioMain4_imgView{
	height: calc(214vw / var(--width));
	margin: 0 calc(10vw / var(--width));
	overflow: hidden;
	border-radius: calc(20vw / var(--width));
}
.palioMain4_img{
	height: calc(214vw / var(--width));
}
.palioMain4_img:hover{
	transform: scale(1.05);
	transition: transform 2s;
	cursor: pointer;
}
.palioMain4 .palioMain4_imgView{
	position: relative;
}
.palioMain4 .palioMain4_download{
	display: none;
	width: calc(35vw / var(--width));
	position: absolute;
	right: 10px;
	top: 10px;
}
.palioMain4_imgView:hover .palioMain4_download{
	display: inline-block;
}
.palioMain4_imgArr1Divv1{
	padding-left:calc(20vw / var(--width));
}
/* .ugcs{
	display: none;
} */

/* 第七页 */
.palioMain5{
	width: 100%;
	height: calc(190vw / var(--width));
	background: #181818;
	margin-top: calc(90vw / var(--width));
	border-radius: calc(40vw / var(--width)) calc(40vw / var(--width)) 0px 0px;
}
.palioMain5_cont{
	width: 92%;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding-top: calc(35vw / var(--width));
}
.palioMain5_left{
	
}
.palioMain5_left_img{
	width: calc(126vw / var(--width));
}
.palioMain5_left_ico{
	/* margin-top: calc(45vw / var(--width)); */
	margin-left: calc(45vw / var(--width));
	display: flex;
}
.palioMain5_left_ico div{
	margin-right: calc(10vw / var(--width));
	cursor: pointer;
}
.palio5_left_logo{
	width: calc(42vw / var(--width));
}
.palio5_left_logo{
	margin-right: calc(15vw / var(--width));
	cursor: pointer;
}
.palioMain5_center{
	width: calc(800 / var(--width));
	display: flex; 
	justify-content: space-between;
	
	line-height: calc(31vw / var(--width));
	font-family: text;
	color: #FFFFFF;
	font-size: calc(16vw / var(--width));
}
.palioMain5_centerL div,
.palioMain5_centerR div{
	cursor: pointer;
}
.palioMain5_centerL{
	
}
.palioMain5_centerR{
	
}
.palioMain5_right{
	width: calc(340vw / var(--width));
	line-height: calc(31vw / var(--width));
	font-family: text;
	color: #FFFFFF;
	font-size: calc(16vw / var(--width));
}
.palioMain5_rightTop{
	display: flex;
	align-items: center;
}
.palioMain5_rightTopImg{
	width: calc(16vw / var(--width));
	margin-left: calc(8vw / var(--width));
	margin-right: calc(8vw / var(--width));
}
.palioMain5_input{
	width: 100%;
	height: calc(42vw / var(--width));
	background: rgba(245, 248, 250, 0.1);
	border:none;
	border-radius: calc(15vw / var(--width));
	padding:0 calc(10vw / var(--width));
	color: #fff;
}
.palioMain5_input:hover{
	border:none;
}
.palioMain5_input::placeholder{
	padding-left: calc(15vw / var(--width));
	font-size: calc(16vw / var(--width));
	color: #BFBFBF;
	font-family: text;
}
.palioMain5_rightIco{
	width: calc(38vw / var(--width));
	cursor: pointer;
	margin-top: calc(8vw / var(--width));
}
.palioMain5_trademark{
	color: #6F7A7A;
	font-size: calc(14vw / var(--width));
	text-align: left;
	font-family: text;
	margin-top: 0.3vw;
}
.palioMain5_trademark a{
	color: #6F7A7A;
	text-decoration: none;
}
.palioMain5_trademark a:hover{
	color: #fff;
	text-decoration: none;
}

.palioMain5_hr{
	width: 92%;
	height: 1px;
	background:rgba(238, 238, 238, 0.05);
	margin: calc(25vw / var(--width)) auto;
}
.palioMain5_bq{
	width: 92%;
	margin: auto;
	display: flex;
	justify-content: space-between;
}
.palioMain5_trademarkA{
	display: flex;
}
.palioMain5_trademarkA .palioMain5_trademark{
	margin: 0 10px;
}
.main5_ico{
	background: #232323;
}
.main5_ico:hover{
	background: #2f2f2f !important;
}



.contact,.magnifyImg{
	display: none;
	position: fixed;
	top: 0;
	z-index: 9999;
	width: 100%;
	height: 100%;
	background-color: #0000007d;
}
.contactMain,.magnifyImgMain{
	height: 100%;
	display: flex;
	flex-direction: column;
	align-content: center;
	align-items: center;
	    justify-content: center;
}
.contactBG{
	width: calc(408vw / var(--width));
	height: calc(264vw / var(--width));
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	background: url('../img/contact_bg.svg') no-repeat;
	background-size: cover;
	background-position: center center;
}
.contactBG_view{
	width: calc(299vw / var(--width));
}
.contactBG_title{
	color: #434343;
	font-size: calc(30vw / var(--width));
	line-height: calc(30vw / var(--width));
	font-family: title1;
	margin-bottom: calc(25vw / var(--width));
}
.contactBG_text{
	font-size: calc(16vw / var(--width));
	line-height: calc(25vw / var(--width));
	font-family: text;
	color: #3D3D3D;
}
.contactBG_text1{
	color: #FF9E9E;
}
.contactClose{
	width: calc(25vw / var(--width));
	height: calc(25vw / var(--width));
	background-color: #f1f1f1b0;
	padding: calc(7vw / var(--width)) calc(15vw / var(--width)); 
	border-radius: 11px;
	margin-top: calc(25vw / var(--width));
	cursor: pointer;
}

.magnifyImg_src{
	height: calc(500vw / var(--width));
}



















.palioMap{
	width: 100%;
	height: 100vh;
	background: linear-gradient(180deg, #6F7B83 0%, #3C5158 100%);
	overflow: hidden;
}
.palioMap_bg{
	position: absolute;
	width: 100%;
	height: 100%;
	background: url('../img/map.png') no-repeat;
	background-size: cover;
	background-position: center center;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}
.palioMap_bgIco{
	position: absolute;
	left: 23vw;
	top: calc(328vh / var(--height));
	width: calc(40vw / var(--width));
}
.palioMap_bgIco1{
	position: absolute;
	left: 35vw;
	top: calc(400vh / var(--height));
	width: calc(30vw / var(--width));
}
.palioMap_bgIco2{
	position: absolute;
	left: 77vw;
	top: calc(300vh / var(--height));
	width: calc(30vw / var(--width));
}
.palioMap_bgIco3{
	position: absolute;
	left: 80vw;
	top: calc(400vh / var(--height));
	width: calc(30vw / var(--width));
}
.indexMap_tips{
	position: absolute;
	bottom: 1vh;
	left: calc(50% - 92.8vw/var(--width));
	width:calc(185.72vw / var(--width));
	z-index: 999;
}

.animation_xin{
	border-radius: 50%;
	box-shadow: 0 0 calc(5vw / var(--width)) calc(5vw / var(--widt	h)) rgba(255, 255, 255, 0.7);
	animation: glowEffect 2s infinite;
}
@keyframes glowEffect {
  0% {
	box-shadow: 0 0 calc(5vw / var(--width)) calc(5vw / var(--width)) rgba(255, 255, 255, 0.7); /* 开始时较小光晕 */
  }
  50% {
	box-shadow: 0 0 calc(10vw / var(--width)) calc(10vw / var(--width)) rgba(255, 255, 255, 0.1); /* 中间时无光晕 */
  }
  100% {
	box-shadow: 0 0 calc(5vw / var(--width)) calc(5vw / var(--width)) rgba(255, 255, 255, 0.7); /* 结束时恢复光晕 */
  }
}

.swiper { width: 100%;height: 100vh;}
.swiper-slide {
  text-align: center;
  /* background: #fff2; */
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide {width: 100%;}
.swiper-slide:nth-child(2),
.swiper-slide:nth-child(3),
.swiper-slide:nth-child(4),
.swiper-slide:nth-child(5){
  width: 38%;
  /* transform: scale(0.8); */
}

.swiper1 { width: 100%;height: 100%;}
/* .swiper-slide1 {width: 100%;} */
.swiper1 .swiper-slide:nth-child(1),
.swiper1 .swiper-slide:nth-child(2),
.swiper1 .swiper-slide:nth-child(3),
.swiper1 .swiper-slide:nth-child(4){
  /* width: 100%; */
  width:100%;
}
.swiper1 .swiper-slide{
	transition: 1500ms;
	transform: scale(0.8);
	opacity: .5;
}
.swiper1 .swiper-slide-active,
.swiper1 .swiper-slide-duplicate-active{
   transform: scale(1);
   opacity: 1;
}


/* 第一页 */
.map1{
	width: calc(740vw / var(--width));
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	/* padding-top: calc(445vw / var(--width)); */
	margin: auto;
	position: absolute;
	bottom: 15vh;
}
.map1_logo{
	width: calc(276vw / var(--width));
	margin: auto;
}
.map1_text{
	margin-top:  calc(30vw / var(--width));
	font-size: calc(16vw / var(--width));
	font-family: title1;
	color: #fff;
	text-align: center;
	line-height: calc(28vw / var(--width));
}



.map2,.map3,.map4,.map5{
	width: calc(470vw / var(--width));
	height: calc(580vw / var(--width));
	background: #FFFFFF;
	border-radius: calc(30vw / var(--width));
	display: flex;
	overflow: hidden;
	margin-top: 4vw;
}
.map2{
	/* transform: rotate(-4deg); */
}
.map2_cont{
	width: 80%;
	height: calc(500vw / var(--width));
	margin: auto;
	text-align: left;
}
.map2_contNum{
	color: #3D3D3D;
	font-family: title1;
	font-size: calc(16vw / var(--width));
	line-height: calc(24vw / var(--width));
	margin-bottom: calc(10vw / var(--width));
}
.map2_contTitle{
	color: #434343;
	font-family: title1;
	font-size: calc(30vw / var(--width));
	line-height: calc(30vw / var(--width));
	margin-bottom: calc(15vw / var(--width));
}
.map2_contTitle1{
	display: inline-block;
	color: rgba(67, 67, 67, 0.5)
}
.map2_contText{
	color: #3D3D3D;
	font-family: title1;
	font-size: calc(16vw / var(--width));
	line-height: calc(22vw / var(--width));
	margin-bottom: calc(50vw / var(--width));
}
.map2_contViewD{
	margin-bottom: calc(20vw / var(--width));
}
.map2_contViewD_bg{
	width: 100%;
	height: calc(25vw / var(--width));
	background: #cfcfcf;
	border-radius: calc(10vw / var(--width));
	margin-bottom: calc(5vw / var(--width));
	overflow: hidden;
}
.map2_contViewD1{
	width: 70%;
	height: 100%;
	background: #EB9878;
	border-radius: calc(10vw / var(--width));
}
.map2_contViewD2{
	width: 50%;
	height: 100%;
	background: #569192;
	border-radius: calc(10vw / var(--width));
}
.map2_contViewD3{
	width: 80%;
	height: 100%;
	background: #567693;
	border-radius: calc(10vw / var(--width));
}
.map2_contViewD4{
	width: 70%;
	height: 100%;
	background: #F48B8B;
	border-radius: calc(10vw / var(--width));
}
.map2_contViewD_title{
	color: #3D3D3D;
	font-family: title1;
	font-size: calc(14vw / var(--width));
	line-height: calc(22vw / var(--width));
}


.map3{
	/* transform: rotate(2deg); */
}
.map3_contView{
	display: flex;
	justify-content: center;
	    flex-direction: column;
	    align-items: center;
}
.map3Img1{
	width: calc(338vw / var(--width));
}
.map3_contViewText{
	display: flex;
	justify-content: space-between;
	width: 100%;
	text-align: center;
}
.map3_contViewText,.map3_contViewText2,.map3_contViewText3{
	font-family: title1;
	font-size: calc(26vw / var(--width));
}
.map3_contViewText1{
	color: #EB9878;
}
.map3_contViewText2{
	color: #F48B8B;
}
.map3_contViewText3{
	color: #567693;
}
.map3_contViewTextWb{
	margin-top: calc(10vw / var(--width));
	color: #3D3D3D;
	font-family: title1;
	font-size: calc(16vw / var(--width));
	line-height: calc(22vw / var(--width));
}


.map4{
	/* transform: rotate(-3deg); */
}
.map4_contView{
	position: relative;
}
.map4Img1{
	position: absolute;
	top: calc(100vw / var(--width));
	z-index: 2;
	width: calc(184vw / var(--width));
}
.map4Img2{
	position: absolute;
	right: 0;
	width: calc(252vw / var(--width));
	transform: rotate(3deg);
}

.map5{
	/* transform: rotate(2deg); */
/* 	background: url('../img/map5.png') no-repeat;
	background-size: cover;
	background-position: center center; */
}
.map5Bg{
	width: calc(480vw / var(--width));
	height: calc(595vw / var(--width));
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	background: url('../img/map5.png') no-repeat;
	background-size: cover;
	background-position: center center;
}
.palioMain5BG{
	display: none;
	width: 100%;
	height: 100%;
	background: #1818189e;
	position: absolute;
	top: 0;
	z-index: 99999;
}
.palioMain5Map{
	position: absolute;
	bottom: 0;
	z-index: 9;
	-webkit-animation: 1s ease-out backwards;
	animation: 1s ease-out backwards;
	z-index: 999999;
}














@media (max-width: 900px) {
	.palio_herd{
		height: calc(57vw / var(--width1));
	}
	.palio_logo {
	    width: calc(92vw / var(--width1));
	}
	.palio_herdRight{
		justify-content: flex-end;
	}
	.palio_herdRight_ico{
		width: 75%;
	}
	.palio_herdRight_ico img{
		/* width: calc(42vw / var(--width1)); */
	}
	.palio_herdRight_ico1,
	.palio_herdRight_ico2,
	.palio_herdRight_ico3{
		width: calc(42vw / var(--width1));
		border-radius: calc(70vw / var(--width1));
		width: calc(42vw / var(--width1));
		height: calc(33vw / var(--width1));
	}
	.palio_herdRight_ico1 img{
		width: calc(19vw / var(--width1));
	}
	.palio_herdRight_ico2 img{
		width: calc(15vw / var(--width1));
	}
	.palio_herdRight_ico3 img{
		width: calc(18vw / var(--width1));
	}
	.palio_herdRight_ico4 img{
		width: calc(42vw / var(--width1));
	}
	.m_herd{
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #0000009c;
		z-index: 9999;
	}
	.m_herdView{
		background: #181818d9;
		padding: calc(90vw / var(--width1)) 0px;
		color: #fff;
		border-bottom-left-radius: calc(50vw / var(--width1));
		border-bottom-right-radius: calc(50vw / var(--width1));
	}
	.m_herdView div{
		font-family: title;
		font-size: calc(22vw / var(--width1));
		text-align: center;
		padding: calc(15vw / var(--width1)) 0px;
	}
	.m_herdView a{
		color: #fff;
	}
	.m_herdClose{
		background: #fff;
		width: 15px;
		text-align: center;
		padding: 15px 20px;
		border-radius: 26%;
		margin: 40px auto 0;
		position: absolute;
		left: calc(50% - 25px);
	}
	
	.palio_top {
	    height: calc(700vw / var(--width1));
	}
	.palio_top .load_bg{
		width: auto;
		height: calc(700vw / var(--width1));
		left: -115%;
	}
	.palio_topText{
		top: calc(430vw / var(--width1));
		width: 90%;
	}
	.palio_topText img{
		width: calc(132vw / var(--width1));
	}
	.palio_topText_text,
	.palio_topText_text1{
		font-size: calc(48vw / var(--width1));
	}
	
	.palioMain_view1, .palioMain_view2, .palioMain_view3, .palioMain_view4, .palioMain_view5, .palioMain_view6{
		width: 100%;
		height: calc(380vw / var(--width1));
	}
	.palioMain_view1Div{
		width: 92%;
	}
	.palioMain_view1Title{
		font-size: calc(40vw / var(--width1));
		line-height: calc(44vw / var(--width1));
	}
	.palioMain_view1Text{
		margin-top: 5vw;
		font-size: calc(16vw / var(--width1));
		line-height: calc(24vw / var(--width1));
	}
	.palioMain_view2 .imgico{
		width: calc(182vw / var(--width1));
		margin-top: 50vw;
	}
	.palioMain_view2 .imgico_x1{
		width: calc(110vw / var(--width1));
		left: -16vw;
	}
	.palioMain_view2 .imgico_x2{
		width: calc(110vw / var(--width1));
		right: -16vw;
	}
	.palioMain_view3 .imgico{
		width: calc(312vw / var(--width1));
	}
	.palioMain_view3 .imgico_x1{
		top: -18vw;
	}
	.palioMain_view3 .imgico_x2{
		bottom: -19vw;
	}
	.palioMain_view6 .imgico{
		width: calc(120vw / var(--width1));
	}
	.palioMain_view6 .imgico_CO{
		    width: calc(500vw / var(--width1));
	}
	
	.palioMain1{
		position: relative;
		margin-top: calc(50vw / var(--width1));
		height: calc(900vw / var(--width1));
	}
	.palioMain1_view{
		width: 92%;
	}
	.palioMain1_cont{
		width: 100%;
	}
	.palioMain1_viewSeep{
		width: 100%;
	}
	.palioMain1_title{
		font-size: calc(50vw / var(--width1));
		display: flex;
		flex-wrap: wrap;
	}
	.palioMain1_viewIco {
		width: calc(185.72vw / var(--width1));
	}
	.palioMain1_contTitle{
		    font-size: calc(30vw / var(--width1));
	}
	.palioMain1_contVImg{
		width: 100%;
	}
	.palioMain1_contVImgBG{
		width: 100%;
		height: auto;
	}
	.palioMain1_contVImgBG1{
		width: 100%;
		height: auto;
	}
	.palioMain1_contVRight{
		width: 100%;
	}
	.palioMain1_contVText{
		font-size: calc(16vw / var(--width1));
		line-height: calc(24vw / var(--width1));
	}
	.palioMain1_contVImgBtn{
		width: calc(177vw / var(--width1));
	}
	.palioMain1_contVA{
		width: calc(177vw / var(--width1));
		height: calc(48vw / var(--width1));
		margin-top: calc(40vw / var(--width1));
		line-height: calc(48vw / var(--width1));
		font-size: calc(15vw / var(--width1));	
	}
	.swiper1 .swiper-slide:nth-child(1), .swiper1 .swiper-slide:nth-child(2), .swiper1 .swiper-slide:nth-child(3), .swiper1 .swiper-slide:nth-child(4){
		width: 100%;
		/* margin-right: 0 !important; */
	}
	.palioMain1_contV{
		    flex-direction: column;
	}
	.palioMain1_btn{
		position: absolute;
		right: 4vw;
		bottom:5vw;
		z-index: 999;
		background: #F3F3F3;
		border-radius: 30px;
	}
	
	
	.palioMain2{
		margin-top: calc(50vw / var(--width1));
	}
	.palioMain2_title{
		font-size: calc(45vw / var(--width1));
		margin-bottom: calc(10vw / var(--width1));
	}
	.palioMain2_title1{
		font-size: calc(17vw / var(--width1));
		margin-bottom: calc(30vw / var(--width1));
	}
	.palioMain2_viewBG{
		margin: calc(60vw / var(--width1)) auto;
		transform: scale(1.5);
	}
	.palioMain2_view{
		height: calc(1400vw / var(--width1));
	}
	.palioMain2_view2{
		width: 100%;
	}
	.palioMain2_view2Div_img{
		width: calc(60vw / var(--width1));
	}
	.palioMain2_view2Div_title{
		font-size: calc(24vw / var(--width1));
		    line-height: calc(30vw / var(--width1));
	}
	.palioMain2_view2Div_text{
		font-size: calc(14vw / var(--width1));
		    line-height: calc(24vw / var(--width1));
	}
	
	.palioMain3{
		width: 92%;
		height: calc(130vw / var(--width1));
		margin: calc(60vw / var(--width1)) auto calc(100vw / var(--width1));
	}
	.palioMain3_title{
		    margin: calc(80vw / var(--width)) 0;
		font-size: calc(16vw / var(--width1));
		    line-height: calc(24vw / var(--width1));
	}
	
	.palioMain3_imgIco{
		width: calc(140vw / var(--width1));
	}
	.palioMain3 .scrollGD .palioMain4_imgView{
		width: calc(140vw / var(--width1));
	}


	
	.palioMain4_title{
		    font-size: calc(50vw / var(--width1));
	}
	.palioMain4_btnArr{
		    margin: calc(20vw / var(--width1)) auto;
	}
	.palioMain4_btn1,.palioMain4_btn2{
		width: calc(140vw / var(--width1));
		    height: calc(45vw / var(--width1));
		    line-height: calc(45vw / var(--width1));
			font-size: calc(16vw / var(--width1));
	}
	.palioMain4 .scrollGD .palioMain4_imgView,
	.palioMain4 .scrollGD1 .palioMain4_imgView{
		height: calc(114vw / var(--width1));
	}
	.palioMain4_imgArr1, .palioMain4_imgArr2{
		height: calc(114vw / var(--width1));
		margin-bottom: calc(15vw / var(--width1));
	}
	.palioMain4_img{
		height: calc(114vw / var(--width1));
		/* margin: 0 calc(10vw / var(--width1)); */
	}
	.magnifyImg_src{
		width: 85%;
		height: auto;
	}
	
	
	.palioMain5{
		height: calc(500vw / var(--width1));
	}
	.palioMain5_cont{
		padding-top: calc(60vw / var(--width1));
		flex-direction: column;
	}
	.palioMain5_center{
		margin-top: calc(30vw / var(--width1));
		width: 100%;
		line-height: calc(31vw / var(--width1));
		font-size: calc(16vw / var(--width1));
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
	}
	.palioMain5_left_ico{
		margin: calc(80vw / var(--width)) 0;
		display: flex;
		width: 100%;
	}
	.palioMain5_left_ico div{
		margin-right: calc(60vw / var(--width));
	}
	.palioMain5_left_img{
		    width: calc(170vw / var(--width1));
	}
	.palio5_left_logo{
		    width: calc(42vw / var(--width1));
	}
	.palioMain5_right{
		display: none;
	}
	.palioMain5_trademark{
		    width: 92%;
			margin:calc(20vw / var(--width1)) auto;
		    font-size: calc(14vw / var(--width1));
			text-align: left;
	}
	.palioMain5_bq{
		    flex-direction: column;
	}
	.palioMain5_trademarkA .palioMain5_trademark{
		width: 30%;
		min-width: 100px;
	}
	.indexMap_tips{
		left: calc(50% - 92.8vw/var(--width1));
		width:calc(185.72vw / var(--width1));
	}
	.swiper1 .swiper-slide{
		transition: 1500ms;
		transform: scale(1);
		opacity: 1;
	}
	.swiper1 .swiper-slide-active,
	.swiper1 .swiper-slide-duplicate-active{
	   transform: scale(1);
	   opacity: 1;
	}
	
	.contactBG{
		width: calc(408vw / var(--width1));
		height: calc(264vw / var(--width1));
	}
	.contactBG_view{
		width: calc(299vw / var(--width1));
	}
	.contactBG_title{
		color: #434343;
		font-size: calc(30vw / var(--width1));
		line-height: calc(30vw / var(--width1));
		font-family: title1;
		margin-bottom: calc(25vw / var(--width1));
	}
	.contactBG_text{
		font-size: calc(16vw / var(--width1));
		line-height: calc(25vw / var(--width1));
		font-family: text;
		color: #3D3D3D;
	}
	.contactBG_text1{
		color: #FF9E9E;
	}
	.contactClose{
		width: calc(17vw / var(--width1));
		height: calc(25vw / var(--width1));
		background-color: #f1f1f1b0;
		padding: calc(13vw / var(--width1)) calc(20vw / var(--width1)); 
		border-radius: 11px;
		margin-top: calc(25vw / var(--width1));
	}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.map1{
		width: 85%;
		bottom: auto;
	}
	.map1_logo{
		    width: calc(276vw / var(--width1));
	}
	.map1_text{
		    margin-top: calc(30vw / var(--width1));
		    font-size: calc(16vw / var(--width1));
			    line-height: calc(28vw / var(--width1));
	}
	.map2, .map3, .map4, .map5{
		width: calc(470vw / var(--width1));
		height: calc(580vw / var(--width1));
	}
	.swiper-slide{
		width: 100%;
	}
	.swiper-slide:nth-child(2), .swiper-slide:nth-child(3), .swiper-slide:nth-child(4), .swiper-slide:nth-child(5){
		width: 90%;
	}
	.map2_cont{
		height: calc(500vw / var(--width1));
	}
	.map2_contNum{
		font-size: calc(16vw / var(--width1));
		    line-height: calc(24vw / var(--width1));
		    margin-bottom: calc(10vw / var(--width1));
	}
	.map2_contTitle{
		    font-size: calc(30vw / var(--width1));
		    line-height: calc(30vw / var(--width1));
		    margin-bottom: calc(15vw / var(--width1));
	}
	.map2_contText{
		font-size: calc(16vw / var(--width1));
		    line-height: calc(22vw / var(--width1));
		    margin-bottom: calc(50vw / var(--width1));
	}
	.map2_contViewD{
		margin-bottom: calc(20vw / var(--width1));
	}
	.map2_contViewD_bg{
		    border-radius: calc(10vw / var(--width1));
		    height: calc(25vw / var(--width1));
		    margin-bottom: calc(5vw / var(--width1));
	}
	.map2_contViewD_title{
		    font-size: calc(14vw / var(--width1));
		    line-height: calc(22vw / var(--width1));
	}
	.map2_contViewD4{
		    border-radius: calc(10vw / var(--width1));
	}
	
	.map3Img1{
		    width: calc(338vw / var(--width1));
	}
	.map3_contViewText, .map3_contViewText2, .map3_contViewText3{
		    font-size: calc(26vw / var(--width1));
	}
	.map3_contViewTextWb{
		    font-size: calc(16vw / var(--width1));
		    line-height: calc(22vw / var(--width1));
	}
	.map4Img1{
		top: calc(100vw / var(--width1));
		    width: calc(184vw / var(--width1));
	}
	.map4Img2{
		width: calc(210vw / var(--width1));
	}
	.map5Bg{
		width: calc(420vw / var(--width1));
		    height: calc(665vw / var(--width1));
	}
}























.hoveScale:hover{
	transform: scale(1.05);
	 transition-duration: 1s;
}
.hoveScale1:hover{
	background: #DFDFDF;
}
.hoveScale2:hover{
	background: #dfdfdf21;
}
@keyframes blurToClear {
	0% { opacity: 0.1; filter: blur(0); }
	100% { opacity: 1; filter: blur(0); }
}
.textAnimation{
	animation: blurToClear 2s forwards; 
}

/* 图片滚动 */
.scrollGD {
	position: relative;
	display: flex;
	width: 100%;
	overflow: hidden;
}

.scrollGD_img {
	display: flex;
	column-gap: calc(10vw / var(--width));
}
.scrollGD_img > div,
.scrollGD_img > div .bg {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: calc(10vw / var(--width));
}
.scrollGD > div {
	white-space: nowrap;
	animation: animate var(--t) linear infinite;
	animation-delay: calc(var(--t) * -1);
}
.scrollGD > div:nth-child(2) {
	animation: animate2 var(--t) linear infinite;
	animation-delay: calc(var(--t) / -2);
}
.scrollGD:hover > div {
	animation-play-state: paused;
}

.scrollGD1 > div {
	white-space: nowrap;
	animation: animate3 var(--t) linear infinite;
	animation-delay: calc(var(--t) * -1);
}
.scrollGD1 > div:nth-child(2) {
	animation: animate4 var(--t) linear infinite;
	animation-delay: calc(var(--t) / -2);
}
.scrollGD1:hover > div {
	animation-play-state: paused;
}


@keyframes animate {
	0% {transform: translateX(100%);}
	100% { transform: translateX(-100%);}
}

@keyframes animate2 {
	0% {transform: translateX(0);}
	100% {transform: translateX(-200%);}
}

@keyframes animate3 {
	0% {transform: translateX(-100%);}
	100% {transform: translateX(100%);}
}

@keyframes animate4 {
	0% {transform: translateX(-200%);}
	100% {transform: translateX(0);}
}

@keyframes fa1 {
	0% {
		transform: scale(1.1)
	}

	10% {
		transform: scale(1.09)
	}

	20% {
		transform: scale(1.08)
	}

	30% {
		transform: scale(1.07)
	}

	40% {
		transform: scale(1.06)
	}

	50% {
		transform: scale(1.05)
	}

	60% {
		transform: scale(1.04)
	}

	70% {
		transform: scale(1.03)
	}

	80% {
		transform: scale(1.02)
	}

	90% {
		transform: scale(1.01)
	}

	100% {
		transform: scale(1)
	}
}
/* 放大动画倒叙 */
@keyframes fa2 {
	0% {
		transform: scale(1)
	}
	100% {
		transform: scale(1.1)
	}
}
@keyframes moving {to {width: 100%;}}
@keyframes flashing {to { border-color: transparent;}}

@keyframes slideUpDown {
  0% {
    transform: scaleX(1); /* 初始位置 */
  }
  50% {
    transform: scaleX(1.02); /* 轻微向下拉升 */
    transform-origin: center;
  }
  100% {
    transform: scaleX(1); /* 轻微向下拉升 */
    transform-origin: center;
  }
}

@-webkit-keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }

  100% {
    opacity: 1;
  }
}
@keyframes zoomIn {
  from {
    opacity: 0;
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
    transform: scale3d(0.3, 0.3, 0.3);
  }
  100% {
    opacity: 1;
  }
}
.aniZoomIn {
	opacity: 1;
	-webkit-animation:1s 1.2s ease-out backwards ;-moz-animation:1s 1.2s ease-out backwards ;-ms-animation:1s 1.2s ease-out backwards ;animation:1s 1.2s ease-out backwards ;
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}