*,:after,:before{margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:0!important;-webkit-tap-highlight-color:rgba(0,0,0,0);-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased}

body{font-size:14px;font-family:"Microsoft YaHei",sans-serif,serif;background: #000;}
*{padding:0;margin:0;list-style:none;}
a{text-decoration:none;color:inherit;}
i{font-style: normal;}
dl,ol,ul {list-style-type:none}
b{display: inline-block;}
em{font-style: normal;}

@font-face {
	font-family: Eedesign20-Regular;
	src: url(../font/Eedesign20-Regular.ttf);
}
@font-face {
	font-family: 'Neue Montreal Variable';
	src: url(../font/NeueMontreal-Variable.ttf);
}

@font-face {
	font-family: NeueMontreal-Regular;
	src: url();
}

@font-face {
	font-family: DINNextLTPro-Medium;
	src: url(../font/DINNextLTPro-Medium.ttf);
}



.dn{
	display: none;
}
img{max-width:100%;border:none}
em,i{font-style:normal}

.odcontent{margin:0 auto; width:90%;max-width:1709px;}
@media only screen and (max-width: 480px){
	.odcontent{width: 94%;}
}
.clearfix:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.clearfix{zoom:1}
input,textarea{border: none;outline: none;border-radius: 0;-webkit-appearance:none;}
button {border: none;padding: 0;}
.fl{float:left}
.fr{float:right}

.por{position: relative;}
.poa{position: absolute;}
.head_fixed{position: fixed;top: 0;left: 0;width: 100%;height: auto;z-index: 9999;}

*:focus{
	outline: none;
	-webkit-tap-highlight-color: transparent;
}

a,li,div {-webkit-tap-highlight-color:transparent}

input:-webkit-autofill,
 textarea:-webkit-autofill,
 select:-webkit-autofill {
     background-color: transparent!important;
     background-image: none !important;
     -webkit-box-shadow: 0 0 0 1000px #f2f3f7 inset !important;
     -webkit-text-fill-color: #333;
}


.ver-mid{vertical-align: middle;}
.ver-bl{vertical-align: baseline;}
.flx{display: flex;flex-wrap: nowrap;justify-content: space-between;}
.flx_w{display: flex;flex-wrap: wrap;justify-content: space-between;}
.txt_center{text-align: center;}
.hide{display: none;}
.center{text-align: center;}
.right{text-align: right;}
.w1200{margin: 0 auto;width: 90%;max-width: 1200px;}
.blue{color: #07a4df;}
@media only screen and (max-width:768px){
	img{pointer-events: none;-webkit-user-select: none;
        -moz-user-select: none;
        -webkit-user-select:none;
        -o-user-select:none;
        user-select:none;}
}
.home_case,
.home_product,
.home_business,
.home_product2{
	position: relative;
	z-index: 2;
	background: #000000;
}
.home_case .idx_title .cn{
	text-align: right;
}


.idx_wrap{margin: 0 auto;width: 90%;max-width: 1440px;}


	


#head .head_content{
	display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
#head .head_content .logo{position: fixed;
	top: 50px;
	left: 50px;
	z-index: 50;width: 178px;}
#head .head_content .logo img{
	filter: brightness(30);
}

#head_list_btn{
	position: fixed;
	top: 50px;
	right: 50px;
	z-index: 50;
}

#head .head_content .list_btn{
	width: 50px;
	height: 50px;
	cursor: pointer;z-index: 50;
}
#head .head_content .list_content{
	position: absolute;width: 100%;height: 100%;top: 0;left: 0;
	background: #1F1F1F;z-index: 49;}
#head #status[data-expanded="false"] .head_content .list_content{visibility: hidden;opacity: 0;transition: opacity 100ms linear,visibility 100ms step-end;}
#head #status[data-expanded="true"] .head_content .list_content{visibility: visible;opacity: 1;transition: opacity 100ms linear,visibility 100ms step-start;}
#head .head_content .list_content #menu{position: absolute;top: 135px;left: 0;width: 100vw;height: calc(90vh - 135px);height: -webkit-calc(90vh - 135px);max-width: 100%;color: #fff;}
#head .head_content .list_content #menu .idx_wrap{max-width: 1490px;height: 100%;}


