@charset "utf-8";
@font-face {
	font-family: harml;
	src:url('https://data.zdeer.com/website/fonts/HarmonyOS_Sans_SC_Light.ttf');
}
@font-face {
	font-family: harm;
	src:url('https://data.zdeer.com/website/fonts/HarmonyOS_Sans_SC_Regular.ttf');
}
@font-face {
	font-family: harmm;
	src:url('https://data.zdeer.com/website/fonts/HarmonyOS_Sans_SC_Medium.ttf');
}
@font-face {
	font-family: harmb;
	src:url('https://data.zdeer.com/website/fonts/HarmonyOS_Sans_SC_Bold.ttf');
}
@font-face {
	font-family: harmt;
	src:url('https://data.zdeer.com/website/fonts/HarmonyOS_Sans_SC_Thin.ttf');
}
@font-face {
	font-family: DINc;
	src:url('../fonts/TypoPRO-D-DINCondensed.ttf');
}
@font-face {
	font-family: DINe;
	src:url('../fonts/D-DINExp.ttf');
}
@font-face {
	font-family: infram;
	src:url('../fonts/Infra-Medium.otf');
}
@font-face {
	font-family: infrae;
	src:url('../fonts/Infra-ExtraLight.otf');
}
@font-face {
	font-family: infral;
	src:url('../fonts/Infra-Light.otf');
}
@font-face {
	font-family: infrat;
	src:url('../fonts/Infra-Thin.otf');
}
@font-face {
	font-family: infra;
	src:url('../fonts/Infra-Regular.otf');
}
@font-face {
	font-family: infrasb;
	src:url('../fonts/Infra-SemiBold.otf');
}

