h @charset "utf-8";
/* CSS Document */
body{
	font-size:12px;
	font-weight:normal;
	color:#000000;
	line-height:1.5;
	font-family: CNLight;
	margin:auto
}
@font-face
{
	font-family: CNMedium;
	src: url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/CN-Medium.otf'),
	url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/CN-Medium.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family:CNLight;
	src: url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/CN-Light.otf'),
	url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/CN-Light.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: anton;
	src: url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/anton.woff.ttf'),
	url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/anton.woff.ttf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: DIN;
	src: url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/DIN-Bold.otf'),
	url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/DIN-Bold.otf'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: DINMED;
	src: url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/DIN-MEDIUM.OTF'),
	url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/DIN-MEDIUM.OTF'); /* IE9+,可以是具体的实际链接 */
}
@font-face
{
	font-family: Source;
	src: url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/Source-Han-Serif-CN-Bold.ttf'),
	url('https://doldaocloud-backup.oss-cn-shanghai.aliyuncs.com/zedddesign/font/Source-Han-Serif-CN-Bold.ttf'); /* IE9+,可以是具体的实际链接 */
}
*{
	margin:0;
	padding:0;
	box-sizing: border-box;
	}
img{
	border:0;
	}
ul,li{
	list-style:none;
	}
a{
	color:#000000;
	text-decoration:none;
	transition: all 0.6s;
	}
a:hover{
	color:#0055a8;
	text-decoration: none;
	}
table{ 
	margin: auto;
	}
i{ font-style:normal}
em{ font-style:normal}
/* 滚动条
 *********************************************************/
::-webkit-scrollbar {
  /* width: 15px; */
  /* width: 9px; */
  width: 6px;
  height: 6px;
  padding-right: 10px;
}

::-webkit-scrollbar-button {
  display: none;
}

::-webkit-scrollbar-track-piece {
  /* width: 15px;
  background: #f7f7f7;
  border-radius: 0px 4px 4px 0px; */
  border-radius: 10px;
  background-color: #eee;
}

::-webkit-scrollbar-thumb {
  /* width: 9px;
  background: #c6c6c6;
  opacity: 1;
  border-radius: 5px; */
  /* border: 4px solid #F7F7F7; */
  border-radius: 10px;
  background-color: #000000;
}

@keyframes animateTop{
    0%{ transform: translateY(500%);opacity: 0;}
    100%{ transform: translateY(0); opacity: 1; }
}
@-moz-keyframes animatedTop {
    0%{ -moz-transform: translateY(500%);opacity: 0; }
    100%{ -moz-transform: translateY(0);opacity: 1;}
}
@-webkit-keyframes animatedTop {
    0%{ -webkit-transform: translateY(500%);opacity: 0; }
    100%{ -webkit-transform: translateY(0); opacity: 1;}
}
@-ms-keyframes animatedTop {
    0%{ -ms-transform: translateY(500%);opacity: 0; }
    100%{ -ms-transform: translateY(0); opacity: 1;}
}


/*底部开始*/
.foot_top{cursor: pointer;position: absolute;left: 50%;width: 50px;height: 25px;margin-left: -25px;bottom: 0;z-index: 5;}
.footer{width: 100%;position: static;z-index: 300;left: 0;bottom: 0;height: 0;overflow: hidden;z-index: 8888;}
.footer.foot_show{height: 475px;overflow: visible;}
.footer.foot_show .foot_top{background-image: url(../images/index6Arrow2.png);bottom: auto;top: -25px;}

.footTop{opacity: 0;-webkit-transform:translateY(150px);-moz-transform:translateY(150px);transform:translateY(150px);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;}


