@font-face {
	font-family: "OPPOSansRegular";
	src: url();
}
@font-face {
	font-family: "CenturyGothic";
	src: url(../font/CenturyGothic.TTF);
}


html {
	height: 100%;
	overflow-y: visible;
}
body, ul, li, p, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	line-height: inherit
}
header, footer {
	display: block;
}
body {
	min-width: 320px;
	font-family: "OPPOSansRegular";
	color: #333;
	overflow-x: hidden;
	font-size: 14px;
	word-wrap: break-word;
	word-break: break-word;
	line-height: 1.5;
	background: #ffffff;
	-webkit-text-size-adjust: 100%;
	user-select:none;
}
li {
	list-style: none;
}
a {
	text-decoration: none;
	color: #1a1a1a
}
a:hover, a:active, a:focus, a:visited {
	color: #1a1a1a;
	text-decoration: none;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
input[type="button"],input[type="submit"],input[type="reset"],input[type="text"],input[type="tel"],button,textarea{
	-webkit-appearance:none;
}
.poster{
	overflow: hidden;
}
.poster img{
	transition: all 0.3s ease-out;
}
.opacity{
	opacity: 0
}
.flex {
	display: flex;
	display: -webkit-flex;
	align-items: center;
	-webkit-align-items: center;
}
.between {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}
.txr{
	text-align: right;
}
.txc{
	text-align: center;
}
.mt30{
	margin-top: 30px;
}
.pbox{
	overflow: hidden;
}
.bgc{
	background: #f8f8f8;
	position: relative;
	z-index: 1;
}
.poster{
	position: relative;
	overflow: hidden;
}
.poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all 0.2s linear;
}
.container {
	width: 100%;
	padding-left: 6%;
	padding-right: 6%;
	margin: 0 auto;
	max-width: 1920px;
	box-sizing: border-box;
	position: relative;
	z-index: 10;
}
.nav-header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	z-index: 101;
	transition: all 0.45s ease-out;
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0))
}
.brand-logo {
	display: block;
	background: url(../image/brand_logo5.png) no-repeat;
	background-size: contain;
	width: 274px;
	height: 52px;
	transition: all 0.2s ease-out;
}
.mob-navbtn{
	display: none;
}
.nav-box{
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: flex-end
}
#navMenu{
	flex: 1;
}
.navMenu{
	justify-content: space-between;
}
.navMenu li{
	position: relative;
	padding: 0 clamp(15px,1.56vw,30px);
}
.navMenu li a{
	display: flex;
	align-items: center;
	font-size: clamp(16px,1vw,20px);
	padding: 30px 10px;
	line-height: 30px;
	color: #ffffff;
	position: relative;
	font-weight:bold;
	transition: all 0.2s ease-out;
	white-space: nowrap;
}
.navMenu li a:hover{
	text-decoration: none;
}
.navMenu li a::after{
	content: '';
	position: absolute;
	width: 100%;
	height: 4px;
	bottom: 0px;
	left: 0;
	background: #ff6600;
	border-radius: 1px;
	transform: scale(0,1);
	transition: all 0.2s ease-out;
}
.navMenu li.active a::after,.navMenu li a:hover::after{
	transform: scale(1,1);
}