.first_nav{display: flex;padding:6.5% 0;height: 100%;flex-wrap: nowrap;flex-direction: column;box-sizing: border-box;position: relative;--scale:1}
.first_nav > li{width: 100%;font-weight: 100;cursor: default;}
.first_nav > li:hover > span{color: #606060;}
.first_nav > li:hover > a{color: #606060;}


#head .head_content .list_content #menu .second_nav{position: absolute;top: 50%;right: 20px;width: calc(88% - var(--first-nav-width) * var(--scale));transform: translateY(-50%);opacity: 0;visibility: hidden;transition: opacity 300ms linear,visibility 300ms step-end;}
#head .head_content .list_content #menu .second_nav > li{font-size: 20px;font-weight: 200;background: #242424;border-radius: 10px;transition: all 0.2s linear;}
#head .head_content .list_content #menu .second_nav > li a{display: flex;justify-content: center;align-items: center;width: 100%;height: 100%;}
#head .head_content .list_content #menu .second_nav > li:hover{background: #ed1c24;}
#head .head_content .list_content #menu .first_nav > li:hover .second_nav{opacity: 1;visibility: visible;transition: opacity 300ms linear,visibility 300ms step-start;}
#head .head_content .addColumns{color: #fff;position: absolute;top: 0;left: 50%;width: 224px;transform: translate(-54%,-50%);display: flex;flex-wrap: nowrap;justify-content: space-between;font-size: 17px;transition: all 0.5s ease-out;opacity: 0;}
#head .head_content .addColumns a{white-space: nowrap;}
#head .head_content .addColumns a:hover{color: #606060;}
#head .head_content .addColumns .language{margin-left: 33px;}
#head #status[data-expanded="true"] .head_content .addColumns{transform: translate(-54%,107%);opacity: 1;}

#head #status .list_btn .svg_wrap{position: absolute;width: 100%;height: 100%;overflow: hidden;}
#head #status .list_btn .svg_wrap > svg{position: absolute;top: 0;left: 0;fill:none;stroke-width: 3px;stroke: #fff;stroke-linecap: round;}
#head #status[data-expanded="true"] .list_btn .svg_wrap > svg{stroke-linecap: round;}
#head #status[data-expanded="false"] svg.collapsed{opacity: 1;visibility: visible;transition: opacity 600ms linear 300ms,visibility 600ms step-start 300ms;}

#head #status svg.static.collapsed{visibility: hidden;}
#head #status[data-expanded="false"] svg.animate{visibility: visible;}
#head #status[data-expanded="true"] svg.animate{visibility: visible;}
#head #status .list_btn .svg_wrap .up,#head #status .list_btn .svg_wrap .down{position: absolute;width: 20px;height: 11px;background: url(../image/list_btn_icon.png)no-repeat center;transition: opacity 0.5s 0s linear;}
#head #status .list_btn .svg_wrap .up{right: 0;top: -1px;}
#head #status .list_btn .svg_wrap .down{left: 0;bottom: -1px;}


.pop-nav{
	display: none;
	position: fixed;width: 100%;height: 100%;top: 0;left: 0;
	z-index: 100;
	background: #1e1e1e;
	padding: 0 160px 0 220px;
}
.pop-close{
	position: absolute;
	top: 48px;
	right: 48px;
	width: 52px;
	height: 52px;
	background: url(../image/icon-close.png) no-repeat center;
	-webkit-background-size: 52px auto;background-size: 52px auto;
}
.pop-nav-r{
	position: absolute;
	bottom: 108px;
	right: 160px;
}
.pop-nav-r .lang{
	font-size: 38px;
	color: #ffffff;
}
.pop-nav-r .tit{
	font-size: 24px;
	color: #727171;
	margin: 60px 0 10px;
}
.pop-nav-r .email{
	font-size: 42px;
	color: #ffffff;
}
.pop-nav-r .share a{
	border:1px solid rgba(255,255,255,.2);
}
.nav{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 100%;
	padding-bottom: 90px;
}
.nav li{
	margin-top: 2%;
}
.nav li a{
	font-family: 'Neue Montreal Variable';
	font-variation-settings: "wght" 350;
	transition: font-variation-settings 0.5s ease, font-size 0.8s ease-in-out;
	position: relative;
	left: 0;
	display: block;
	font-size: 102px;
	color: #ffffff;
	-webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s;transition: all .3s;
}
.nav li a:hover{
	font-variation-settings: "wght" 550;
	transition: font-variation-settings 0.5s ease, font-size 0.8s ease-in-out;
}



@media only screen and (max-width:1680px){
	#head .head_content .addColumns{left: auto;right: 0;width: auto;transform: translate(-100px,0);}
}
@media only screen and (max-width:768px){
#head .head_content .list_btn .svg_wrap{transform: scale(0.8);}
#head .head_content .list_content #menu{top: 75px;--first-nav-width:100px;}
}
@media only screen and (max-width:749px){
	#head .head_content .list_btn > img{width: 36px;}
	#head .head_content .list_content #menu{top: 75px;--first-nav-width:100px;}
	#head .head_content .list_content #menu .first_nav > li{margin-bottom: 4%;font-size: calc(1rem * var(--scale));}
	#head .head_content .list_content #menu .second_nav{top: 6%;transform: initial;}
	#head .head_content .list_content #menu .second_nav > li{margin-bottom: 4%;background: none;justify-content: flex-start;font-size: 0.8rem;}
	#head .head_content .list_content #menu .first_nav > li:nth-last-child(1),#head .head_content .list_content #menu .second_nav > li:nth-last-child(1){margin-bottom: 0;}
}
@media only screen and (max-width:480px){
	#head .head_content .list_btn .svg_wrap{transform: scale(0.9);}
	#head .head_content .logo{width: 100px;}
	#head .head_content .list_content #menu .first_nav{padding: 30px 0;}
	#head .head_content .list_content #menu .first_nav > li{font-size: 24px;}
	#head .head_content .list_content #menu .second_nav{top: 30px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 20px;}
	#head #status[data-expanded="true"] .head_content .addColumns{position: fixed;top: auto;left: 50%;bottom: 15vh;z-index: 50;transform: translateX(-50%);font-size: 14px;}
	#head .head_content .list_btn{
		top: 8px;
		width: 40px;
		height: 40px;
	}
}
@media only screen and (min-width: 750px){
	#head .head_content .list_content #menu{--first-nav-width:150px;}
	#head .head_content .list_content #menu .first_nav{justify-content: space-between;}
	#head .head_content .list_content #menu .first_nav > li{font-size: calc(50px * var(--scale));}
	#head .head_content .list_content #menu .second_nav{display: grid;grid-template-columns: repeat(2,186px);grid-template-rows: repeat(2,186px);grid-gap:8% 2.5%;justify-content: end;}
}
@media only screen and (min-width: 770px){
	#head .head_content .list_content #menu .first_nav{padding: 6.5% 6%;}
	#head .head_content .list_content #menu .first_nav > li{font-size: calc(60px * var(--scale));}
}
@media only screen and (min-width: 1200px){
	#head .head_content .list_content #menu .first_nav > li{font-size: calc(72px * var(--scale));}
}

@media screen and (min-width:750px) and (max-width:1199px) and (max-height:549px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
}

@media screen and (min-width:750px) and (max-width:1199px) and (min-height:550px) and (max-height:699px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.5;}
	#head .head_content .list_content #menu .second_nav{grid-template-columns: repeat(2,150px);grid-template-rows: repeat(2,150px);grid-gap: 10px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 14px;}
}