.footBottom{width: 100%;height: 40px;line-height: 40px;border-top: 1px solid #1a1a1b;text-align: center;font-size: 12px;}
.footBottom *{display: inline-block;vertical-align: middle;color: #666;}
.footBottom .cnzz{padding-left: 30px;}
.footer.foot_show .footTop{opacity: 1;-webkit-transform:translateY(0px);-moz-transform:translateY(0px);transform:translateY(0px);}

.footer,.foot_top{-webkit-transition: all 0.5s;-moz-transition: all 0.5s;transition: all 0.5s;}
/*底部结束*/

.main{
	width:100%;
	float:left;
	padding:0px 8.333vw;
}
.header.yanse01 .aa{
	display:none;
}
.header.yanse .pic02{
	display:inline-block;
}
.header.yanse .pic01{
	display:none;
}
.header.yanse{
border:1px solid var(--30,rgba(255,255,255,0.30));
background:var(--30,rgba(0,0,0,0.10));
}
.header.yanse a{ color:#FFF;}
.header .pic01{
	display:inline-block;
}
.header .pic02{
	display:none;
}
.header{
	width: auto;
	height:60px;
	background-color:rgba(255,255,255,0.30);
	border:1px solid rgba(255,255,255,0.60);
	border-radius:35px;
	position:fixed;
	top:40px;
	right:40px;
	z-index:1111;
	font-size:18px;
	padding:0px 15px;
	backdrop-filter:blur(5px);
}
.header.ny{
background-color:rgba(255,255,255,0.80);
}
.top{
	display:flex;
	align-items: center;
	height:60px;
	transition: all 0.6s;
	position:relative;
	overflow:hidden;
	width:160px;
}
.top a{
	margin-left:20px;
	margin-right:20px;
	display:flex;
	justify-content: space-around;
	align-items: center;
}
.top .aa{
	position:absolute;
	right:-200px;
	display:flex;
	transition: all 0.6s;
}
.top:hover{
	width:320px;
}
.top:hover .aa{
	right:0px;
}

.header img{
	max-height:27px;
}
.index01{
	width: 100%;
	float: left;
}

.index02{
	width: 100%;
	float: left;
	background-position:center;
	background-repeat:no-repeat;
	background-size: cover;
	position:relative;
}
.index02 .tpic{
	width:100%;
	height:100%;
	float:left;
}
.index02 .tpic img{
	width:100%;
	height:100%;
	display:block;
}
.index02 .tpic video {
  width: 100%;
  height: 100%;
  object-fit: fill;
}
.index02 .what{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index02.active .what{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}
.what{
	width:33.33%;
	height:100%;
	flex-direction: column;
    display: flex;
    justify-content: space-between;
	position:absolute;
	right:0;
	top:0;
	z-index:1111;
	background:rgba(255,255,255,0.10);
	backdrop-filter:blur(12.5px);
	
}
.what .a1{
	background:rgba(255,255,255,0.10);
	width:100%;
	padding:0 4.6875vw;
	display: flex;
	font-size:48px;
	align-items: center;
	line-height:58px;
	text-transform:uppercase;
	height:30vh;
	font-family:DINMED;
}

.what .a2{
	width:100%;
	background: rgba(255,255,255,0.10);
	padding:0 4.6875vw;
	display: flex;
    justify-content: space-between;
	align-items: center;
	height:23.3333vh;
	border-top: 2px solid rgba(255,255,255,0.30);
	
}
.what .a2:hover{
	background: rgba(255,255,255,0.30);
	
}
.what .a2 dl dt{
	font-size:24px;
	line-height:36px;
	font-family:CNMedium;
}
.what .a2 dl dd{
	font-size:14px;
	line-height:20px;
	margin-top:10px;
}
.what .a2 .pic{
	width:180px;
	height:180px;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.what .a2 img{
	max-height:180px;
}
.index03{
	width: 100%;
	float: left;
	/*background-image: url(../img/ab026666.jpg);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
	height:100vh;
}
.index03 .xlogo{
	opacity: 0;
	-webkit-transform:translateY(200px) scale(0.6);
	-moz-transform:translateY(200px) scale(0.6);
	transform:translateY(200px) scale(0.6);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.index03.active .xlogo{
	opacity: 1;
	-webkit-transform:translateY(0px) scale(1);
	-moz-transform:translateY(0px) scale(1);
	transform:translateY(0px) scale(1);
}

.tpic{
	width:100%;
}
.tpic img{
	width:100%;
	height:auto;
	display:block;
}

.xlogo{
	width:100%;
	position:absolute;
	left:0;
	bottom:40px;
	z-index:96;
	padding:0px 8.33vw;
}
.xlogo .xlogo01{
	width:100%;
	height: 86px;
	background: rgba(0,0,0,0.10);
	border-radius: 60px;
	backdrop-filter: blur(12.5px);
	padding:0px 15px;
}
.logopic {
  width: 100%;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  float: left;
  position:absolute;
  left:0;
  top:0;
  z-index:10;
}
.logopic.cur{   z-index:90;}
.logopic img{ opacity:0; transition: all 3.6s;}
.logopic.cur img{ opacity:1}
.logopic.a1{
 
}

.logopic a {
  width: 100%;
  float: left;
  height: 100%;
  transition: all 0.6s;
}

.logopic img {
  width: 100%;
  height: 100vh;
  display: block;
transition: all 1s ease;
}

.hr {
 transition: all 1s ease;
}

.logopic:hover,
.logopic:hover a,
.logopic:hover img,
.hr:hover {
  /* 添加鼠标悬停时的效果 */
  /* 在这里添加您希望的样式变化 */
}
.index04{
	width: 100%;
	float: left;
}
.index04 .incase{
	opacity: 0;
	-webkit-transform:translateY(200px) scale(0.6);
	-moz-transform:translateY(200px) scale(0.6);
	transform:translateY(200px) scale(0.6);
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
}
.index04.active .incase{
	opacity: 1;
	-webkit-transform:translateY(0px) scale(1);
	-moz-transform:translateY(0px) scale(1);
	transform:translateY(0px) scale(1);
}


.incase{
	width:100%;
	float:left;
}
.incase ul{
	display:flex;
	flex-wrap: wrap;
}
.incase ul li{
	width:33.3333%;
	height:50vh;
	overflow:hidden;
	position:relative;
}
.incase ul li img{
	width:100%;
	height:50vh;
	display:block;
	transition: all 0.6s;
}
.incase ul li .tex{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	background: rgba(255,255,255,0.50);
	backdrop-filter: blur(12.5px);
	display: flex;
    justify-content: center;
	align-items: center;
	opacity:0;
	transition: all 0.6s;
	z-index:111;
}

.incase ul li .tex dl dt{
	font-size:16px;
	text-align:center;
	margin-bottom:30px;
	
}
.incase ul li .tex dl dt img{ width: auto;max-width:100%; height:56px;  margin:auto;}
.incase ul li .tex dl dd.alfbt{
	font-size:16px;
	text-align:center;
	font-family: CNLight;
	font-weight:normal;
}
.incase ul li .tex dl dd{
	font-size:32px;
	text-align:center;
	font-family:CNMedium;
}
.incase ul li:hover .tex{
	opacity:1;
	color:#000000
}
.incase ul li:hover img{
	transform: scale(1.05);
}

.index05{
	width: 100%;
	float: left;
}
.index05 .incase{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index05.active .incase{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}



.index06{
	width: 100%;
	float: left;
	/*background-image: url(../img/ab036666.jpg);*/
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position:relative;
}
.index06 .ab-l{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index06.active .ab-l{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}

.index06 .ab-r{
	opacity: 0;-webkit-transform:translateY(200px) scale(0.6);-moz-transform:translateY(200px) scale(0.6);transform:translateY(200px) scale(0.6);-webkit-transition: all 1s;-moz-transition: all 1s;transition: all 1s;
}
.index06.active .ab-r{opacity: 1;-webkit-transform:translateY(0px) scale(1);-moz-transform:translateY(0px) scale(1);transform:translateY(0px) scale(1);}

.ab-l{
	width:28.125%;
	height:100%;
	float:left;
	margin-left:8.333vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	font-size:36px;
	line-height:54px;
}
.ab-l div{
	width:100%;
}
.ab-l h1{
	display:flex;
	align-items: center;
	font-size:16px;
}
.ab-l h1 i{
	margin-right:28px;
	width:40px;
	height:2px;
	background-color:#266de1;
}
.ab-l h2{
	margin-top:16px;
	font-size:64px;
	line-height:78px;
	font-family: DIN;
	font-weight: normal;
	margin-bottom:60px;
	text-transform:uppercase;
}
.ab-l .more{
	display:flex;
	margin-top:70px;
}
.ab-l .more a{
	width: 48px;
	height: 48px;
	border:1px solid #000000;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	font-size:14px;
	color:#000000;
	overflow:hidden;
	position:relative;
	transition: all 0.6s;
}
.ab-l .more a span{
	position:absolute;
	left:-90px;
	width:90px;
	text-align:center;
	display: flex;
	align-items: center;
	justify-content: center;
	line-height:48px;
	transition: all 0.6s;
}
.ab-l .more a:hover{
	width:150px;
	border-radius:35px;
}
.ab-l .more a:hover span{
	left:10px;
}
.ab-l .more a:hover i{
	margin-left:80px;
}
.ab-l .more a i{
	width:11px;
	height:11px;
	background-image:url(../img/jt.png);
	background-position: center;
	background-repeat:no-repeat;
	margin-top:-1px;
}
.ab-r{
	width:33.333%;
	height:100%;
	background: rgba(255,255,255,0.10);
	backdrop-filter: blur(12.5px);
	position:absolute;
	top:0;
	right:0;
	z-index:111;
}
.ab-r01{
	width:100%;
	float:left;
	padding:7.3vw 4.6875vw;
	padding-bottom:0px;
	font-size:16px;
	line-height:32px;
	color:#000000;
	position:relative;
}
.ab-r01 h1{
	font-size:48px;
	line-height:58px;
	font-weight:normal;
	color:#000000;
	font-family: DINMED;
}
.ab-r01 h2{
	margin-top:10px;
	font-size:32px;
	line-height:48px;
	font-weight:normal;
	color:#000000;
	margin-bottom:60px;
}
.ab-r02{
	width:100%;
	height: 22.325vh;
	background: #d6e7fb url(../img/abj01.png) no-repeat center;
	position: absolute;
	bottom:0;
	left:0;
	z-index:1;
}
.nybanner{
	width:100%;
	float:left;
	position:relative;
}
.nybanner img{
	width:100%;
	height:auto;
	display:block;
}
.nybanner .tex{
	width:100%;
	position:absolute;
	padding:0px 8.33vw;
	left:0;
	top:0;
	height:100%;
	display: flex;
	align-items: center;
}
.nybanner .tex div{
	width:43.125%;
	background: rgba(0,0,0,0.10);
	backdrop-filter: blur(12.5px);
	padding:80px;
	font-size:16px;
	line-height:24px;
	color:#FFF;
}
.nybanner .tex div h1{
	font-size:36px;
	line-height:54px;
	font-weight:normal;
	margin-bottom:40px;
}
.nybanner .tex div .hqu{
	display:flex;
	margin-top:60px;
}
.nybanner .tex div .hqu a{
	width: 226px;
	height: 58px;
	border: 1px solid #ffffff;
	border-radius: 30px;
	display: flex;
	align-items: center;
	justify-content:center;
	font-size:14px;
	color:#FFF;
	transition: all 0.6s;
}
.nybanner .tex div .hqu a i{
	width:11px;
	height:11px;
	margin-left:10px;
	background-image:url(../img/jt.png);
	background-position:center;
	background-repeat:no-repeat;
}
.nybanner .tex div .hqu a:hover{
	background: linear-gradient(258deg,#f0922e 0%, #e43a2b 100%);
	border:0px;
}


.foot{
	width: 100%;
	float: left;
	background-color:#FFF;
	padding:100px 8.33vw;
}
.dblogo{
	width:100%;
	float:left;
}
.dblogo img{
	max-width:12vw;
}
.foot01{
	width: 100%;
	float: left;
	margin-top:75px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot01 .lx{
	width:auto;
}
.foot01 .lx .a1{
	width:100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.foot01 .lx .a1 img{
	margin-right:24px;
	height:120px;
}
.foot01 .lx .a1 dl dt{
	font-size:36px;
	line-height:44px;
	margin-bottom:10px;
	font-family: DINMED;
	font-weight:normal;
}
.foot01 .lx .a1 dl dd{
	font-size:12px;
	line-height:16px;
	margin-top:10px;
}


.foot01 .lx .a2{
	width:100%;
	margin-top:20px;
	font-size:12px;
	line-height:16px;
	color:#999;
}

.foot01-r{
	width: auto;
	font-size:32px;
	line-height:48px;
	color:#666;
	font-family:CNLight;
}
.foot01-r h1{
	font-size:40px;
	line-height:60px;
	color:#333;
	font-weight:normal;
}
.foot01-r .a1{
	display:flex;
	justify-content: space-between;
	margin-top:20px;
}


.altit{
	width:100%;
	float:left;
	margin-top:80px;
}
.altit dl dt{
	font-size:40px;
	line-height:60px;
	text-align:center;
	font-family: cnm;
}
.altit dl dd{
	margin-top:20px;
	text-align:center;
	font-size:20px;
	line-height:30px;
	font-family: siyun;
}
.sm{
	width:100%; 
	float:left;
	display:flex;
	justify-content:center;
	font-family: siyun;

}
.sm div{
	
	font-size:24px;
	line-height:43px;
	text-align:center;
	width:1200px;
	margin:auto;
	margin-top:40px;
}
.sm img{
	max-width:100%;
}
.alpic{
	width:100%;
	float:left;
	margin-top:0px;
	justify-content:center;
}
.alpic img{
	width:100%;
	max-width:100%;
	height:auto;
	display:block;
}
.inmore2{
	width:100%;
	float:left;
	margin-top:45px;
	display:flex;
	justify-content: center;
}
.inmore2 a{
	width: 198px;
	height: 58px;
	display: flex;
	align-items: center;
	justify-content: center;
	color:#fff;
	transition: all 0.6s;
	background: linear-gradient(246deg,#f0922e 0%, #e43a2b 100%);
	border-radius: 30px;
	box-shadow: 0px 30px 60px 0px rgba(57,57,57,0.10); 
}
.inmore2 a i{
	width:11px;
	height:11px;
	margin-left:10px;
	background-image:url(../img/jt02.png);
	background-position:center;
	background-repeat:no-repeat;
}

.inback{
	width: 50px;
	position:fixed;
	right:40px;
	top:105vh;
	z-index:99999;
}
.inback.yingc666{ display:none}
.inback ul li{
	width:100%;
	float:left;
	margin-top:10px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.inback ul li a{
	width:100%;
	height:50px;
	background: rgba(255,255,255,0.80);
border: 1px solid #F2F2F2;
	border-radius: 50%;
	backdrop-filter: blur(12.5px);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.6s;
}
.inback ul li a:hover{
	background:#fff;
	border: 1px solid #F2F2F2;
}
.inback ul li a em{
	width:17px;
	height:16px;
	background-image:url(../img/fhsyy.svg);
	background-position:center;
	background-repeat:no-repeat;
}
.inback ul li a:hover em{
	background-image:url(../img/fhsyy.svg);
	background-position:center;
	background-repeat:no-repeat;
}
.inback ul li a i{
	width:17px;
	height:16px;
	background-image:url(../img/fhdb.svg);
	background-position:center;
	background-repeat:no-repeat;
}
.inback ul li a:hover i{
	background-image:url(../img/fhdb.svg);
	background-position:center;
	background-repeat:no-repeat;
}



.showvideo {
	width: 100%;
height: 100%;
	position: relative;

}

#video2 {
	width: 100%;
	height: 100%;
}

#video1 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	/* z-index: -10; */
}












.mart60{
	margin-top:60px;
}
.mart100{
	margin-top:100px;
}
.mart70{
	margin-top:70px;
}
.mart30{
	margin-top:30px;
}
.mart20{
	margin-top:20px;
}



.pc{
	display: block;
}
.moblie{
	display: none;
}
.footer{position: absolute;}
.footer.foot_show{}
.search input[type="text"]{color: #fff;}
.header2{
	display: none;
}