.subMenu{
	position: absolute;
	top: 100%;
	left: 50%;
	display: flex;
	flex-direction: column;
	z-index: -1;
	text-align: center;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	visibility: hidden;
	opacity: 0;
	min-width: 100%;
	transition: all 0.3s ease-out;
	transform: translateX(-50%);
	box-sizing: border-box;
	margin-top: -10px;
}
.navMenu li .subMenu a{
	padding: 10px 10px;
	background: #ffffff;
	font-size: clamp(14px,0.9vw,18px);
	justify-content: center;
	white-space: nowrap;
	color: #000000
}
.navMenu li .subMenu .current{
	color: #ff6600;
}
.navMenu li .subMenu a:hover{
	background: #ff6600;
	color: #ffffff
}
.navMenu li:hover .subMenu{
	opacity: 1;
	z-index: 10;
	visibility: visible;
	margin-top: 0px;
}
.subMenu a::after{
	display: none;
}
.nav-tools a{
	color: #0A0909;
	font-size: 17px;
}
.top-search{
	height: 32px;
	position: relative;
	border: 1px solid rgba(0,0,0,0);
}
.ssinbox{
	width: 0;
	overflow: hidden;
	transition: all 0.3s ease-out;
}
.ssbar{
	height: 20px;
	line-height: 20px;
	padding: 6px 10px;
	box-sizing: content-box;
	transition: all 0.3s ease-out;
	display: flex;
	align-items: center;
}
.ssbar input{
	width: 100%;
	border: none;
	background: none;
	height: 22px;
	line-height: 22px;
	box-sizing: border-box;
	outline: none
}
.iss{
	display: block;
	background: url(../image/issbar1.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 20px;
}
.top-search.active .ssinbox{
	width: 150px;
}
.top-search.active .ssbar{
	background: #F7F7F7;
	border: 1px solid #8e8e99;
}
.top-search.active .iss{
	background: url(../image/issbar_b.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 20px;
}
.nav-hbg .nav-header,.nav-hbg.nav-header{
	background: #ffffff;
	box-shadow: 0 0 6px rgba(0,0,0,0.15)
}
.nav-hbg .brand-logo {
	display: block;
	background: url(../image/brand_logo_b2.png) no-repeat;
	background-size: contain;
}
.nav-hbg .navMenu li a{
	color: #1a1a1a;
}
.nav-hbg .top-search .iss{
	background: url(../image/issbar_b.png) no-repeat center;
	background-size: contain;
	width: 20px;
	height: 20px;
}
.c-hbg.nav-header{
	background: #ffffff;
	box-shadow: 0 0 6px rgba(0,0,0,0)
}
.c-hbg .iss{
	display: block;
	background: url(../image/issbar_b.png) no-repeat center;
	background-size: contain;
}
.c-hbg .brand-logo {
	display: block;
	background: url(../image/brand_logo_b2.png) no-repeat;
	background-size: contain;
}
.c-hbg .navMenu li a{
	color: #1a1a1a;
}

.mob-navbar-nav{
	display: none;
}
.banner-swiper-box{
	height: clamp(700px,48.4375vw,930px);
	overflow: hidden;
	z-index: 10;
	width: 100%;
}
.banner-swiper{
	height: clamp(700px,48.4375vw,930px);
	position: fixed;
	z-index: 1;
	top: 0;
	left: 0;
	width: 100%;
}
.banner-swiper .swiper-slide{
	position: relative;
	height: 100%;
	overflow: hidden;
	background-size: cover; background-position:center !important
}
.banner-swiper .swiper-slide::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 60%;
	height: 100%;
	z-index: 1;
}
.banner-tips{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
	display: flex;
	flex-direction: column;
	justify-content: center;
	color: #2A2F37;
}
.banner-tips h3{
	opacity: 0;
	font-size: clamp(18px,3vw,60px);
	padding:clamp(4px,1vw,18px) 0;
    font-weight:bold;
	font-weight: lighter;
	color: #fff;
	text-align: center;
	text-shadow: 2px 3px 4px rgba(0,0,0,1);
	width: 100%;
	box-sizing: border-box;
	letter-spacing: 0.5vw;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.banner-tips .container{
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.banner-swiper .swiper-slide-active .banner-tips h3{
	-webkit-animation: fadeInUp 1s ease-out forwards 0.1s;
    animation: fadeInUp 1s ease-out forwards 0.1s;
}

.banner-swiper .swiper-container .swiper-slide img{
	transform: scale(1);
	transition: all 1.5s ease-out;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner-swiper .swiper-container .swiper-slide-active img{
	transform: scale(1.15);
	-webkit-animation: banScale 2.5s ease-out forwards;
    animation: banScale 2.5s ease-out forwards;
}
.effectScale{
	-webkit-animation: banScale 2.5s ease-out forwards;
    animation: banScale 2.5s ease-out forwards;
}
.banner-swiper .swiper-container,.banner-swiper .swiper-container .swiper-slide img{
	height: 100%;
	width: 100%;
	object-fit: cover;
	cursor: default !important;
}
.banner-swiper .swiper-pagination{
	text-align: left;
	width: auto;
}
.banner-swiper .swiper-pagination-bullet{
	border: 2px solid #fff;
	background: rgba(255,255,255,0);
	width: 10px;
	height: 10px;
	margin: 0 3px !important;
	opacity: 0.5;
	position: relative;
	transition: all 0.3s ease-out;
}
.banner-swiper .swiper-pagination-bullet-active{
	background: #fff;
	opacity: 1;
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet svg{
	transform: translate(-7px,-7px);
}
.banner-swiper .swiper-pagination .swiper-pagination-bullet-active circle{
	animation: clock-animation 11s linear;
	opacity: 1
}
.banner-pagination{
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding-left: 6%;
	display: flex;
	align-items: center;
	z-index: 11;
}
.banner-pagination .swiper-pagination{
	position: relative;
	z-index: 10;
	height: 10px;
	bottom: auto;
	line-height: 0
}
.pag-icon{
	width: 160px;
	background: url(../image/mouse.png) no-repeat;
	height: 26px;
	position: relative;
}
.pag-icon::after{
	content: "";
	width: 110px;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 40px;
	z-index: 1
}
.banner-num{
	color: #fff;
	font-size: 14px !important;
	text-align: right;
	padding-left: 10px;
}
.banner-num span{
	transition: all 0.15s ease-out;
}
.banner-num strong{
	transition: all 0.15s ease-out;
	font-weight: normal;
}
circle {
  fill: transparent;
  stroke: white;
  stroke-width: 1px;
  stroke-dasharray: 200;
  stroke-dashoffset: 200;
  transform: rotate(-90deg);
  transform-origin: center;
}

@keyframes clock-animation {
  0% {
    stroke-dashoffset: 200;
  }
  100% {
    stroke-dashoffset: 0;
  }
}


.fadeInUp {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp
}
@-webkit-keyframes banScale {
	0% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
@keyframes banScale {
	0% {
		transform: scale(1.1)
	}
	100% {
		transform: scale(1)
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 100px, 0);
		transform:translate3d(0, 100px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInUp {
	0% {
		opacity:0;
		-webkit-transform:translate3d(0, 100px, 0);
		-ms-transform:translate3d(0, 100px, 0);
		transform:translate3d(0, 100px, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100px, 0, 0);
		transform:translate3d(-100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInLeft {
	0% {
		opacity:0;
		-webkit-transform:translate3d(-100px, 0, 0);
		-ms-transform:translate3d(-100px, 0, 0);
		transform:translate3d(-100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}

@-webkit-keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100px, 0, 0);
		transform:translate3d(100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		transform:none
	}
}
@keyframes fadeInRight {
	0% {
		opacity:0;
		-webkit-transform:translate3d(100px, 0, 0);
		-ms-transform:translate3d(100px, 0, 0);
		transform:translate3d(100px, 0, 0)
	}
	100% {
		opacity:1;
		-webkit-transform:none;
		-ms-transform:none;
		transform:none
	}
}
input[type=checkbox]{
     cursor: pointer;
     position: relative;
     width: 15px;
     height: 15px;
     font-size: 14px;
}

input[type=checkbox]::after{
     position: absolute;
     top: 0;
     background-color: transparent;
     color: #000;
     width: 15px;
     height: 15px;
     display: inline-block;
     visibility: visible;
     padding-left: 0px;
     text-align: center;
     content: ' ';
     border-radius: 3px
}

input[type=checkbox]:checked::after{
     content: "✓";
     font-size: 12px;
     font-weight: bold;
     color: #fff;
     background-color: #DB0212;
}
.about-bg{
	background: #fff url(../image/abimg.jpg) no-repeat fixed 50% 50%;
	background-position: bottom;
	background-size: cover;
	min-height: 100vh;
	width: 100%;
	position: relative;
	z-index: 1;
	box-sizing: border-box;
	padding-bottom: clamp(80px,10vw,180px);
}
.home-about-box{
	width: 100%;
	box-sizing: border-box;
	padding-right: 10%;
	position: relative;
}
.home-about-infos{
	padding-top: clamp(60px,5.6vw,90px);
	background: #fff;
	padding-left: 6%;
	display: flex;
	align-items: flex-end;
	padding-bottom: clamp(40px,5vw,80px);
}
.about-right{
	position: absolute;
	top: 0;
	right: 0;
	background: #fff;

	z-index: 10;
	width: clamp(500px,33vw,646px);
}
.about-right .bg{
	background: #4468b0;
	height: clamp(50px,11.9vw,230px);
}
.r-tips{
	 font-family: "CenturyGothic";
	font-size: clamp(16px,2vw,36px);
	text-transform: uppercase;
	font-weight: bolder;
	box-sizing: border-box;
	line-height: 1.3;
	position: absolute;
	top: clamp(40px,3.2vw,60px);;
	right: 10%;
	z-index: 12
}
.r-tips p{
	text-align: right;
	color: #ffffff;
}
.r-tips p:first-child{
	transform: translateX(-2.2em)
}
.abimg2{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(20px,3.2vw,60px);
	position: relative;
	z-index: 10;
	padding-top: 30px;
	transform: translateX(1px)
}
.abimg2 img{
	width: 100%;
}
.home-about-infos .title{
	font-size: clamp(20px,2.3vw,46px);
	font-weight:bold;
	color: #1a1a1a;
	line-height: 1.2;
	transform: translateY(-4px);
}
.home-about-infos .subtit{
	 font-family: "CenturyGothic";
	font-size: clamp(16px,1.6vw,32px);
	text-transform: capitalize;
	color: #ff6600;
	font-weight: bolder;
	letter-spacing: 2px;
	margin-bottom: clamp(8px,0.8vw,16px);
	padding-top:  clamp(8px,0.8vw,16px);
	line-height: 1.3
}
.home-about{
	width: clamp(400px,40vw,650px);
	font-size: 22px;
}
.home-about .intro{
	font-size: clamp(14px,0.9vw,16px);
	text-align: justify;
}
.about-thumbs{
	margin-left: -5px;
	margin-right: -5px;
	padding-top: clamp(10px,1.3vw,30px);
}
.about-thumbs li{
	width: 20%;
	padding: 0 5px;
	box-sizing: border-box;
}
.about-thumbs li a{
	display: block;
	position: relative;
	overflow: hidden;
	background: #000;
}
.about-thumbs li a .poster{
	display: block;
	transition: all 0.3s ease-out;
}
.about-thumbs li a:hover .poster{
	transform: scale(1.1);
	opacity: 0.7
}
.about-thumbs li a .info{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	color: #fff;
	font-size: 12px;
}
.about-thumbs li a .info .icon{
	display: block;
	width: 24px;
	height: 18px;
	margin: 0 auto;
}
.about-thumbs li a .info .name{
	font-size: 12px;
	transform: scale(0.9);
	opacity: 0.8;
	padding-bottom: 6px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.about-thumbs li a .info .morebar{
	display: inline-block;
	position: relative;
	padding-right: 10px;
	transform: translateY(4px)
}
.about-thumbs li a .info .morebar::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 7px;
	height: 7px;
	transform: rotate(45deg);
	margin-top: -3px;
}
.about-total{
	justify-content: space-between;
	padding-top: clamp(20px,2vw,60px);
	padding-bottom: clamp(10px,1vw,40px);
	font-size: clamp(14px,1vw,18px)

}
.about-total li{
	text-align: center;
}
.about-total .total{
	text-align: center;
	position: relative;
	padding-bottom: clamp(8px,0.8vw,16px);
	margin-bottom: clamp(8px,0.8vw,16px);
	display: flex;
	justify-content: center;
	padding-left: clamp(30px,2vw,60px);
	padding-right: clamp(30px,2vw,60px);
}
.about-total .total::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 60px;
	height: 2px;
	background: #4d4d4d;
	margin-left: -30px;
	z-index: 1;
}
.about-total .total h3{
	position: relative;
	font-size: 36px;
	color: #ff6600;
	font-weight: bolder;
	line-height: 1;
	display: flex;
	align-items: flex-start;
}
.about-total .total h3 span{
	font-size: clamp(12px,0.8vw,16px);
	color: #1a1a1a;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	line-height: 1;
	white-space: nowrap;
	font-weight: normal;
}
.about-total .total h3 strong{
	font-style: normal;
	font-weight: bold;
	font-size: clamp(20px,1.8vw,36px);
	display: inline-block;
	text-align: right;
	margin-right: 4px;
	white-space: nowrap;
}
.inc-title{
	text-align: center;
	color: #fff;
	line-height: 1.2;
	padding-top: clamp(30px,6vw,120px);
	padding-bottom: clamp(20px,3.1vw,50px);
	position: relative;
}
.inc-title::after{
	content: '';
	background: url(../image/line.png) no-repeat center;
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1
}
.inc-title h4{
	font-size: clamp(18px,2.7vw,52px);
	font-family: "CenturyGothic";
	text-transform: uppercase;
	font-weight: bolder;
	letter-spacing: 2px;
}
.inc-title h3{
	font-size: clamp(20px,2.5vw,50px);
	 font-weight:bold;
	margin-top: 4px;
}
.inc-total{
	justify-content: space-around;
	color: #fff;
	font-size: clamp(16px,1.2vw,20px);
	padding-top: clamp(42px,3.1vw,50px);
	padding-left: 60px;
	padding-right: 60px;
}
.inc-total li{
	text-align: center;
}
.inc-total li h3{
	font-size: clamp(24px,3.1vw,60px);
	font-weight: bold;
	display: flex;
	align-items: center;
	line-height: 1.1;
	justify-content: center;
	margin-bottom: 10px;
}
.inc-total li h3 span{
	font-size: 60%;
}
.inc-total li h3 strong{
	font-style: normal;
	white-space: nowrap;
	display: inline-block;
}
.service-box{
	position: relative;
	z-index: 3;
	background: #fff url(../image/ser_timg.jpg) no-repeat;
	background-size: 90% auto;
}
.service-box::after{
	content: "";
	background: url(../image/zim.jpg) no-repeat no-repeat right;
	background-size: auto 100%;
	width: 138px;
	height: 100%;
	position: absolute;
	top: 0;
	right:0;
	z-index: 0;
}
.home-title-group{
	padding-top: clamp(60px,6vw,120px);
	padding-bottom: clamp(42px,3.1vw,50px);
	color: #fff;
}
.home-title-group h4{
	font-size: clamp(20px,2.7vw,52px);
	font-family: "CenturyGothic";
	text-transform: uppercase;
	font-weight: bolder;
	padding-bottom: clamp(6px,0.8vw,16px);
	line-height: 1.2
}
.home-title-group h3{
	font-size: clamp(20px,2.5vw,50px);
	line-height: 1.2;
	padding-bottom: clamp(6px,0.8vw,16px);
}
.home-title-group .subtit{
	font-size: clamp(18px,2vw,32px);
}
.home-title-group .subtit-en{
	font-size: clamp(16px,1.6vw,26px);
	font-family: "CenturyGothic";
	text-transform: uppercase;
}
.home-title-group img{
	height: clamp(26px,2vw,40px);
}
.service-items{
	justify-content: space-between;
	margin-left: -18px;
	margin-right: -18px;
	padding-top: 15px;
	margin-bottom: 60px;
}
.service-items li{
	padding: 0 18px;
	width: 25%;
	box-sizing: border-box;
}
.service-items .items{
	display: block;
	position: relative;
	box-shadow: 6px 8px 10px rgba(0,0,0,0.3)
}
.service-items .items .infos{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	font-size: clamp(20px,1.4vw,28px);
	color: #fff;
}
.service-items .items .infos .icon{
	margin-bottom: 12px;
	height: clamp(56px,4.5vw,90px);
	width: auto;
	transition: all 0.3s ease-out 0.15s;
}
.service-items .items .infos .morebar{
	position: absolute;
	bottom: 10px;
	right: 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	line-height: 1;
	padding-right: 12px;
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 3px;
	letter-spacing: 1px;
	transition: all 0.2s ease-out;
}
.service-items .items .infos .morebar::after{
	content: "";
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -4px;
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}
.service-items .items:hover .infos .morebar{
	color: #000;
	background: #fff;
	padding: 3px 20px 5px 8px;
}
.service-items .items:hover .infos .morebar::after{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	right: 8px;
}
.service-items .items:hover .morebar{
	transform: translateX(-4px);
}
.service-items .items:hover .poster img{
	transform: scale(1.04)
}
.service-items .items:hover .infos .icon{
	transform: scale(0.8)
}
.section2{
	position: relative;
	z-index: 3;
}
.section3{
	position: relative;
	z-index: 4;
}
.section4{
	position: relative;
	z-index: 5;
}
.int-cen-box{
	min-height: 90vh;
}
.int-cen-box .home-title-group{
	padding-top: clamp(90px,11vw,220px);
}
.inca-box{
	height: 100vh;
}
.iic-tabs{
	padding-top: clamp(60px,6vw,120px);
}
.iic-tabs li a{
	display: block;
	border: 1px solid #fff;
	min-width: 120px;
	padding: clamp(5px,0.7vw,10px) clamp(30px,3vw,50px);
	text-align: center;
	font-size: clamp(16px,1.1vw,20px);
	color: #fff;
}
.iic-tabs .active a{
	background: #fff;
	color: #4468b0;
}
.section5{
	position: relative;
	z-index: 6;
}
.int-inn-box{
	background-color: #fff;
	padding-bottom: clamp(32px,2.2vw,42px);
}
.int-inn-box .home-title-group{
	padding-top: clamp(240px,18.75vw,360px);
	padding-bottom: 0;
}
.inter-infos{
	width: 40%;
	flex-shrink: 0;
	font-size: clamp(16px,1.25vw,24px);
	box-sizing: border-box;
	padding-right: 30px;
	color: #1a1a1a;
}
.inter-show{
	flex: 1;
	overflow: hidden;
}
.region{
	display: block;
	position: relative;
	overflow: hidden;
	box-shadow: 10px 10px 10px rgba(0,0,0,0.3);
}
.region .top-tips{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	padding: 10px 12px;
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0));
	color: #fff;
	font-size: clamp(16px,1.25vw,24px);
	font-weight:bold;
}
.region .btm-tips{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	padding: 10px 12px;
	background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.3));
	color: #fff;
	font-size: 14px;
	font-weight:400;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.region .btm-tips .arrow{
	background: url(../image/arrR.png) no-repeat center;
	background-size: contain;
	width: 26px;
	height: 20px;
	transition: all 0.15s ease-out;
}
.region .poster img{
	transform: scale(1.02)
}
.int-inn-box .region:hover .poster img{
	transform: scale(1.05);
}
.inter-show .swiper{
	padding: 30px;
}
.inter-show .swiper-slide{
	padding: 0 15px;
}
.inter-box{
	transform: translateY(-20px);
	align-items: center;
}
.section6{
	position: relative;
	z-index: 7;
	padding-bottom: clamp(20px,3vw,60px);
}
.section6 .home-title-group{
	padding-bottom: 12px;
}
.news-tabs li a{
	display: block;
	border: 1px solid #fff;
	min-width: 160px;
	padding: clamp(5px,0.7vw,10px) clamp(30px,3vw,50px);
	text-align: center;
	font-size: clamp(14px,1.1vw,20px);
	color: #fff;
}
.news-tabs .active a{
	background: #fff;
	color: #4468b0;
}
.news-show{
	width: clamp(900px,68vw,1280px);
}
.news-list{
	justify-content: space-between;
	margin-left: -24px;
	margin-right: -24px;
	padding-top: clamp(60px,6vw,120px);
}
.news-list li{
	width: 50%;
	padding: 0 24px;
	box-sizing: border-box;
}
.news-list li .news{
	display: block;
	box-shadow: 10px 20px 10px rgba(0,0,0,0.6);
}
.news-swiper .tips{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 11;
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 10px;
	color: #fff;
	font-size: clamp(16px,1.25vw,20px);
	background: linear-gradient(rgba(0,0,0,0.3),rgba(0,0,0,0))
}
.news-swiper .news .morebar{
	position: absolute;
	top: 10px;
	right: 10px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	line-height: 1;
	padding-right: 12px;
	text-transform: uppercase;
	font-size: 14px;
	padding-bottom: 5px;
	padding-top: 3px;
	letter-spacing: 1px;
	transition: all 0.2s ease-out;
	color: #fff;
}
.news-swiper .news .morebar::after{
	content: "";
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 7px;
	height: 7px;
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -4px;
	transform: rotate(45deg);
	transition: all 0.2s ease-out;
}
.news-swiper .news .morebar:hover{
	color: #000;
	background: #fff;
	padding: 3px 20px 5px 8px;
}
.news-swiper .news .morebar:hover::after{
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	right: 8px;
}
.news .title{
	background: #857870;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	height: 66px;
	line-height: 24px;
	padding: 0 20px;
	font-size: clamp(16px,1.25vw,20px);
}
.news-swiper .news{
	display: block;
	width: 100%;
}
.news .poster{
	height: clamp(160px,15.62vw,300px);
	width: 100%;
}
.news .poster img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news:hover .poster img{
	transform: scale(1.03)
}
.news-swiper{
	width: 610px;
	overflow: hidden;
	position: relative;
	margin-right: 40px;
	margin-top: clamp(60px,6vw,120px);
	box-shadow: 10px 20px 10px rgba(0,0,0,0.6)
}
.news-swiper .swiper-button-next{
	border: 1px solid #fff;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	top: auto;
	bottom: 90px;
	pointer-events:auto
}
.news-swiper .swiper-button-prev{
	border: 1px solid #fff;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	top: auto;
	bottom: 90px;
	pointer-events:auto
}
.news-swiper .swiper-button-next:after{
	color: #fff;
	font-size: 20px;
}
.news-swiper .swiper-button-prev:after{
	color: #fff;
	font-size: 20px;
}
.news-swiper .swiper-wrapper{
	transition: 2s cubic-bezier(0.68, -0.4, 0.27, 1.34) 0.2s;
}
.news-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;

  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.bbg{
	position: relative;
	z-index: 8;
	background: #1b1b1b;
	padding-top: clamp(40px,4.2vw,80px);
	padding-bottom: clamp(60px,6vw,120px);
}
.copyright{
	border-top: 1px solid #fff;
	padding: 20px 0;
	background: #1b1b1b;
	position: relative;
	z-index: 8;
	color: #fff;
}
.copyright a{
	color: #FFFFFF
}
.bb-box{
	justify-content: space-between;
	align-items: flex-start;
}
.bb-box a{
	color: #ffffff !important
}
.ftop{
	position: relative;
	z-index: 1;
	margin-bottom: clamp(30px,3vw,60px);
}
.ftop::after{
	content: "";
	width: 100%;
	height: 1px;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: -1;
}
.ftop .ftico{
	display: inline-block;
	background: #1b1b1b;
	padding-right: 20px;
}
.merchants{
	display: flex;
	align-items: flex-start;
	flex-wrap: wrap;
}
.merchants li{
	width: 33.333%;
	color: #fff;
	font-size: 14px;
	padding: 15px 20px 15px 0;
	line-height: 1.8
}
.merchants li a{
	color: #fff;
}
.f-left .title{
	font-size: clamp(16px,1.1vw,22px);
	font-weight:bold;
	color: #fff;
}
.merchants li .subtit{
	font-size: clamp(14px,0.8vw,16px);
	font-weight:bold;
	margin-bottom: 4px;
}
.f-right{
	color: #fff;
	font-size: 14px;
	line-height: 2;
	padding-top: clamp(30px,2.8vw,52px)
}
.f-right .fs26{
	font-size: clamp(16px,1.3vw,26px);
	font-weight: bold;
	margin-bottom: 6px;
	white-space: nowrap;
	padding-top: 0.8em;
	letter-spacing: 3px;
	color: #fff !important
}
.f-right .fs26 a{
	color: #fff !important
}
.ecode{
	padding-top: clamp(20px,2vw,48px);
}
.ecode li{
	width: 110px;
	margin-right: 15px;
	font-size: 12px;
	white-space: nowrap;
	text-align: center;
}
.ecode li:last-child{
	margin-right: 0;
}
.filings{
	margin-left: clamp(200px,20px,320px)
}
.sidebar{
	position: fixed;
	bottom: 10%;
	right: clamp(20px,2.5vw,70px);
	width: 24px;
	z-index: 1001;
	padding-top: 32px;
	display: none;
}

.sidebar::after{
	content: "";
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	width: 16px;
	height: 16px;
	transform: rotate(45deg);
	position: absolute;
	top: 0;
	left: 2px;
}
.sidebar li{
	padding: 3px;
}
.sidebar li span{
	display: block;
	border: 1px solid #fff;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	transition: all 0.3s ease-out;
	background: rgba(255,255,255,0);
	cursor: pointer;
}
.sidebar li.active span{
	background: rgba(255,255,255,1);
}
.sidebar.black::after{
	border-bottom: 2px solid #1a1a1a;
	border-right: 2px solid #1a1a1a;
}
.sidebar.black li span{
	border: 1px solid #1a1a1a;
	background: rgba(26,26,26,0);
}
.sidebar.black li.active span{
	background: rgba(26,26,26,1);
}
.banner-video{
	height: 100vh;
	overflow: hidden;
	width: 100%;
	position: relative;
	z-index: 1;
}
.video-box{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
.video-box video{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.about-overview{

	position: relative;
	z-index: 2;
	padding-top: clamp(100px,10vw,160px);
}
.overview-box{
	width: clamp(800px,53.95vw,1036px);
}
.overview{
	background: url(../image/overbg.jpg) no-repeat center;
	background-size: cover;
	padding: clamp(40px,4vw,76px);
	box-sizing: border-box;
	display: flex;
	align-items: flex-start;
}
.overview2{
	background: url(../image/overbg2.jpg) no-repeat center;
	background-size: cover;
}
.overview .left{
	white-space: nowrap;
	color: #fff;
}
.overview .left .title-en{
	font-size: clamp(20px,2.08vw,40px);
	font-family: "CenturyGothic";
	text-transform: capitalize;
	font-weight: bolder;
	flex-shrink: 0;
	margin-right: clamp(40px,4vw,76px);
	line-height: 1.2;
	letter-spacing: 2px;
}
.overview .left .title{
	font-size: clamp(22px,2.39vw,46px);
	position: relative;
	padding-bottom: clamp(12px,1.5vw,30px);
    font-weight:bold;
	line-height: 1.2;
	padding-top: 4px;
}
.overview .left .title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 6px;
	background: #eb5e2b;
}
.overview2 .left .title::after{
	display: none;
}
.overview .right{
	color: #fff;
	font-size: 15px;
	line-height: 2;
}

.overview-items-box{
	width: 100%;
	overflow: hidden;
	padding-bottom: clamp(120px,12vw,200px);
}
.overview-items{
	display: flex;
	align-items: stretch;
	padding-top: 30px;
	margin-left: -10px;
	margin-right: -10px;

}
.overview-items li{
	flex: 1;
	box-sizing: border-box;
	padding: 0 10px;
	flex-shrink: 0;
}
.overview-items .ovitem{
	background: #4468b0;
	height: 180px;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.overview-items .ovitem .infos{
	display: flex;
	flex-direction: column;
	align-items: center;
}
.overview-items .ovitem .total{
	font-size: clamp(24px,1.8vw,34px);
	font-weight:bold;
	color: #eb5e2b;
	padding-right: 5px;
	position: relative;
	line-height: 1;
	display: flex;
	align-items: flex-start;
	justify-content: center;
	transition: all 0.15s ease-out;
}
.overview-items .ovitem .total span{
	font-size: 15px;
	color: #fff;
	white-space: nowrap;
	font-weight: normal;
	margin-left: 4px;
}
.overview-items .ovitem .tit{
	font-size: 13px;
	color: #fff;
	padding-top: 12px;
}
.location-box{
	display: flex;
	align-items: stretch;
}
.location-infos{
	width: 55%;
	background: #fff url(../image/loc_l_bg.jpg) no-repeat center;
	background-size: cover;
	box-sizing: border-box;
	padding-left: 8.8%;
}
.location-map{
	flex: 1;
	min-height: clamp(420px,40vw,800px);
	padding: 10px;
	background: #fff;
	position: relative;
}
.location-map img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.north-bar{
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%)
}
.north-bar li{
	padding: 10px 0;
}
.north-bar li a{
	display: block;
	background: #f5f5ee;
	border-radius: 10px;
	padding: 20px;
	text-align: center;
	text-transform: uppercase;
	font-size: clamp(14px,1.2vw,24px);
	font-weight: bold;
	color: #eb5e2b;
	transition: all 0.15s ease-out;
}
.north-bar li a .arrow{
	background: url(../image/arr2.png) no-repeat;
	background-size: contain;
	width: 36px;
	height: clamp(12px,1.2vw,24px);
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	transition: all 0.3s ease-out;
}
.north-bar li a:hover{
	box-shadow: 2px 2px 10px rgba(0,0,0,0.4)
}
.north-bar li a:hover  .arrow{
	transform: translate(10px)
}
.north-infos{
	background: #fff;
}
.north-img{
	flex: 1;
	min-height: clamp(420px,40vw,800px);
}
.north-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.section1{
	position: relative;
	z-index: 2;
}
.location{
	display: flex;
	height: 100%;
	width: 100%;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: clamp(20px,3vw,60px) 0;
}
.location .title-en{
	font-family: "CenturyGothic";
	font-size: clamp(20px,2.2vw,46px);
	font-weight: bolder;
	line-height: 1.2;
	letter-spacing: 2px;
	text-transform: capitalize
}
.location .title{
	font-size: clamp(22px,2.39vw,46px);
	line-height: 1.2;
	font-weight: bolder;
}
.advantage{
	height: 560px;
	position: relative;
	z-index: 0;
	padding-right: 15%;
	width: 100%;
	box-sizing: border-box;
}
.advantage li{
	display: flex;
	align-items: flex-start;
	margin-top: clamp(30px,3.75vw,72px);
}
.advantage li .adcover{
	position: absolute;
	top: 0;
	left: 0;
	width: 85%;
	height: 100%;
	background: rgba(0,0,0,0);
	z-index: 10;
	display: none;
}
.advantage .intro{
	flex: 1;
}
.advantage .intro .desc{
	font-size: clamp(14px,1vw,20px);
	color: #000;
  	font-weight:400;
}
.adv-explain{
	font-size: clamp(14px,1vw,20px);
	color: #000;
  	font-weight:bold;
	display: none;
	text-align: justify;
}
.advantage .num{
	font-size: clamp(60px,5.2vw,72px);
    color: rgba(255, 255, 255, 0);
    line-height: 81px;
    -webkit-text-stroke: 0.5px #eb5e2b;
    text-stroke: 0.5px #eb5e2b;
	font-family: "CenturyGothic";
	flex-shrink: 0;
	font-weight: bolder;
	margin-right: 20px;
	transition: all 0.3s ease-out;
}

.advantage h3,.bridge-advantage h3{
	font-size: clamp(16px,1.1vw,22px);
	color: #eb5e2b;
	font-weight: bold;
}
.bridge-advantage{
	padding-right: 15%;
	padding-top: clamp(30px,3vw,60px)
}
.bridge-advantage .adv-explain{
	color: #000;
  	font-weight:bold;
	text-align: justify;
	display: block;
}
.bridge-advantage .adv-explain p{
	padding-bottom: clamp(6px,0.8vw,12px);
	line-height: 1.8
}
.north-infos .bridge-advantage .adv-explain p{
	padding-bottom: clamp(12px,1.3vw,24px);
}
.advantage li.active .num{
    color: #eb5e2b;
}
.advantage li.active  .adcover{
	display: block;
}
.advantage li.active  .intro .line-more{
	opacity: 0;
}
.advantage li .intro{
	position: relative;
	width: 100%;
}
.advantage li .intro .line-more{
	position: relative;
	z-index: 1;
	height: 2px;
	background: #eb5e2b;
	width: 100%;
	margin-top: clamp(14px,0.9vw,16px);
	transition: all 0.2s ease-out;
}
.advantage li .intro .line-more span{
	color: #eb5e2b;
	position: absolute;
	top: 50%;
	right: 0;
	background: #f3f5f7;
	display: inline-block;
	transform: translateY(-65%);
	padding-left: 12px;
	text-transform: uppercase;
  	font-weight:bold;
	font-size: clamp(14px,0.9vw,16px);
	line-height: 1;
}
.cs-section{
	position: relative;
}
.aboutTop{
	transform: translateY(-90px)
}
.csbg{
	font-size: 0;
	line-height: 0;
}
.csbg img{
	width: 100%;
	height: 100%;
}
.csbox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	height: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 8.5%;
	display: flex;
	align-items: flex-end;
}
.cs-left{
	padding-bottom: clamp(20px,2vw,40px);
	width: 10.7%;
}
.building{
	width: 100%
}
.building li{
	padding: 3px 0;
}
.building li a{
	display: block;
	background: url(../image/buidtbg1.png) no-repeat;
	background-size: 100% 100%;
	width: clamp(96px,6.97vw,134px);
	height: clamp(48px,3.43vw,66px);
	line-height: clamp(42px,3.12vw,60px);
	text-align: center;
	font-size: clamp(18px,1.25vw,24px);
	font-weight:bold;
	color: #000;
	cursor: pointer;
}
.building .active a{
	background: url(../image/buidtbg2.png) no-repeat;
	background-size: 100% 100%;
	color: #fff;
	text-shadow: 1px 1px 3px #e63400;
}
.building-show{
	display: none;
	font-size: clamp(14px,1.25vw,28px);
	line-height: 2;
	color: #000;
	font-weight: bold;
}
.cs-center{
	flex: 1;
	box-sizing: border-box;
	text-align: center;
	background: url(../image/csinbg.png) no-repeat center bottom;
	background-size: contain;
	width: clamp(500px,39vw,750px);
	padding-bottom: clamp(50px,5vw,100px);
	height: clamp(400px,36vw,700px);
}
.building-show .build-title{
	font-size: clamp(16px,1.45vw,28px);
	color: #eb5e2b;
	font-weight: bold;
	padding: 15px 0 20px 0;
	position: relative;
	margin-bottom: clamp(30px,2.39vw,46px);
	margin-left: 14%;
	margin-right: 14%;
	margin-top: clamp(60px,6.25vw,120px);
	line-height: 1.3;
}
.building-show .build-title::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to right,rgba(235,94,43,1),rgba(235,94,43,0));
	z-index: 1;
	border-radius: 4px;
}
.building-show .build-title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 3px;
	background: linear-gradient(to left,rgba(235,94,43,1),rgba(235,94,43,0));
	z-index: 1;
	border-radius: 4px;
}
.center-info{
	width: 72%;
	margin: 0 auto;
}
.cs-right{
	width: 46.87%;
	padding-right: 8.33%;
	box-sizing: border-box;
	padding-bottom: clamp(80px,8.33vw,160px);
}
.cs-services{
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
	align-items: flex-end;
}
.def-desc{
	font-size: clamp(20px,1.45vw,28px);
	color: #eb5e2b;
	text-shadow: 1px 1px 2px #000;
	padding-left: 5%;
	padding-right: 5%;
}
.cs-services-info{
	width: clamp(400px,29.16vw,560px);
	text-align: right;
}
.cs-services-info .cs-tips{
	font-size: clamp(14px,1.04vw,20px);
	height: 4em;
	line-height: 2em;
	margin-top: clamp(30px,3.12vw,60px);
	transition: all 0.35s ease-out 0.15s;
	color: #000;
	font-weight: bold;
	text-align: left;
}
.cs-services .title-en{
	font-family: "CenturyGothic";
	font-size: clamp(20px,2.08vw,40px);
	font-weight: bolder;
	line-height: 1.2;
	letter-spacing: 2px;
}
.cs-services .title{
	font-size: clamp(22px,2.39vw,46px);
	position: relative;
	padding-bottom: clamp(10px,1.5vw,30px);
	line-height: 1.2;
	font-weight: bolder;
}
.cs-services .left .title::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 60px;
	height: 6px;
	background: #eb5e2b;
}
.cs-items{
	padding-top:  clamp(40px,3.75vw,72px);
}
.cs-items li{
	padding-left: 8px;
}
.cs-items li img{
	max-width: 100%;
}
.cs-pt{
	background: url(../image/cs_ptbg.png) no-repeat;
	background-size: 100% 100%;
	width: clamp(80px,7.2vw,140px);
	min-height: clamp(80px,9.2vw,180px);
	box-sizing: border-box;
	padding-left: 15px;
	padding-right: 20px;
	padding-top: 16px;
	padding-bottom: 10px;
	text-align: center;
}
.cs-pt .cs-pt-icon{
	width: clamp(30px,3.5vw,70px);
}
.cs-pt .name{
	font-size: clamp(12px,1vw,20px);
    color: #ffffff;
    text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	white-space: nowrap;
	padding-top: 6px;
}
.cs-pt .num{
	font-size: clamp(16px,1.25vw,24px);
    color: #ffffff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
	font-weight: bold;
}
.cs-pt .name2{
	font-size: clamp(14px,0.9vw,18px);
    color: #ffffff;
	font-weight: bold;
	white-space: nowrap;
	position: relative;
	padding-bottom: 4px;
	margin-bottom: 10px;
}
.cs-pt .name2::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,1),rgba(255,255,255,0));
	height: 2px;
	z-index: 1;
}
.cs-txt{
	color: #fff;
	line-height: 1.2;
	font-size: clamp(12px,0.8vw,14px);
	display: flex;
	align-items: center;
	justify-content: center;
	height: 4.8em;
	flex-direction: column
}
.about-title-group{
	text-align: center;
	padding-top: clamp(60px,5.2vw,72px);
	padding-bottom: clamp(20px,2vw,40px);
}
.about-title-group .title-en{
	font-family: "CenturyGothic";
	font-size: clamp(20px,2.08vw,40px);
	font-weight: bolder;
	line-height: 1.2;
	letter-spacing: 2px;
	text-transform: capitalize;
}
.about-title-group .title{
	font-size: clamp(22px,2.39vw,46px);
	position: relative;
	padding-bottom: 30px;
    font-weight:400;
	line-height: 1.2;
}
.space-items{
	display: flex;
	margin-left: -6px;
	margin-right: -6px;
	padding-bottom: 30px;
}
.space-items li{
	width: 25%;
	box-sizing: border-box;
	padding: 6px;
}
.space-items .item{
	position: relative;
	overflow: hidden;
}
.space-items .item .infos{
	position: absolute;
	bottom: 8px;
	left: 8px;
	right: 8px;
	background: rgba(255,255,255,0.9);
	z-index: 1;
	text-align: center;
	padding: 15px;
	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
}
.space-items .item .infos .tit{
	font-size: 18px;
	color: #333;
}
.space-items .item .infos .area{
	font-size: clamp(14px,1vw,20px);
	color: #333;
  	font-weight:400;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 6px;
	line-height: 1.2
}
.space-items .item .infos .area::before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	background: linear-gradient(to right,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,1),rgba(0,0,0,0.3),rgba(0,0,0,0))
}
.space-items .item .infos .area sup{
	font-size: clamp(10px,0.7vw,14px);
}
.space-items .item .infos .type{
	font-size: clamp(12px,1vw,20px);
	color: #eb5e2b;
  	font-weight:bold;
	line-height: 1.2;
	margin-bottom: 20px;
	padding-left: 12px;
	padding-right: 12px;
}
.space-items .item .infos .btn-apply{
	font-size: 16px;
	color: #eb5e2b;
  	font-weight:bold;
	position: relative;
	margin-bottom: 12px;
	line-height: 1.2;
	padding-left: 20px;
	padding-right: 20px;
	letter-spacing: 3px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.space-items .item .infos .btn-apply::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right,rgba(235,94,43,0),rgba(235,94,43,0.3),rgba(235,94,43,1),rgba(235,94,43,0.3),rgba(235,94,43,0))
}
.space-items .item .infos .btn-apply::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right,rgba(235,94,43,0),rgba(235,94,43,0.3),rgba(235,94,43,1),rgba(235,94,43,0.3),rgba(235,94,43,0))
}
.space-items .item:hover .poster img{
	transform: scale(1.03)
}
.space-items2 li{
	width: 50%;
}
.space-items .item .poster{
	max-height: clamp(460px,32.5vw,624px)
}
.life-box{
	background: #fff;
	position: relative;
	z-index: 5;
	padding-bottom: clamp(10px,2vw,40px);
}
.life-box::after{
	content: "";
	background: url(../image/ne.jpg) no-repeat no-repeat right;
	background-size: 100% auto;
	width: 98px;
	height: 234px;
	position: absolute;
	top: 0;
	right:0;
	z-index: 0;
}
.lift-show{
	background: #f2f2f2;
	padding-top: clamp(10px,1.5vw,30px);
	position: relative;
	padding-bottom: clamp(10px,3vw,60px);
}
.lift-show .swiper-slide{
	      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
	transition: 300ms;
	opacity: 0.7;
}
.lift-show .swiper-slide-active,.lift-show .swiper-slide-duplicate-active{
   transform: scale(1);
	opacity: 1
}
.lift-show .swiper-button-next{
	pointer-events:auto
}
.lift-show .swiper-button-prev{
	pointer-events:auto
}
.lift-show .swiper-button-prev::after,.lift-show .swiper-button-next::after{
	color: #fff;
	text-shadow: 0 0 10px rgba(0,0,0,1)
}
.lift-show .swiper-slide .poster{
	overflow: hidden;
	width: 100%;
	background: #000;
	max-height: clamp(360px,26vw,500px);
}
.lift-show .swiper-slide .poster:hover img{
	transform: scale(1.02)
}
.cban-box{
	position: relative;
	z-index: 0;
	height: 100vh;
	overflow: hidden;
}
.cban{
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
}
.xg-icon{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
}
.xg-icon img{
	height: 100%;
	width: auto;
}
.xg-group-box{
	padding-left: clamp(120px,11.25vw,216px);
	padding-right: clamp(120px,11.25vw,216px);
	min-height: clamp(600px,48vw,930px);
	display: flex;
	justify-content: center;
	flex-direction: column;
}
.xg-title{
	font-size: clamp(18px,1.97vw,38px);
	color: #fff;
	font-weight:bold;
	padding-bottom: clamp(8px,1vw,20px);
	position: relative;
}
.xg-intro{
	font-size: clamp(14px,1.1vw,22px);
	line-height: 1.8;
	color: #fff;
	padding-bottom: clamp(10px,2vw,40px);
	text-align: justify;
}
.xg-intro p{
	padding-top: clamp(6px,0.9vw,12px);
	text-indent: 2em;
	letter-spacing: 2px;
}
.xg-honor-box{
	padding: clamp(10px,1.66vw,32px);
	background: #fff;
}
.xg-honor{
	background: url(../image/xgry_bg.jpg) no-repeat center;
	background-size: cover;
	padding: 32px;
}
.xg-honor-box .xg-title{
	color: #3f61a4;
}
.honor-intro{
	background: rgba(63,97,164,0.6);
	width: 900px;
	border-radius: 24px;
	padding: 12px 20px;
	color: #fff;
}
.honor-intro .subtitle{
	font-size: clamp(20px,1.45vw,28px);
	font-weight:bold;
	margin-bottom: 12px;
}
.honor-scroll{
	height: clamp(360px,28vw,600px);
	overflow: hidden;
	position: relative;
}
.honor-list{
	display: flex;
	align-items: flex-start;
	font-size: clamp(13px,0.78vw,15px);
	line-height: 30px;
	padding: 6px 0;
	background: url(../image/t_ico1.png) no-repeat 0 12px;
	padding-left: 40px;
}
.honor-list .year{
	white-space: nowrap;
	margin-right: 16px;
	font-size: clamp(16px,0.93vw,18px);
	font-weight:bold;
}
.honor-list-box{
  position: absolute;
  animation: barrage-animation 30s linear infinite;
}
@keyframes barrage-animation {
  0% {
    transform: translateY(10%);
  }
  100% {
    transform: translateY(-50%);
  }
}
.memorabilia-box{
	position: relative;
}
.memora-tips{
	position: absolute;
	bottom: 24px;
	left: 0;
	width: 100%;
	text-align: center;
	color: #fff;
	z-index: 100;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: clamp(14px,0.9vw,18px)
}
.memora-tips .arrow-animation{
	display: flex;
	align-items: center;
	margin-top: -2px;
}
.memora-tips .tit{
	padding: 0 5px;
	letter-spacing: 2px;
	opacity: 0.6
}
.memora-tips .arrow-animation.left{
	transform: rotate(180deg);
}
.memora-tips .arrow-animation span{
	display:inline-block;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	transform: rotate(45deg);
	width: 8px;
	height: 8px;
  	animation: arrowOpcitt 0.7s ease-out infinite;
}
.memora-tips .arrow-animation span:nth-child(2n){
	animation-delay: 0.24s;
}
.memora-tips .arrow-animation span:nth-child(3n){
	animation-delay: 0.39s;
}