@media screen and (min-width:750px) and (max-width:1199px) and (min-height:700px) and (max-height:849px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.7;}
}

@media screen and (min-width:750px) and (max-width:1199px) and (min-height:850px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.8;}

}

@media screen and (min-width:1200px) and (max-height:549px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
	#head .head_content .list_content #menu .second_nav{grid-template-columns: repeat(2,120px);grid-template-rows: repeat(2,120px);grid-gap: 10px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 14px;}
}

@media screen and (min-width:1200px) and (min-height:550px) and (max-height:699px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.6;}
	#head .head_content .list_content #menu .second_nav{grid-template-columns: repeat(2,150px);grid-template-rows: repeat(2,150px);grid-gap: 10px;}
	#head .head_content .list_content #menu .second_nav > li{font-size: 16px;}
}

@media screen and (min-width:1200px) and (min-height:700px) and (max-height:849px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.8;}

}

@media screen and (min-width:1200px) and (min-height:850px) {
	#head .head_content .list_content #menu .first_nav {--scale: 1;}
}

@media screen and (max-width:499px) and (max-height:399px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
}

@media screen and (max-width:499px) and (min-height:400px) and (max-height:449px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.5;}
}

@media screen and (max-width:499px) and (min-height:450px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.6;}
}

@media screen and (min-width:500px) and (max-width:749px) and (max-height:399px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.4;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:400px) and (max-height:449px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.6;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:450px) and (max-height:499px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.7;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:500px) and (max-height:549px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.8;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:550px) and (max-height:599px) {
	#head .head_content .list_content #menu .first_nav {--scale: 0.9;}
}

