body{
    font-family: "HarmonyOS_Sans_SC";
}


@font-face {
    font-family: HarmonyOS_Sans_SC_Bold;
    src: url('../css/font/HarmonyOS_Sans_SC_Bold.ttf')format('truetype');
}

@font-face {
    font-family: HarmonyOS_Sans_SC;
    src: url('../css/font/HarmonyOS_Sans_SC_Regular.ttf')format('truetype');
}

@font-face {
    font-family: RousseauDeco;
    src: url('../css/font/Rousseau-Deco-2.ttf')format('truetype');
}
.warp{
    position: relative;
    height: 100px;
}

.wrap_head{
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 100px;
    transition-property:height;
	transition-duration:0.5s;
	-webkit-transition-property:height;
	-webkit-transition-duration:0.5s;
    z-index: 2;
    background: #fff;
}

/* .submenu_show{ 
    height: 495px;
  } */
.head_con{
    padding: 0 40px;
    display: flex;
    justify-content: space-between; 
}

.menu_list{
    cursor: pointer;
    display: block;
}

.menu_list .menu_item {
    display: inline-block;
    /* margin: 0 40px; */
    position: relative;
    padding: 25px 40px;
 
}

.menu_list .menu_item:last-child{
    margin-right: 0;
}

.menu_list .menu_item .txt {
    display: block;
    font-size: 16px;
    line-height: 50px;
    color: #161519 ;
    position: relative;
    -webkit-transition: color 0.3s linear;
}



.head-bg-big{
    position: fixed;
    top: 100px;
    left: 0;
    right: 0;
    background: #fff;
    height: 0;
    transform: translate(0,0);
    transform-origin: bottom;
    transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    
}

.menu_list:hover .menu_item .head-bg-big{
    height: 350px;
}

.sub_list{
    display: none;
    position: absolute; 
    top:100px; 
    left: 0;
    right: 0;text-align: center; z-index: 2;
    -webkit-animation:a_menu_item_show 0.2s ease-out both;
}

.sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0;}
.sub_list li:hover a{ opacity: 1;}
/* .menu_list .menu_item .txt:hover{  opacity: 1;} */
.menu_list .menu_item .txt:after{ display:block; content:""; height: 1px; width: 100%; position: absolute; bottom: -1px; left: 0px; background: #161519; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #161519; opacity: 1;}
/* .menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.menu_list .menu_item:hover .sub_list{
    display: block;
} */

.menu_list .menu_item .active{
    border-bottom: 1px solid #161915;
}

.icon_menu{
    display: none;
}

/* 
.sub_list{display: none; position: absolute; width:160px; left: 50%; margin-left: -80px; text-align: center; z-index: 2; }

.sub_list li a{ display: block; font-size: 16px; color: #2b2e2e; opacity: 0.7; padding: 13px 0;}
.sub_list li a:hover{ opacity: 1;}

.menu_list .menu_item .txt:hover{  opacity: 1;}
.menu_list .menu_item .txt:after{ display:block; content:""; height: 1px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #161519; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}

.menu_list .menu_item .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #161519; opacity: 1;}
.menu_list .menu_item:hover .txt:after{ transform:scale(1,1); opacity: 1;}
.submenu_show .menu_list .menu_item.sublist_show .sub_list,.head_white .menu_list .menu_item.sublist_show .sub_list{  -webkit-animation:a_menu_item_show 0.2s ease-out both;}
.submenu_show .menu_list .menu_item.sublist_hide .sub_list,.head_white .menu_list .menu_item.sublist_hide .sub_list{ -webkit-animation:a_menu_item_hide 0.15s ease-out both;}
.submenu_hide,.sublist_hide{ pointer-events:none;}  */
@keyframes a_menu_item_show {
	0%{ -webkit-transform:translate(0px,-30px); opacity: 0;}
	100%{  -webkit-transform:translate(0px,0px); opacity: 1;}
}

@keyframes a_menu_item_hide {
	0%{  -webkit-transform:translate(0px,0px); opacity: 1; }
	100%{ -webkit-transform:translate(0px,-30px); opacity: 0; }
}


.jump-but{
    position: relative;
    width: 140px;
    margin: 0 auto;
   
    cursor: pointer;
}

.jump-but1{
    margin: 0 60px 0 0;
}


.jump-but-black{
    margin: 0;
}

.jump-but-black-cen{
    margin: 0 auto;
}

.jump-but .mask-bg{
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    background: #fff;
    transform: translate(0,0);
    transform-origin: bottom;
    transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -webkit-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -moz-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -ms-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
    -o-transition: all .3s cubic-bezier(0.2, 0.0, 0.2, 1);
}

.jump-but-black .mask-bg{
    background: #161519;
}

.jump-but span,.jump-but a{
    position: relative;
    display: inline-block;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 48px;
    background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/arrowW.png) no-repeat center right 20px;
    padding: 0 52px 0 24px;
    transition: 0.8s;
    -moz-transition: 0.8s;
    -o-transition: 0.8s;
    -webkit-transition: 0.8s;
    font-family: "HarmonyOS_Sans_SC_Bold";
}