@keyframes arrowOpcitt{
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}
.memorabilia-box .xg-title{
	color: #3f61a4;
	position: absolute;
	left: 3.95vw;
	top: 40px;
	z-index: 10;
}
.memorabilia-box .swiper-wrapper{
	background: url(../image/memorbg.jpg) no-repeat;
	width: 3213px;
	height: 930px;
	box-sizing: border-box;
}
.memorabilia-box .notime .swiper-wrapper{
	transition-timing-function: linear;

}
.memorabilia-box .swiper-slide{
	width: 560px;
}
.memorabilia{
	height: 100%;
	position: relative;
}
.list-box{
	position: absolute;
	bottom: 222px;
	left: 0;
	padding-bottom: 100px;
	width: 560px;
}
.list-box::before{
	content: "";
	width: 2px;
	height: 100%;
	background: #3f61a4;
	position: absolute;
	bottom: 0;
	left: 2px;
}
.list-box::after{
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 50%;
	background: #ffffff;
	position: absolute;
	bottom: 0;
	left: 0;
}
.list{
	padding-bottom: clamp(12px,1.3vw,30px);
	padding-right: clamp(20px,3vw,60px);
}
.list .title{
	display: flex;
	align-items: flex-start;
	position: relative;
	z-index: 10;
	transform: translateX(-6px);
	line-height: 1.5;
	margin-bottom: 10px;
}
.list .year{
	font-size: clamp(18px,1.3vw,28px);
    color: rgba(255, 255, 255, 0);
    line-height: clamp(24px,1.8vw,36px);
    -webkit-text-stroke: 1px #a8b8d9;
    text-stroke: 1px #a8b8d9;
	font-weight:bold;
	flex-shrink: 0;
	margin-right: 20px;
	transition: all 0.3s ease-out;
	background: #fff;
	padding: 0px 0 10px 0;
}
.list .title .name{
	font-size: clamp(14px,1vw,18px);
	font-weight:bold;
	color: #eb5e2b;
	position: relative;
	padding-right: 24px;
	padding-top: clamp(1px,0.2vw,8px);
}
.list .title .name span{
	color: #3f61a4;
	margin-left: 8px;
	display: inline-block;
	transform: scaleX(3)

}
.list .desc{
	padding-left: 40px;
	font-size: clamp(13px,0.9vw,17px);
}
.memorabilia-box .swiper-slide:first-child{
	padding-left: 98px;
	width: 560px;
	box-sizing: content-box
}
.memorabilia-box .swiper-slide:nth-child(2n){
	width: 590px !important;
}
.memorabilia-box .swiper-slide:nth-child(2n) .list-box{
	bottom: 240px;
	width: 590px !important;
	padding-bottom: 200px;
}
.memorabilia-box .swiper-slide:nth-child(3n){
	width: 612px !important;
}
.memorabilia-box .swiper-slide:nth-child(3n) .list-box{
	bottom: 278px;
	width: 612px !important;
	padding-bottom: 200px;
}
.memorabilia-box .swiper-slide:nth-child(4n){
	width: 673px !important;
}
.memorabilia-box .swiper-slide:nth-child(4n) .list-box{
	bottom: 344px;
	width: 673px !important;
	padding-bottom: 200px;
}
.memorabilia-box .swiper-slide:nth-child(5n){
	width: 680px !important;
}
.memorabilia-box .swiper-slide:nth-child(5n) .list-box{
	bottom: 364px;
	width: 680px !important;
	padding-bottom: 200px;
}
.xg-cx-box{
	background: #fff;
	position: relative;
	z-index: 4;
	min-height: clamp(560px,48.4375vw,930px);
}
.xg-cx-picture{
	height: clamp(200px,39.458vw,700px);
	position: relative;
}
.xg-cx-picture img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.xg-cx-picture .pic-title{
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	z-index: 10;
	font-size: clamp(20px,2.5vw,52px);
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0,0,0,1)
}
.xg-cx-box .xg-title{
	color: #3f61a4;
	margin-left: clamp(30px,3.95vw,76px);
	margin-top: clamp(10px,1vw,20px);
}
.xg-subtit{
	font-size: clamp(16px,1.2vw,24px);
	color: #333;
	margin-left: clamp(30px,3.95vw,76px);
	margin-top: clamp(10px,1vw,20px);
	padding-bottom: clamp(10px,1vw,20px);
}
.xg-cx{
	position: relative;
	width: clamp(156px,18.22vw,350px);
	height: clamp(160px,18.75vw,360px);
}
.xg-cx a{
	display: block;
	height: 100%;
	width: 100%
}
.xg-cx img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.xg-cx-show{
	display: none;
}
.xg-cx-swiper{
	padding-bottom: 110px;
	position: relative;
}
.xg-cx-title{
	position: absolute;
	top: 18px;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	padding: 2px 12px;
	font-size: clamp(14px,1vw,20px);
	color: #fff;
	background: linear-gradient(to right,rgba(63,97,164,1),rgba(63,97,164,0));
	text-shadow: 1px 1px 2px rgba(0,0,0,1)
}
.xg-cx-swiper .swiper-slide{
	width: auto;
}
.xg-cx:hover .poster img{
	transform: scale(1.05)
}
.xg-cx-swiper .swiper-button-next{
	bottom: 42px;
	top: auto;
	right: auto;
	right: 50%;;
	background: #3f61a4;
	width: 46px;
	height: 42px;
	margin-right: -52px;
	z-index: 110;
}
.xg-cx-swiper .swiper-button-prev{
	bottom: 42px;
	top: auto;
	right: auto;
	background: #3f61a4;
	left: 50%;
	width: 46px;
	height: 42px;
	margin-left: -52px;
	z-index: 110;
}
.type-tabs{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	position: absolute;
	bottom: 42px;
	right: 0;
	z-index: 101;
}
.type-tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	background: #9fb0d1;
	height: 42px;
	text-align: center;
}
.type-tabs li{
	flex: 1;
	box-sizing: border-box;

}
.type-tabs li:nth-child(2n){
	flex: 1;
	box-sizing: border-box;

}
.type-tabs .active a{
	background: #3f61a4
}
.xg-cx-flex .type-tabs li:first-child{
	position: absolute;
	top: auto;
	left: 0;
	bottom: 0;
	width: 41%;
}
.xg-cx-flex .type-tabs li:nth-child(2n){
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	width: 41%;
}
.xg-cx-swiper .swiper-button-next::after,.xg-cx-swiper .swiper-button-prev::after{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.xg-cx-video .xg-cx{
	height: clamp(126px,12.5vw,240px);
	width: 100%;
}
.xg-cx-video .xg-cx .poster::after{
	content: "";
	background: url(../image/iplay.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	width: clamp(24px,2.6vw,50px);
	height: clamp(24px,2.6vw,50px);
	z-index: 1;
	transform: translate(-50%,-50%)

}
.xg-cx-video .xg-cx .poster::before{
	content: "";
	background: rgba(0,0,0,0.3);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}
.huoli-box{
	background: #fff url(../image/th.jpg) no-repeat right bottom;
	position: relative;
	z-index: 5;
}
.huoli-infos{
	flex: 1;
	box-sizing: border-box;
	padding-left: clamp(40px,5vw,96px);
	overflow: hidden;
	padding-bottom: 60px;
}
.huoli-box .xg-title{
	color: #ef7f56;
	margin-top: clamp(10px,1vw,20px);
}
.huoli-box .xg-subtit{
	line-height: 1.4;
	margin-left: 0;
}
.huoli-flex{
	position: relative;
	margin-right: clamp(30px,3.6vw,70px);
	padding-top: clamp(10px,1vw,20px);
}
.huoli-flex .type-tabs{
	bottom: -36px;
	right: 106px;
	left: 0;
	width: auto;
}
.huoli-flex .type-tabs li{
	padding-right: 12px !important;
	padding-left: 0 !important
}
.huoli-flex .type-tabs li a{
	background: #f5ae95;
}
.huoli-flex .type-tabs .active a{
	background: #eb5e2b;
}
.huoli-swiper-show{
	display: none;
}
.huoli-camera{
	box-sizing: content-box;
	position: relative;
	height: clamp(200px,18vw,346px);
	padding-bottom: 20px;
}
.huoli-camera .swiper{
	height:  clamp(200px,18vw,346px);
	width: 100%;
}
.huoli-video{
	box-sizing: content-box;
	position: relative;
	height: clamp(200px,18vw,346px);
	padding-bottom: 20px;
}
.huoli-swiper .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: calc((100% - 0px) / 2) !important;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-left: 4px;
	padding-right: 4px;
}
.huoli-swiper .xg-cx{
	width: 100%;
    height: clamp(98px,8.3vw,166px);


}
.huoli-video .xg-cx .poster::after{
	content: "";
	background: url(../image/iplay.png) no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	width: clamp(30px,3vw,60px);
	height: clamp(30px,3vw,50px);
	z-index: 1;
	transform: translate(-50%,-50%)

}
.huoli-video .xg-cx .poster::before{
	content: "";
	background: rgba(0,0,0,0.5);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0
}
.huoli-video .xg-cx{
    height: clamp(160px,18vw,346px);
}
.huoli-video .swiper-slide{
	height: 100% !important;
}
.huoli-swiper .swiper-button-next{
	bottom: -36px;
	top: auto;
	left: auto;
	right: 0;
	background: #eb5e2b;
	width: 46px;
	height: 42px;
	z-index: 10;
}
.huoli-swiper .swiper-button-prev{
	bottom: -36px;
	top: auto;
	left: auto;
	background: #eb5e2b;
	right: 60px;
	width: 46px;
	height: 42px;
	z-index: 10;
}
.huoli-swiper .swiper-button-next::after,.huoli-swiper .swiper-button-prev::after{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.huoli-swiper .xg-cx-title{
	position: absolute;
	top: 18px;
	left: 0;
	z-index: 22;
	width: 100%;
	box-sizing: border-box;
	padding: 8px 12px;
	font-size: clamp(14px,1vw,20px);
	color: #fff;
	line-height: 1.2;
	background: linear-gradient(to right,rgba(235,94,43,1),rgba(235,94,43,0));
	text-shadow: 1px 1px 2px rgba(0,0,0,1)
}
.huoli-img{
	position: relative;
	width: 57.8%;
	height: clamp(330px,40vw,712px);
}
.huoli-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.huoli-img .huoli-tips{
	position: absolute;
	bottom: 40px;
	left: 0;
	width: 100%;
	background: linear-gradient(to right,rgba(235,94,43,1),rgba(235,94,43,0));
	font-size: clamp(18px,2.5vw,52px);
	color: #fff;
	font-weight: bold;
	text-shadow: 2px 2px 4px rgba(0,0,0,1);
	padding: 5px 15px
}
.shengtai-box{
	position: relative;
	background: rgba(0,0,0,0.7);
	padding-bottom: 20px;
}
.st-title-group{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	padding-top: clamp(30px,3vw,50px)
}
.st-title-group h4{
	font-family: "CenturyGothic";
    font-size: clamp(20px,2.08vw,40px);
    font-weight: bolder;
    line-height: 1.2;
    letter-spacing: 2px;
	color: #fff;
	transform: translateY(1vw)
}
.st-title-group h3{
	font-size: clamp(24px,2.8vw,68px);
	color: #fff;
	position: relative;
	padding: clamp(10px,1vw,20px) 0;
}
.qiyefuwu-items{
	display: flex;
	align-items: stretch;
	justify-content: center;
	padding: clamp(30px,2.8vw,60px) 0;
}
.qiyefuwu{
	border-radius: 20px;
	border: 4px solid #fff;
	background: rgba(0,0,0,0.5);
	display:flex;
	align-items: stretch;
	justify-content: center;
	min-height: clamp(320px,26vw,560px);
	margin-left: clamp(12px,1.3vw,24px);
	overflow: hidden;
}
.qiye-tips{
	color: #fff;
	font-size: clamp(14px,1vw,20px);
	text-align: center;
	padding: clamp(10px,1vw,20px);
	white-space: nowrap;
	box-sizing: border-box;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	flex-shrink: 0;
	transition: all 0.3s ease-out;
	position: relative;
	font-weight:bold;
}
.qiye-tips .qiye-icon{
	display: block;
	width: clamp(50px,6vw,148px);
	height: clamp(50px,6vw,148px);
	border-radius: 50%;
	margin: 6px auto;
	transition: all 0.3s ease-out;
}
.qiye-tips .tit{
	width: clamp(80px,6vw,148px);
	position: relative;
}
.qiye-tips .morebar{
	position: absolute;
	bottom: 48px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	font-family: "CenturyGothic";
	font-size: 18px;
	text-transform: uppercase;
	display: inline-block;
	transition: all 0.2s ease-out
}
.qiye-tips .morebar::before{
	content: '';
	background: linear-gradient(to right,rgba(255,255,255,1),rgba(255,255,255,0));
	height: 2px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border-radius: 2px;
}
.qiye-tips .morebar::after{
	content: '';
	background: linear-gradient(to left,rgba(255,255,255,1),rgba(255,255,255,0));
	height: 2px;
	position: absolute;
	width: 100%;
	bottom: 0;
	left: 0;
	z-index: 1;
	border-radius: 2px;
}
.qiye-infos{
	width: 0;
	flex-shrink: 0;
	overflow: hidden;
	transition: all 0.3s ease-out;
}
.qiye-infos .infos{
	background: #eb5e2b;
	color: #fff;
	height: 100%;
	width: clamp(180px,13vw,260px);
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 12px;
	font-size: clamp(12px,0.9vw,18px);
	text-align: justify;
	overflow: hidden;
	font-weight:400;
}
.qiyefuwu:hover .qiye-infos{
	display: block;
	width: clamp(100px,13vw,260px);
}
.qiyefuwu:hover .qiye-tips{
	color: #eb5e2b
}
.qiyefuwu:hover .qiye-tips .qiye-icon{
	background: #eb5e2b
}
.qiyefuwu:hover .qiye-tips .morebar{
	opacity: 0;
	transform: scale(0.8) translateX(-50%);
}
.shengtai-trz{
	padding-right: 3.125%;
	padding-left: 3.125%;
}
.shengtai-trz .st-title-group{
	justify-content: flex-end;
}
.qiyefuwu2 .qiye-tips{
	padding: clamp(30px,3.1vw,60px);
}
.qiyefuwu2 .qiye-infos .infos{
	width: clamp(300px,20vw,480px);
}
.qiyefuwu2:hover .qiye-infos{
	width: clamp(300px,20vw,480px);
}
.flex-end{
	justify-content: flex-end
}
.shengtai-gjsc{
	padding-right: 6.145%;
	padding-left: 6.145%;
}
.shengtai-gjsc .st-title-group{
	justify-content: flex-start;
	margin-left: 4.16%
}
.shengtai-gjsc .st-title-group h3::after{
	left: 0;
	transform: translateX(0)
}
.shengtai-cxjc{
	padding-right: 3.125%;
	padding-left: 3.125%;
}
.shengtai-gjsc{
	background: none;
}
.shengtai-case{
	padding-right: 6.145%;
	padding-left: 6.145%;
	position: relative;
}
.shengtai-case .st-title-group{
	justify-content: flex-start;
}
.shengtai-case .st-title-group h3::after{
	left: 0;
	transform: translateX(0)
}
.fuhua-cases{
	flex-wrap: wrap;
	margin-left: -1.5vw;
	margin-right: -1.5vw;
	align-items: stretch;
	padding-top:clamp(20px,2vw,40px);
	padding-bottom: clamp(40px,4.16vw,80px);
}
.fuhua-cases li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 1.5vw;
}
.fuhua-cases .cases{
	background: #fff;
	padding: 30px;
	border-radius: clamp(10px,1vw,20px);
	height: 100%;
	position: relative;
}
.fuhua-cases .cases::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	background: #eb5e2b;
	border-radius: clamp(10px,1vw,20px);
	transform: translate(0px,0px);
	transition: all 0.2s ease-out;
}
.club-case .cases{
	padding: 12px 30px;
}
.cases .case-logo{
	display: flex;
	align-items: center;
	justify-content: center;
	height: clamp(80px,7.3vw,140px);
}
.cases .case-logo img{
	max-height: 100%;
	max-width: 100%;
}
.cases .name{
	text-align: center;
	font-size: clamp(20px,1.45vw,28px);
	font-weight:bold;
	transition: all 0.2s ease-out;
	margin-top: clamp(10px,1vw,20px)
}
.fuhua-cases .cases:hover::after{
	transform: translate(1vw,1vw);
}
.fuhua-cases .cases:hover .name{
	color: #eb5e2b
}
.casePopup{
	display: none;
}
.pcover{
	position: fixed;
	background: rgba(0,0,0,0.8);
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9998;
}
.pclose{
	position: absolute;
	top: 10px;
	right: 40px;
	z-index: 10;
	color: #000;
	cursor: pointer;
}
.case-popup{
	position: fixed;
	top: 20%;
	left: 10%;
	width: 80%;
	max-height: 60%;
	z-index: 9999;
	display: flex;
	align-items: center;
	justify-content: center;
}
.case-show{
	background: url(../image/st_case_tbg.jpg) no-repeat center top;
	background-size: cover;
	border-radius: clamp(20px,2vw,40px);
	box-sizing: border-box;
	padding: clamp(15px,2.6vw,50px);
	font-size: clamp(16px,1.25vw,24px);
	color: #000;
	font-weight:bold;
	position: relative;
}
.case-show::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
	background: #eb5e2b;
	border-radius: clamp(20px,2vw,40px);
	transform: translate(1vw,1vw);
}
.case-infos p{
	padding-bottom: 1em;
	line-height: 2
}
.cp-box-flex{
	display: flex;
	align-items: stretch;
	padding-left: 3.9%;
	padding-right: 8.3%;
	padding-top: clamp(60px,9.3vw,180px)
}
.cp-title-group{
	text-align: left;
	color: #fff;
	padding-top: 0;
}
.cp-left{
	flex: 1;
}
.cp-right{
	background: rgba(0,0,0,0.3);
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	border-left: 3px solid #fff;
	width: clamp(500px,43vw,830px);
	min-height: clamp(360px,38vw,730px);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	padding: clamp(20px,3vw,60px);
}
.cp-right ul li{
	font-size: clamp(14px,1.25vw,24px);
	color: #fff;
	padding-bottom: 1em;
}
.news-box{
	padding-left: 6.56%;
	padding-right: 6.56%;
	padding-top: clamp(60px,5vw,100px);
	min-height: clamp(300px,30vw,600px)
}
.news-title-group{
	border-bottom: 6px solid #c8c8c8;
	padding-left:clamp(40px,7.8vw,150px);
	padding-right:clamp(40px,7.8vw,150px);
	padding-bottom: 15px;
	padding-top: clamp(30px,3vw,60px)
}
.news-title-group .news-title{
	font-size: clamp(20px,1.8vw,36px);
	font-weight:bold;
	padding-left: clamp(15px,1vw,20px);
	line-height: 1;
	position: relative;
}
.news-title-group .news-title::before{
	content: "";
	width: 6px;
	height: clamp(24px,1.8vw,36px);
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	z-index: 1;
	background: #0068b7;
}
.crum{
	display: flex;
	align-items: center;
}
.crum li{
	position: relative;
	padding-right: 12px;
	margin-right: 8px;
	font-size: clamp(12px,0.9vw,18px)
}
.crum li::after{
	content: '';
	border-top: 1px solid #c6c6c6;
	border-right: 1px solid #c6c6c6;
	width: 9px;
	height: 9px;
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -5px;
}
.crum li:last-child{
	margin-right: 0;
	padding-right: 0;
}
.crum li:last-child::after{
	display: none;
}
.crum li a{
	color: #c6c6c6;
}
.crum li span{
	color: #ec6c45;
}
.crum .ihome{
	display: block;
	background: url(../image/ihome1.png) no-repeat;
	background-size: contain;
	width: 23px;
	height: 23px;
}
.list-container{
	padding-left:clamp(40px,7.8vw,150px);
	padding-right:clamp(40px,7.8vw,150px);
}
.list-list{
	padding: clamp(20px,2vw,40px) 0;
}
.list-list li{
	padding: 12px 0;
}
.list-list li a{
	display: flex;
	align-items: center;
	color: #666666;
}
.list-list li a .poster{
	width: clamp(260px,17.9vw,344px);
	height: clamp(200px,9.06vw,174px);
	flex-shrink: 0;
	margin-right: clamp(20px,2.4vw,50px);
}
.list-infos{
	flex: 1;
	overflow: hidden;
}
.list-infos .title{
	font-size: clamp(16px,1vw,20px);
	color: #000;
	font-weight: bold;
}
.list-infos .time{
	font-size: clamp(14px,0.8vw,16px);
	color: #333;
	background: url(../image/itime1.png) no-repeat left;
	background-size: 1.4em 1.4em;
	padding-left: 2em;
	margin: 8px 0;
}
.list-infos .desc{
	font-size: clamp(14px,0.9vw,18px);
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;
	margin-top: clamp(10px,0.8vw,16px)
}
.page-center{
	padding-bottom: clamp(30px,3vw,60px);
	text-align: center;
}
.title-group{
	border-bottom: 2px dotted #b5b5b5;
}
.title-group .title{
	font-size: clamp(20px,1.5vw,30px);
	font-weight: bold;
	color: #0269b8;
	padding-top: clamp(20px,2vw,40px);
	padding-bottom: clamp(10px,1vw,20px);
}
.source{
	display: flex;
	align-items: center;
	font-size: clamp(14px,0.8vw,16px);
	padding-bottom: 6px;
}
.source .time{
	color: #333;
	background: url(../image/itime1.png) no-repeat left;
	background-size: 1.2em 1.2em;
	padding-left: 1.6em;
	margin-right: clamp(12px,1vw,20px)
}
.content{
	font-size: clamp(14px,0.9vw,18px);
	line-height: 2;
	padding: clamp(12px,1.4vw,30px) 0;
}
.popupbox{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10001;
}
.popup{
	position: fixed;
	top: 15%;
	left: 20%;
	width: 60%;
	z-index: 10002;
	background: #fff;
	border-radius: 12px;
	padding: 15px;
}
.popup .pclose{
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.4);
	border-radius: 50%;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 18px;
	top: 10px;
	right: 10px;
}
.popup video{
	width: 100%;
}
.xg-cx-flex{
	position: absolute;
	bottom: 0;
	right: 0;
	width: 45%;
	overflow: hidden;
}
.xg-cx-pc{
	display: block;
	flex: 1;
	padding-bottom: 50px;
}
.xg-cx-mob{
	display: none;
}
.xggj-club{
	align-items: flex-start;
	padding-left: 6.25%;
	padding-right: 6.25%;
	padding-top: clamp(20px,4vw,80px);
	padding-bottom: clamp(20px,4vw,80px);
	letter-spacing: 3px;
}
.club-left{
	width: clamp(400px,34vw,670px);
	color: #fff;
	font-size: clamp(15px,1.25vw,24px)
}
.club-left .intro{
	padding-top: clamp(10px,1vw,20px);
	line-height: 2;
	text-align: justify;
	color: #fff;
	font-size: clamp(14px,1vw,20px);
}
.club-right{
	width: clamp(480px,39vw,760px);
}
.club-items{
	display: flex;
	align-items: stretch;
	justify-content: space-between;
	padding-top: clamp(15px,2vw,40px)
}
.club-items li{
	width: 45%;
	border: 1px solid rgba(255,255,255,0.6)
}
.club-items li h3{
	font-size: clamp(16px,1.5vw,32px);
	font-weight: bold;
	color: #fff;
	text-align: center;
	background: #eb5e2b;
	padding: 15px;
	position: relative
}
.club-items li h3::after {
    content: '';
    background: url(../image/line.png) no-repeat center;
	background-size: contain;
    width: 100%;
    height: 2px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.club-items li .intro{
	min-height: clamp(180px,14vw,280px);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	padding: clamp(10px,1vw,20px)
}
.club-left .club-intro{
	padding-top: clamp(10px,1vw,20px);
	line-height: 2;
	text-align: justify;
}
.club-case{
	flex-wrap: wrap;
	padding-bottom: 0;
}
.club-case li{
	width: 50%;
	padding: 1vw;
}
.club-title{
	font-size: clamp(20px,1.8vw,32px);
	position: relative;
	color: #fff;
	font-weight: bold;
	padding: clamp(10px,1vw,20px);
	text-align: center;
}
.club-title::after {
    content: '';
    background: url(../image/line.png) no-repeat center;
	background-size: contain;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
}
.eur-box{
	min-height: 100vh;
	position: relative;
	z-index: 0;
	width: 100%;
	overflow: hidden;
}
.eur-box-wrapper{
	position: relative;
	z-index: 10;
}
.eur-box .inc-title::after{
	background: url(../image/line2.png) no-repeat center;
}
.eur-box .shengtai-box{
	min-height: 100vh;
	position: relative;
	z-index: 2;
}
.eur-box .video-box{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
}
.euro-items{
	align-items: stretch;
	padding-top: clamp(20px,3vw,60px)
}
.euro-items li{
	width: 44%;
	color: #fff;
	position: relative;
	padding-top: clamp(80px,8vw,200px);
}
.euro-logo{
	height: clamp(80px,8vw,200px);
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.euro-logo img{
	max-width: 100%;
	max-height: 100%;
}
.euro-items li .intro{
	background: rgba(0,0,0,0.8);
	border: 2px solid rgba(255,255,255,0.6);
	border-radius: clamp(8px,0.8vw,12px);
	padding: clamp(10px,1vw,20px);
	font-size: clamp(16px,0.9vw,18px);
	line-height: 1.8;
	text-align: justify;
	height: 100%;
	margin-top:clamp(20px,2vw,40px);
}
.euro-items li .intro h3{
	font-size: clamp(18px,1.25vw,24px);
	color: #eb5e2b;
	font-weight: bold;
	margin-bottom: 5px;
}
.asia-section{
	background: #fff;
	position: relative;
	z-index: 5;
}
.asia-box{
	height: clamp(380px,32.6vw,626px);
	padding-left: 6.25%;
	padding-right: 6.25%;
	position: relative;
	z-index: 1;
}
.asia-box .inc-title{
	text-align: left;
}
.asia-box .inc-title::after{
	display: none;
}
.asia-box .inc-title h4{
	text-transform: capitalize;
}
.asia-intro{
	padding-top: clamp(10px,1vw,20px);
	line-height: 2;
	text-align: justify;
	color: #fff;
	font-size: clamp(14px,1.25vw,24px);
	letter-spacing: 3px;
}
.xggj-inter-swiper{
	padding-left: 6.25%;
	padding-right: 6.25%;
	position: relative;
	z-index: 2;
	margin-top: -40px;
}
.xggj-inter-swiper .inter-show .swiper{
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
	position: relative;
	padding-bottom: clamp(30px,3.5vw,70px);
}
.xggj-inter-swiper .region .btm-tips{
	display: none;
}
.cxfw-box{
	padding-left: 6.25%;
	padding-right: 6.25%;
}
.cxfw-box .inc-title{
	text-align: left;
	color: #000
}
.cxfw-box .inc-title::after{
	display: none;
}
.cxfw-show{
	display: none;
}
.cxfw-left{
	width: 160px;
	flex-shrink: 0;
	margin-right: clamp(20px,3vw,60px)
}
.cxfw-right{
	flex: 1;
}
.cxfw-tabs li{
	padding-top: clamp(10px,0.8vw,16px);
}
.cxfw-tabs li a{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 46px;
	flex-direction: column;
	background: rgba(0,0,0,0.6);
	border: 1px solid rgba(0,0,0,0.1);
	color: #fff;
	text-align: center;
	padding: 10px;
	font-size: clamp(14px,0.8vw,16px);
	font-weight: bold;
	cursor: pointer;
}
.cxfw-tabs li a .more{
	display: block;
	position: relative;
	font-weight: normal;
	font-size: 12px;
	text-transform: uppercase;
	width: 100%;
}
.cxfw-tabs li a .more::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,0.8),rgba(255,255,255,0.8),rgba(255,255,255,0))
}
.cxfw-tabs .active a{
	color: #eb5e2b;
	font-size: clamp(14px,1vw,18px);
	background: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255,0.8);
}
.cxfw-tabs .active a  .more{
	display: none;
}
.cxfw-flex{
	display: flex;
	align-items: center;
	padding-bottom: clamp(20px,3vw,50px);
	padding-top: clamp(100px,16vw,320px)
}
.cxfw-items{
	align-items: stretch;
	margin-left: -10px;
	margin-right: -10px;
}
.cxfw-items li{
	width: 33.333%;
	box-sizing: border-box;
	padding: 10px;
}
.cxfw-items li .fwinfos{
	background: #fff;
	height: 100%;
	padding: clamp(15px,1.4vw,30px);
	display: flex;
	align-items: flex-start;
	font-size: clamp(14px,0.8vw,18px);
	color: #000;
	font-weight: bold;
}
.cxfw-items li .fwlogo{
	width: clamp(50px,6vw,110px);
	margin-right: clamp(20px,2vw,40px);
	flex-shrink: 0;
}
.cxfw-items li .fwinfos h3{
	font-size: clamp(16px,1vw,20px);
	margin-bottom: clamp(8px,0.8vw,12px);
	font-weight: bold;
	letter-spacing: 3px;
}
#videoRef video::-webkit-media-controls {
  display: none !important;
}
.home-gjcxfh{
	background: #fff;
	position: relative;
	z-index: 6;
	margin-top: -2px;
}
.home-gjcxfh .inter-show{
	margin-top: -4vw;
}



