@charset "UTF-8";
body.active{overflow: hidden;}
.mo_headerCon{display: none;}
.mo_childCon{display: none;}
.mo_headerHeight{display: none;}
@media only screen and (max-width: 1200px){    
    .header {
        display: none;
    }
	.mo_headerCon{display: block;}
    .mo_headerHeight{display: block;height: 44px;}
    .mo_childCon{display: block;}
	*{
	    -webkit-tap-highlight-color:transparent;
	    box-sizing:border-box;
	}
}

.mo_headerCon{
	position: fixed;top:0px;left: 0px;right: 0px;z-index: 11;height: 44px;
	background: rgba(0,0,0,0.8);
	overflow-y: hidden;
	max-height: none;
	transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1),height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}
.mo_headerCon.active{height: 100%;background: #000;}
.mo_header{height: 44px;z-index: 2;}

.mo_nav{position: relative;float: left;margin-right: -50px;position: relative;z-index: 2;}
.mo_nav .nav_btn{height: 25px;cursor: pointer;position: relative;overflow: hidden;width:44px;margin-top: 15px;}
.mo_nav .nav_btn span{display: block;height: 2px;width: 16px;background: #fff;border-radius: 2px;position: absolute;top: 6px;right:0px;transition:all 0.5s ease;}
.mo_nav .nav_btn:after{content:"";position: absolute;right: 0px;top: 0px;display: block;width: 16px;height: 2px;background: #fff;border-radius: 2px;
  -webkit-transition:top 0.3s ease 0.2s,-webkit-transform 0.3s ease-out;
    transition:top 0.3s ease 0.2s,-webkit-transform 0.3s ease-out;
    transition:transform 0.3s ease-out,top 0.3s ease 0.2s;
    transition:transform 0.3s ease-out,top 0.3s ease 0.2s,-webkit-transform 0.3s ease-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.mo_nav .nav_btn:before{content:"";position: absolute;right: 0px;top: 12px;display: block;width: 16px;height: 2px;background: #fff;border-radius: 2px;
  -webkit-transition:top 0.3s ease 0.2s,-webkit-transform 0.3s ease-out;
    transition:top 0.3s ease 0.2s,-webkit-transform 0.3s ease-out;
    transition:transform 0.3s ease-out,top 0.3s ease 0.2s;
    transition:transform 0.3s ease-out,top 0.3s ease 0.2s,-webkit-transform 0.3s ease-out;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
}
.mo_nav .nav_btn.active span{opacity: 0;}
.mo_nav .nav_btn.active:after{width:16px;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out 0.2s;
    transition: top 0.3s ease, -webkit-transform 0.3s ease-out 0.2s;
    transition: top 0.3s ease, transform 0.3s ease-out 0.2s;
    transition: top 0.3s ease, transform 0.3s ease-out 0.2s, -webkit-transform 0.3s ease-out 0.2s;
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);top: 8px;
}
.mo_nav .nav_btn.active:before{width:16px;
  -webkit-transition: top 0.3s ease, -webkit-transform 0.3s ease-out 0.2s;
    transition: top 0.3s ease, -webkit-transform 0.3s ease-out 0.2s;
    transition: top 0.3s ease, transform 0.3s ease-out 0.2s;
    transition: top 0.3s ease, transform 0.3s ease-out 0.2s, -webkit-transform 0.3s ease-out 0.2s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);top: 8px;
}
.mo_logo{float: left;width:100%;padding-left:50px;padding-right: 50px;height: 44px;text-align: center;overflow: hidden; }
.mo_logo img{width: 60px;margin-top: 4px;}

.mo_navCon{
    visibility: hidden;position: absolute;left: 0px;top: 44px;right: 0px;bottom:0px;background: rgba(0,0,0,0.9);width: 100%;backdrop-filter: blur(6px);
}
.mo_navCon ul{width:86%;margin:10px auto;}
.mo_navCon ul li{border-bottom: 1px solid #48494c;}
.mo_navCon ul li a{display:block;height: 48px;line-height: 48px;color: #fff;}
.mo_navCon ul li a:hover{color: #4660FF;}
.mo_navCon.active{visibility: visible;}

.mo_searchNav{opacity: 0;position: absolute;top: -44px;left: 0px;width: 100%;background: rgba(0,0,0,1);z-index: 2;}
.mo_s_btn{position: relative;float: left;width: 20px;margin-top: 12px;margin-left: 24px;margin-right: -50px;position: relative;z-index: 2;}
.mo_s_btn svg{width: 100%;}
.mo_s_input{float: left;width:100%;padding-left:50px;padding-right: 50px;height: 44px;text-align: center;overflow: hidden; }
.mo_s_input input{border:0px;background: #000;width: 100%;height: 44px;color: #ccc;}
.mo_s_clock{float: right;width: 16px;margin-top: 13px;margin-right: 26px;margin-left: -50px;position: relative;z-index: 2;}
.mo_s_clock svg{width: 100%;}
.mo_searchNav.active{opacity: 1;top: 0px;}

.mo_searchCon{
    visibility: hidden;position: absolute;left: 0px;top: 44px;right: 0px;bottom:0px;background: rgba(0,0,0,0.9);width: 100%;backdrop-filter: blur(6px);
}
.mo_searchCon dl{width:86%;margin:10px auto;}
.mo_searchCon dl dt{font-size: 12px;color: #ccc;height: 30px;}
.mo_searchCon dl dd{border-bottom: 1px solid #48494c;}
.mo_searchCon dl dd a{display:block;height: 48px;line-height: 48px;color: #fff;}
.mo_searchCon dl dd a:hover{color: #4660FF;}
.mo_searchCon.active{visibility: visible;}

.child_nav{height: 80px;padding:0 44px;display: flex;position: relative;}
.child_nav .mySwiper{overflow: hidden;}
.child_nav .swiper-slide{display: flex;align-items: center;}

.child_nav .swiper-button-next, .child_nav .swiper-button-prev{background: none;width: 15px;display: flex;align-items: center;}
.child_nav .swiper-button-next svg, .child_nav .swiper-button-prev svg{width: 100%;}
.child_nav .swiper-button-next, .child_nav .swiper-container-rtl .swiper-button-prev{right: 15px;}
.child_nav .swiper-button-prev, .child_nav .swiper-container-rtl .swiper-button-next{left: 15px;}

.child_nav a{display: block;}
.child_nav dl{width:72px;text-align: center; }
.child_nav dt img{width: 30px;}
.child_nav dt img.grey{display: inline-block;}
.child_nav dt img.hover{display: none;}
.child_nav dd{color: #888;text-align: center;margin-top: 5px;white-space: nowrap;}
.child_nav a.on dt img.grey{display: none;}
.child_nav a.on dt img.hover{display: inline-block;}
.child_nav a.on dd{color: #000;}


.mo_search{float: right;width: 20px;margin-top: 12px;margin-right: 24px;margin-left: -50px;position: relative;z-index: 2;left: -35px;}
.mo_search svg{width: 100%;}
.mo_langu{float: right;width: 20px;margin-top: 12px;margin-right: 24px;margin-left: -50px;position: relative;z-index: 2;}
.mo_langu svg{width: 100%;}

.mo_languNav{opacity: 0;position: absolute;top: -44px;left: 0px;width: 100%;background: rgba(0,0,0,1);z-index: 2;}
.mo_languNav.active{opacity: 1;top: 0px;}
.mo_languCon{visibility: hidden;position: absolute;left: 0px;top: 44px;right: 0px;bottom:0px;background: rgba(0,0,0,0.9);width: 100%;backdrop-filter: blur(6px);}
.mo_languCon.active{visibility: visible;}
.mo_languCon .mo_languDl{color: #fff;width:86%;margin:0px auto;}
.mo_languCon .mo_languDl a{color: #fff;overflow: hidden;}
.mo_languCon .mo_languDl dt{color: #999999;margin-top: 30px;}
.mo_languCon .mo_languDl dd{padding: 15px 0;border-bottom: 1px solid #272729;}
.mo_languCon .mo_languDl dd span{float: left;}
.mo_languCon .mo_languDl dd b{float: right;font-weight: normal;color: #999999;}