/*
 *	Created by Edward on 24/01/22
 *	Copyright (c) 2024 ishutime.com All rights reserved
*/

@font-face {
	font-family: 'iconfont';
	src: url('iconfont.woff2?t=1663740079843') format('woff2'),
		url('iconfont.woff?t=1663740079843') format('woff'),
		url('iconfont.ttf?t=1663740079843') format('truetype');
}

@font-face {
	font-family: xiaomi;
	/* src: url(../fonts/MiSans-Regular.TTF); */
	src:url(https://website-ishutime.oss-cn-chengdu.aliyuncs.com/MiSans-Regular.ttf);
}

@font-face {
	font-family: kurd;
	/* src: url(../fonts/XB-SHAFIGH-KURD.TTF); */
	src:url(https://website-ishutime.oss-cn-chengdu.aliyuncs.com/XB-SHAFIGH-KURD.TTF);
}

@font-face {
	font-family: din2;
	src: url(../fonts/DIN-Condensed-Bold.ttf);
}

html,
body {
	font-family: 'xiaomi', "Microsoft YaHei", '微软雅黑', "Arial";
	color: #231815;

}

input,
textarea {
	font-family: 'xiaomi', "Microsoft YaHei", '微软雅黑', "Arial";
}

.iconfont {
	font-family: "iconfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}

.loading{
	width: 100%;
	height: 100vh;
	position: fixed;
	left: 0px;
	top: 0px;
	overflow: hidden;
	z-index: 200;
	background: #262322;
	-webkit-transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.loading.active{
	height: 0px;
}

.loading .load_box{
	width: 300px;
	display: flex;
	justify-content: center;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
}

.loading .load_box span{
	display: block;
	width: 25px;
	height: 25px;
	position: relative;
	margin: 0px 11px;
	overflow: hidden;
	left: -40px;
	opacity: 0;
	-webkit-transition: all .35s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.loading .load_box.active span{
	left: 0px;
	opacity: 1;
}

.loading .load_box.active span:nth-child(2){
	-webkit-transition-delay: .25s;
}

.loading .load_box.active span:nth-child(3){
	-webkit-transition-delay: .5s;
}

.loading .load_box.active span:nth-child(4){
	-webkit-transition-delay: .75s;
}

.loading .load_box.active span:nth-child(5){
	-webkit-transition-delay: 1.0s;
}

.loading .load_box.active span:nth-child(6){
	-webkit-transition-delay: 1.25s;
}

.logo {
	width: auto;
	height: 15px;
	position: absolute;
	left: 3%;
	top: 25px;
	z-index: 35;
	display: flex;
}

.logo span{
	width: 13px;
	height: 13px;
	position: relative;
	display: block;
	margin-right: 8px;
	left: -15px;
	opacity: 0;
	-webkit-transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.logo.active span{
	left: 0;
	opacity: 1;
}

.logo.active span:nth-child(2){
	-webkit-transition-delay: 0.25s;
}

.logo.active span:nth-child(3){
	-webkit-transition-delay: 0.5s;
}

.logo.active span:nth-child(4){
	-webkit-transition-delay: 0.75s;
}

.logo.active span:nth-child(5){
	-webkit-transition-delay: 1.0s;
}

.logo.active span:nth-child(6){
	-webkit-transition-delay: 1.25s;
}


.nav {
	width: auto;
	height: auto;
	position: absolute;
	right: 3%;
	top: 25px;
	z-index: 35;

}

.nav a {
	width: 100%;
	height: auto;
	display: block;
	position: relative;
	padding: 5px 0px;
}

.brand_list ul li a .name b{
	display: none;
}

.nav a .box {
	width: 100%;
	height: 20px;
	position: relative;
	overflow: hidden;
	line-height: 20px;
	text-align: right;
}

.nav a .box p:first-child,.fnav a .box p:first-child{
	-webkit-transition: all .4s;
}

.fnav a .box p:last-child{
	font-size: 30px;
}

.nav a:hover .box p:first-child{
	margin-top: -20px;
}

.fnav a:hover .box p:first-child{
	margin-top: -50px;
}

/* banner */


.kv_area {
	width: 100%;
	height: 100%;
	position: relative;
}

.kv_in {
	position: relative;
	width: 100%;
	height: 100%;
	background: #faf9f7;
	overflow: hidden;
}

.kv {
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 10;
	opacity: 0;
	transition: 1.0s ease-in-out;
}

.kv.pre {
	z-index: 20;
}

.kv.show {
	opacity: 1;
}

.kv .ph_area {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
}

.kv .ph_out {
	position: relative;
	height: 100%;
}

.kv .ph {
	position: absolute;
	left: 0;
	transform: translateX(-2.5%) scale(1.05); /*fade in の時の状態*/
	top: 0;
	width: 100%;
	height: 100%;
	background: no-repeat center center;
	background-size: cover;
	transition: 6.5s cubic-bezier(0.61, 1, 0.88, 1);
}

.kv.show .ph {
	transform: translateX(2.5%) scale(1.05); /*fade out の時の状態*/
}

.kv01 .ph,
.kv02 .ph {
	background-position: center bottom;
}
.kv04 .ph {
	background-position: center top;
}



/* banner */

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

.header::before{
	width: 100%;
	height: 30vh;
	position: absolute;
	left: 0%;
	top: 0%;
	content: '';
	background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .55));
	z-index: 35;
	opacity: 0;

	-webkit-transition: all .3s;
}

.header.active::before{
	opacity: 1;
}

.bannerSwiper {
	width: 100%;
	height: 100vh;
	position: relative;
	display: none;
}

.bannerSwiper .pic {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
}

.slogan {
	width: 40%;
	height: auto;
	position: absolute;
	left: 5%;
	top: 50%;
	color: #fff;
	z-index: 35;
	-webkit-transform: translateY(-50%);
	line-height: 1.2;
}

.slogan .cn1 {
	font-size: 6vw;
	text-align: center;
	font-family: kurd;
}

.slogan .cn2 {
	font-size: 2.5vw;
}

.scroll_txt {
	width: 50%;
	height: auto;
	position: absolute;
	left: 25%;
	text-align: center;
	bottom: 0%;
	z-index: 35;
	color: #fff;
	font-size: 12px;
	line-height: 1.7;
	opacity: 0;
	-webkit-transition: all 2s;
}
.banner_box.active .scroll_txt{
	opacity: 1;
	bottom: 5%;
}
.next_btn {
	width: 10vw;
	height: 10vw;
	position: absolute;
	right: 5%;
	bottom: 5%;
	z-index: 35;
	cursor: pointer;
}

.next_btn::before {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0%;
	top: 0%;
	background: url(../images/circles.png) no-repeat;
	background-size: cover;
	content: '';
	-webkit-animation: loopAnimate 10s linear infinite;
}

@-webkit-keyframes loopAnimate {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

.next_btn img {
	width: 2vw;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	content: '';
}

.boxes.s {
	width: 100%;
	height: 100vh;
	position: relative;
	display: flex;
	justify-content: space-between;
	overflow: initial;
}

.b_left {
	width: 35%;
	position: relative;
	height: 100%;
}

.ltxt {
	position: relative;
	width: 100%;
	margin-bottom: 1vw;
}

.ltxt .en{
	position: relative;
	overflow: hidden;
}

.ltxt .en img{
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}

.ltxt .en:nth-child(2) img{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
}

.ltxt.is-inview .en img{
	-webkit-transform: translateY(0%);
}

.linfo {
	position: relative;
	width: 100%;
}

.linfo p {
	font-size: 16px;
}

.shows {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	bottom: 10%;
}

.shows .singePage {
	position: absolute;
	width: 100%;
	opacity: 0;
	-webkit-transform: translateY(20px);
	font-size: 14px;
	visibility: hidden;
	bottom: 0px;
}

.shows .singePage.active {
	-webkit-transition: all 1s;
	opacity: 1;
	visibility: visible;
	-webkit-transform: translateY(0px);
}

.num_list {
	width: 55%;
	height: 100%;
	position: relative;
}

.num_list ul {
	width: 100%;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	position: relative;
}

.num_list ul li {
	width: 50%;
	height: 50%;
	position: relative;
}
.num_list ul li .nums_top{
	width: 100%;
	height: 100%;
	position: relative;
}
.num_list ul li.active .nums_top{
	background: #E4DDD7;
}
.num_list ul li .nums_bottom{
	width: 100%;
	height: auto;
	position: relative;
	display: none;
	word-break: break-all;
	font-size: 14px;
	line-height: 1.7;
	background: #E4DDD7;
	padding: 10px;
}

.num_list ul li::before{
	width: calc(100% - 40px);
	height: calc(100% - 40px);
	position: absolute;
	left: 20px;
	top: 20px;
	background-image: linear-gradient(45deg, #c5c3c1, #f7f5f2);
	content: '';
	border-radius: 10px;
	opacity: 0;
	-webkit-transition: all .5s;
}

.num_list ul li:hover .circle{
	background: #7a7470;
}
.num_list ul li:hover .num{
	color: #797370;
}


.num_list ul li:hover::before{
	opacity: 1;
}

.num_list::after {
	width: 1px;
	height: 0%;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	content: '';
	background: rgba(0, 0, 0, .1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.num_list::before {
	width: 0%;
	height: 1px;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	bottom: 50%;
	content: '';
	background: rgba(0, 0, 0, .1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.num_list.is-inview::before{
	width: calc(100% - 40px);
}

.num_list.is-inview::after{
	height: calc(100% - 40px);
}


.footerB .cp.cp2{
	display: none;
}


.num_list ul li .name {
	width: auto;
	height: auto;
	position: absolute;
	left: 2vw;
	top: 2vw;
	line-height: 1.2;
}


.num_list ul li .title {
	width: auto;
	height: auto;
	position: absolute;
	right: 2vw;
	top: 2vw;
}

.num_list ul li .num {
	width: auto;
	height: auto;
	position: absolute;
	right: 2vw;
	bottom: 2vw;
	text-align: right;
	display: flex;
	align-items: flex-start;
	line-height: 1;
}

.num_list ul li .num p {
	font-size: 7vw;
}

.num_list ul li .num span {
	font-size: 2vw;
}

.shadows {
	width: 100%;
	height: auto;
	position: absolute;
	left: 0%;
	top: 70%;
	-webkit-transform: translateY(-50%);
}

.num_list ul li .circle {
	width: 10px;
	height: 10px;
	position: absolute;
	left: 2vw;
	bottom: 2vw;
	content: '';
	background: #cdc7c1;
	border-radius: 50%;
}

.num_list ul li:nth-child(even) .circle {
	left: 2vw;
}

.num_list ul li .name .en {
	font-size: 3vw;
	font-family: kurd;
	line-height: 1;
	overflow: hidden;
}

.num_list ul li .name .en p{
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}

.num_list ul li:nth-child(2) .name .en p{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
}

.num_list ul li:nth-child(2) .name .cn p{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}

.num_list ul li:nth-child(3) .name .en p{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}

.num_list ul li:nth-child(3) .name .cn p{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .6s;
}

.num_list ul li:nth-child(4) .name .en p{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .6s;
}

.num_list ul li:nth-child(4) .name .cn p{
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .7s;
}

.num_list ul li .name .cn p{
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
}

.num_list ul li .name.is-inview .en p,.num_list ul li .name.is-inview .cn p{
	-webkit-transform: translateY(0%);
}

.num_list ul li .name .cn {
	font-size: 1.4vw;
	opacity: 0.7;
	overflow: hidden;
}

.brand_list {
	width: 100%;
	padding: 3vw;
	position: relative;
}

.swiper-pagination{
	display: none;
}
.con_list ul li .right .info{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	width: 100%;
	height: 100%;
}
.con_list ul li .right .des{
	display: none;
}

.brand_list ul li {
	width: 100%;
	position: relative;
	padding: 3vw 0px;
}

.brand_list ul li::after {
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	background: rgba(0, 0, 0, .1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.610, 0.355, 1);
}

.brand_list ul li:last-child::before{
	width: 0%;
	height: 1px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	background: rgba(0, 0, 0, .1);
	-webkit-transition: all 2s cubic-bezier(0.215, 0.610, 0.355, 1);
}
.brand_list ul li.is-inview::before{
	width: 100%;
}
.brand_list ul li.is-inview::after{
	width: 100%;
}



.brand_list ul li a {
	width: 100%;
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
}



.brand_list ul li a .thum {
	width: 35%;
	position: relative;
	-webkit-clip-path: polygon(0% 0,0 0,0% 100%,0% 100%);
	transition: all 0.4s cubic-bezier(0.15, 0.76, 0.47, 1);
}

/* .brand_list ul li:hover a .thum{
	-webkit-transform: scale(0.95);
}

.brand_list ul li:hover a .thum .inner{
	-webkit-transform: scale(1.05);
} */

.brand_list ul li.is-inview a .thum{
	-webkit-clip-path: polygon(0 0,100% 0,100% 100%,0 100%);
}

.brand_list ul li a .thum .inner {
	padding-top: 50%;
	transition: all 1s;
}

.brand_list ul li:hover a .thum .inner{
	-webkit-transform: scale(1.05);
}

.brand_list ul li a .thum::after{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1;
	background: #272322;
	content: "";
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

.brand_list ul li.is-inview a .thum::after{
	transition: all 0.4s cubic-bezier(0.15, 0.76, 0.47, 1) 0.4s;
	transform: translate(101%, 0);
}

.brand_list ul li a .name {
	font-size: 16px;
	opacity: 0.7;
	position: absolute;
	left: 0px;
	top: 0px;
	line-height: 1;
	overflow: hidden;
}

.brand_list ul li a .mark{
	line-height: 1.2;
	overflow: hidden;
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .2s;
}

.brand_list ul li:nth-child(even) a .mark{
	left: auto;
	right: 0%;
}

.brand_list ul li:nth-child(even) a .thum{
	margin-right: 25%;
}

.brand_list ul li:nth-child(even) a .more{
	left: 91%;
}

.brand_list ul li a .name p{
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .1s;
}

.brand_list ul li a .title p{
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}

.brand_list ul li.is-inview a .name p,.brand_list ul li.is-inview a .title p,.brand_list ul li.is-inview a .mark{
	-webkit-transform: translateY(0%);
}

.brand_list ul li a .title {
	width: 35%;
	position: relative;
	font-size: 5vw;
	line-height: 1;
	font-family: kurd;
	overflow: hidden;
	left: 0%;
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	color: #000000;
	margin-bottom: -1.5vw;
}



.brand_list ul li a .mark {
	font-size: 20px;
	position: absolute;
	left: 45%;
	top: 0%;
	color: #000000;
}

.thumbswrap.deluxe .thumb.size_3 {
    width: 50%;
}

.thumbswrap.deluxe .thumb.size_2 {
    width: 41.66667%;
}

.brand_list ul li a .num {
	width: auto;
	height: auto;
	position: absolute;
	left: 35%;
	top: 0%;
	opacity: 0.3;
}

.brand_list ul li a .more {
	width: 75px;
	height: 75px;
	position: absolute;
	left: 45%;
	bottom: 0%;
	text-align: center;
	line-height: 75px;
	color: rgba(0, 0, 0, .5);
	opacity: 0;
	-webkit-transform: translateY(25px);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}

.brand_list ul li a .more::before{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0%;
	background: url(../images/circle2.png?v=2024) no-repeat;
	background-size: cover;
	content: '';
}

.brand_list ul li:hover a .more::before{
	-webkit-animation: loopAnimate 4s linear infinite;
	background-position: 100% 0%;
}

.brand_list ul li:hover a .more p{
	color: #fff;
}

.brand_list ul li:hover a .more::after{
	background-position: -12px 0px;
}

.shadows img{
	-webkit-animation: loopAnimate 6s linear infinite;
}

.brand_list ul li.is-inview a .more{
	opacity: 1;
	-webkit-transform: translateY(0px);
}



.brand_list ul li a .more::after {
	width: 12px;
	height: 12px;
	position: absolute;
	right: 5px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	background: url(../images/back_icon.png) no-repeat;
	background-size: cover;
	content: '';
}

.brand_list ul li a .more p {
	width: auto;
	left: 7px;
	position: relative;
	text-align: left;
}

.hzhb {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 4vw
}

.hzhb ul {
	width: 100%;
	display: flex;
	position: relative;
}
.hzhb ul{
  animation: marqueeLeft 70s linear infinite;
}
.hzhb ul:last-child{
	animation: marqueeRight 70s linear infinite;
}

.header{
	width: 100%;
	height: auto;
	position: relative;
	z-index: 35;
}

@keyframes marqueeLeft{
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}

@keyframes marqueeRight{
  0% { 
    left: -100%; 
  }
  100% {
   left: 0; 
  }
}

.backTop{
	/* background: url(../images/circle2.png) no-repeat;
	background-size: cover;
	background-position: 100% 0%; */
	width: 50px;
	height: 50px;
	position: absolute;
	right: 3%;
	top: -75px;
	border-radius: 20px;
	border: 1px solid rgba(0, 0, 0, .1);
	content: '';
}

.backTop:hover{
	border-color: rgba(0, 0, 0, .3);
}

.backTop:hover img{
	opacity: 1;
}

.backTop img{
	width: 15px;
	-webkit-transform: translate(-50%, -50%) rotate(-90deg);
	position: absolute;
	left: 50%;
	top: 50%;
	opacity: 0.75;
}

.hzhb ul li {
	width: 13vw;
	height: auto;
	position: relative;
}

.hzhb ul li .pic{
	-webkit-filter: grayscale(100%);
	opacity: 0.5;
	-webkit-transition: all .35s;
}

.hzhb ul li:hover .pic{
	-webkit-filter: grayscale(0%);
	opacity: 1;
}

.footer {
	position: relative;
	background: #272322;
	color: #cdc7c1;
	padding: 3vw 3vw 1vw 3vw;
}

.footerT {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}

.fnav {
	width: auto;
	position: relative;
}

.fnav a {
	width: auto;
	color: #cdc7c1;
	display: block;
}

.fnav a .box {
	width: 100%;
	height: 50px;
	line-height: 50px;
	position: relative;
	overflow: hidden;
	font-size: 40px;
	font-family: kurd;
}

.fewm {
	width: 238px;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}

.fewm .f {
	width: 238px;
	position: relative;
	margin-bottom: 2vw;
}

.ewm {
	width: 120px;
	position: relative;
}

.footerB {
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: rgba(255, 255, 255, .3);
	margin-top: 1vw;
	line-height: 24px;
}

.footerB .cp {
	width: auto;
	display: flex;
}

.footerB .cp p {
	margin-right: 5px;
}

.footerB .cp a {
	color: rgba(255, 255, 255, .3);
	margin-right: 5px;
}

.footerB .cp a:hover {
	color: rgba(255, 255, 255, .7);
}

.fc {
	width: auto;
	display: flex;
}

.fc a {
	color: rgba(255, 255, 255, .75);
	position: relative;
	padding-right: 10px;
	margin-right: 10px;
}

.fc a:hover {
	color: rgba(255, 255, 255, 1);
}

.fc a:last-child {
	padding-right: 0px;
	margin-right: 0px;
}

.fc a:last-child::after {
	display: none;
}

.fc a::after {
	width: 1px;
	height: 70%;
	position: absolute;
	right: 0px;
	top: 15%;
	content: '';
	background: rgba(255, 255, 255, .5);
}

.sco {
	width: auto;
	display: flex;
}

.sco ul {
	display: flex;
	width: 100%;
}

.sco ul li {
	width: 34px;
	position: relative;
	margin-left: 10px;
}

.sco ul li:last-child {
	width: 24px;
}

.sco ul li:last-child::after {
	display: none;
}

.sco ul li a {
	width: 24px;
	display: block;
	position: relative;
	height: 24px;
}

.sco ul li a .icon{
	width: 100%;
	height: auto;
	position: relative;
	padding: 5px;
	background: rgba(255, 255, 255, .5);
	border-radius: 50%;
}

.sco ul li a .img{
	width: 100px;
	height: auto;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	display: none;
	top: -110px;
	background: #fff;
	padding: 3px;
}

.sco ul li a:hover .img{
	display: block;
}

.sco ul li a:hover .icon{
	opacity: 0.5;
}

.sco ul li::after {
	width: 1px;
	height: 70%;
	position: absolute;
	right: 0px;
	top: 15%;
	content: '';
	background: rgba(255, 255, 255, .5);
}

.case_tips {
	width: 45%;
	margin-left: 350px;
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 3vw;
}

.case_box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: flex-start;
	position: relative;
}

.case_menu {
	width: 300px;
	position: relative;
	
}

.case_menu ul li {
	position: relative;
}

.case_menu ul li a {
	display: flex;
	flex-wrap: wrap;
	position: relative;
	padding: 1.5vw 0px;
	cursor: pointer;
}

.case_menu ul li a::after {
	width: 0px;
	height: 1px;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
	background: #e5e5e5;
	-webkit-transition: all 0.5s;
}

.case_menu ul li a::before {
	width: 0px;
	height: 1px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	content: '';
	background: #e5e5e5;
	-webkit-transition: all 0.5s;
}

.case_menu ul li a .name {
	width: 100%;
	position: relative;
	opacity: 0.5;
	-webkit-transition: all .4s;
}

.case_menu ul li.active a .name,.case_menu ul li:hover a .name {
	opacity: 1;
}

.case_menu ul li.active a::after,.case_menu ul li.active a::before {
	width: 100%;

}


.case_menu ul li a .name .cn {
	font-size: 18px;
	line-height: 25px;
	position: relative;
}

.nav_bg {
    display: none;
    width: 45px;
    height: 45px;
    overflow: hidden;
    position: fixed;
    right: 10px;
    top: 7.5px;
    background: #fff;
    border-radius: 50%;
    -webkit-transition: all .8s cubic-bezier(.77,0,.175,1);
	-webkit-transform: scale(0);
}

.nav_bg.active{
	-webkit-transform: scale(40);
}

.case_menu ul li a .name .cn .n {
	width: auto;
	height: auto;
	position: absolute;
	left: 140px;
	top: 0px;
	line-height: 25px;
}

.case_menu ul li a .name .en {
	font-size: 30px;
	line-height: 40px;
	position: relative;
	font-family: kurd;
}

.case_wrap {
	width: calc(100% - 350px);
	position: relative;
	padding: 0px;
	overflow: hidden;	
}

.nav.w a{
	color: rgba(255,255,255,.7);
}

.case_detail {
	width: calc(100% - 350px);
	position: relative;
	padding: 0px;
}

.thumbswrap .thumb .txt {
	opacity: 0;
	transition: opacity 0.3s ease;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.thumbswrap.normal_list .thumb{
	padding-bottom: 50px;
}
.thumbswrap.normal_list .thumb .txt{
	position: absolute;
	margin-top: 0px;
	left: 0px;
	bottom: 0px;
}

.slogan .t{
	position: relative;
	overflow: hidden;
}

.slogan .t.t3 {
	height: 6vw;
    margin-bottom: -0.5vw;
	text-transform: uppercase;
}

.slogan .t img{
	-webkit-transform: translateY(100%);
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}

.slogan .t.t2 img{
	
	-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
}

.slogan .t p{
	display: block;
}

.slogan .t.t3 p {
	-webkit-transform: translateY(100%);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}

.slogan .t.t4 p {
	-webkit-transform: translateY(100%);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .6s;
}

.banner_box.active .slogan .t img,.banner_box.active .slogan .t p{
	-webkit-transform: translateY(0%);
}

.slogan .cn3,
.slogan .cn4 {
	text-align: center;
	position: relative;
}

.slogan.con {
	width: 50%;
	left: 25%;
	color: #231815;
}

.slogan .cn3 {
	text-transform: uppercase;
	font-size: 4vw;
	line-height: 1;
}

.slogan .cn4 {
	font-size: 20px;
	margin-top: 1vw;
	letter-spacing: 1vw;
	display: flex;
	justify-content: center;
}

.slogan .cn4 p {
	width: auto;
	display: flex;
	justify-content: center;
}

.slogan .cn4 p span {
	display: block;
	width: 1.5vw;
}

.contact_box {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.contact_left {
	width: 20%;
	position: relative;
}

.contact_left li {
	width: 100%;
	position: relative;
	margin-bottom: 1.5vw;
}

.contact_left li p {
	font-size: 18px;
}

.contact_left li a {
	font-size: 1.6vw;

}

.contact_left ol li{
	width: 100%;
	display: none;
}

.contact_left ol li.active{
	display: block;
}

.contact_left ul li:last-child a {
	font-size: 18px;
}

.con_list {
	width: 70%;
	position: relative;
}

.con_list ul li {
	position: relative;
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid rgba(0, 0, 0, .1);
	padding-bottom: 3vw;
	margin-bottom: 3vw;
}

.con_list ul li.active .left p{
	opacity: 0.7;
}

.con_list ul li:last-child {
	margin-bottom: 0px;
	border-bottom: none;
}

.con_list ul li .left {
	width: 35%;
	position: relative;
	font-size: 18px;
}

.con_list ul li .left b {
	font-weight: normal;
}

.menu_bar {
	width: 60px;
	height: 60px;
	position: absolute;
	right: 0px;
	top: 0px;
	cursor: pointer;
	z-index: 200;
	display: none;
}

.menu_bar.active {
	z-index: 150;
}

.menu_bar.active span {
	background: #184791;
}

.menu_bar .bar {
	width: 30px;
	height: 20px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
}


.menu_bar span {
	width: 100%;
	height: 2px;
	position: absolute;
	background: #231815;
	display: block;
	-webkit-transition: all .35s;
	-webkit-transform: rotate(0deg);
	top: 0px;
}

.menu_bar.active span {
	background: #000;
}

.menu_bar span:nth-child(2) {
	top: 9px;
	width: 20px;
}

.menu_bar:hover span:nth-child(2){
    width: 30px;
}

.menu_bar:hover span:nth-child(3){
    width: 30px;
}

.menu_bar.active:hover span:nth-child(2){
    width: 0px;
}

.menu_bar.active:hover span:nth-child(3){
    width: 25px;
}

.menu_bar.active span:nth-child(2){
	width: 0px;
}

.menu_bar.active span:nth-child(1){
	top: 9px;
	-webkit-transform: rotate(45deg);
	width: 25px;
}

.menu_bar.active span:nth-child(3){
	top: 9px;
	-webkit-transform: rotate(-45deg);
}

.menu_bar span:nth-child(3) {
	top: 18px;
	width: 25px;
}

.con_list ul li .left p {
	font-size: 3.5vw;
	opacity: 0.3;
	line-height: 1;
	font-family: kurd;
}

.con_list ul li .right {
	width: 65%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}

.con_list ul li .right p {
	line-height: 1.2;
}

.con_list ul li .right b{
	display: block;
}


.thumbswrap {

	position: relative;
}
.thumbswrap.deluxe .thumb {
    position: absolute;
    width: 41.66667%;
}
.thumbswrap .thumb {
    display: block;
}
.thumbswrap .thumb img {
    width: 100%;
    height: auto;
}

.projects {
	width: calc(100% - 350px);
	min-height: 100vh;
	position: relative;
}


.thumbswrap .thumb:hover .txt{
	opacity: 1;
}

/* .thumbswrap {
	width: 100%;
	column-count: 2; 
	column-gap: 50px;
}

.thumbswrap a {
	width: 48%;
	margin-right: calc(20px / 3);
	break-inside: avoid;
	
}
.thumbswrap .thumb .txt {
	opacity: 1;
	transition: opacity 0.3s ease;
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	position: relative;
	margin-top: 10px;
} */


/* .thumbswrap{
	display: flex;  
	flex-flow: column wrap;
	height: 100vh;
}

.thumbswrap a{
	margin: 10px;
	width: calc(100%/3 - 20px);

} */

.normal_list {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	min-height:auto;
}

.normal_list a {
	display: block;
	margin-bottom: 20px;
	margin-right: 30px;
	position: relative;
}

.normal_list a .img {
	position: relative;
	overflow: hidden;
}

.normal_list a .img img {
	height: 20vw;
	width: auto;
}


.case_top {
	width: 90%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.case_left {
	width: 75%;
}

.case_name {
	font-size: 30px;
	position: relative;
	margin-bottom: 15px;
	line-height: 1.2;
	width: 100%;
}

.case_left .des {
	width: 100%;
	line-height: 1.7;
}

.case_right {
	width: 20%;
}

.case_right ul li {
	line-height: 1.2;
	margin-bottom: 25px;
}

.case_singe {
	margin-top: 2vw;
}

.case_singe img {
	margin-bottom: 5px;
}

.other_case {
	width: 100%;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin-top: 5vw;
}

.other_case a {
	width: 32%;
	position: relative;
	display: block;
	padding-bottom: 50px;
	margin-right: 2%;
}

.other_case a:nth-child(3n) {
	margin-right: 0%;
}

.other_case a .thum .inner {
	padding-top: 70%;
}

.other_case a .txt {
	width: 100%;
	height: 40px;
	line-height: 20px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	opacity: 0;
	-webkit-transition: all .3s;
}

.other_case a:hover .txt {
	opacity: 1;
}

.about_tips {
	width: 100%;
	padding: 0px 25%;
	font-size: 24px;
	line-height: 1.4;
	margin-bottom: 10vw;
	margin-top: 3vw;
}

.fund_box {
	position: relative;
	width: 100%;
}

.fund_singe {
	position: relative;
	text-align: center;
}

.fund_singe .name {
	font-size: 3vw;
	line-height: 1.2;
	position: relative;
	text-align: center;
	margin-bottom: 3vw;
}

.fund_singe .des {
	width: 100%;
	height: auto;
	position: relative;
	line-height: 1.7;
	text-align: center;
	margin-bottom: 3vw;
}

.fund_img {
	width: 1000px;
	margin: 0px auto;
	position: relative;
}

.fund_warp::before {
	width: 100%;
	height: 110%;
	position: absolute;
	left: 0px;
	bottom: 0%;
	border-radius: 50%;
	content: '';
	background: linear-gradient(to bottom, #dedcdc, #f9f8f7);
}

.fund_warp {
	position: relative;
	width: 100%;
	margin-bottom: 5vw;
}

.team-swiper {
	margin-bottom: 10vw;
	position: relative;
}

.team-swiper .paraImg {
	width: 440px;
	margin: 0px auto;
	position: relative;
}

.team-swiper .paraImg .img {
	position: relative;
	width: 90%;
	margin-left: 10%;
}

.team-swiper .paraImg::before {
	width: 100%;
	height: 0px;
	padding-top: 100%;
	position: absolute;
	left: 0px;
	bottom: 0px;
	content: '';
	background: #231815;
	border-radius: 40%;
	/* -webkit-animation: loopAnimate 10s linear infinite; */
}

.team-swiper .p1 {
	width: auto;
	height: auto;
	position: absolute;
	left: 20%;
	top: 30%;
	font-size: 24px;
	text-align: right;
}

.team-swiper .p2 {
	width: auto;
	height: auto;
	position: absolute;
	left: 5%;
	bottom: 15%;
	font-size: 10vw;
	color: #cbc5bf;
}

.team-swiper .p3 {
	width: 30%;
	height: auto;
	position: absolute;
	right: 5%;
	top: 50%;
}

.team-swiper .swiper-slide {
	overflow: hidden;
}

.team-swiper .swiper-button-next,
.team-swiper .swiper-button-prev {
	width: 77px;
	height: 77px;

	top: auto;
	bottom: 0%;
}

.team-swiper .swiper-button-next::before,
.team-swiper .swiper-button-prev::before {
	background: url(../images/circle2.png?v=2024) no-repeat;
	background-size: cover;
	background-position: 100% 0%;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	content: '';
}

.team-swiper .swiper-button-next:hover::before,
.team-swiper .swiper-button-prev:hover::before {
	-webkit-animation: loopAnimate 5s linear infinite;
}

.team-swiper .swiper-button-next {
	right: 30%;
}

.team-swiper .swiper-button-prev {
	left: 30%;
}

.team-swiper .swiper-button-next:after,
.team-swiper .swiper-button-prev:after {
	color: #fff;
	font-size: 18px;
	z-index: 10;
}

.thumbswrap.deluxe .thumb {
	position: absolute;
	width: 45%;
}

.thumbswrap.deluxe .thumb.portrait {
	width: 35%;
}

.thumbswrap.deluxe .thumb.size_1 {
	width: 50%;
}

.thumbswrap.deluxe .thumb.size_1.portrait {
	width: 45%;
}

.thumbswrap.deluxe .thumb.size_2 {
	width: 50%;
}

.thumbswrap.deluxe .thumb.size_2.portrait {
	width: 40%;
}

.thumbswrap.deluxe .thumb.size_3 {
	width: 50%;
}

.thumbswrap.deluxe .thumb.size_3.portrait {
	width: 40%;
}

.banner_box.subBanner{
	height: auto;
}

.subBanner .img{
	position: relative;
	overflow: hidden;
}

.subBanner .img img{
	transition: 6.5s cubic-bezier(0.61, 1, 0.88, 1);
	transform: translateX(-2.5%) scale(1.05);
}

.subBanner.active .img img{
	transform: translateX(2.5%) scale(1.05);
}


.slogan.con .t.t5,.slogan.con .t.t6{
	font-size: 4vw;
	line-height: 1;
	text-transform: uppercase;
}

.slogan.con .t.t5 p{
    -webkit-transform: translateY(100%);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .3s;
}

.slogan.con .cn4 p {
    -webkit-transform: translateY(100%);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .5s;
}

.slogan.con .t.t6 p{
    -webkit-transform: translateY(100%);
    -webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1) .4s;
}

.banner_box.active .slogan.con .t.t5 p,.banner_box.active .slogan.con .t.t6 p,.banner_box.active .slogan.con .cn4 p {
    -webkit-transform: translateY(0%);
}


@media screen and (max-width: 1440px) {
	.team-swiper .p3{
		width: 25%;
		top: 40%;
	}
	.team-swiper .paraImg{
		width: 400px;
	}
	.footerB{
		font-size: 12px;
	}
	.num_list ul li .name .en{
	    font-size: 2.5vw;
	}
	.num_list ul li .title{
	    font-size: 1vw;
	}
}


@media screen and (max-width: 900px) {
	.slogan{
		width: 90%;
	}
	.slogan .cn1{
		font-size: 12vw;
	}
	.slogan .t.t3{
		height: 12vw;
	}
	.slogan .cn2{
		font-size: 6vw;
	}
	.scroll_txt,.ltxt{
		display: none;
	}
	.b_left{
		width: 100%;
		margin-bottom: 5vw;
	}
	.boxes.s{
		height: auto;
		flex-wrap: wrap;
	}
	.num_list{
		width: 100%;
		height: auto;
	}
	.brand_list ul li a .num,.brand_list ul li a .mark{
		display: none;
	}
	.hzhb ul li{
		width: 25vw;
	}
	html.has-scroll-smooth, html{
		position: relative;
		overflow: auto;
	}
	.fnav,.num_list::before,.num_list::after{
		display: none;
	}
	.fewm{
		width: 100%;
		justify-content: center;
	}
	.fewm .f{
		width: 120px;
	}
	.ewm{
		width: 100px;
	}
	.footerB{
		flex-wrap: wrap;
		margin-top: 10vw;
	}
	.footerB .cp{
		width: 100%;
		flex-wrap: wrap;
	}
	.slogan .t{
		margin-bottom: 0.5vw;
	}
	.num_list ul li .nums_top{
		width: 100%;
		height: auto;
		padding: 5vw 0px;
	}
	.num_list ul li .nums_top{
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
	}
	.num_list ul li{
		position: relative;
		width: 100%;
		height: auto;
	}
	
	.num_list ul li .nums_top::after{
		width: 0%;
		height: 2px;
		position: absolute;
		left: 0px;
		bottom: 0px;
		content: '';
		background: #272322;
		-webkit-transition: all 1s cubic-bezier(0.215, 0.610, 0.355, 1);
	}
	
	.num_list ul li.is-inview .nums_top::after{
		width: 100%;
	}
	
	.shows,.num_list ul li .title{
		display: none;
	}
	.shadows{
		width: 70%;
		top: 70vh;
	}
	.boxes{
		padding: 10vw 5vw;
	}
	.num_list ul li::before{
		display: none;
	}
	.num_list ul li .circle{
		width: 6px;
		height: 6px;
		left: -5px;
		bottom: auto;
		top: 50%;
		-webkit-transform: translateY(-50%);
		opacity: 0;
		-webkit-transition: all .75s;
	}
	.num_list ul li.is-inview .circle{
		opacity: 1;
		left: 0px;
	}
	.brand_list ul li a .more{
		-webkit-transform: scale(0.5);
	}
	.num_list ul li .name{
		position: relative;
		left: 0px;
		top: 0px;
		display: flex;
		align-items: center;
		margin-left: 10px;
	}
	.num_list ul li .num{
		position: relative;
		bottom: 0px;
	}
	.num_list ul li .name .en{
		font-size: 6vw;
	}
	.num_list ul li .name .cn{
		font-size: 4vw;
		margin-left: 0.5vw;
	}
	.num_list ul li .num p{
		font-size: 11vw;
	}
	.num_list ul li .num span{
		font-size: 4vw;
	}
	.st_fadeUp {
	    -webkit-transform: translateY(25px);
	}
	.num_list ul li:nth-child(even) .circle {
	    left: 0;
	}
	.brand_list ul li a .thum{
		width: 100%;
	}
	.brand_list ul li a .title{
		display: none;
	}
	.brand_list ul li:nth-child(even) a .thum{
		margin-right: 0%;
	}
	.brand_list ul li::after{
		display: none;
	}
	.brand_list ul li{
		padding: 0px;
		margin-bottom: 5vw;
	}
	.brand_list ul li:nth-child(even) a .more{
		left: 50%;
	}
	.hzhb ul:last-child{
		animation:none;
		display: none;
	}
	.hzhb ul{
		animation: none;
		flex-wrap: wrap;
		justify-content: center;
	}
	.hzhb{
		padding: 5vw;
		padding-bottom: 10vw;
	}
	.hzhb ul li{
		width: 33.33%;
	}
	.brand_list ul li:last-child{
		margin-bottom: 0px;
	}
	.brand_list ul li a .more{
		width: 40px;
		height: 40px;
		bottom: 5%;
		left: 70%;
	}
	.brand_list ul li:nth-child(even) a .more{
		left: 70%;
	}
	.brand_list ul li a .more::before{
		background-image: url(../images/look.png);
	}
	.brand_list ul li a .more{
		color: #fff;
	}
	.brand_list ul li a .more::after{
		display: none;
	}
	.brand_list ul li a .more p{
		display: none;
	}
	.case_tips{
		width: 100%;
		margin-left: 0px;
		font-size: 14px;
		line-height: 1.7;
	}
	.case_menu{
		width: 100%;
		margin-bottom: 5vw;
	}
	.projects{
		width: 100%;
		min-height: auto;
	}
	.case_menu ul li a .name{
		width: auto;
		display: flex;
		flex-wrap: wrap;
	}
	.case_menu ul{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
	}
	.case_menu ul li{
		width: 100%;
	}
	.case_menu ul li a .name .cn{
		font-size: 14px;
		margin-left: 0.5vw;
	}
	.case_menu ul li a .name .en{
		font-size: 6vw;
	}
	.case_menu ul li a .name .cn .n{
		display: none;
	}
	.case_menu ul li a{
		align-items: center;
	}
	.case_menu ul li a .name{
		width: 100%;
		align-items: center;
		direction: rtl;
		justify-content: flex-end;
	}
	.normal_list a{
		margin-bottom: 15px;
		margin-right: 5px;
	}
	.thumbswrap.normal_list .thumb .txt{
		height: 32px;
		line-height: 16px;
		font-size: 12px;
		opacity: 1;
	}
	.thumbswrap.normal_list .thumb{
		padding-bottom: 40px;
	}
	.normal_list a .img img{
		height: 25vw;
	}
	.case_menu ul li a .name .en{
		display: none;
	}
	.case_menu ul{
		justify-content: flex-start;
	}
	.case_menu ul li{
		width: auto;
		margin-right: 7px;
	}
	.case_menu ul li a::before,.case_menu ul li a::after{
		width: 100%;
		background: #3e3e3e;
	}
	.case_menu ul li a::after{
		top: auto;
		bottom: 0px;
	}
	.case_menu ul li:nth-child(1) a::before,.case_menu ul li:nth-child(2) a::before,.case_menu ul li:nth-child(3) a::before{
		display: none;
	}
	.thumbswrap.deluxe .thumb.size_3.portrait,.thumbswrap.deluxe .thumb.size_3,.thumbswrap.deluxe .thumb.size_2.portrait,.thumbswrap.deluxe .thumb.size_2,.thumbswrap.deluxe .thumb.size_1.portrait,.thumbswrap.deluxe .thumb.size_1,.thumbswrap.deluxe .thumb.portrait,.thumbswrap.deluxe .thumb{
		width: 48%;
	}
	.thumbswrap .thumb .txt{
		height: 32px;
		line-height: 16px;
		font-size: 12px;
		opacity: 1;
		margin-top: 8px;
	}
	.case_detail{
		width: 100%;
	}
	.case_top{
		width: 100%;
	}
	.case_left,.case_right{
		width: 100%;
	}
	.other_case a .txt{
		height: 32px;
		line-height: 16px;
		opacity: 1;
		font-size: 12px;
	}
	.other_case a{
		padding-bottom: 40px;
	}
	.about_tips{
		width: 100%;
		font-size: 14px;
		padding: 0px 5%;
		line-height: 2;
	}
	.fund_singe .des{
		font-size: 14px;
		line-height: 2;
	}
	.fund_img{
		width: 100%;
		margin-top: 10vw;
	}
	.fund_warp::before{
		display: none;
	}
	.fund_singe .name{
		font-size: 5vw;
		margin-bottom: 10vw;
		line-height: 1.4;
	}
	.fund_box{
		padding: 0px 5%;
	}
	.fund_warp{
		margin-bottom: 10vw;
	}
	.team-swiper .paraImg{
		width: 50%;
		margin: 0px auto;
		z-index: 5;
	}
	.team-swiper .p1{
		font-size: 16px;
		left: 0%;
		top: 10%;
		margin-bottom: 0vw;
	}
	.team-swiper .p3{
		width: 100%;
		left: auto;
		font-size: 14px;
		top: auto;
		position: relative;
		line-height: 1.7;
		text-align: justify;
		margin-top: 5vw;
		right: 0%;
	}
	
	.team-swiper .swiper-slide{
		display: flex;
		align-items: center;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.team-swiper .swiper-button-next, .team-swiper .swiper-button-prev{
		width: 40px;
		height: 40px;
		display: none;
	}
	.team-swiper .p2{
		left: auto;
		bottom: auto;
		top: 0%;
		right: 0%;
		color: rgba(0,0,0,.2);
		font-size: 25vw;
	}
	.menu_bar{
		display: block;
	}
	.nav{
		height: calc(100vh - 0px);
		position: fixed;
		left: 0px;
		top: 0px;
		display: flex;
		justify-content: center;
		align-items: center;
		width: 100%;
		-webkit-transition: all .5s;
		opacity: 0;
		visibility: hidden;
		pointer-events: none;
		margin-right: 0%;
		z-index: 10;
	}
	.nav_bg {
	    display: block;
	}
	.header::before{
		opacity: 1;
		pointer-events: none;
	}
	.header{
		position: fixed;
		z-index: 100;
	}
	.nav.active{
		opacity: 1;
		visibility: visible;
		pointer-events: auto;
	}
	.nav .bar{
		width: 100%;
		opacity: 0;
		visibility: hidden;
		-webkit-transform: translateY(50px);
	}
	.nav.active .bar{
		-webkit-transition: all 1s ease 0.5s;
		opacity: 1;
		visibility: visible;
		-webkit-transform: translateY(0px);
	}
	.nav a .box{
		height: 50px;
		line-height: 50px;
		text-align: center;
	}
	.nav a:hover .box p:first-child {
	    margin-top: -50px;
	}
	.nav a{
		font-size: 8vw;
	}
	.hzhb ul li{
		opacity: 0;
		-webkit-transition: all .5s;
		-webkit-transform: translateY(25px);
	}
	.hzhb ul li.is-inview{
		opacity: 1;
		-webkit-transform: translateY(0px);
	}
	.backTop{
		display: none;
	}
	.ad{
		overflow: hidden;
		position: relative;
		display: block;
	}
	.ad img{
		max-width: none;
		width: 250%;
		position: relative;
		left: -75%;
		max-width: none;
	}
	.footer{
		padding: 10vw 5vw 10px 5vw;
	}
	.brand_list ul li a .name{
		font-size: 5vw;
		opacity: 1;
		color: #fff;
		z-index: 5;
		left: 50%;
		top: 30%;
		line-height: 1.4;
	}
	.brand_list ul li a .name b{
		display: block;
	}
	.brand_list ul li a .more{
		z-index: 5;
	}
	.fewm .f{
		width: 100%;
		display: flex;
		justify-content: center;
		margin-bottom: 5vw;
	}
	.fewm .f img{
		width: 180px;
	}
	.footerB .cp.cp2{
		display: flex;
		font-size: 10px;
		justify-content: center;
		line-height: 1.4;
	}
	.footerB .cp.cp1{
		display: none;
	}
	.fc a::after{
		width: 2px;
		height: 2px;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
	}
	.fc a{
		padding-right: 5px;
		margin-right: 5px;
		font-size: 12px;
	}
	.fc{
		width: 100%;
		justify-content: center;
		margin-bottom: 3vw;
	}
	.fc a span{
		display: none;
	}
	.sco{
		width: 100%;
		margin-bottom: 5vw;
	}
	.sco ul{
		justify-content: center;
	}
	.contact_left,.con_list{
		width: 100%;
	}
	.con_list ul li .right .des{
		display: block;
	}
	.contact_left{
		display: none;
	}
	.con_list ul li{
		flex-wrap: wrap;
	}
	.con_list ul li .right,.con_list ul li .left{
		width: 100%;
	}
	.con_list ul li .right{
		line-height: 1.7;
		font-size: 14px;
	}
	.con_list ul li .right p{
		line-height: 1.7;
	}
	.con_list ul li .left p{
		font-size: 7vw;
	}
	.con_list ul li .left b{
		font-size: 16px;
	}
	.con_list ul li .left{
		margin-bottom: 2vw;
	}
	.con_list ul li .right b{
		font-weight: normal;
	}
	.team-swiper{
		overflow: hidden;
	}
	.case_menu ul li a .name{
		opacity: 0.5;
	}
	.banner_box.subBanner{
		height: 70vh;
	}
	.banner_box.subBanner .img,.banner_box.subBanner .img img{
		height: 100%;
		object-fit: cover;
	}
	.about_tips{
		padding-top: 15vw;
		margin-bottom: 15vw;
	}
	.banner_box.subBanner.cb{
		height: 40vh;
	}
	.slogan.con .t.t5, .slogan.con .t.t6{
		font-size: 6vw;
	}
	.slogan.con{
		width: 90%;
		left: 5%;
	}
	.swiper-pagination{
		display: block;
	}
	.team-swiper{
		padding-bottom: 40px;
	}
	.swiper-pagination-bullet-active{
		background: #272322;
	}
	.logo span{
		width: 10px;
		height: 10px;
		margin-right: 1vw;
	}
	.con_list ul li .right .info{
		height: auto;
	}
	.shadows{
		display: none;
	}
	.sco ul li:first-child {
		margin-left: 0px;
	}
	.loading .load_box span{
		width: 16px;
		height: 16px;
		margin: 0px 6px;
		left: -30px;
	}
	.thumbswrap .thumb{
		width: calc(90vw * 0.48);
		margin-bottom: 10px;
	}
}