@media (max-width: 1440px) {
	.navMenu li a{
		padding: 15px 10px;
	}
	.navMenu li a::after{
		height: 2px;
	}
	.brand-logo{
		height: 30px;
		width: 160px
	}
	.iss{
		 background-size: 18px 18px;
		width: 18px;
		height: 18px;
	}
	.nav-hbg .iss{
		 background-size: 18px 18px;
		width: 18px;
		height: 18px;
	}
	.about-thumbs li a .info .name{
		padding-bottom: 0;
	}
	.about-thumbs li a .info .icon{
		display: none
	}
	.abimg2 .tips{
		top: -30px;
	}
	.qiyefuwu2 .qiye-infos .infos{
		width: clamp(120px,16vw,480px);
	}
	.qiyefuwu2:hover .qiye-infos{
		width: clamp(120px,16vw,480px);
	}
	.aboutTop{
		transform: translateY(-60px)
	}
	.xg-cx-flex .type-tabs li:first-child{
		width: 40%
	}
	.xg-cx-flex .type-tabs li:nth-child(2n){
		width: 40%
	}.memorabilia-box .swiper-wrapper {
		background: url(../image/memorbg.jpg) no-repeat no-repeat;
		background-size: cover;
		width: 2073px;
		height: 600px;
		box-sizing: border-box;
	}
	.memorabilia-box .swiper-slide{
		width: 360px !important;
	}
	.memorabilia-box .swiper-slide:nth-child(2n){
		width: 380px !important;
	}
	.memorabilia-box .swiper-slide:nth-child(3n){
		width: 400px !important;
	}
	.memorabilia-box .swiper-slide:nth-child(4n){
		width: 432px !important;
	}
	.memorabilia-box .swiper-slide:nth-child(5n){
		width: 360px !important;
	}
	.memorabilia-box .swiper-slide:first-child{
		padding-left: 60px;
	}
	.list-box{
		bottom: 144px;
		width: 100% !important;
		padding-bottom: 50px;
	}
	.memorabilia-box .swiper-slide:nth-child(2n) .list-box{
		width: 100% !important;
		bottom: 154px;
		padding-bottom: 80px;
	}
	.memorabilia-box .swiper-slide:nth-child(3n) .list-box{
		width: 100% !important;
		bottom: 178px;
		padding-bottom: 80px !important;
	}
	.memorabilia-box .swiper-slide:nth-child(4n) .list-box{
		width: 100% !important;
		bottom: 220px;
		padding-bottom: 90px !important;
	}
	.memorabilia-box .swiper-slide:nth-child(5n) .list-box{
		width: 100% !important;
		bottom: 232px;
		padding-bottom: 90px !important;
	}
	.type-tabs li a{
		height: 36px;
	}
	.type-tabs li a img{
		height: 20px;
	}
	.huoli-swiper .swiper-button-prev{
		height: 36px;
		width: 36px;
	}
	.huoli-swiper .swiper-button-next{
		height: 36px;
		width: 36px;
	}
	.huoli-swiper .swiper-button-next::after, .huoli-swiper .swiper-button-prev::after{
		font-size: 14px;
	}
	.xg-cx-swiper .swiper-button-prev{
		height: 36px;
		width: 36px;
		margin-left: -44px;
	}
	.xg-cx-swiper .swiper-button-next{
		height: 36px;
		width: 36px;
		margin-right: -44px;
	}
	.banner-swiper-box{
		height: 100vh
	}
	.banner-swiper{
		height: 100vh;
	}
	.banner-tips h3{
		font-size: 30px;
	}
	.pag-icon{
		width: 100px;
	}
	.pag-icon::after{
		width: 50px;
		left: 32px;
	}
}