@media screen and (min-width:500px) and (max-width:749px) and (min-height:600px) {
	#head .head_content .list_content #menu .first_nav {--scale: 1;}
}

#idx_main .cover{position: relative;background: rgba(0,0,0,0.8);width: 100%;height: 100vh;max-height: 1042px;z-index: 1;}

#idx_main .cover .gif{
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}


#idx_main .cover .cover_text{display: flex;width: 100%;height: 100%;align-items: center;justify-content: center;color: #fff;text-align: center;}
#idx_main .cover .cover_text .logoImg{position: relative;}
#idx_main .cover .cover_text p{font-size: 1.5rem;line-height: 1.15em;letter-spacing: 3px;}
#idx_main .cover .cover_text p b{font-weight: normal;}
#idx_main .cover .cover_text p b span{font-size: 2.4rem;}
#idx_main .cover .cover_text p .red{color: #ed1c24;}
#idx_main .cover .cover_text .em{margin-left: -0.46rem;font-size: 0.42rem;font-weight: 200;letter-spacing: 0.32rem;word-break: break-all;}
#idx_main .cover .cover_text .logoImg b{
	position: absolute;top: 0;left: 0;z-index: -1;opacity: 0.1;transition: transform 1500ms cubic-bezier(.17, .86, .73, .14);transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);}
#idx_main .cover .cover_text .logoImg b:nth-child(1){position: relative;z-index: 14;opacity:1}
#idx_main .video{position: fixed;top: 0;width: 100vw;height: 100vh;z-index: 0;}
#idx_main .video .img{position: relative;width: 100%;height: 100vh;background: url(../image/idx_bg.png)no-repeat center top;}
#idx_main .video .img img{display: none;}
@media only screen and (max-width:1400px){
	#idx_main .cover .cover_text .em{margin-left: -0.6rem;}
}
@media only screen and (max-width:750px){

}
@media only screen and (max-width:480px){
	#idx_main .cover .cover_text{align-items: initial;justify-content: initial;position: relative;}
	#idx_main .cover .cover_text > div{position: absolute;left: 50%;top: 45.5%;transform: translate(-50%,-50%);}
	#idx_main .cover .cover_text p{font-size: 42px;}
	#idx_main .cover .cover_text .em{font-size: 14px;letter-spacing: 10.6px;margin: 4px 0 0 -9px;}
	#idx_main .video .img{background: none;}
	#idx_main .video .img img{display: block;position: absolute;left: 50%;top: 50%;width: auto;max-width: initial;height: auto;transform: translate(-50%,-50%);}
}
@media only screen and (max-width:400px){
	#idx_main .cover .cover_text p{font-size: 36.4px;}
	#idx_main .cover .cover_text .em{font-size: 14px;letter-spacing: 8.2px;margin: 4px 0 0 -9px;}
}
@media only screen and (max-width:320px){
	#idx_main .cover .cover_text p{font-size: 30px;}
	#idx_main .cover .cover_text .em{font-size: 14px;letter-spacing: 5.4px;margin: 4px 0 0 -9px;}
}




