.m-banner h1 { font-size: 28px; line-height: 40px; margin-bottom: 3px; }
.m-banner h3{ color: #fff; margin-bottom: 10px; letter-spacing: 0; font-size: 16px; line-height: 22px; }
.m-banner a span { font-size: 12px; line-height: 17px; margin: 0; color: #fff; display: inline-block; }
.m-banner .uk-position-bottom-left{ bottom: 15%; }

.m-banner .uk-dotnav > * > * {
    display: block;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: transparent;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    transition: 0.2s ease-in-out;
    transition-property: background-color, border-color;
    border: none;
    background-color: rgba(255, 255, 255, .5);
    transition: all 0.5s;
}
.m-banner .uk-light .uk-dotnav > .uk-active > *, .uk-section-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-section-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-primary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-tile-secondary:not(.uk-preserve-color) .uk-dotnav > .uk-active > *, .uk-card-primary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-primary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-card-secondary.uk-card-body .uk-dotnav > .uk-active > *, .uk-card-secondary > :not([class*='uk-card-media']) .uk-dotnav > .uk-active > *, .uk-overlay-primary .uk-dotnav > .uk-active > *, .uk-offcanvas-bar .uk-dotnav > .uk-active > * {
    background-color: rgb(255, 255, 255);
    border-color: transparent;
}
.m-banner .uk-dotnav > * {
    flex: none;
    padding-left: 0;
    margin-right: 10px;
}

.m-banner .uk-dotnav{ margin-bottom: -5px }

.uk-position-medium {
    margin: 24px;
}

.m-bottom-logo img { width: 36vw; }

/* 新增手机底部折叠导航 */
.m-footnav{ margin-bottom: 30px; }
.m-footnav .uk-nav-default > li > a{ font-size: 14px; color: #222; line-height: 46px; padding: 0; margin: 0; }
.m-footnav .uk-nav-default > li{ position: relative; border-bottom: #ddd 1px solid; }
.m-footnav .uk-nav-default > li:after{
    display: block;
    content: '';
    position: absolute;
    bottom: 0;
    left: 20px;
    right: 20px;
    height: 1px;
    width: auto;
    opacity: .5;
}

.m-footnav .uk-nav-default .uk-nav-sub a {
    color: #444;
    line-height: 34px;
    font-size: 12px;
    padding: 0;
}
.m-footnav .uk-nav-sub{ padding:0 0 15px 14px; }
.m-footnav .uk-nav-parent-icon > .uk-parent > a::after {
    width: 1.2em;
    height: 46px;
    background-image: url(../images/arrow-right3.svg);
    transition: all 0.5s;
}
.m-footnav .uk-nav-parent-icon > .uk-parent.uk-open > a::after {
    transform: rotate(90deg);
}

.m-footer{ background-color: #f7f7f7; padding: 60px 0 0; }

.m-icon-link{ margin: 0; padding: 0; }
.m-icon-link li { list-style: none; display: inline-block; margin-right: 25px; position: relative; }
.m-icon-link li:after { 
	content: '';
	width: 1px;
	height: 14px;
	position: absolute;
	right: -15px;
	top: 50%;
	transform: translateY(-50%);
	background-color: #dad8d2;
 }
.m-icon-link li:last-child:after{ background-color: #f7f7f7; }
.m-icon-link li a { color: #6a6a6a; }
.m-icon-link li a:hover{ text-decoration: none; }
.m-icon-link li a i { font-size: 14px; }
.m-icon-link li i.icon-icon-email { font-size: 12px!important; }

.m-copyright{ padding: 13px 0; background-color: #e8e8e8; margin-top: 20px; }
.m-copyright p { margin: 0; text-align: center; font-size: 12px; color: #6a6a6a; }

/* 导航下拉 */
.m-header{ height: 54px; }
.m-logo { position: fixed; left: 24px; top: 10px; z-index: 1001; }
.mobile-menu{ display: block; position: fixed; right: 0; top: 0; width: 54px; height: 54px; z-index: 1001; border: none; background: none; }
.menu-i { height: 3px; right: 20px; position: absolute; border-radius: 1px; font-style: normal; background-color: #000; display: block; transition: all 0.5s; }
.menu-i-1 { width: 25px; top: 18px; }
.menu-i-2 { width: 15px; top: 26px; }
.menu-i-3 { width: 25px; top: 34px; }
.mobile-menu-on { z-index: 1001; }
.mobile-menu-on .menu-i-1{ transform:translateY(8px) rotate(45deg); background-color: #fff; }
.mobile-menu-on .menu-i-2{ opacity: 0; }
.mobile-menu-on .menu-i-3{ transform:translateY(-8px) rotate(-45deg); background-color: #fff; }

.nav-open-noscroll {
    overflow: hidden!important;
    height: 100%;
}

.mobile-nav-model{ 
    background: #fff; 
    width: 100vw; 
    height: 100vh; 
    position: absolute;
    top: 0;
    left: 0;
    display: none; 
    box-shadow: none!important;
    z-index: 1000;
    overflow-y: auto 
}
.mobile-nav-model .uk-close { color: #fff; }
.m-body{  height: 100vh; overflow-y: auto; background-color: #ff4d00; }
.m-body ul{ 
    padding-left: 0;
}
.m-body ul li{ 
    list-style: none; 
    transition: all; 
    opacity: 0;
    -webkit-transform: translateY(10px);
    -ms-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 400ms ease,-webkit-transform 400ms ease;
    transition: opacity 400ms ease,-webkit-transform 400ms ease;
    -o-transition: transform 400ms ease,opacity 400ms ease;
    transition: transform 400ms ease,opacity 400ms ease;
    transition: transform 400ms ease,opacity 400ms ease,-webkit-transform 400ms ease;
}
.m-body ul li a{
    display: block; 
    color: #fff; 
    font-size: 20px;
    line-height: 48px;
    letter-spacing: 0.1em; 
    -webkit-tap-highlight-color: rgba(0,0,0,0);}
.m-body ul li a:hover{ 
    text-decoration: none; 
    color: rgba(0,0,0,.4);
}
.mnav-li-visible{ opacity: 1!important; transform: translateY(0)!important;  }

.language{
    color: #999;
}
.language a{
    font-size: 14px;
    color: #666;
}