.dji-en .site-header .navbar-nav .nav-link,.dji-zh-CN .site-header .navbar-nav .nav-link,.dji-en .site-header .site-header-wrap .tab-hover>li>a,.dji-zh-CN .site-header .site-header-wrap .tab-hover>li>a{font-family:"Gotham","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif}
.dji-zh-CN .site-header .site-nav-menu .category-item .children .children-list .children-col-2 .child-title{font-weight:600}
.site-header{height:62px;background-color:#fff;border:0;margin:auto;position:relative;z-index: 999;}
.site-header .site-header-container{margin-left:auto;margin-right:auto;max-width:1230px}
.site-header .site-header-container .aside .product-pic{display:inline-block;vertical-align:middle}
.site-header .navbar-header{height:62px;line-height:62px}
.site-header .navbar-header .navbar-brand{display:block;margin-right:18px;padding-right:0}
.site-header .navbar-header .navbar-brand .logo{width:85px;height:auto}
.site-header .navbar-header .icon-bar{background-color:#707473}
.site-header .navbar-header .navbar-toggle{padding-top:13px;margin-right:10px}
.site-header .site-nav-menu .category-item{float:left;font-size:12px;line-height:1}

.site-header .site-nav-menu .category-item a.title{display:inline-block;padding:20px 12px;margin:4px 6px;color:#979797;font-size: 14px;}
.site-header .site-nav-menu .category-item a.title,.site-header .site-nav-menu .category-item .children{-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms}
.site-header .site-nav-menu .category-item .children{position:absolute;width:100%;left:0;height:306px;max-height:0;background-color:#fdfdfd;overflow:hidden;opacity:0;-webkit-box-shadow:0 6px 14px 0 rgba(226,226,226,.5);-moz-box-shadow:0 6px 14px 0 rgba(226,226,226,.5);-ms-box-shadow:0 6px 14px 0 rgba(226,226,226,.5);-o-box-shadow:0 6px 14px 0 rgba(226,226,226,.5);box-shadow:0 6px 14px 0 rgba(226,226,226,.5)}
.site-header .site-nav-menu .category-item .children .container{padding:0}
.site-header .site-nav-menu .category-item .children .children-list{float:left;position:relative;width:600px;height:306px;padding-top:5px;line-height:27px;padding-left:0px}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2,.site-header .site-nav-menu .category-item .children .children-list .children-col-3{float:left}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2 .child-title,.site-header .site-nav-menu .category-item .children .children-list .children-col-3 .child-title{font-weight:500}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2 .split,.site-header .site-nav-menu .category-item .children .children-list .children-col-3 .split{margin-top:13px}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2 .split:before,.site-header .site-nav-menu .category-item .children .children-list .children-col-3 .split:before{content:'';display:block;width:25px;height:1px;background-color:#979797;position:relative;top:-7px}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2 .has-large-img a.link,.site-header .site-nav-menu .category-item .children .children-list .children-col-3 .has-large-img a.link{display:block;padding:6px 0;line-height:1.2}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2 .has-large-img .large-img,.site-header .site-nav-menu .category-item .children .children-list .children-col-3 .has-large-img .large-img{position:absolute;width:500px;left:620px;top:14px;opacity:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:100}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2 .has-large-img:hover .large-img,.site-header .site-nav-menu .category-item .children .children-list .children-col-3 .has-large-img:hover .large-img{opacity:1}
.site-header .site-nav-menu .category-item .children .children-list .children-col-2.children-col-2,.site-header .site-nav-menu .category-item .children .children-list .children-col-3.children-col-2{width:50%}
.site-header .site-nav-menu .category-item .children .children-list .landing-link{position:absolute;bottom:5px}
.site-header .site-nav-menu .category-item .children .children-list .landing-link .icon-menu{display:inline-block;width:9px;height:9px;background:url("/res/web/images/icon-menu.png");background-size:cover}
.site-header .site-nav-menu .category-item .children .children-list .landing-link a{color:#44a8f2;margin-left:5px}
.site-header .site-nav-menu .category-item .children .children-star-goods{float:left;width:600px;padding-top:13px;line-height:0;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-ms-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s;z-index:150;position:relative}
.site-header .site-nav-menu .category-item .children .children-star-goods ul li{float:left;width:300px;height:140px}
.site-header .site-nav-menu .category-item .children .children-star-goods ul li img{height:100%}
.site-header .site-nav-menu .category-item.single{position:relative;white-space:nowrap}
.site-header .site-nav-menu .category-item.single .children{width:auto;height:auto;min-width:100%;max-height:0;-webkit-transition:all 300ms;-moz-transition:all 300ms;-ms-transition:all 300ms;-o-transition:all 300ms;transition:all 300ms;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none}
.site-header .site-nav-menu .category-item.single .children a{display:block;line-height:19px;padding:8px 16px;font-size:12px;color:#979797!important;-webkit-transition:initial;-moz-transition:initial;-ms-transition:initial;-o-transition:initial;transition:initial;text-transform:uppercase}
.site-header .site-nav-menu .category-item.single .children a:hover{color:#fff!important;background-color:#979797;opacity:.7}
.site-header .site-nav-menu .category-item.opened a.title{color:#44a8f2!important}
.site-header .site-nav-menu .category-item.opened .children{max-height:306px;opacity:1;z-index:200}
.site-header .site-nav-menu.active:hover .category-item .children{max-height:306px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
.site-header .site-nav-menu.product-focus .category-item .children .children-star-goods{opacity:0}
.site-header .site-nav-menu .category-item a.title:hover{color:#44a8f2}
.site-header .nav-function{margin-right:0}
.site-header .nav-function .nav-link{font-weight:400;font-size:12px;color:#979797;line-height:30px;padding:15px 10px;display:block;-webkit-transition:color .2s ease-in-out;-moz-transition:color .2s ease-in-out;-ms-transition:color .2s ease-in-out;-o-transition:color .2s ease-in-out;transition:color .2s ease-in-out}
.site-header .nav-function .nav-language{position:relative;min-width:110px}
.site-header .nav-function .nav-language.nav-language-clone{display:none}
.site-header .nav-function .nav-language .fa-angle-down{margin-left:3px}
.site-header .nav-function .nav-language .nav-link{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:space-around;-ms-flex-pack:space-around;-webkit-justify-content:space-around;-moz-justify-content:space-around;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;-moz-align-items:center;align-items:center}
.site-header .nav-function .nav-language a{padding:15px;font-weight:400;font-size:12px;color:#979797;line-height:30px;text-align:center}
.site-header .nav-function .nav-language .dropdown-menu{left:0;text-align:left;min-width:105px}
.site-header .nav-function .nav-language .dropdown-menu a{padding-left:30px;text-transform:uppercase;text-align:left}
.site-header .dropdown-menu{margin:0;padding:0;-webkit-box-shadow:none;-moz-box-shadow:none;-ms-box-shadow:none;-o-box-shadow:none;box-shadow:none;border:none;-webkit-border-radius:0;-moz-border-radius:0;-ms-border-radius:0;-o-border-radius:0;border-radius:0}
.site-header .dropdown-white .dropdown-menu{min-width:100%;display:block;max-height:0;overflow:hidden;opacity:0;-webkit-transition:all 500ms;-moz-transition:all 500ms;-ms-transition:all 500ms;-o-transition:all 500ms;transition:all 500ms}
.site-header .dropdown-white .dropdown-menu a{padding:0;line-height:36px;height:36px;font-family:"Open Sans","Helvetica Neue","Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",Arial,sans-serif;font-weight:400;font-size:12px;color:#979797;background-color:rgba(255,255,255,.7)}
.site-header .dropdown-white .dropdown-menu a .flag{opacity:1!important}
.site-header .dropdown-white .dropdown-menu a:hover{color:#fff;background-color:rgba(151,151,151,.7)}
.site-header .dropdown-white .dropdown-menu a:hover .flag{opacity:1}
.site-header .dropdown-white.open .dropdown-menu,.site-header .dropdown-white.active .dropdown-menu{max-height:500px;opacity:1;visibility:visible}
.header-language{display:none}
@media (max-width:767px){.site-header .navbar-collapse{padding-left:0;padding-right:0;background: #fff;}
    .navbar-lg .navbar-nav{float:none !important;margin:0 -15px}
    .navbar-lg .navbar-nav > li{float:none}
    .navbar-lg .navbar-nav > li > a{padding-top:10px;padding-bottom:10px}
    .site-header .site-nav-menu{margin:0}
    .site-header .site-nav-menu .category-item{float:none}
    .site-header .site-nav-menu .category-item .children{position:relative;max-height:0;display:none}
    .site-header .site-nav-menu .category-item a.title{display:block;padding:3px 20px;font-size:13px;margin:0;line-height:30px;font-weight:300;color:#707473}
    .site-header .site-nav-menu:hover .category-item a.title{color:#707473}
    .site-header .nav-function{margin:0}
    .site-header .nav-function .nav-language{display:none}
    .site-header .navbar-toggle{float:left;padding:10px;width:38px;margin:9px 0 9px 10px}
    .site-header .navbar-toggle .icon-bar{width:16px;background:#6a6d69}
    .site-header .navbar-toggle .icon-bar+.icon-bar{margin-top:4px}
    .site-header .navbar-toggle-site-header{margin-right:5px}
    .site-header .navbar-toggle-site-header .icon-bar{-webkit-transition:all .4s;-moz-transition:all .4s;-ms-transition:all .4s;-o-transition:all .4s;transition:all .4s}
    .site-header .navbar-toggle-site-header .icon-bar:nth-child(2){opacity:0}
    .site-header .navbar-toggle-site-header .icon-bar:first-child{-webkit-transform:matrix(.707107,.707107,-.707107,.707107,0,6);-moz-transform:matrix(.707107,.707107,-.707107,.707107,0,6);-ms-transform:matrix(.707107,.707107,-.707107,.707107,0,6);-o-transform:matrix(.707107,.707107,-.707107,.707107,0,6);transform:matrix(.707107,.707107,-.707107,.707107,0,6)}
    .site-header .navbar-toggle-site-header .icon-bar:last-child{-webkit-transform:matrix(.707107,-.707107,.707107,.707107,0,-6);-moz-transform:matrix(.707107,-.707107,.707107,.707107,0,-6);-ms-transform:matrix(.707107,-.707107,.707107,.707107,0,-6);-o-transform:matrix(.707107,-.707107,.707107,.707107,0,-6);transform:matrix(.707107,-.707107,.707107,.707107,0,-6)}
    .site-header .navbar-toggle-site-header.collapsed .icon-bar{-webkit-transform:none!important;-moz-transform:none!important;-ms-transform:none!important;-o-transform:none!important;transform:none!important;opacity:1!important}
    .site-header .navbar-nav > .nav-language a{color:#707473;font-size:13px;font-weight:300;line-height:20px}
    .site-header .navbar-nav > .nav-language{display:none}
    .header-language{display:block}
}


.navbar .site-dropdown-menu{
    display: none;
}

.navbar .site-dropdown-menu.active{
    display: block;
}
.navbar .site-dropdown-menu.single>ul {
    position:absolute;
    background: #fff;
    margin-left: -13px;
    -ms-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.05);
    border: 1px solid #ccc;
    z-index: 99;
}

.navbar .site-dropdown-menu.single li.nav-item {
    display: block;
    width: 100%;
    font-size: 12px;
    transition: all .3s
}

.navbar .site-dropdown-menu.single li.nav-item>a {
    padding: 16px 32px;
    white-space: nowrap;
    display: inline-block;
    color: #303233;
    line-height: 1;
    height: auto;
    background: 0 0;
    text-align: center;
    width: 100%
}
.navbar .site-dropdown-menu.single li.nav-item>a:hover {
    background:#44a8f2;
    color: #fff;
}

#menu > li > a{
    position: relative;
    display: block;
    line-height: 36px;
    color: #fff;
    font-weight: bold;
    font-size: 20px;
    padding: 0 20px;
}
#menu ul {
    position: absolute;
    text-align: left;
    line-height: 40px;
    font-size: 14px;
    width: 200px;
    background-color: #fff;
    -webkit-transition: all 0.3s ease-in;
    -moz-transition: all 0.3s ease-in;
    -ms-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
    -webkit-transform-origin: 0px 0px;
    -moz-transform-origin: 0px 0px;
    transform-origin: 0px 0px;
    -webkit-transform: rotateX(-90deg);
    -moz-transform: rotateX(-80deg);
    transform: rotateX(-90deg);
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}