@media (max-width: 1280px) {

}

@media (max-width: 1024px) {
	.cban-box,.cban{
		height: 50vh !important;
	}
	.banner-video,.video-box{
		height: 50vh;
	}
	.about-overview{
		background: #fff;
	}
}
@media (max-width: 480px) {
	.container{
		width: 100%;
		box-sizing: border-box;
		padding-left: 15px;
		padding-right: 15px;
	}
	.header-container{
		height: 50px;
	}
	.brand-logo,.nav-hbg .brand-logo{
		background: url(../image/brand_logo_b2.png) no-repeat;
		background-size: contain;
		height: 20px;
	}

	.nav-header{
		position: fixed;
		z-index: 1000;
		padding: 10px 0;
		background: #ffffff !important;
	}
	.nav-hbg .nav-header{
		background: #ffffff !important;
		box-shadow: 0 0 0 rgba(0,0,0,0);
	}
	.navMenu{
		display: none;
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		background: #fff;
		box-sizing: border-box;
		padding: 10px 15px;
	}
	.navMenu li{
		margin: 0 !important
	}
	.navMenu li a{
		color: #1a1a1a;
	}
	.mob-navbtn{
		display: block;
	}
	.navbtn {
		
		width: 32px;
		height: 32px;
		border: none;
		box-sizing: border-box;
		position: relative;
		z-index: 10000;
	}
	.navbtn i {
		position: absolute;
		top: 6px;
		left: 4px;
		display: block;
		height: 2px;
		width: 24px;
		background: #1a1a1a;
		border-radius: 2px;
		margin-bottom: 5px;
		transition: all 0.3s ease-in-out;
	}
	.navbtn i:nth-child(2n) {
		top: 14px;
		width: 20px
	}
	.navbtn i:nth-child(3n) {
		top: 22px;
		width: 12px
	}
	.navbtn.cur i {
		width: 20px;
		background: #1a1a1a;
	}
	.navbtn.cur i:nth-child(1) {
		top: 14px;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-o-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.navbtn.cur i:nth-child(2) {
		opacity: 0;
	}
	.navbtn.cur i:nth-child(3) {
		top: 14px;
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.mob-navbar-nav {
		position: fixed;
		top: 50px;
		left: 0;
		width: 100%;
		z-index: 1001;
		background: #fff;
		box-sizing: border-box;
		border-top: 1px solid rgba(0,0,0,0.1);
	}
	.mob-cover{
		display: none;
		background: rgba(0,0,0,0.9);
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 999;
	}
	.mob-navbar-nav ul li {
		position: relative;
	}
	.mob-navbar-nav ul li::before{
		content: '';
		border-bottom: 1px solid rgba(0,0,0,0.1);
		position: absolute;
		bottom: 0;
		left: 15px;
		right: 15px;
	}
	.mob-navbar-nav ul li:last-child::before{
		display: none
	}
	.mob-navbar-nav ul li::after{
		content: '';
		position: absolute;
		top: 50%;
		right: 20px;
		border-top: 1px solid rgba(255,255,255,0.5);
		border-right: 1px solid rgba(255,255,255,0.5);
		width: 6px;
		height: 6px;
		transform: rotate(45deg);
		margin-top: -4px;
	}
	.mob-navbar-nav ul li h3{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.mob-navbar-nav ul li h3 a {
		display: block;
		flex: 1;
		padding: 12px 15px;
		color: #1a1a1a;
		font-size: 14px;
		font-weight:400;
	}
	.mob-navbar-nav ul .active h3 a{
		color: #ff6600;
	}
	.mob-sub{
		display: none;
		padding: 0 30px;
	}
	.mob-sub a{
		font-size: 12px;
		display: block;
		padding: 5px 0;
	}
	.mob-sub .current{
		color: #ff6600;
	}
	.bat{
		width: 12px;
		height: 20px;
		position: relative;
		margin-left: 12px;
	}
	.bat::after{
		content: '';
		border-top: 6px solid #fff;
		border-left: 6px solid rgba(0,0,0,0);
		border-right: 6px solid rgba(0,0,0,0);
		position: absolute;
		top: 8px;
		right: 0px;
		z-index: 1;
		border-radius: 4px;
	}
	.bat{
		width: 50px;
		height: 36px;
		position: relative;
		display: inline-block;
		margin-left: 8px;
	}
	.bat::after{
		border-top: none;
		border-left: none;
		border-bottom: 1px solid #666;
		border-right: 1px solid #666;
		width: 9px;
		height: 9px;
		border-radius: 0;
		transform: rotate(45deg);
		position: absolute;
		top: 50%;
		right: 20px;
		margin-top: -6px;
		transition: all 0.3s ease-out;
	}
	.cur.bat::after{
		transform: rotate(-135deg);
	}
	.banner-tips{
		line-height: 1.5
	}
	.banner-swiper{
		height: 41vh;
		top: 50px
	}
	.banner-swiper-box{
		height: 40vh;
	}
	.banner-pagination{
		bottom: 10px;
	}
	.pag-icon{
		width: 60px;
		display: none;
	}
	.banner-num{
		font-size: 12px !important;
	}
	.banner-num strong{
		font-size: 14px !important
	}
	.sidebar {
		display: none !important;
	}
	.home-about-box{
		padding-right: 0;
	}
	.about-right{
		position: relative;
		width: 100%;
	}
	.r-tips{
		display: flex;
		top: 16px;
	}
	.r-tips p:first-child{
		transform: translateX(-10px)
	}
	.home-about-infos{
		padding-top: 10px;
		padding-left: 15px;
		padding-right: 15px;
		padding-bottom: 10px;
	}
	.abimg2{
		display: none;
	}
	.about-total{
		padding: 15px;
	}
	.about-total .total{
		padding-left: 0;
		padding-right: 0;
	}
	.about-bg{
		min-height: 100%;
		padding-bottom: 0px;
	}
	.inc-title{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.inc-title::after{
		height: 2px;
	}
	.inc-total{
		flex-wrap: wrap;
		justify-content: flex-start;
		padding-left: 0;
		padding-right: 0;
	}
	.inc-total li{
		font-size: 12px;
		width: 33.3%;
		padding: 5px 0;
	}
	.inca-box{
		height: 70vh;
	}
	.service-box{
		background-size: 100% auto;
	}
	.service-box::after{
		display: none;
	}
	.home-title-group{
		padding-top: 30px;
		padding-bottom: 20px;
	}
	.home-title-group img{
		height: 12px;
	}
	.service-items{
		flex-wrap: wrap;
		padding: 8px 0;
		margin-top: 0px;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 10px;
	}
	.service-items li{
		width: 50%;
		box-sizing: border-box;
		padding: 7px;
	}
	.int-cen-box{
		min-height: 32vh;
		background-attachment:scroll !important;
		background-size: cover;
	}
	.int-cen-box .home-title-group{
		padding-top: 30px;
	}
	.iic-tabs{
		padding-top: 10px;
		padding-bottom: 40px;
	}
	.int-inn-box{
		min-height: 100%;
		padding-bottom: 0px;
	}
	.home-gjcxfh{
		padding-top: 20px;
	}
	.int-inn-box .home-title-group{
		padding-top: 30px;
		padding-bottom: 30px;
		display: flex;
		align-items: flex-start;
		flex-direction: column;
		justify-content: center;
	}
	.inter-box{
		flex-direction: column;
	}
	.inter-infos{
		width: 100%;
		padding: 15px 0;
	}
	.inter-show .swiper{
		padding: 0;
		margin-left: -7px;
		margin-right: -7px;
	}
	.inter-show .swiper-slide{
		padding: 0 7px;
	}
	.news-swiper{
		margin-top: 20px;
		width: 100%;
		margin-right: 0;
	}
	.news-show{
		width: 100%;
		flex-direction: column;
		box-sizing: border-box;
	}
	.news-tabs li a{
		min-width: 80px;
	}
	.news-swiper .swiper-button-prev{
		width: 32px;
		height: 32px;
	}
	.news-swiper .swiper-button-next{
		width: 32px;
		height: 32px;
	}
	.about-thumbs{
		flex-wrap: wrap;
	}
	.about-thumbs li{
		width: 33.33%;
		padding-bottom: 8px;
	}
	.bb-box{
		flex-direction: column;
	}
	.merchants li{
		width: 100%;
		padding: 6px 0;
		border-bottom: 1px solid rgba(255,255,255,0.3);
		margin-bottom: 8px;
	}
	.merchants li .opacity{
		display: none;
	}
	.merchants li a{
		color: #ffffff !important;
	}
	.f-right{
		padding-top: 8px;
	}
	.f-right .fs26{
		padding-top: 0;
	}
	.ecode{
		padding-top: 8px;
	}
	.bbg{
		padding-bottom: 20px;
		padding-top: 20px;
	}
	.copyright{
		padding: 10px 0;
	}
	.copyright .flex{
		flex-direction: column;
		align-items: flex-start;
	}
	.filings{
		margin-left: 0;
		margin-top: 4px;
	}
	.ftop{
		margin-bottom: 10px;
	}
	.ftop .ftico img{
		height: 12px;
	}
	.region .btm-tips .arrow{
		height: 12px;
		width: 30px;
		background-position: right
	}
	.cban-box{
		height: 30vh !important
	}
	.cban{
		height: 30vh !important;
		top: 50px;
		transform: scale(1.02);
		background-size: cover !important;
		background-size: auto 100%
	}
	.xg-icon{
		display: none;
	}
	.xg-group-box{
		padding: 15px;
	}
	.xg-intro{
		padding-bottom: 10px;
	}
	.xg-honor-box{
		padding: 10px 0;
	}
	.xg-honor{
		padding: 10px;
	}
	.honor-intro{
		width: 100%;
		border-radius: 8px;
	}
	.honor-list{
		flex-direction: column;
		background: url(../image/t_ico1.png) no-repeat 0 12px;
		background-size: auto 16px;
		padding-left: 30px;
	}
	.honor-list .desc{
		line-height: 1.4
	}
	.xg-cx-swiper{
		position: relative;
		width: 100%;
		padding-bottom: 100px;
	}
	.xg-cx-swiper .swiper-button-prev{
		display: none;
	}
	.xg-cx-swiper .swiper-button-next{
		display: none;
	}
	.huoli-box{
		flex-direction: column;
		width: 100%
	}
	.huoli-img{
		width: 100%;
	}
	.xg-cx-picture{
		margin-bottom: 8px;
	}
	.xg-subtit{
		padding-top: 0;
		margin-top: 0;
		margin-bottom: 20px;
		margin-left: 0
	}
	.huoli-infos{
		flex-direction: column;
		position: relative;
		z-index: 6;
		padding: 0;
		width: 100%;
	}
	.huoli-swiper .swiper{
		height: auto;
	}
	.huoli-swiper{
		margin: 0;
		height: auto;
		width: 100%;
		overflow: hidden;
	}
	.huoli-swiper .swiper-slide {
		text-align: center;
		font-size: 18px;
		background: #fff;
		height: 100%;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 8px 8px 8px 0;
		width: auto
	}
	.huoli-swiper .swiper-button-prev{
		display: none;
	}
	.huoli-swiper .swiper-button-next{
		display: none;
	}
	.popup{
		left: 2%;
		width: 96%;
	}
	.xg-honor-box .xg-title{
		margin-top: 20px;
		padding-left: 15px;
	}

	.xg-cx-box{
		min-height: 100%;
	}
	.xg-cx-pc{
		display: none;
	}
	.xg-cx-mob{
		display: block;
	}
	.xg-cx-mob{
		text-align: center;
		padding-top: 15px;
	}
	.xg-cx-box .xg-title{
		margin-left: 0
	}
	.banner-video{
		height: 39vh
	}
	.about-overview{
		padding-top: 0;
		position: relative;
		z-index: 2;
	}
	.overview-box{
		width: 100%;
		background: #fff;
	}
	.overview{
		flex-direction: column;
		padding: 15px;
	}
	.overview .left{
		margin-bottom: 15px;
	}
	.overview .left .title::after{
		height: 2px;
	}
	.overview-items{
		margin-left: 0;
		margin-right: 0;
		flex-wrap: wrap;
		padding: 7px;
	}
	.overview-items li{
		width: 50% !important;
		flex: auto;
		padding: 8px;
	}
	.overview-items-box{
		padding-bottom: 0;
	}
	.location-box{
		flex-direction: column;
	}
	.location-infos{
		width: 100%;
		padding: 0 15px;
	}
	.location-infos .adv-explain{
		display: block;
		margin-top: 6px;
	}
	.location-infos .line-more{
		display: none
	}
	.advantage{
		height: auto;
		padding-right: 0;
	}
	.advantage li{
		flex-direction: column;
		margin-top: 15px
	}
	.advantage .num{
		font-size: 24px;
		line-height: 24px;
		position: absolute;
	}
	.advantage h3{
		padding-left: 36px;
		margin-bottom: 10px;
	}
	.csbg{
		display: none
	}
	.csbox{
		position: relative;
		background: #fff;
		padding-top: 260px;
		padding-left: 15px;
		padding-right: 15px;
		flex-direction: column
	}
	.cs-right{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		padding-right: 0;
		padding-bottom: 0;
	}
	.cs-services .title-en{
		text-align: center;
	}
	.cs-services .title{
		text-align: center;
		padding-bottom: 10px;
	}
	.cs-services-info{
		width: 100%;
		padding: 15px;
	}
	.cs-items{
		padding-top: 0;
		justify-content: center;
	}
	.cs-items li{
		padding: 0 3px;
	}
	.cs-pt{
		padding-right: 8px;
		padding-left: 4px;
		padding-top: 6px;
	}
	.cs-left{
		width: 100%;
		padding-bottom: 0;
	}
	.cs-center{
		width: 90%;
		height: auto;
		padding-bottom: 0;
		background-size: 100% 100%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}
	.center-info{
		width: 100%;
	}
	.building{
		display: flex;
		flex-direction: row;
		overflow-x: auto;
		padding: 15px 0;
	}
	.building li{
		margin-right: 6px;
	}
	.building li a{
		width: 61px;
		height: 30px;
		line-height: 30px;
		font-size: 12px;
	}
	.building-show{
		height: 320px;
	}
	.space-items{
		flex-wrap: wrap;
	}
	.space-items li{
		width: 50%;
	}
	.space-items .item .infos{
		padding: 8px;
	}
	.space-items .item .infos .type{
		margin-bottom: 12px;
	}
	.space-items .item .infos .btn-apply{
		font-size: 12px;
	}
	.space-items .item .infos .area sup{
		font-size: 12px;
		transform: scale(0.8);
		display: inline-block;
	}
	.life-box::after{
		display: none;
	}
	.about-title-group{
		padding-top: 30px;
		padding-bottom: 10px;
	}
	.bridge-advantage{
		padding-right: 0;
		padding-top: 10px;
	}
	.bridge-advantage h3{
		padding-left: 0;
	}
	.qiyefuwu-items{
		flex-wrap: wrap;
		padding: 15px;
	}
	.qiyefuwu{
		width: 46%;
		margin: 2%;
		flex-direction: column;
		height: auto;
		min-height: 100%;
		justify-content: flex-start;
		border: 2px solid #fff;
		border-radius: 8px;
	}
	.qiye-infos{
		display: block !important;
		width: 100%;
	}
	.qiye-infos .infos{
		width: 100%;
		background: none;
		color: #fff;
	}
	.qiyefuwu .qiye-infos .infos,.qiyefuwu2 .qiye-infos .infos{
		width: 100%;
	}
	.qiye-tips .morebar{
		display: none;
	}
	.qiyefuwu .qiye-tips,.qiyefuwu2 .qiye-tips{
		padding: 10px;
		height: auto
	}
	.cp-box-flex{
		flex-direction: column;
		padding: 0 15px;
	}
	.about-title-group .title{
		padding-bottom: 0px;
	}
	.cp-left{
		padding-bottom: 15px;
	}
	.cp-left img{
		height: 40px;
	}
	.cp-right{
		width: 100%;
	}
	.fuhua-cases li{
		width: 50%;
	}
	.building-show .build-title{
		margin-top: 50px;
		margin-bottom: 15px;
	}
	.north-bar{
		transform: translate(0,0);
		left: 10px;
	}
	.north-bar li a{
		padding: 10px;
	}
	.fuhua-cases{
		margin-left: 0;
		margin-right: 0;
		padding-bottom: 15px;
	}
	.xggj-club{
		flex-direction: column;
		padding: 15px;
	}
	.club-left{
		width: 100%;
	}
	.club-right{
		width: 100%;
	}
	.club-left .tit-club{
		height: 50px;
	}
	.eur-box .video-box{
		min-height: 100vh;
		width: 100%;
		overflow: hidden;
	}
	.eur-box .video-box video{
		object-fit: cover;
	}
	.euro-items{
		flex-direction: column;
	}
	.euro-items li{
		width: 100%;
		padding: 0px 0;
	}
	.euro-logo{
		display: none;
	}
	.xggj-inter-swiper{
		margin-top: 15px;
	}
	.cxfw-flex{
		flex-direction: column;
		padding-top: 20px;
	}
	.cxfw-left{
		width: 100%;
		margin-right: 0;

	}
	.cxfw-tabs{
		display: flex;
		align-items: stretch;
		margin-left: -6px;
		margin-right: -6px;
	}
	.cxfw-tabs li{
		width: 50%;
		box-sizing: border-box;
		padding: 0 6px;
	}
	.cxfw-items{
		flex-direction: column;
	}
	.cxfw-items li{
		width: 100%;
	}
	.xg-cx-flex{
		position: relative;
		width: 100%;
		margin-bottom: -30px;
	}
	.xg-cx-flex .type-tabs li:first-child{
		width: 50%;
	}
	.xg-cx-flex .type-tabs li:nth-child(2n){
		width: 50%;
	}
	.huoli-flex{
		margin-right: 0;
		margin-bottom: 60px;
	}
	.huoli-flex .type-tabs{
		right: 0;
	}
	.huoli-flex .type-tabs li{
		padding: 0 !important;
	}
	.location-map{
		min-height: auto;
		padding: 0;
	}
	ch.active .ssinbox{
		width: 150px;
	}
	.top-search .ssbar{
		background: #F7F7F7;
		border: 1px solid #8e8e99;
		padding: 4px 8px;
		border-radius: 4px;
	}
	.top-search .iss{
		background: url(../image/issbar_b.png) no-repeat center;
		background-size: contain;
		width: 16px !important;
		height: 16px !important;
	}
	.top-search .ssinbox{
		width: 90px !important;
	}
	.news-box{
		padding: 15px;
	}
	.news-title-group{
		padding: 8px 0;
	}
	.list-list li a{
		flex-direction: column;
	}
	.list-container{
		padding: 0
	}
	.list-list li a .poster{
		width: 100%;
		margin-right: 0;
		margin-bottom: 8px;
	}
	.news-title-group{
		border-bottom-width: 2px;
	}
	.news-title-group .news-title::before{
		width: 4px;
		height: 20px;
	}
	.crum .ihome{
		width: 18px;
		height: 18px;
	}
	.cban{
		position: relative !important;
		left: auto;
		top: 0;
		background-attachment: scroll !important;
		width: 100%;
	}
	.video-box{
		position: relative;
		height: 40vh
	}
	.video-box video{
		transform: scale(1.4);
		position: absolute;
	}
	.inter-show{
		width: 100%
	}
	.banner-tips h3{
		font-size: 22px;
	}
	.home-gjcxfh .inter-show{
		margin-top: 0vw;
	}
	.nav-tools{
		margin-right: 8px;
	}
	.brand-header{
		flex: 1;
	}
}