.jump-but-black span,.jump-but-black a{
    color: #161519;
    background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/arrowB.png) no-repeat center right 20px;
}

.jump-but:hover span,.jump-but:hover a{
    color: #161519;
    background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/arrowB.png) no-repeat center right 20px;
}

.jump-but-black:hover span,.jump-but-black:hover a{
    color: #fff;
    background: url(https://lcdxy.oss-cn-beijing.aliyuncs.com/website/images/arrowW.png) no-repeat center right 20px;
}

.jump-but:hover .mask-bg{
    height: 100%;
    transform: translate(0, 0px);
	-webkit-transform: translate(0, 0px);
	-moz-transform: translate(0, 0px);
	-ms-transform: translate(0, 0px);
	-o-transform: translate(0, 0px);
} 













.footer{
    background: #161519;
}

.footer-main{
    width: 1120px;
    margin: 0 auto;
    padding: 88px 0 80px;
    display: flex;
    justify-content: space-between;
}
.footer-main-left{
    padding: 6px 0 0 40px;
}

.footer-main-left h2{
    font-size: 36px;
    font-family: "HarmonyOS_Sans_SC_Bold";
    color: #FFFFFF;
    line-height: 50px;
}

.footer-main-left .mobile-phone{
    padding: 66px 0 0;
}

.footer-main-left .mobile-phone h6{
    font-size: 18px;
color: rgb(255, 255, 255,.5);
line-height: 25px;
}

.footer-main-left .mobile-phone h3{
    font-size: 30px;
    color: #FFFFFF;
    line-height: 42px;
    padding-top: 14px;
}


.footer-main-rigth h2{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 25px;
}

.footer-jump-url-btn{
    padding-top: 30px;
    display: flex;
}

.footer-main-rigth .mobile-app h6{
    font-size: 18px;
    color: #fff;
    line-height: 25px;
    padding: 70px 0 22px;
}

.footer-main-rigth .mobile-app-ul{
    display: flex;
}

.footer-main-rigth .mobile-app-ul li{
    position: relative;
    margin-right: 26px;
    cursor: pointer;
    
}

.footer-main-rigth .mobile-app-ul li .mobile-app-icon{
    width: 50px;
    height: 50px;
    opacity: .5;
    transition: all 0.5s;
}


.footer-main-rigth .mobile-app-ul li:hover .mobile-app-icon{
    opacity: 1;
}


.footer-main-rigth .mobile-app-ul li .wxQR-code{
    position: absolute;
    width: 160px;
    height: 160px;
    box-sizing: border-box;
    border: 10px solid #fff;
    background: #0B5942;
    top: -160px;
    left: -65px;
    opacity: 0;
    transition: all .3s ;
    pointer-events:none;
    z-index: 1;
 
}

.footer-main-rigth .mobile-app-ul li .wxQR-code img{
	width: 100%;
	height: 100%;
}

.footer-main-rigth .mobile-app-ul li:first-child:hover .wxQR-code{
    opacity: 1;
}

.footer-statement{
    border-top: 1px solid #E8E8E8;
    padding: 30px 0;
    text-align: center;
    opacity: .5;
}

.footer-statement a{
    display: block;
    font-size: 14px;
    color: #fff;
}

.footer-statement a span{
    display: inline-block;
    padding-left: 86px;
}

.mobile-footer{
    display: none;
}


.active-title{
    -webkit-transform: translateY(50px);
    -ms-transform: translateY(50px);
    transform: translateY(50px);
    -webkit-transition: opacity 0.5s, -webkit-transform 0.5s;
    transition: opacity 0.5s, -webkit-transform 0.5s;
    -o-transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s;
    transition: transform 0.5s, opacity 0.5s, -webkit-transform 0.5s;
    opacity: 0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.active-title.on{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.active-left.on{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.active-left{
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.active-down.on{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.active-down{
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.active-right.on{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.active-right{
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}

.active-up.on{
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
}

.active-up{
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: opacity 1s, -webkit-transform 1s;
    transition: opacity 1s, -webkit-transform 1s;
    -o-transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s;
    transition: transform 1s, opacity 1s, -webkit-transform 1s;
    opacity: 0;
    -webkit-transition-delay: 0.25s;
    -o-transition-delay: 0.25s;
    transition-delay: 0.25s;
}