@charset "utf-8";

/* 中文字体引入 */
@font-face {font-family: 'PuHuiTiThin';src: url('../fonts/Alibaba_PuHuiTi_2.0_35_Thin_35_Thin.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiLight';src: url('../fonts/Alibaba_PuHuiTi_2.0_45_Light_45_Light.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiRegular';src: url('../fonts/Alibaba_PuHuiTi_2.0_55_Regular_55_Regular.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiBold';src: url('../fonts/Alibaba_PuHuiTi_2.0_55_Regular_85_Bold.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiMedium';src: url('../fonts/Alibaba_PuHuiTi_2.0_65_Medium_65_Medium.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiSemiBold';src: url('../fonts/Alibaba_PuHuiTi_2.0_75_SemiBold_75_SemiBold.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiExtraBold';src: url('../fonts/Alibaba_PuHuiTi_2.0_95_ExtraBold_95_ExtraBold.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiHeavy';src: url('../fonts/Alibaba_PuHuiTi_2.0_105_Heavy_105_Heavy.ttf') format('truetype');}
@font-face {font-family: 'PuHuiTiBlack';src: url('../fonts/Alibaba_PuHuiTi_2.0_115_Black_115_Black.ttf') format('truetype');}

/* 英文字体引入 */
@font-face {font-family: 'FuturaBold';src: url('../fonts/Futura-Bold-5.ttf') format('truetype');}
@font-face {font-family: 'FuturaBook';src: url('../fonts/Futura-Book-2.ttf') format('truetype');}
@font-face {font-family: 'FuturaHeavy';src: url('../fonts/Futura-Heavy-4.ttf') format('truetype');}
@font-face {font-family: 'FuturaLight';src: url('../fonts/Futura-Light-3.ttf') format('truetype');}
/* @font-face {font-family: 'FuturaMedium';src: url('../fonts/Futura-Medium-6.ttf')} */
@font-face {font-family: 'FuturaMedium';src: url('../fonts/FuturaBT-Medium.otf') format('truetype');}

/* CSS Document */
body {
    font-family: 'PuHuiTiThin','PuHuiTiBlack','PuHuiTiHeavy','PuHuiTiExtraBold','PuHuiTiSemiBold','PuHuiTiMedium','PuHuiTiBold','PuHuiTiRegular','PuHuiTiLight','FuturaBold','FuturaBook','FuturaHeavy','FuturaLight','FuturaMedium',"Microsoft YaHei",STHeiti,Verdana,Arial, Helvetica, sans-serif;
	background-color: #fcfaf6;
}

h1,
h2,
h3,
h4,
h5,
h6,
p{
	margin: 0;
	padding: 0; 
}
a,
a:hover,
a:visited{
	text-decoration: none!important;
}
ul li{
	list-style: none;
}


/*****header*******/
.header{
	width: 100%;
	height: 110px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;

	transition: all 0.3s ease-in-out;
}
.headerCon{
	padding-top: 30px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.headerNav{
	width: calc((94% - 13%)/2);
	display: flex;
	align-items: flex-start;
	justify-content: flex-start;
}
.headerNav:last-child{
	justify-content: flex-end;
}
.headerNav>li{
	margin-right: 4%;
	height: 80px;
}
.headerNav>li>a{
	font-size: 18px;
	color: #fff;
	padding-bottom: 10px;
	position: relative;
}
.headerNav>li>a::after{
	content: '';
	display: block;
	width: 80%;
	height: 2px;
	background-color: #fff;
	position: absolute;
	left: 10%;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
}
.headerNav>li>a:hover::after,
.headerNav>li.on>a::after{
	transform: scaleX(1);
}
.header.on .headerNav>li>a::after{
	background-color: #000;
}
.headerLogo{
	width: 13%;
}
.headerLogo>a{
	display: block;
}
.headerLogo img{
	width: 100%;
}
.headerLogo img:last-child{
	display: none;
}
.headerSearch{
	width: 15px;
	height: 28px;
	overflow: hidden;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.headerSearch>img{
	position: absolute;
	top: calc(50% - 7px);
	right: 0;
}
.headerSearch_box{
	position: relative;
	transform: translateX(15px);
	transition: all 0.1s ease-in-out;
}
.headerSearch_box input{
	width: 100%;
	height: 28px;
	border: none;
	border-bottom: 1px solid #666;
	background-color: transparent;
	font-family: 'FuturaMedium';
	font-size: 12px;
	color: #000;
	transition: all 0.1s ease-in-out;
}
.headerSearch_box img{
	width: 15px;
	position: absolute;
	top: calc(50% - 4px);
	right: 0;
}

.header.on{
	background-color: #fcfaf6;
}
.header.on .headerLogo img:first-child{
	display: none;
}
.header.on .headerLogo img:last-child{
	display: block;
}
.header.on .headerNav>li>a{
	color: #000;
}
.header.on .headerSearch{
	width: 135px;
}
.header.on .headerSearch_box{
	transform: translateX(0);
}
.header.on .headerSearch_box input{
	background-color: #fcfaf6;
}

.headerDown{
	width: 100%;
	padding: 20px 0 40px;
	background-color: #fcfaf6;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 110px;
	left: 0;
	display: none;
}
.headerDown_con{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
    background-color: #fcfaf6;
}
.headerDown_left{
	width: 35%;
	padding: 20px 2% 0% 6%;
}
.headerDown_left h6{
	font-family: 'FuturaMedium';
	font-size: 26px;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.navSwiper{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
.headNavSwiper{
	margin: 0;
	width: 280px;
	max-width: calc(90% - 80px);
}
.navSwiper_btn{
	cursor: pointer;
	width: 80px;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.headerDown_left a{
	margin-top: 10px;
	display: inline-block;
	font-size: 14px;
	color: rgba(0, 0, 0, 0.7);
	line-height: 2;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.headerDown_left a::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
    transform-origin: left bottom;
}
.headerDown_left a:hover{
	color: #000;
	transform: translateX(10px);
}
.headerDown_left a:hover::after{
	transform: scaleX(1);
}
.headerDown_right{
	width: 65%;
	padding: 20px 4% 0;
	border-left: 1px solid #e2e1dd;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.headerDown_rightBox{
	display: block;
	width: 46.5%;
}
.headerDown_rightImg{
	overflow: hidden;
	position: relative;
}
.headerDown_rightImg_img{
	width: 100%;
	height: 250px;
	transition: all 0.3s ease-in-out;
}
.headerDown_rightBox:hover .headerDown_rightImg_img{
	transform: scale(1.2) rotate(3deg);
}
.headerDown_rightTxt{
	margin-top: 10px;
}
.headerDown_rightTxt p{
	font-size: 14px;
	color: #000;
	padding-bottom: 10px;
	position: relative;
}
.headerDown_rightTxt p::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
    transform-origin: left bottom;
}
.headerDown_rightBox:hover .headerDown_rightTxt p::after{
	transform: scaleX(1);
}
/*****header*******/

/***footer***/
.footer {
	padding: 40px 0 20px;
	position: relative;
}
.footerTitle{
	font-family: 'FuturaMedium';
	font-size: 12vw;
	color: #000;
	text-align: center;
	letter-spacing: 1vw;
    display:block;
    word-break:keep-all;           
	white-space:nowrap;
}
.footerCon{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footerLeft{

}
.footerNav{

}
.footerNav li{
	margin-bottom: 20px;
}
.footerNav li a{
	display: inline-block;
	font-size: 14px;
	color: #222;
	line-height: 2;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.footerNav li a::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
    transform-origin: left bottom;
}
.footerNav li a:hover{
	color: #000;
	transform: translateX(10px);
}
.footerNav li a:hover::after{
	transform: scaleX(1);
}
.footerShare{
	margin-top: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.footerShare li{
	margin-right: 15px;
	position: relative;
}
.footerShare>li>a>img{
	transition: all 0.3s ease-in-out;
}
.footerShare>li>a>img:first-child{
    filter: brightness(0.5);
}
.footerShare>li:hover>a>img:first-child{
    filter: invert(1);
}
.footerShare>li>a>img:nth-child(2){
	width: 120px;
	height: 120px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: -120px;
	left: 50%;
	transform: translateX(-50%);
	opacity: 0;
    filter: alpha(opacity=0);
	visibility: hidden;
}
.footerShare>li:hover>a>img:nth-child(2){
	visibility: visible;
	top: -130px;
	opacity: 1;
    filter: alpha(opacity=100);
}

.footerCenter{

}
.footerCenter_box{
	margin-top: 30px;
}
.footerCenter_box h6{
	font-family: 'FuturaMedium';
	font-size: 18px;
	color: #999999;
}
.footerCenter_box p{
	margin-top: 10px;
	font-size: 16px;
	color: #222;
}

.footerRight{
	width: 36%;
}
.footerSearch{
	position: relative;
}
.footerSearch input{
	width: 100%;
	height: 50px;
	border: none;
	border-bottom: 1px solid #666;
	background-color: #fcfaf6;
	font-family: 'FuturaMedium';
	font-size: 20px;
	color: #000;
}
.footerSearch img{
	position: absolute;
	top: calc(50% - 7px);
	right: 10px;
}
.footerCopy{
	margin-top: 20px;
	font-family: 'FuturaMedium';
	font-size: 12px;
	color: #666;
}
/***footer***/

/*****banner*******/
.banner{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.indSwiper{

}
.indBanner_box{
	position: relative;
}
.indBanner_img{
	width: 100%;
	height: 100vh;
}
.indBanner_txt{
	width: 80%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
}
.indBanner_txt h6{
	font-family: 'FuturaMedium';
	font-size: 6vw;
	color: #fff;
	text-transform: uppercase;
}
.indBanner_txt p{
	margin-top: 20px;
	font-size: 28px;
	color: #fff;
	letter-spacing: 4px;
}
.indBanner_txt h6,
.indBanner_txt p{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50px);
	transition: all 1s ease-in-out;
}
.indSwiper .swiper-slide-active .indBanner_txt h6,
.indSwiper .swiper-slide-active .indBanner_txt p{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0);
}

.detailBanner_con{
	position: relative;
}
.detailBanner_bg{
	width: 100%;
	height: 100vh;
}
.detailBanner_txt{
	width: 80%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 10%;

	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 1s ease-in-out 0.3s;
}
.banner.on .detailBanner_txt{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(-50%);
}
.detailBanner_txt h6{
	font-family: 'FuturaMedium';
	font-size: 6vw;
	color: #fff;
	text-transform: uppercase;
}

.bannerShare{
	position: fixed;
	top: 50%;
	right: 40px;
	transform: translateY(-50%);
	z-index: 2;
}
.bannerShare li{
	position: relative;
}
.bannerShare li:nth-child(n+2){
	margin-top: 30px;
}
.bannerShare li a{
	width: 60px;
	height: 60px;
	border-radius: 50%;
	background-color: rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
	position: relative;
}
.bannerShare li img {
	transition: all 0.3s ease-in-out;
}
.bannerShare li:hover a{
	background-color: rgba(255, 255, 255, 1);
}
.bannerShare li:hover img:first-child{
    filter: invert(1);
}
.bannerShare li img:nth-child(2){
	width: 120px;
	height: 120px;
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
	position: absolute;
	top: 50%;
	left: -120px;
	transform: translateY(-50%);
	opacity: 0;
    filter: alpha(opacity=0);
	visibility: hidden;
}
.bannerShare li:hover img:nth-child(2){
	visibility: visible;
	left: -130px;
	opacity: 1;
    filter: alpha(opacity=100);
}

.bannerScroll{
	cursor: pointer;
	position: absolute;
	left: 50%;
	bottom: 0;
	z-index: 2;
	transform: translateX(-50%);
}
@keyframes float {
	0% {
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(-5px);
	}
}
.bannerScroll p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 2px;
	animation: float 2s infinite ease-in-out;
}
.bannerScroll_line{
	margin: 10px auto 0;
	width: 2px;
	height: 100px;
	overflow: hidden;
	background-color: rgba(255, 255, 255, 0.6);
	position: relative;
}
.bannerScroll_line::after{
	content: '';
	display: block;
	width: 2px;
	height: 200px;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(-100%);

	animation: move 2s infinite ease-in-out;
}
@keyframes move {
	0% {
		transform: translateY(-100%);
	}
	100% {
		transform: translateY(100%);
	}
}
/*****banner*******/

.comment_title{
    text-align: center;
}
.comment_title .line{
	width: 64px;
	height: 3px;
	margin: 0 auto;
	background-color: #3271ad;
}
.comment_title h2{
	font-family: 'FuturaMedium';
    font-size: 44px;
    color: #333333;
    margin-top: 30px;
    text-transform: uppercase;
}
.comment_title p{
    font-size: 18px;
    color: #808080;
    margin-top: 20px;
    text-transform: uppercase;
}

.warpper{
	overflow: hidden;
}

.padding80{
	padding: 80px 0;
}
.marginTop60{
	margin-top: 60px;
}

.publicMore a{
	display: block;
	width: 210px;
	height: 52px;
	border: 1px solid #000;
	font-family: 'FuturaMedium';
	font-size: 18px;
	color: #000;
	line-height: 50px;
	text-align: center;
	text-transform: uppercase;
	position: relative;
	left: 0;
	z-index: 0;
	overflow: hidden;
	transition: all 0.3s ease-in-out;
}
.publicMore a:after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #000;
	position: absolute;
	top: 0;
	left: -100%;
	z-index: -1;
	transition: all 0.3s ease-in-out;
}
.publicMore a:hover{
	color: #fff;
	transform: scale(1.1);
	/* background-color: #000; */
}
.publicMore a:hover::after{
	left: 0;
}
.publicMore.white a{
	color: #fff;
	border-color: #fff;
}
.publicMore.white a:hover{
	border-color: #000;
}

.videoPlay{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 0;
	left: 0;
	
	opacity: 1;
    filter: alpha(opacity=100);
	transition: all 0.3s ease-in-out;
}
.play .videoPlay{
	opacity: 0;
    filter: alpha(opacity=0);
}

.tilt {
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100%;
    margin: 0 auto
}
.tilt__back,
.tilt__front {
    width: 100%;
    height: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}
.tilt__back {
    position: relative
}
.tilt__front {
    position: absolute;
    top: 0;
    left: 0
}
.grid__img--example-2::after {
    content: '';
    position: absolute;
    box-shadow: inset 0 0 50px 30px rgba(2, 0, 37, .8);
    pointer-events: none;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0
}
.grid__img--example-3 .tilt {
    -webkit-filter: grayscale(100%) brightness(105%) contrast(120%);
    filter: grayscale(100%) brightness(105%) contrast(120%);
    -webkit-transition: filter .5s, -webkit-filter .5s;
    transition: filter .5s, -webkit-filter .5s
}
.grid__img--example-3 .tilt:hover {
    -webkit-filter: none;
    filter: none
}
.grid__img--example-4 .tilt {
    width: 120%;
    height: 120%;
    top: -10%;
    left: -10%
}

/* index.html */
.indSec1{
	position: relative;
}
.indSec1_con{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.indSec1_box{
	width: 50%;
	position: relative;

	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 1s ease-in-out;
}
.indSec1_box:nth-child(1){
	transform: translateX(-50%);
}
.indSec1_box:nth-child(2){
	transform: translateX(50%);
}
.indSec1.on .indSec1_box{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.indSec1_img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 0.3s ease-in-out;
}
.indSec1_box:hover .indSec1_img{
	opacity: 0;
    filter: alpha(opacity=0);
}
.indSec1_video{
	width: 100%;
	height: calc(100vh - 110px);
}
.indSec1_txt{
	position: absolute;
	top: 50%;
	right: 30px;
	transform: translateY(-50%);
	z-index: 2;
}
.indSec1_txt p{
	font-family: 'FuturaMedium';
	font-size: 24px;
	color: #fff;
	text-transform: uppercase;
}
.indSec1_box:nth-child(2) .indSec1_txt{
	right: auto;
	left: 30px;
}
.indSec1_box:hover .indSec1_txt p{
	animation: float 2s infinite ease-in-out;
}
@keyframes float {
	0% {
		transform: translateY(-5px);
	}
	50% {
		transform: translateY(5px);
	}
	100% {
		transform: translateY(-5px);
	}
}

.indSec2{
	position: relative;
	overflow: hidden;
}
.indSec2_con{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.indSec2.on .indSec2_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.indSec2_txt{
	padding-top: 5%;
}
.indSec2_txt h6{
	font-family: 'FuturaMedium';
	font-size: 5vw;
	color: #000;
	line-height: 1.15;
	text-transform: uppercase;
}
.indSec2_txt h5{
	font-family: 'PuHuiTiBold';
	font-size: 5vw;
	color: #000;
	line-height: 1.15;
	margin-bottom: 30px;
}
.indSec2_txt p{
	margin-top: 20px;
}
.indSec2_txt p a{
	display: inline-block;
	font-size: 16px;
	color: #222;
	line-height: 2;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.indSec2_txt p a::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
    transform-origin: left bottom;
}
.indSec2_txt p a:hover{
	color: #000;
	transform: translateX(10px);
}
.indSec2_txt p a:hover::after{
	transform: scaleX(1);
}

.indSec2_right{
	width: calc(50% - 30px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.indSec2_right .swiper-container{
	width: calc(50% - 15px);
	height: calc(100vh - 110px);
	margin: 0;
}
.indSec2_imgBox{
	width: 100%;
	height: 45vh;
}
.swiper-container-free-mode>.swiper-wrapper{
	transition-timing-function: linear!important;
}

.indSec3{
	overflow: hidden;
}
.indSec3_swiper{
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.indSec3.on .indSec3_swiper{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0%);
}
.indSec3_box{
	display: block;
}
.indSec3_img {
    width: 100%;
}
.indSec3_img .indSec3_imgBox {
    position: relative;
    height: 0;
    padding-bottom: calc(100vh - 160px);
    overflow: hidden
}
.indSec3_img .tilt {
    position: absolute;
    top: 0
}
/* .indSec3_img{
	overflow: hidden;
	position: relative;
}
.indSec3_imgBox{
	width: 100%;
	height: 250px;
	transition: all 0.3s ease-in-out;
    transform-origin: center top;
}
.indSec3_box:hover .indSec3_imgBox{
	transform: scale(1.3);
}
.indSec3_imgBox{
	width: 100%;
	height: calc(100vh - 160px);
} */
.indSec3_txt{
	height: 50px;
}
.indSec3_txt p {
	width: 100%;
	padding: 0 20px;
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #000;
	line-height: 50px;
	position: relative;
	transition: all 0.3s ease-in-out;
}
.indSec3_txt p::after{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #000;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: scaleX(0);
	transition: all 0.3s ease-in-out;
    transform-origin: left bottom;
}
.indSec3_box:hover .indSec3_txt p{
	padding: 0 20px 0 40px;
}
.indSec3_box:hover .indSec3_txt p::after{
	transform: scaleX(1);
}

.indSec4{
	margin: 6% 0;
	overflow: hidden;
}
.indSec4_logo{
	text-align: center;
}
.indSec4_con{
	margin-top: 4%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.indSec4_video{
	width: 60%;
	cursor: pointer;
	position: relative;
	
	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
}
.indSec4_txt{
	margin-left: 5%;
	width: 25%;

	opacity: 0;
	filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.indSec4.on .indSec4_video,
.indSec4.on .indSec4_txt{
	opacity: 1;
	filter: alpha(opacity=100);
	transform: translateY(0%);
}
.indSec4_txt h5{
	font-family: 'PuHuiTiMedium';
	font-size: 30px;
	color: #000;
	line-height: 1.8;
}
.indSec4_txt h6{
	margin: 8% 0 10%;
	font-size: 16px;
	color: #000;
	line-height: 2;
}
.indSec4_txt p{
	font-size: 14px;
	color: #000;
	line-height: 2;
}
.indSec4_more{
	margin-top: 10%;
}

.indSec5{
	height: calc(100vh - 110px);
	position: relative;
	z-index: 0;
}
.indSec5::before,
.indSec5::after{
	content: '';
	display: block;
	width: 50%;
	height: 100%;
	background-color: #fcfaf6;
	position: absolute;
	top: 0;
	left: 0;
	transition: all 1s ease-in-out;
    transform-origin: right center;
	z-index: 2;
}
.indSec5::after{
	left: 50%;
}
.indSec5.on::before,
.indSec5.on::after{
	transform: scaleX(0);
}
.indSec5_txt{
	width: 96%;
	max-width: 600px;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.indSec5_txt h6{
	font-family: 'PuHuiTiRegular';
	font-size: 40px;
	color: #fff;
	letter-spacing: 10px;
}
.indSec5_txt p{
	margin-top: 5%;
	font-size: 14px;
	color: #fff;
	line-height: 2;
}
.indSec5_more a{
	margin: 5% auto 0;
}
/* index.html */

/* show.html */
.showSec1{
	padding: 8% 0;
	overflow: hidden;
}
.showSec1_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.showSec1.on .showSec1_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.showSec1_box{
	width: 100%;
	height: 80vh;
	position: relative;
}
.showSec1_box h6{
	font-family: 'FuturaBold';
	font-size: 5vw;
	color: #000;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}
.showSec1_box h6:nth-child(1){
	right: 70%;
}
.showSec1_box h6:nth-child(2){
	right: 5%;
	background: linear-gradient(to right, #fff 0% , #fff 37.7%, #000 37.71%,#000 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.showSec1_txt{
	margin-top: 5%;
	text-align: center;
}
.showSec1_txt h5{
	font-family: 'FuturaMedium';
	font-size: 38px;
	color: #000;
	text-transform: uppercase;
}
.showSec1_txt h6{
	margin: 20px 0;
	font-size: 18px;
	color: #000;
	letter-spacing: 10px;
}
.showSec1_txt p{
	font-size: 14px;
	color: #000;
	line-height: 2;
}

.showSec2{
	position: relative;
}
.showSec2_list{
	height: calc(100vh - 110px);
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
	position: relative;
	z-index: 0;
}
.showSec2_list li{
	width: 25%;
	height: 25%;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.showSec2_list li:nth-child(1){
	position: absolute;
	top: 25%;
	left: 50%;

	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out 0.6s;
}
.showSec2_list li:nth-child(2){
	display: flex;
	flex-direction: column; 
    align-items: center;
    justify-content: center;
	position: relative;

	position: absolute;
	top: 50%;
	left: 25%;

	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.5s ease-in-out 0.6s;
}
.showSec2_list li:nth-child(9),
.showSec2_list li:nth-child(11){
	margin-left: 25%;
}
.showSec2_list li .showSec2_img{
	opacity: 0;
    filter: alpha(opacity=0);
}
.showSec2_list li:nth-child(3) .showSec2_img{
	transform: translate(100%, 0);
	transition: all 0.5s ease-in-out 0.3s;
}
.showSec2_list li:nth-child(4) .showSec2_img{
	transform: translate(0, -100%);
	transition: all 0.5s ease-in-out 0.9s;
}
.showSec2_list li:nth-child(5) .showSec2_img{
	transform: translate(0, -100%);
	transition: all 0.5s ease-in-out 1.1s;
}
.showSec2_list li:nth-child(6) .showSec2_img{
	transform: translate(0, -100%);
	transition: all 0.5s ease-in-out 1.6s;
}
.showSec2_list li:nth-child(7) .showSec2_img{
	transform: translate(0, 100%);
	transition: all 0.5s ease-in-out 0.2s;
}
.showSec2_list li:nth-child(8) .showSec2_img{
	transform: translate(-100%, 0);
	transition: all 0.5s ease-in-out 0.5s;
}
.showSec2_list li:nth-child(9) .showSec2_img{
	transform: translate(0, -100%);
	transition: all 0.5s ease-in-out 1.5s;
}
.showSec2_list li:nth-child(10) .showSec2_img{
	transform: translate(0, 100%);
	transition: all 0.5s ease-in-out 1.1s;
}
.showSec2_list li:nth-child(11) .showSec2_img{
	transform: translate(100%, 0);
	transition: all 0.5s ease-in-out 0.7s;
}
.showSec2_list li:nth-child(12) .showSec2_img{
	transform: translate(0, -100%);
	transition: all 0.5s ease-in-out 1.3s;
}
.showSec2_list li:nth-child(13) .showSec2_img{
	transform: translate(0, 100%);
	transition: all 0.5s ease-in-out 1.3s;
}
.showSec2_list li:nth-child(14) .showSec2_img{
	transform: translate(0, 100%);
	transition: all 0.5s ease-in-out 1.5s;
}
.showSec2_list li:nth-child(15) .showSec2_img{
	transform: translate(0, 100%);
	transition: all 0.5s ease-in-out 1.6s;
}
.showSec2_list li:nth-child(16) .showSec2_img{
	transform: translate(-100%, 0);
	transition: all 0.5s ease-in-out 1.4s;
}
.showSec2.on .showSec2_list li,
.showSec2.on .showSec2_list li .showSec2_img{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translate(0, 0);
}
.showSec2_line span{
	position: absolute;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
	z-index: 2;
}
.showSec2_line span:nth-child(2n){
	width: 3px;
	height: 0;
}
.showSec2_line span:nth-child(2n - 1){
	width: 0;
	height: 3px;
}
.showSec2_line span:nth-child(1){
	top: 0;
	left: 0;
}
.showSec2_line span:nth-child(2){
	top: 0;
	right: 0;
}
.showSec2_line span:nth-child(3){
	right: 0;
	bottom: 0;
}
.showSec2_line span:nth-child(4){
	left: 0;
	bottom: 0;
}
.showSec2_list li:hover .showSec2_line span:nth-child(2n){
	height: 100%;
}
.showSec2_list li:hover .showSec2_line span:nth-child(2n - 1){
	width: 100%;
}
.showSec2_img{
	height: 100%;
	overflow: hidden;
    filter: grayscale(60%);
    filter: gray;
}
.showSec2_img img{
}
.showSec2_list li:hover .showSec2_img{
    /* filter: grayscale(100%); */
    filter: none;
	transition: all 0.3s ease-in-out;
}
.showSec2_txt{
	max-width: 80%;
	padding: 5px 15px;
	text-align: center;
	border: 1px solid #fff;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
}
.showSec2_txt p{
	font-family: 'FuturaMedium';
	font-size: 12px;
	color: #222;
	line-height: 1.6;
	text-transform: uppercase;
}
.showSec2_list li:hover .showSec2_txt{
	bottom: 20px;
	opacity: 1;
    filter: alpha(opacity=100);
}
.showSec2_logo{
	padding: 3% 0;
	text-align: center;
	position: relative;
}
.showSec2_logo img:nth-child(1){
	width: 24%;
    animation: xuanzuan 10s infinite linear forwards;
}
.showSec2_logo img:nth-child(2){
	width: 10%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
@keyframes xuanzuan {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.showSec2_txt2{
	padding: 0 15px;
	text-align: center;
}
.showSec2_txt2 p{
	font-family: 'FuturaMedium';
	font-size: 12px;
	color: #222;
	line-height: 1.6;
	text-transform: uppercase;
}
.showSec2_classfiy{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
	margin-bottom: 4%;
}
.showSec2_classfiy span{
	cursor: pointer;
	display: block;
	padding: 0 10px;
	margin: 0 5px 5px;
	border: 1px solid transparent;
	font-size: 14px;
	color: #000;
	line-height: 26px;
	transition: all 0.3s ease-in-out;
}
.showSec2_classfiy span.on{
	border-color: #000;
}
.showSec2_btn{
	margin-top: 4%;
}
.showSec2_btn img{
	margin: 0 20px;
	
	opacity: 0.5;
    filter: alpha(opacity=50);
	transition: all 0.3s ease-in-out;
}
.showSec2_btn img:hover{
	opacity: 1;
    filter: alpha(opacity=100);
}
.showSec2_con{
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.7);
	position: absolute;
	top: 0;
	left: 0;
	display: none;
}
.showSec2Swiper{
	width: 100%;
	height: 100%;
}
.showSec2Swiper_img{
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.showSec2Swiper_img img{
	max-width: 80%;
	max-height: 80%;
}
.showSec2Swiper_btn{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	z-index: 2;
}
.showSec2Swiper_next{
	left: auto;
	right: 30px;
}

.showSec3{
	padding: 8% 0;
	overflow: hidden;
}
.showSec3_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.showSec3.on .showSec3_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
@keyframes move2 {
	0% {
		transform: translateX(0);
	}
	100% {
		transform: translateX(-30%);
	}
}
.showSec3_title{
	font-family: 'FuturaMedium';
	font-size: 80px;
	color: rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
	word-break: keep-all;           
	white-space: nowrap;
	animation: move2 10s infinite linear forwards;
}
.showSec3Swiper{
	margin-top: 8%;
	position: relative;
}
.showSec3Swiper_img{
	overflow: hidden;
}
.showSec3Swiper_img img{
	transition: all 0.3s ease-in-out;
}
.showSec3Swiper_img:hover img{
	transform: scale(1.1);
}
.showSec3Swiper_btn{
	cursor: pointer;
	position: absolute;
	top: 50%;
	left: 30px;
	transform: translateY(-50%);
	z-index: 2;
}
.showSec3Swiper_next{
	left: auto;
	right: 30px;
}
.showSec4{
	width: 100%;
	height: calc(100vh - 110px);
	position: relative;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.showSec4.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.showSec4_txt{
	width: 80%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 10%;
}
.showSec4_txt p{
	font-family: 'FuturaMedium';
	font-size: 50px;
	color: #fff;
	text-transform: uppercase;
}
/* show.html */

/* advertising.html */
.advSec1 .showSec1_txt{
	margin-top: 0;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.advSec1.on .showSec1_txt{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.advSec2_con{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.advSec2Swiper{
	width: 50%;
	margin: 0;
	padding-bottom: 50px;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 1s ease-in-out;
}
.advSec2Swiper:nth-child(1){
	transform: translateX(-50%);
}
.advSec2Swiper:nth-child(2){
	transform: translateX(50%);
}
.advSec2.on .advSec2Swiper{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.advSec2Swiper_img{
	width: 100%;
	height: calc(100vh - 110px);
}
.advSec2Swiper_btn{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #171719;
	position: absolute;
	right: calc(50% - 150px);
	bottom: 0;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}
.advSec2Swiper_btn img{
	cursor: pointer;
	margin: 0 15px;
}
.advSec2_con:hover .advSec2Swiper_btn{
	right: calc(50% - 50px);
	bottom: calc(50% - 50px);
}

.advSec3{
	margin-top: 8%;
}
.advSec3_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.advSec3.on .advSec3_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.advSec3_txt{
	padding: 0 30px;
}
.advSec3_txt p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #222;
	line-height: 2;
}
.advSec3_video{
	margin-top: 10px;
	height: calc(100vh - 110px);
	position: relative;
}

.advSec4{
	margin-top: 8%;
	overflow: hidden;
}
.advSec4_con{
	height: calc(100vh - 110px);
	margin-top: 8%;
	padding-left: 10%;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.advSec4Swiper{
	width: 25%;
	height: 66%;
	margin: 0;
	padding-bottom: 80px;
	position: relative;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.advSec4.on .advSec4Swiper{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.advSec4Swiper2{
	width: 55%;
	height: 100%;
	margin: 0;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateX(50%);
	transition: all 1s ease-in-out;
}
.advSec4.on .advSec4Swiper2{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.advSec4Swiper_img{
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.advSec4Swiper .advSec4Swiper_img{
	cursor: pointer;
}
.advSec4Swiper2 .advSec4Swiper_img:hover{
	transform: scale(1.1);
}
.advSec4_txt{
	width: 100%;
	text-align: center;
	position: absolute;
	left: 0;
	bottom: 0;
}
.advSec4_txt img{
	width: 84px;
}
.advSec4_txt p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #222;
	margin-top: 10px;
	text-transform: uppercase;
}

.advSec5{
	margin-top: 8%;
}
.advSec5_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.advSec5.on .advSec5_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.advSec5_txt{
	padding: 0 30px;
}
.advSec5_txt p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #222;
	line-height: 2;
}
.advSec5_img{
	margin-top: 30px;
	overflow: hidden;
}
.advSec5_img img{
	/*height: calc(100vh - 110px);*/
	transition: all 0.3s ease-in-out;
}
.advSec5_img:hover img{
	transform: scale(1.05);
}
/* advertising.html */

/* product.html */
.proSec2{
	overflow: hidden;
}
.proSec2_con{
	height: calc(100vh - 110px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.proSec2.on .proSec2_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.proSec2Swiper{
	width: 25%;
	height: 70%;
	margin: 0;
	padding-bottom: 60px;
	position: relative;
	cursor: pointer;
}
.proSec2Swiper2{
	width: calc(75% - 30px);
	height: 100%;
	margin: 0;
	padding-bottom: 60px;
	position: relative;
}
.proSec2Swiper_img{
	width: 100%;
	height: 100%;
	transition: all 0.3s ease-in-out;
}
.proSec2Swiper2 .proSec2Swiper_img:hover{
	transform: scale(1.1);
}
.proSec2Swiper2 .swiper-slide{
	overflow: hidden;
}
.proSec2_txt{
	width: 100%;
	text-align: left;
	position: absolute;
	left: 0;
	bottom: 0;
}
.proSec2_txt p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #222;
	margin-top: 10px;
	text-transform: uppercase;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 50px;
}

.proSec3{
	margin-top: 8%;
}
.proSec3_con{
	height: calc(100vh - 110px);
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.proSec3_left{
	width: 50%;
	height: 100%;
	position: relative;
	overflow: hidden;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
}
.proSec3.on .proSec3_left{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.proSec3_img{
	width: 100%;
	height: 100%;
}
.proSec3_logo{
	width: 100%;
	position: absolute;
	top: -40%;
	left: -20%;
    animation: xuanzuan 40s infinite linear forwards;
}
.proSec3_con .indSec2_swiper{
	width: 25%;
	height: 100%;
	margin: 0 10% 0 0;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.proSec3.on .indSec2_swiper{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.proSec3_txt{

}
.proSec3_txt p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #222;
	margin-top: 10px;
	text-transform: uppercase;
}

.proSec4{
	margin-top: 8%;
	position: relative;
	overflow: hidden;
}
.proSec4_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.proSec4.on .proSec4_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.proSec4_txt{
	width: 80%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 10%;
	transform: translateY(-50%);
}
.proSec4_txt h6{
	font-family: 'FuturaMedium';
	font-size: 5vw;
	color: #fff;
	text-transform: uppercase;
}
.proSec4_txt p{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #fff;
	margin-top: 2%;
	text-transform: uppercase;
}


.proSec5{
	padding: 8% 0;
	position: relative;
	z-index: 0;
	overflow: hidden;
}
.proSec5_title{
	width: 80%;
	font-family: 'FuturaMedium';
	font-size: 6vw;
	color: #000;
	text-transform: uppercase;
	position: relative;
	z-index: 2;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.proSec5.on .proSec5_title{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.proSec5_list{
	margin-top: 8%;

	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.proSec5_list li{
	width: 45%;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.proSec5.on .proSec5_list li.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.proSec5_list li:nth-child(2n){
	margin-top: -22%;
}
.proSec5_img {
    width: 100%;
}
.proSec5_img .tilt {
    position: absolute;
    top: 0
}
.proSec5_imgBox {
    position: relative;
    height: 0;
    padding-bottom: 100vh;
    overflow: hidden
}
.proSec5_txt{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.proSec5_txt img{
	width: 90px;
}
.proSec5_txt p{
	max-width: calc(100% - 120px);
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
}
/* product.html */

/* about.html */
.aboutSec1{
	margin-top: 8%;
}
.aboutSec1_con{
	margin: 0 auto;
	width: 94%;
	max-width: 1140px;
	text-align: center;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.aboutSec1.on .aboutSec1_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.aboutSec1_con img{
	width: 20%;
}
.aboutSec1_con h6{
	margin-top: 5%;
	font-family: 'PuHuiTiLight';
	font-size: 30px;
	color: #000;
	line-height: 1.6;
}
.aboutSec1_con p{
	margin-top: 4%;
	font-size: 18px;
	color: #000;
	line-height: 2;
}
.aboutSec2{
	margin-top: 8%;
	height: 100vh;
	overflow: hidden;
	position: relative;
}
.aboutSec2_img{
	width: 30%;
	min-width: 30%!important;
	max-width: 100%!important;
	margin: 0 auto;
}
.aboutSec2_txt{
	max-width: 100%;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	opacity: 0;
    filter: alpha(opacity=0);
}
.aboutSec2_txt h6{
	font-family: 'FuturaMedium';
	font-size: 5vw;
	color: #fff;
	text-transform: uppercase;
}
.aboutSec2_txt p{
	padding: 0 15%;
	margin-top: 4%;
	font-size: 16px;
	color: #fff;
	line-height: 1.8;
}
.aboutSec3{
	/* margin-top: 8%; */
}
.aboutSec3_con{
	padding-top: 10%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
}
.aboutSec3_con::before{
	content: '';
	display: block;
	width: 70%;
	height: 82%;
	background-color: #f9f3e6;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
.aboutSec3_video{
	width: 50%;
	position: relative;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translate(-50%, -30%);
	transition: all 1s ease-in-out;
}
.aboutSec3.on .aboutSec3_video{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translate(0%, -30%);
}
.aboutSec3_video video{
	position: absolute;
	top: 0;
	left: 0;
}
.aboutSec3_box{
	width: 30%;
	margin: 0 10%;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.aboutSec3.on .aboutSec3_box{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.aboutSec3_txt{
	
}
.aboutSec3_txt h6{
	font-family: 'FuturaMedium';
	font-size: 5vw;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 8%;
}
.aboutSec3_txt p{
	padding: 0 15% 0 0;
	font-size: 16px;
	color: #000;
	line-height: 2;
}
.aboutSec3_img{
	margin-top: 15%;
	width: 66%;
}

.aboutSec4{

}
.aboutSec4_list li{
	position: relative;
}
.aboutSec4_list li:nth-child(n+2){
	margin-top: 8%;
}
.aboutSec4_img{
	width: 48%;
	overflow: hidden;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
}
.aboutSec4_img img{
	transition: all 0.3s ease-in-out;
}
.aboutSec4_img:hover img{
	transform: scale(1.1);
}
.aboutSec4_list li:nth-child(n+2) .aboutSec4_img{
	transform: translateX(50%);
}
.aboutSec4.on .aboutSec4_list li.on .aboutSec4_img{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.aboutSec4_txt{
	width: 35%;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 5%;
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 1s ease-in-out;
}
.aboutSec4.on .aboutSec4_list li.on .aboutSec4_txt{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(-50%);
}
.aboutSec4_txt h6{
	font-family: 'FuturaMedium';
	font-size: 34px;
	color: #000;
	text-transform: uppercase;
}
.aboutSec4_txt p{
	margin-top: 5%;
	font-size: 16px;
	color: #000;
	line-height: 2;
}
.aboutSec4_list li:nth-child(2n) .aboutSec4_img{
	margin: 0 0 0 auto
}
.aboutSec4_list li:nth-child(2n) .aboutSec4_txt{
	right: auto;
	left: 5%;
}
/* about.html */

/* develop.html */
.devSec1{
	padding: 8% 0;
	overflow: hidden;
}
.devSec1_con{
	padding: 10% 0;
	position: relative;
}
.devSec1_bg{
	width: 60%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
}
.devSec1.on .devSec1_bg{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.devSec1_box{
	width: 25%;
	margin: 0 7.5% 0 auto;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.devSec1.on .devSec1_box{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.devSec1_txt{

}
.devSec1_txt h5{
	font-size: 20px;
	color: #222;
}
.devSec1_txt h6{
	font-size: 26px;
	color: #000;
	font-weight: bold;
	margin: 5% 0;
}
.devSec1_txt p{
	font-size: 16px;
	color: #000;
	line-height: 2;
}
.devSec1_img{
	margin-top: 10%;
	width: 75%;
}
.devSec2{
	background-color: #f1eee4;
}
.devSec2_con{
	position: relative;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.devSec2.on .devSec2_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.devSec2_list{
	width: 40%;
	position: absolute;
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
	z-index: 0;
}
.devSec2_list li{
	background-color: #f1eee4;
    opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 0.6s ease-in-out;
}
.devSec2_list li:nth-last-child(n+3){
	position: absolute;
	top: 0;
	left: 0;
}
.devSec2_list li.on{
    opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.devSec2_year{
	font-family: 'FuturaMedium';
	font-size: 4vw;
	color: #000;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.devSec2_year span{
	display: block;
}
.devSec2_year::after{
	content: '';
	display: block;
	width: 10%;
	height: 2px;
	background-color: #000;
	margin: 20px 0 0 20px;
}
.devSec2_txt{
	font-family: 'FuturaMedium';
	font-size: 4vw;
	color: #000;
	text-transform: uppercase;
}
.devSec2Swiper{
	width: 50%;
	margin: 0 0 0 auto;
	transform: translateY(15%);
}
.devSec2Swiper .swiper-slide{
	position: relative;
}
.devSec2Swiper_img{
    filter: grayscale(100%);
    filter: gray;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 0;
}
.devSec2Swiper_img::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-image: linear-gradient(to bottom,rgba(0, 0, 0, 0) 0,rgba(0, 0, 0, 0.6) 100%);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
.devSec2Swiper_img:hover{
    filter: none;
	transform: scale(1.1);
}
.devSec2Swiper_txt{
	padding: 20px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
.devSec2Swiper_txt p{
	font-size: 20px;
	color: #fff;
	line-height: 2;
}
.devSec2Swiper_btn{
	margin-top: 4%;
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background-color: #171719;
	position: relative;
	z-index: 2;

	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
}
.devSec2Swiper_btn img{
	cursor: pointer;
	margin: 0 15px;
}
.devSec2Swiper_btn:hover{
	transform: translateX(10px);
}

.devSec3{
	padding: 12% 0 8%;
	position: relative;
}
.devSec3_con{
	position: relative;
	z-index: 0;
}
.devSec3_top{
	padding-left: 60px;
}
.devSec3_top h6{
	font-family: 'FuturaMedium';
	font-size: 4vw;
	color: #000;
	text-transform: uppercase;
	margin-bottom: 20px;
}
.devSec3_top p{
	font-size: 22px;
	color: #000;
	line-height: 1.8;
}
.devSec3_list {
	margin-top: 40px;
}
.devSec3_list li{
	display: flex;
	align-items: center;
	justify-content: space-between;

	position: relative;
	z-index: 0;
	overflow: hidden;
}
.devSec3_list li::before{
	content: '';
	display: block;
	width: 22vw;
	height: 22vw;
	background: url(../images/logo5.png) center/cover no-repeat;
	position: absolute;
	right: -5%;
	bottom: -10%;
	z-index: -1;
    animation: xuanzuan 30s infinite linear forwards;
}
.devSec3_img{
	width: 50%;
	height: calc(100vh - 110px);
}
.devSec3_txt{
	width: 35%;
	margin: 0 10% 0 5%
}
.devSec3_txt h5{
	font-family: 'PuHuiTiLight';
	font-size: 16px;
	color: #000;
}
.devSec3_txt h6{
	margin-top: 20px;
	font-family: 'PuHuiTiMedium';
	font-size: 36px;
	color: #000;
	transform: skew(-10deg);
}
.devSec3_txt p{
	margin-top: 20px;
	font-family: 'FuturaMedium';
	font-size: 18px;
	color: #000;
	text-transform: uppercase;
}

.devSec4{
	padding: 8% 0;
	background-color: #f1eee4;
}
.devSec4_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.devSec4.on .devSec4_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.devSec4_txt{
	width: 90%;
	margin: 0 auto;
	max-width: 1100px;
	text-align: center;
}
.devSec4_txt h6{
	font-family: 'FuturaMedium';
	font-size: 30px;
	color: #000;
	text-transform: uppercase;
}
.devSec4_txt p{
	font-size: 30px;
	color: #000;
	line-height: 1.8;
	margin-top: 4%;
}
.devSec4Swiper{
	margin-top: 5%;
}
.devSec4Swiper .swiper-slide{
	width: 320px;
}
.devSec5{
	margin-top: 8%;
}
.devSec5_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.devSec5.on .devSec5_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.devSec5_title{
	font-family: 'FuturaMedium';
	font-size: 10vw;
	color: #000;
	text-align: center;
	text-transform: uppercase;
}
.devSec5_img{
	overflow: hidden;
}
.devSec5_img img{
	/*height: calc(100vh - 110px);*/
	transition: all 0.3s ease-in-out;
}
.devSec5_img:hover img{
	transform: scale(1.05);
}
/* develop.html */

/* join.html */
.joinContent{
	padding: 8% 10% 0;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.joinContent.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.joinNav{
	width: 340px;
}
.joinNav li{
	font-size: 18px;
	color: #666;
	line-height: 50px;
	border-bottom: 1px solid #e2e1dd;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.joinNav li.on{
	padding-left: 25px;
	color: #000;
	font-weight: bold;
}
.joinNav li::before{
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-radius: 50%;
	background-color: #000;
	position: absolute;
	top: calc(50% - 4px);
	left: 0;
	transition: all 0.3s ease-in-out;
}
.joinNav li.on::before{
	width: 8px;
	height: 8px;
}
.joinRight{
	width: calc(90% - 340px);
}
.joinSec1{

}
.joinSec1_list{

}
.joinSec1_list li{
	margin-bottom: 10px;
	border-bottom: 1px solid #b0afac;
}
.joinSec1_name{
	height: 80px;
	font-family: 'PuHuiTiRegular';
	font-size: 18px;
	color: #000;
	line-height: 80px;
	position: relative;
	cursor: pointer;
}
.joinSec1_name::before,
.joinSec1_name::after{
	content: '';
	display: block;
	background-color: #000;
	position: absolute;
}
.joinSec1_name::before{
	width: 16px;
	height: 2px;
	top: calc(50% - 1px);
	right: 30px;
}
.joinSec1_name::after{
	width: 2px;
	height: 16px;
	top: calc(50% - 8px);
	right: 37px;
	transition: all 0.3s ease-in-out;
}
.joinSec1_list li.on .joinSec1_name::after{
	transform: rotate(90deg);
}
.joinSec1_txt{
	padding: 20px 40px 40px;
	display: none;
}
.joinSec1_txt p{
	font-family: 'PuHuiTiRegular';
	font-size: 14px;
	color: #666;
	line-height: 2;
}
.joinSec1_send{
	margin-top: 6%;
	position: relative;
}
.joinSec1_send input{
	width: 100%;
	height: 100%;
	opacity: 0;
    filter: alpha(opacity=0);
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
}
.joinSec2{
	display: none;
}
.joinSec2>h6{
	font-family: 'PuHuiTiRegular';
	font-size: 30px;
	color: #000;
	/* font-weight: bold; */
}
.joinSec2_con{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.joinSec2_form{
	display: block;
	width: 55%;
}
.joinSec2_input{
	margin-top: 30px;
}
.joinSec2_input input{
	width: 100%;
	height: 60px;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #e2e1dd;
	font-size: 14px;
	color: #000;
}
.joinSec2_phone{
	width: 40%;
	position: relative;
}
.joinSec2_phone>img{
    animation: xuanzuan 20s infinite linear forwards;
}
.joinSec2_phoneCon{
	width: 60%;
	position: absolute;
	top: 50%;
	left: 20%;
	transform: translateY(-50%);
}
.joinSec2_phoneCon h6{
	font-size: 12px;
	color: #000;
	margin-top: 5%;
}
.joinSec2_phoneCon p{
	font-size: 30px;
	color: #000;
	margin-top: 5%;
}
.joinSec2_send{
	margin-top: 8%;
}
/* join.html */

/* shop.html */
.shopSec1{
	padding-top: 8%; 
	position: relative;
	z-index: 0;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(20%);
	transition: all 1s ease-in-out;
}
.shopSec1.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.shopSec1_title{
	font-size: 30px;
	color: #000;
	text-align: center;
}
.shopSec1_con{
	margin: 3% auto 0;
	width: 72%;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	position: relative;
	z-index: 2;
}
.shopSec1_search{
	width: calc((100% - 300px)/3);
	position: relative;
	z-index: 0;
}
.shopSec1_box{
	position: relative;
}
.shopSec1_box input{
	width: 100%;
	height: 54px;
	border: none;
	padding: 0 60px 0 20px;
	background-color: #fff;
	font-size: 16px;
	color: #000;
	line-height: 54px;
	cursor: pointer!important;
}
.shopSec1_box img{
	position: absolute;
	top: calc(50% - 5px);
	right: 20px;
	transition: all 0.3s ease-in-out;
}
.shopSec1_box.on img{
	transform: rotate(180deg);
}
.shopSec1_select{
	width: 100%;
	max-height: 300px;
	overflow-y: scroll;
	background-color: #fff;
	position: absolute;
	top: 54px;
	left: 0;
	display: none;
}
.shopSec1_select li{
	padding: 0 20px; 
	font-size: 16px;
	color: #000;
	line-height: 54px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.shopSec1_select li:hover{
	background-color: #e5e5e5;
}
.shopSec1_con2{
	margin-top: 4%;
	position: relative;
	z-index: 0;
}
.shopSec1_shop{
	width: 25%;
	height: 100%;
	padding: 2% 3%;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
}
.shopSec1_shop>h6{
	font-size: 14px;
	color: #000;
}
.shopSec1_list{
	max-height: calc(100% - 40px);
	padding-right: 5px;
	overflow-y: scroll;
	margin-top: 20px;
}
.shopSec1_list li{
	padding: 6%;
	background-color: #fcfaf6;
}
.shopSec1_list li:nth-child(n+2){
	margin-top: 10%;
}
.shopSec1_list li:hover,
.shopSec1_list li.on{
	background-color: #f9f3e6;
}
.shopSec1_list li h6{
	font-size: 14px;
	color: #000;
	margin-bottom: 10px;
}
.shopSec1_list li p{
	font-size: 14px;
	color: #999;
	line-height: 1.6;
}
.shopSec1_map{
	width: 75%;
	height: 80vh;
	background-color: green;
	margin: 0 0 0 auto;
}
.shopSec2{
	margin-top: 8%;
}
.shopSec2_con{
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(20%);
	transition: all 1s ease-in-out;
}
.shopSec2.on .shopSec2_con{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.shopSec2_txt{
	width: 90%;
	max-width: 600px;
	margin: 0 auto;
	text-align: center;
}
.shopSec2_txt h6{
	font-family: 'PuHuiTiRegular';
	font-size: 40px;
	color: #000;
	font-weight: bold;
	letter-spacing: 4px;
}
.shopSec2_txt p{
	margin-top: 30px;
	font-size: 14px;
	color: #000;
	line-height: 1.8;
}
.shopSec2Swiper{
	margin-top: 6%;
	position: relative;
}
.shopSec2Swiper_img{
	overflow: hidden;
}
.shopSec2Swiper_img img{
	height: calc(100vh - 110px);
	transition: all 0.3s ease-in-out;
}
.shopSec2Swiper_img:hover img{
	transform: scale(1.05);
}
.shopSec2Swiper_btn{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: absolute;
	right: 5%;
	bottom: 10%;
	z-index: 2;
}
.shopSec2Swiper_btn>div{
	width: 100px;
	height: 100px;
	border-radius: 50%;
	margin: 0 20px;
	border: 1px solid #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.shopSec2Swiper_btn>div:hover{
	border-color: #000;
	background-color: #000;
	transform: translateX(-20px);
}
.shopSec2Swiper_btn>div.shopSec2Swiper_next:hover{
	transform: translateX(20px);
}
/* shop.html */

/* contact.html */
.contactSec1{
	margin-top: 8%;
	overflow: hidden;
}
.contactSec1_title{
	text-align: center;
}
.contactSec1_con{
	margin-top: 6%;
	position: relative;
	background-color: #fff;
}
.contactSec1_map{
	width: 60%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
}
.contactSec1.on .contactSec1_map{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.contactSec1_box{
	width: 28%;
	padding: 6% 0;
	margin: 0 6% 0 auto;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.contactSec1.on .contactSec1_box{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.contactSec1_txt{

}
.contactSec1_txt h5{
	font-family: 'PuHuiTiRegular';
	font-size: 26px;
	color: #000;
	margin-bottom: 30px;
}
.contactSec1_txt h6{
	margin-top: 20px;
	font-size: 18px;
	color: #999;
}
.contactSec1_txt p{
	margin-top: 10px;
	font-size: 18px;
	color: #000;
}
.contactSec1_ewm{
	margin-top: 10%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
}
.contactSec1_ewm li{
	width: 30%;
	margin-right: 5%;
	text-align: center;
}
.contactSec1_ewm li:nth-child(3n){
	margin-right: 0;
}
.contactSec1_ewm li:nth-child(n+4){
	margin-top: 20px;
}
.contactSec1_ewm p{
	font-family: 'PuHuiTiRegular';
	font-size: 14px;
	color: #000;
}

.contactSec2{
	margin: 8% auto 0;
	width: 96%;
	max-width: 1200px;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.contactSec2.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.contactSec2_title{
	font-family: 'PuHuiTiRegular';
	font-size: 30px;
	color: #000;
	text-align: center;
}
.contactSec2_form{
	margin-top: 6%;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.contactSec2_input{
	width: 30%;
}
.contactSec2_input input{
	width: 100%;
	height: 60px;
	padding: 0 10px;
	border: none;
	border-bottom: 1px solid #e2e1dd;
	background-color: transparent;
	font-size: 16px;
	color: #000;
}
.contactSec2_textarea{
	width: 100%;
	margin-top: 6%;
}
.contactSec2_textarea textarea{
	width: 100%;
	height: 180px;
	padding: 0 10px;
	border: none;
	border-bottom: 1px solid #e2e1dd;
	background-color: transparent;
	font-size: 16px;
	color: #000;
	line-height: 2;
}
.contactSec2_send{
	width: 100%;
	text-align: center;
}
.contactSec2_send a{
	margin: 6% auto 0;
}
/* contact.html */

/* news.html */
.newsSec{
	margin: 8% 0;
}
.newsSec_list{
	width: 85%;
	margin: 0 auto;
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}
.newsSec_list li{
	width: 42%;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.newsSec_list li.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.newsSec_list li:nth-child(2n){
	transform: translateY(50%);
}
.newsSec_list li.on:nth-child(2n){
	transform: translateY(20%);
}
.newsSec_list li:nth-child(n+3){
	margin-top: 6%;
}
.newsSec_img{
	overflow: hidden;
}
.newsSec_imgBox{
	width: 100%;
	height: 50vh;
	transition: all 0.3s ease-in-out;
}
.newsSec_list li:hover .newsSec_imgBox{
	transform: scale(1.1);
}
.newsSec_txt{
	margin-top: 20px;
}
.newsSec_txt h6{
	margin-top: 5px;
	font-size: 16px;
	color: #999;
}
.newsSec_txt p{
	font-size: 16px;
	color: #000;
	line-height: 2;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px;
}
.newsDetail_sec1{
	margin-top: 110px;
	padding: 3% 0 6%;
	border-bottom: 1px solid #e4e2df;
	overflow: hidden;
}
.newsDetail_sec1Con{
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.newsDetail_sec1Left{
	width: 200px;
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateX(-50%);
	transition: all 1s ease-in-out;
}
.newsDetail_sec1.on .newsDetail_sec1Left{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateX(0%);
}
.newsDetail_sec1Left_txt{
	border-bottom: 1px solid #e2e1dd;
}
.newsDetail_sec1Left_txt h6{
	font-size: 16px;
	color: #000;
}
.newsDetail_sec1Left_txt p{
	font-family: 'PuHuiTiRegular';
	font-size: 18px;
	color: #000;
	margin: 10px 0 30px;
}
.newsDetail_sec1Right{
	width: calc(100% - 280px);

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(300px);
	transition: all 1s ease-in-out;
}
.newsDetail_sec1.on .newsDetail_sec1Right{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.newsDetail_sec1Left_more{
	margin-top: 60px;
}
.newsDetail_sec1Left_more a{
	display: inline-block;
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #666;
	line-height: 2;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
	transition: all 0.3s ease-in-out;
}
.newsDetail_sec1Left_more a:hover{
	transform: translateX(20px);
}
.newsDetail_sec1Img{
	overflow: hidden;
}
.newsDetail_sec1Img img{
	transition: all 0.3s ease-in-out;
}
.newsDetail_sec1Img:hover img{
	transform: scale(1.1);
}
.newsDetail_sec1Title{
	margin-top: 30px;
}
.newsDetail_sec1Title h6{
	font-family: 'PuHuiTiRegular';
	font-size: 50px;
	color: #000;
	line-height: 1.4;
}
.newsDetail_sec1Box{
	margin-top: 30px;
}
.newsDetail_sec1Box p{
	font-size: 20px;
	color: #000;
	line-height: 1.8;
	text-indent: 2em;
}
.newsDetail_sec1Box p img{
	max-width: 100%;
	display: block;
	margin: 30px auto;
}
.newsDetail_sec2{
	margin-top: 3%;

	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(300px);
	transition: all 1s ease-in-out;
}
.newsDetail_sec2.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.newsDetail_sec2Title{
	font-family: 'FuturaMedium';
	font-size: 12.5vw;
	color: #000;
	text-align: center;
	text-transform: uppercase;
    display: block;
    word-break: keep-all;
    white-space: nowrap;
}
.newsDetail_sec2Swiper{
	margin-top: 3%;
}
.newsDetail_sec2Swiper_con{
	display: block;
}
.newsDetail_sec2Swiper_img{
	overflow: hidden;
	position: relative;
	z-index: 0;
}
.newsDetail_sec2Swiper_imgbox{
	width: 100%;
	height: 50vh;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 0;
}
.newsDetail_sec2Swiper_imgbox::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
}
.newsDetail_sec2Swiper_con:hover .newsDetail_sec2Swiper_imgbox::after{
	opacity: 1;
    filter: alpha(opacity=100);
}
.newsDetail_sec2Swiper_con:hover .newsDetail_sec2Swiper_imgbox{
	transform: scale(1.1);
}
.newsDetail_sec2Swiper_icon{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 1);

	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
	transform: translate(-50%, -50%);
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
}
.newsDetail_sec2Swiper_con:hover .newsDetail_sec2Swiper_icon{
	opacity: 1;
    filter: alpha(opacity=100);
}
.newsDetail_sec2Swiper_txt{
	width: 100%;
	margin-top: 10px;
}
.newsDetail_sec2Swiper_txt p{
	font-family: 'PuHuiTiLight';
	font-size: 26px;
	color: #000;
	line-height: 1.4;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 72px;
}
.newsDetail_sec2Swiper_more{
	margin-top: 20px;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	transition: all 0.3s ease-in-out;
}
.newsDetail_sec2Swiper_moreIcon{
	width: 36px;
	height: 36px;
	border-radius: 50%;
	background-color: #000;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease-in-out;
    transform-origin: center bottom;
}
.newsDetail_sec2Swiper_con:hover .newsDetail_sec2Swiper_more{
	padding-left: 10px;
}
.newsDetail_sec2Swiper_con:hover .newsDetail_sec2Swiper_moreIcon{
	transform: scale(1.1);
}
.newsDetail_sec2Swiper_moreIcon img{
	width: 10px;
}
.newsDetail_sec2Swiper_moreTxt{
	font-family: 'FuturaMedium';
	font-size: 16px;
	color: #000;
	text-transform: uppercase;
	margin-left: 10px;
}
/* news.html */

/* brand.html */
.brandSec_list{
	margin-top: 8%;
}
.brandSec_list li{
	position: relative;
	
	opacity: 0;
    filter: alpha(opacity=0);
	transform: translateY(50%);
	transition: all 1s ease-in-out;
}
.brandSec_list li.on{
	opacity: 1;
    filter: alpha(opacity=100);
	transform: translateY(0%);
}
.brandSec_list li:nth-child(n+2){
	margin-top: 5%;
}
.brandSec_img{
	overflow: hidden;
}
.brandSec_imgBox{
	width: 100%;
	height: 80vh;
	transition: all 0.3s ease-in-out;
	position: relative;
	z-index: 0;
}
.brandSec_imgBox::after{
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
}
.brandSec_list li:hover .brandSec_imgBox{
	transform: scale(1.1);
}
.brandSec_list li:hover .brandSec_imgBox::after{
	opacity: 1;
    filter: alpha(opacity=100);
}
.brandSec_icon{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.3);

	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
	opacity: 0;
    filter: alpha(opacity=0);
	transition: all 0.3s ease-in-out;
}
.brandSec_list li:hover .brandSec_icon{
	opacity: 1;
    filter: alpha(opacity=100);
}
.brandSec_txt{
	width: 100%;
	padding: 20px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.brandSec_txt h6{
	margin-top: 5px;
	font-size: 16px;
	color: #fff;
}
.brandSec_txt p{
	font-size: 16px;
	color: #fff;
	line-height: 2;

	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 32px;
}
/* brand.html */


.loading{
	width: 100%;
	height: 100%;
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
	display: none;
}

@media(max-width:1760px) {
	
}
@media(max-width:1680px) {
	
}
@media(max-width:1600px) {
	
}
@media(max-width:1520px) {
	
}
@media(max-width:1440px) {
	
}
@media(max-width:1360px) {
	
}
@media(max-width:1280px) {
	.headerNav>li{
		margin-right: 3%;
	}
	.headerNav>li>a{
		font-size: 16px;
	}
}
@media(max-width:768px) {
	.container{
		width: 100%;
	    /* padding: 0 30px; */
	}
	.row,
	.row>div{
		margin: 0;
		padding: 0;
	}

	.navbar-nav {
		width: 100%;
		margin-left: 0px;
		text-transform: uppercase;
	}
	.navbar-nav li {
		text-align: center;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);
		line-height: 40px;
	}
	.navbar-nav li a {
		padding: 15px 0;
		color: #e5e5e5;
		font-size: 14px;
	}
	.navbar-nav li a:hover {
		color: #fff;
		font-weight: bold;
	}
	.nav>li>a:focus, .nav>li>a:hover{
		background-color: transparent;
	}
	.headerbg {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 0;
		z-index: 9;
		background-color: transparent;
		transition: all 0.3s ease-in-out;
		/* -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
		box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); */
	}
	.logo_boxlist {
		float: left;
		width: 80px;
		margin-top: 16px;
	}
	.navbar-toggle {
		margin-top: 10px;
	}
	.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.navbar-collapse {
		padding: 0;
		border-top: 1px solid #e5e5e5;
		overflow-y: scroll;
		max-height: 100vh;
	}
	.collapse_lis{
		background-color: rgba(255, 255, 255, 0.1);
		display: none;
	}

	
	.loading{
		display: block;
	}
	.loading img{
		width: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		animation: fdsx 5s infinite linear forwards;
	}
	@keyframes fdsx {
		0% {
			transform: translate(-50%, -50%) scale(1);
		}
		50%{
			transform: translate(-50%, -50%) scale(1.1);
		}
		100% {
			transform: translate(-50%, -50%) scale(1);
		}
	}

	.footerTitle,
	.newsDetail_sec2Title, 
	.devSec5_title{
		font-size: 100px;
	}

	.indSec2_txt h6,
	.indSec2_txt h5,
	.proSec5_title,
	.devSec2_year{
		font-size: 70px;
	}
	.showSec1_box{
		height: 700px;
		background-size: 50%!important;
	}
	.showSec1_box h6,
	.devSec2_txt,
	.devSec3_top h6{
		font-size: 60px;
	}
	.showSec1_box h6:nth-child(1){
		right: 78%;
	}
	.showSec1_box h6:nth-child(2) {
		background: linear-gradient(to right, #fff 0% , #fff 52.7%, #000 52.71%,#000 100%);
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	.showSec2_classfiy span{
		padding: 0 4px;
		margin: 0;
		font-size: 12px;
	}
	.showSec2_logo{
		padding: 10% 0;
	}
	.proSec5_imgBox{
		padding-bottom: 800px;
	}

	.devSec3_img{
		height: 600px;
		background-attachment: scroll!important;
		background-size: cover!important;
		background-position: center top!important;
	}

	.devSec5_img{
		margin-top: 30px;
	}

	.brandSec_imgBox{
		height: 500px;
	}
	.newsDetail_sec2Swiper_imgbox{
		height: 400px;
	}

}


@media (min-width: 768px){
	.container{
		width: 100%;
	    padding: 0 60px;
	}
}
@media (min-width: 1440px){
	
}
@media (min-width: 1600px){
	
}
@media (min-width: 1760px){
	
}