html{-webkit-text-size-adjust:100%;font-size:5.2083333vw;height:100%;}
*{margin:0;padding:0;}
body{font-family:harm,Arial,sans-serif;margin:0px;padding:0px;margin:0px auto;font-size:0.18rem;color:#000;width:100%;zoom:1;background:#F3F1F0;height:100%;overflow:hidden;}
.HomeIndex{height:100vh;width:100%;position:relative;overflow:hidden;}
ul,li,form,dl,dt,dd,div,ul,li,p,em,i,address{font-style:normal;list-style:none;padding:0px;margin:0px;}
h1,h2,h3,h4,h5,h6{padding:0px;margin:0px;}
select,input,textarea,button{font-size:14px;border-radius:0;-webkit-border-radius:0;color:#000;font-family:Microsoft YaHei,arial,sans-serif;}
input:focus{outline:none;}
input,button,select,textarea{border:0px;outline:none;}
button{cursor:pointer;}
textarea{resize:none;}
img{max-width:100%;border:none;border:0;vertical-align:middle;}
a{color:#000;text-decoration:none;transition:all ease 0.3s;}
a:focus{outline:none;-moz-outline:none;}
a:hover{text-decoration:none;color:#000;}

.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.imgbox{overflow:hidden;position:relative;}
.imgbox span{background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0px;top:0px;width:100%;height:100%;transition:all .5s;-webkit-transition:all .5s;}
.imgbox img{width:auto !important;max-height:100%;}

::-webkit-scrollbar{width:6px;height:6px;background-color:#e6e6e6;}
::-webkit-scrollbar-track{background-color:#e6e6e6;}
::-webkit-scrollbar-thumb{border-radius:10px;background-color:#58504a;}

/* Top Header */
.TopIndex{position:fixed;z-index:990;left:0;top:0;width:100%;}
.Top{padding:0 0.5rem;width:100%;box-sizing:border-box;padding-top:0.4rem;position:fixed;left:0;top:0;z-index:9998;}
.Top .Logo{max-width:1.58rem;line-height:0.6rem;}
.TopIndex .Logo img{display:none;}
.Top .menu_btn{cursor:pointer;}
.Top .menu_btn img{width:0.57rem;height:0.57rem;transition:all 0.3s;}
.TopIndex .menu_btn img{width:0.57rem;height:0.57rem;display:none;}
.Top .menu_btn img:hover{transform:scale(1.1);}

/* Open Header nav */
.Open_Header{position:fixed;top:0;left:0;width:100%;height:100%;z-index:9999;background:url(../images/menubg.jpg) no-repeat top right;background-size:100% 100%;background-color:#7f7f7f;clip-path:circle(0.27rem at calc(100% - 0.775rem) 0.675rem);opacity:0;pointer-events:none;transition:all .5s;-webkit-transition:all .5s;}
.Open_Header .MainNav{padding:0 3.65rem;margin-top:31vh;color:#fff;position:relative;}
.Open_Header .MainNav ul{float:left;}
.Open_Header .MainNav ul li{line-height:0.9rem;font-size:0.25rem;font-family:harml;color:#fff;height:0.9rem;white-space:nowrap;}
.Open_Header .MainNav ul li a{color:#fff;white-space:nowrap;}
.Open_Header .MainNav ul li i{display:inline-block;margin-right:0.2rem;font-family:DINe;}
.Open_Header .MainNav ul li span{transition:all .5s;-webkit-transition:all .5s;}
.Open_Header .MainNav ul li:hover span{font-size:0.4rem;font-family:harmm;}
.Open_Header .MainNav ul li:hover i{font-weight:bold;}
.Open_Header .MainNav ul li.on span{font-size:0.4rem;font-family:harmm;}
.Open_Header .MainNav ul li.on i{font-weight:bold;}
.Open_Header .MainNav .Topcon{position:absolute;right:3.65rem;bottom:0.2rem;}
.Open_Header .MainNav .Topcon a{color:#fff;font-family:'harml';font-size:0.12rem;height:0.2rem;line-height:0.22rem;display:inline-block;letter-spacing:0.5px;margin-right:0.15rem;opacity:0.7;}
.Open_Header .MainNav .Topcon .slogn{font-size:0.2rem;font-family:harml;margin-bottom:0.3rem;}
.Open_Header .MainNav .Topcon .CopyRight{font-size:0.12rem;line-height:0.2rem;opacity:0.7;font-family:harml;}
.Open_Header .MainNav .Topcon .toptel{margin-top:0.5rem;font-family:harml;font-size:0.14rem;line-height:0.22rem;}
.Open_Header.on{pointer-events:auto;clip-path:circle(100%) !important;opacity:1;}

.TopIndex .Top .Logo img{display:none;}
.TopIndex .Top .Logo .img1{display:inline-block;}

/* Swiper slides */
.swiper-container{width:100%;height:100%;}
.HomeIndex .swiper-slide{position:relative;z-index:99;}
.HomeIndex .swiper-slide .img{padding-top:100vh;}
.HomeIndex .swiper-slide .img span.wap{display:none;}
.HomeIndex .swiper-slide .img span{background-position:top center;}
.HomeIndex .swiper-slide .HomeCon{position:absolute;left:1.8rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.HomeIndex .swiper-slide .HomeCon h1{font-family:harml;font-size:0.32rem;font-weight:normal;opacity:0.6;}
.HomeIndex .swiper-slide .HomeCon h2{font-weight:normal;font-size:0.6rem;font-family:harm;margin:0.2rem 0 0.5rem 0;opacity:0.85;}
.HomeMore{width:2.3rem;height:0.46rem;border-radius:4px;text-align:center;line-height:0.46rem;transition:all .5s;-webkit-transition:all .5s;opacity:0.65;}
.HomeMore a{display:block;color:#fff;font-size:0.18rem;letter-spacing:3px;margin-left:6px;}
.HomeMore:hover{opacity:1;}

.HomeIndex .swiper-slide .abouttxt{font-family:harml;color:#fff;font-size:0.28rem;position:absolute;right:0.5rem;bottom:0.6rem;}
.HomeIndex .swiper-slide .abouttxt a{color:#fff;}

.HomeIndex .line{position:absolute;right:0.7rem;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);z-index:999;}
.HomeIndex .line>span{transform:rotate(90deg);display:block;color:#fff;}
.HomeIndex .line .linebox{width:0.05rem;height:1.44rem;border-radius:3px;background:rgba(255,255,255,0.3);position:relative;margin:0.1rem auto;}
.HomeIndex .line .linebox span{display:block;width:0.05rem;height:0;background:#0A57A8;border-radius:3px;position:absolute;top:0;right:0;transition:height 5s linear;-webkit-transition:height 5s linear;}

.HomeIndex .swiper-slide::before{content:'';display:block;width:100%;height:100%;background:rgba(255,255,255,0.5);position:absolute;top:0;left:0;z-index:99;transition:all 1s 0.3s;-webkit-transition:all 1s 0.3s;}
.HomeIndex .swiper-slide.swiper-slide-active::before{opacity:0;z-index:0;}
.HomeIndex .swiper-slide.swiper-slide-active .HomeCon{top:50%;opacity:1;}
.HomeIndex .swiper-slide.swiper-slide-active .line .linebox span{height:100%;}

.HomeCopy{position:absolute;bottom:0.6rem;left:0;color:#fff;font-family:harml;font-size:0.14rem;z-index:999;box-sizing:border-box;padding-left:0.5rem;opacity:0.8;font-size:0.18rem;float:left;font-family:harml;}
.HomeCopy a{color:#fff;}
.HomeCopy span{font-size:0.22rem;}

.HomeIndex .swiper-slide .HomeCon.wap{display:none;}

/* Swiper fade effect overrides for Swiper 3 */
.swiper-slide{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s;}
.swiper-slide-active{opacity:1;}
.swiper-slide-duplicate-active{opacity:1;}

/* Initial HomeMore button color (slide 1) */
.HomeIndex .HomeMore{background:#D79166;}

/* slide 4 special */
.HomeIndex .swiper-slide4 .HomeCon .HomeMore{background:rgba(255,255,255,0.25) !important;opacity:1;}
.HomeIndex .swiper-slide4 .HomeCon .HomeMore a{color:#fff;}

/* Mobile responsive */
@media(max-width:768px){
	html{-webkit-text-size-adjust:100%;font-size:12vw}
	.Top{padding-top:0rem;padding:13px 0.3rem;}
	.TopIndex{background:rgba(0,0,0,0.5);}
	.HomeIndex{height:100vh;}
	.HomeIndex .swiper-slide .HomeCon{left:0;width:100%;text-align:center;top:auto;bottom:10%;transform:translateY(0);-webkit-transform:translateY(0);}
	.HomeIndex .swiper-slide .HomeCon.wap{display:block;}
	.HomeIndex .swiper-slide .HomeCon.pc{display:none;}
	.HomeMore{height:35px;line-height:35px;margin:0 auto;text-align:center;display:flex;align-items:center;justify-content:center;padding-top:2px;}
	.HomeMore a{font-size:14px;}
	.TopIndex .Logo img{display:none !important;}
	.TopIndex .Logo .img3{display:inline-block !important;}
	.Open_Header.on{clip-path:circle(100%) !important;}
	.Open_Header .MainNav{padding:0 0.3rem;margin-top:30px;}
	.Open_Header .MainNav .Topcon{position:static;width:100%;margin-top:30px;display:none;}
	.Open_Header{background-size:contain;background-position:center;}
	.Open_Header .MainNav ul li{line-height:70px;font-size:20px;height:auto;}
	.Open_Header .MainNav .Topcon .slogn{font-size:18px;}
	.HomeIndex .swiper-slide .img span.wap{display:block;}
	.HomeIndex .swiper-slide .img span.pc{display:none;}
	.HomeIndex .swiper-slide.swiper-slide-active .HomeCon{top:auto;bottom:10%;}
	.HomeIndex .line{display:none;}
	.HomeIndex .swiper-slide .abouttxt{display:none;}
	.Top .Logo{max-width:79px;line-height:46px;}
	.TopIndex .menu_btn img{width:46px;height:46px;}
	.Top .menu_btn img{width:46px;height:46px;}
	.HomeCopy{padding:10px;box-sizing:border-box;line-height:25px;font-size:14px;bottom:10px;width:100%;text-align:center;display:none;}
	.Open_Header .MainNav .Topcon a{line-height:20px;height:20px;}
	.Open_Header .MainNav .Topcon .CopyRight{font-size:12px;line-height:20px;}
}