.foot{position: relative;padding: 13.7% 0 4.5%;z-index: 1;background: #000 url(../image/ft_bg.jpg)no-repeat center bottom/contain;color: #fff;}
footer.bg_blue .foot{background: #000 url(../image/ft_blue_bg.jpg)no-repeat center bottom/contain;}
.foot .lf_part .mid_img{margin-top: 6%;padding-left: 146px;position: relative;}
.foot .lf_part .mid_img > img{margin-left: -48px;width: 400px;}
.foot .lf_part .mid_img > div{position: absolute;left: 30px;bottom: -26px;font-weight: 300;font-size: 14px;}
.foot .rt_part{padding-right: 4.2%;width: calc(94% - 595px);width: -webkit-calc(94% - 595px);box-sizing: border-box;}
.foot .rt_part .ft_nav {margin-top: 15px;}
.foot .rt_part .ft_nav ul{text-align: right;}
.foot .rt_part .ft_nav ul li{display: inline-block;margin-left: 5.3%;font-size: 16px;font-weight: 500;transition: all .3s linear;}
.foot .rt_part .ft_nav ul li:nth-child(1){margin-left: 0;}
.foot .rt_part .ft_nav ul li:hover{transform: translateY(-15%);color: #606060;}
.foot .rt_part .next_wrap{margin-top: 7.5%;}
.foot .rt_part .next_wrap > .flx_w{flex-wrap: nowrap;}
.foot .rt_part .item {font-size: 15px;font-weight: 300;}
.foot .rt_part .item ul{max-width: 286px;}
.foot .rt_part .item ul li{margin-top: 11px;word-break: break-word;}
.foot .rt_part .item ul li.name{font-size: 21px;}

.foot .rt_part .item:nth-child(2){margin-left: 10px;}
.foot .rt_part .item .share{margin-top: 15px;text-align: right;}
.foot .rt_part .item .share a{display: inline-block;margin-left: 55px;}
.foot .rt_part .item .share a:nth-child(1){margin-left: 0;}
.foot .rt_part .item .share #wechat img:nth-child(2){position: absolute;right: 120%;bottom: 120%;width: 130px;height: 130px;max-width: initial;}
.foot .rt_part .item .share i{display: inline-block}
.foot .rt_part .item:nth-child(2) .hd{margin: 0 0 0 auto;max-width: 286px;}
.foot .rt_part .item:nth-child(2) ul{margin: 0 0 0 auto;}
@media only screen and (max-width:1350px){
	.foot .rt_part{padding-right: 0;}
}
@media only screen and (max-width:1200px){
	.foot .lf_part .mid_img{padding-left: 3%;}
	.foot .rt_part{width: calc(96% - 427px);width: -webkit-calc(96% - 427px);}
	.foot .rt_part .item:nth-child(1){margin-left: 0;}
	.foot .rt_part .item ul li.name{font-size: 18px;}
	.foot .rt_part .item .share a{margin-left: 10%;}
}
@media only screen and (max-width:1000px){
	.foot{padding: 10% 0 4.5%;}
	.foot .rt_part .next_wrap > .flx_w{flex-wrap: wrap;justify-content: flex-end;}
	.foot .rt_part .item{width: 100%;}
	.foot .rt_part .item ul{max-width: initial;}
	.foot .rt_part .item:nth-child(2){margin: 7.5% 0 0;}
	.foot .rt_part .item:nth-child(2) .hd{max-width: initial;}
	
	.foot .rt_part .item .share i{width: 35px;}
	.foot .rt_part .item .share a:nth-child(2) i{width: 70px;}
}
@media only screen and (max-width:768px){
	.foot .lf_part{width: 280px;}
	.foot .rt_part{width: calc(96% - 280px);width: -webkit-calc(96% - 280px);}
	.foot .rt_part .ft_nav ul li{font-size: 16px;}
	.foot .rt_part .item .share #wechat img:nth-child(2){width: 120px;height: 120px;}
}
@media only screen and (max-width:480px){
	.foot .rt_part{width: 100%;}
	.foot .rt_part .ft_nav{display: none;}
	.foot .lf_part{margin: 0 auto;width: 290px;}
	.foot .lf_part .mid_img{margin-top: 0;padding: 0;text-align: center;}
	.foot .lf_part .mid_img > div{display: none;}
	.foot .lf_part .top_img{display: none;}
	.foot .lf_part .top_img img{width: 160px;}
	.foot .rt_part .next_wrap > .flx_w{justify-content: center;}
	.foot .rt_part .item{max-width: 250px;}
	.foot .rt_part .item ul li.name{font-size: 15px;white-space: nowrap;letter-spacing: 4px;text-align: center;}
	.foot .rt_part .item .share{margin: 0 0 15px;width: 100%;text-align: center;display: flex;order: -1;justify-content: space-between;}
	.foot .rt_part .item .share i{right: auto;left: 0;width: 26px;}
	.foot .rt_part .item .share #wechat img:nth-child(2){width: 86px;height: 86px;right: auto;left: 0;}
	.foot .rt_part .item:nth-child(2){display: flex;flex-wrap: wrap;}
	.foot .rt_part .item:nth-child(2) .hd{width: 100%;}
	.foot .rt_part .item:nth-child(2) ul{width: 100%;}
}