@font-face{ font-family: fontH; src: url('../fonts/huiwen.otf');}
@font-face{ font-family: fontX; src: url('../fonts/xialuxinsongti.ttf');}
html,body{padding: 0;margin: 0;font-family:fontH;/* font-size: 16px;color: #222;/*min-width: 1200px;*/ /* overflow-x: hidden; */ color: #000;}
.wrap{padding: 0 25vw;}
.wrap1{padding: 0 18.75vw;}
.wrap2{padding: 0 9.84375vw;}
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}

.w100{width: 100%; }
.h100{min-height: 100vh; }

/**导航菜单**/
header a.mbtn{color: #000000;position: absolute;left: 6.2vw;top: 8.6vh;z-index: 100;transition: none;letter-spacing: 0.2vw; }
header.indexHeader a.mbtn{color: #dbdfe1; }
header a.backA{color: #000000;position: absolute;left: 6.2vw;top: 8.6vh;z-index: 100;transition: none; }
header a.backA.cfff{color: #fff; }
header .menuDiv a.mbtn::before{content: "MENU";transition: all .5s; }
header .menuDiv .menu{position: fixed;left: -100%;top: 0;z-index: 99;width: 33.33vw;height: 100vh;justify-content: flex-start;padding-left: 6.2vw;background: #020202;transition: left .5s;font-family: fontX; }
header .menuDiv .menu .homeA{position: absolute;left: 6.2vw;top:11.6vh;color: #dbdfe1;letter-spacing: 0.2vw;text-transform: uppercase;font-family: fontH;  }
header .menuDiv .menu .homeA:hover{opacity: .8; }
header .menuDiv .menu>ul{display: inline-block!important;padding-top: 20vh;}
header .menuDiv .menu>ul>li{margin: 9vh 0;}
header .menuDiv .menu>ul>li>a{color: #dbdfe1;text-transform: uppercase; }
header .menuDiv .menu>ul>li:hover>a{opacity: .8; }
header .langDiv{position: absolute;right: 6.2vw;top: 8.6vh;z-index: 99;color: #000000; }
header .langDiv a{color: #000;text-transform: uppercase;letter-spacing: 0.2vw; }
header.indexHeader .langDiv{color: #dbdfe1; }
header.indexHeader .langDiv a{color: #dbdfe1; }
header .menuDiv a.mbtn:hover,header .langDiv a:hover{opacity: .8; }

header.on-menu a.mbtn::before{content: "CLOSE";color: #dbdfe1; }
header.on-menu .menuDiv .menu{left: 0; }

/********************************* 首页 **********************************/
.main{position: relative;z-index: 98; }

.f48{font-size: 2.5vw;}
.f45{font-size: 45px;}
.f40{font-size: 2.083vw;}
.f38{font-size: 38px;}
.f36{font-size: 36px;}
.f30{font-size: 1.5625vw;}
.f28{font-size: 28px;}
.f26{font-size: 1.35vw;}
.f24{font-size: 1.25vw;}
.f22{font-size: 22px;}
.f20{font-size: 1vw;}
.f18{font-size: 0.9375vw;}
.f17{font-size: 0.8854vw;}
.bold{font-weight: bold; }

.indexDiv{position: relative; }
.indexDiv img{width: 100%;height: 100%;object-fit: cover; }
.indexDiv .text{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 1;color: #dbdfe1;font-size: 21px;text-align: right; }

.imgOver{position: relative; }
.imgOver .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }
.imgObj{position: relative; }
.imgObj .pic{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;}
.imgObj .pic img{max-width: 95%;max-height: 95%;object-fit: contain; }

.zzDiv .wrap{padding: 0 13.3vw; }
.zzDiv .bdDiv{padding: 25vh 0 5vh;color: #000000; }
.zzDiv .bdDiv .titleDiv{text-align: center; }
.zzDiv .bdDiv .titleDiv span{padding: 0 0.5vw;border: 1px solid #000; }
.zzDiv .bdDiv .listDiv {margin-top: 13vh;padding-left: 14.46vw; } 
.zzDiv .bdDiv .listDiv ul li{margin: 6.5vh 0 0;}
.zzDiv .bdDiv .listDiv ul li .li1{width: 30.4%;padding-left: 2.7vw;background: url(../img/right.png) no-repeat left top 0.3vw/1.1vw;line-height: 1.1;color: #000000; }
.zzDiv .bdDiv .listDiv ul li .li2{width: 69.6%;line-height: 1.2;color: #000000;letter-spacing: 0.1vw; }

.ofh{overflow: hidden; }

.aboutDiv .bdDiv{position: relative;padding: 16.8vh 0;height: 100vh; }
.aboutDiv .textDiv{color: #000000;height: 100%; }
.aboutDiv .textDiv .p{width: 33.2%;letter-spacing: 2px;text-align: justify; }
.aboutDiv .textDiv .logo{width: 26.1%; }
.aboutDiv .bdDiv .tsBtn a{color: #000; }
.aboutDiv .bdDiv .tsBtn a:hover{transform: scale(1.1); }
.aboutDiv .bdDiv .tsBtn a img{margin-right: 1vw;width: 0.833vw; }

.joinDiv .bdDiv{padding: 15vh 0 4vh;color: #000000;text-align: center;height: 100vh;position: relative; }
.joinDiv .bdDiv .swiperDiv{margin: 20vh 0 0;position: relative;padding: 0 2vw; }
.joinDiv .bdDiv .swiper-button-prev,.joinDiv .bdDiv .swiper-button-next{width: 1.1vw;height: 1.1vw;top: 0.6vw;margin-top: 0; }
.joinDiv .bdDiv .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: 0; }
.joinDiv .bdDiv .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: 0; }
.joinDiv .bdDiv .swiperDiv a{color: #000;transition: all .5s;display: inline-block;padding: 0 0.5vw;border: 1px solid #000;line-height: 1.2; }
.joinDiv .bdDiv .swiperDiv a:hover{transform: scale(1.1); }
.joinDiv .bdDiv .swiperDiv ul{margin-top: 6vh; }
.joinDiv .bdDiv .swiperDiv ul li{margin-top: 3.5vh; }

.joinDiv .bdDiv .tishi{position: absolute;left: 0;bottom: 5vh;text-align: center;width: 100%; }
.joinDiv .bdDiv .tishi p{margin-top: 1vh; }

.contactDiv .bdDiv{height: 100vh;}
.contactDiv .bdDiv ul{width: 100%;align-items: flex-start;color: #ffffff; }
.contactDiv .bdDiv ul li{position: relative;width: 33.3%; }
.contactDiv .bdDiv ul li .p1{opacity: .7;letter-spacing: 0.3vw;text-align: center; }
.contactDiv .bdDiv ul li .p{opacity: .5;position: absolute;left: 0;top: 100%;width: 100%;letter-spacing: 0.3vw;text-align: center; }
.contactDiv .bdDiv ul li .p2{margin: 4.5vh 0; }
.contactDiv .bdDiv ul li:last-child{text-align: right; }

.projectDiv .bdDiv{height: 100vh; }
.projectDiv .blDiv{width: 23.92%;text-align: center; }
.projectDiv .blDiv ul li{margin: 2vh 0;line-height: 1; }
.projectDiv .blDiv ul li a{color: #000;display: block; }
.projectDiv .blDiv ul li span{transition: all .5s;display: block; }
.projectDiv .blDiv ul li p{margin-top: 1.7vh; }
.projectDiv .blDiv ul li .dian{margin-top: 1.7vh; }
.projectDiv .blDiv ul li.on span,.projectDiv .blDiv ul li:hover span{transform: scale(1.33); }
.projectDiv .brDiv{width: 59.92%; }
.projectDiv .brDiv .swiper-container{max-height: 100vh; }
.projectDiv .brDiv img{max-height: 100%; }
.projectDiv .brDiv .swiper-slide{height: initial; }
.projectDiv .brDiv .swiper-slide .img{height: 100%;display: flex;align-items: center;justify-content: center; }

.projectMDiv .wrap1{padding: 0 18.96vw 0 12.08vw; }
.projectMDiv .bdDiv{height: 100vh;padding: 8.3vh 0; }
.projectMDiv .blDiv{width: 54.98%;position: relative; }
.projectMDiv .blDiv .p{position: absolute;left: 0;width: 100%;text-align: center;bottom: 4.5vw; }
.projectMDiv .brDiv{width: 38.2%;text-align: center;color: #000; }
.projectMDiv .brDiv .p1{margin: 6.5vh 0 9.2vh;line-height: 1.67; }
.projectMDiv .brDiv .p2{line-height: 1.2;text-align: left;letter-spacing: 0.12vw; }

.projectHDiv .wrap1{padding: 0 14.5vw 0 18.17vw ; }
.projectHDiv .bdDiv{flex-direction: row-reverse; }
.projectHDiv .blDiv{width: 52.4%; }
.projectHDiv .brDiv{width: 39%; }
.projectHDiv .brDiv .p1{margin: 8vh 0; }

.projectADiv .bdDiv .textDiv{text-align: center; }
.projectADiv .bdDiv .textDiv .p1{margin: 6.5vh auto 9.2vh;line-height: 1.67;writing-mode: vertical-lr;text-align: left; }
.projectADiv .bdDiv .textDiv .p1 p{margin: 0 2vw; }
.projectADiv .bdDiv .textDiv .p2{text-align: left; }


/* 
@media (max-width:1360px) {
	.wrap{padding: 0 50px;width: 100%;}
	.f48{font-size: 40px;}
	.f45{font-size: 38px;}
	.f40{font-size: 36px;}
	.f36{font-size: 32px;}
	.f30{font-size: 28px;}
	.f28{font-size: 26px;}
	.f24{font-size: 22px;}
}
@media (max-width:1260px) {
	.f48{font-size: 38px;}
	.f45{font-size: 36px;}
	.f40{font-size: 34px;}
	.f36{font-size: 30px;}
	.f30{font-size: 26px;}
	.f28{font-size: 24px;}
	.f24{font-size: 21px;}
	header .rightDiv .othersDiv{margin-left: 10vw; }
	
}
@media (max-width:1100px) {
	
} */
@media (min-width:992px) and (max-width:1024px) {
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	/* .wrap{padding: 0 20px;width: 100%;} */
	
	
/* 	.f48{font-size: 36px;}
	.f45{font-size: 34px;}
	.f40{font-size: 32px;}
	.f36{font-size: 28px;}
	.f30{font-size: 24px;}
	.f28{font-size: 22px;}
	.f24{font-size: 20px;}
	.f20{font-size: 19px;} */
	
	
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	
	.ofh{overflow: auto; }
	
	.h100{min-height: 100vh;height: initial; }
	header .menuDiv .menu{width: 50%; }
	header .menuDiv a.mbtn,header .langDiv,header a.backA{top: 3.7vh; }
	header .menuDiv a.mbtn,header a.backA,header .menuDiv .menu .homeA{left: 15px; }
	header .menuDiv .menu .homeA{top: 8.7vh; } 
	header .langDiv{right: 15px; }
	header .menuDiv .menu{padding-left: 15px; } 
		
	.f48{font-size: 20px;}
	.f45{font-size: 28px;}
	.f40{font-size: 26px;}
	.f36{font-size: 20px;}
	.f30{font-size: 18px;}
	.f26{font-size: 18px;}
	.f24{font-size: 17px;}
	.f22{font-size: 16px;}
	.f20{font-size: 14px;}
	.f18{font-size: 13px;}
	.f17{font-size: 12px;}
	
	.wrap,.wrap1{padding: 0 15px; }
	
	.zzDiv .bdDiv{padding: 21vh 0 10vh; }
	.zzDiv .bdDiv .listDiv ul li{align-items: flex-start;display: block; }
	.zzDiv .bdDiv .listDiv ul li .li1{background: url(../img/right.png) no-repeat left top 6px / 11px;padding-left: 15px;width: 100%; }
	.zzDiv .bdDiv .listDiv ul li .li2{width: 100%;margin-top: 10px; }
	
	.projectDiv .bdDiv{min-height: 100vh; }
	.projectDiv .blDiv ul li p{font-size: 14px; }
	
	.aboutDiv{background: url(../img/m-a-bg.jpg) no-repeat center center/cover!important; }
	.aboutDiv .bdDiv{height: initial;padding-bottom: 10vh; }
	.aboutDiv .textDiv{flex-direction: column;min-height: 60vh;justify-content: center; }
	.aboutDiv .textDiv .p{width: 100%; }
	.aboutDiv .textDiv .logo{width: 60%;margin: 6vh 0; }
	.aboutDiv .bdDiv .tsBtn{margin-top: 8vh; }
	.aboutDiv .bdDiv .tsBtn a img{width: 10px;margin-right: 10px; }
	
	.joinDiv .bdDiv .swiperDiv{padding: 0 30px;margin: 15vh 30px; }
	.joinDiv .bdDiv .swiper-button-prev, .joinDiv .bdDiv .swiper-button-next{width: 11px;height: 11px; }
	
	.contactDiv .bdDiv ul li p{font-size: 14px; }
	.contactDiv .bdDiv ul li .p1{font-size: 16px; }
	.contactDiv .bdDiv ul li .p2{font-size: 12px; }
	.contactDiv .bdDiv ul li .p3{font-size: 15px; }
	
	.projectMDiv .wrap1{padding: 0 15px; }
	.projectMDiv .brDiv .p1{margin: 40px 0; }
	.projectMDiv .bdDiv{flex-direction: column;height: initial;padding: 10vh 0 8vh; }
	.projectMDiv .brDiv{width: 100%;margin-top: 20px; }
	
	.projectADiv{background-position-x: center!important; }
	.projectADiv .bdDiv{padding: 16vh 0 8vh; }
	
	@media (max-width:320px) {
	}
	
}