/*表示定义CSS文件的字符编码格式为"utf-8";*/

@charset 'utf-8';
* {
    box-sizing: border-box;
}

/*为html元素定义如下样式：字体颜色为黑色，背景颜色为白色，字体类型为“微软雅黑、sans-serif、Arial”三种；*/

html {
    color: #000;
    background: #FFF;
    font-family: '华文细黑', sans-serif, Arial;
}

/*为body、div等一系列元素设置字体类型为“微软雅黑、sans-serif、Arial”三种*/

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
p,
blockquote,
th,
td,
strong {
    padding: 0;
    margin: 0;
    font-family: '微软雅黑', sans-serif, Arial;
}

/*为table标签设置：合并单元格之间的边框，边框间距为0*/

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*为img标签设置0像素的边框（img标签在a标签当中时，默认会有蓝色边框）*/

img {
    border: 0;
}

/*为a标签设置初始样式，没有下划线，字体颜色为#000（黑色），在点击a标签时没有外侧的高亮线（outline）*/

a {
    text-decoration: none;
    color: #000;
    outline: none;
}

/*为a标签的hover状态设置样式，出现下划线*/

/*为var、em、strong元素设置字体样式为“正常”*/

var,
em,
strong {
    font-style: normal;
}

/*为em、strong、th、var元素设置字体样式为“继承”，字体粗细为“继承”（第8、9行的设置方式，相当于是先将网页中的所有的var、em、strong标签的字体样式去除，之后，再设置样式继承父级样式，这样能够保证其他标签中的var、em、strong标签的样式与其父级元素相同）*/

em,
strong,
th,
var {
    font-style: inherit;
    font-weight: inherit;
}

/*为li去除列表项的小标志*/

li {
    list-style: none;
}

/*为caption、th设置左对齐*/

caption,
th {
    text-align: left;
}

/*为h1~h6的标签设置字体大小，均为父级元素的字体大小，且不做加粗处理（默认状态下不同的标题类元素大小不同，且均具有加粗效果）*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}

/*为input、button、textarea等元素设置字体类样式，字体的各种样式均继承父级样式*/

input,
button,
textarea,
select,
optgroup,
option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
}

/*为input、button、textarea、select设置hack，在IE6~7下字体为父级的100%*/

input,
button,
textarea,
select {
    *font-size: 100%;
}

/*after伪元素清浮动兼容IE*/

.clearfix {
    *zoom: 1
}

/*after伪元素清浮动的语句*/

.clearfix:after {
    content: '\200B';
    clear: both;
    display: block;
    height: 0px
}

#nav-section {
    box-shadow: 0 10px 39px -6px #EEEEEE;
}

.navbar {
    height: 90px;
    /* line-height: 94px; */
    border-radius: 0;
    margin: 0;
    background: white;
    border-bottom: 1px solid #ebebeb;
}

.navbar .container {
    position: relative;
}

.relative {
    /* position: relative; */
    text-align: center;
}

.container {
    max-width: 1180px;
}

.navbar .navbar-toggle {
    border-color: #d0d0d0;
}

.navbar-brand {
    position: relative;
    margin-top: 17.5px;
}

.navbar-brand .navbar-brand-text {
    position: absolute;
    left: 63px;
    top: 3px;
    width: 140px;
}

.navbar-brand-text h1 {
    font-size: 30px;
    color: #40ba68;
    font-family: '华文细黑';
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
}

.navbar-brand-text p {
    font-size: 14px;
    color: #ccc;
    font-family: '华文细黑';
}

#navbar {
    margin-top: 22px;
    padding: 0;
}

.navbar-nav > li {
    height: 71px;
}

.navbar-nav .active a {
    color: #40ba68
}

.navbar-nav a:hover,
.navbar-nav a:focus {
    background-color: transparent !important;
    color: #40ba68;
}

.navbar-nav li a {
    padding: 13px 16px;
    font-family: '微软雅黑';
}

.navbar .navbar-toggle .icon-bar {
    background-color: #c0c0c0;
}

/* 底部 */

.footer {
    background-color: #494949;
    color: #fff;
    padding-top: 68px;
}

.footer .container {
    padding: 0 15px;
}

.footer .row {
    padding-bottom: 20px;
    border-bottom: 1px solid #a5a5a9;
}
.footer .cnnz {
    display: inline-block;
    /*padding-left: 10px;*/
}

.footer .copyright-div {
    width: 100%;
    text-align: center;
    position: relative;
}
.footer .cnnz {
    display: inline-block;

}

.footer-left {
    width: 100%;
}

.footer-left ul {
    float: left;
    margin-right: 100px;
}

/*乐外卖官方微信  code*/
.footer-left ul:nth-child(4) {
    /*margin-left: 100px;*/
    margin-right: 60px;
}

/*乐外卖官方微信  code*/
.footer-left ul li:nth-child(2) {
    font-size: 22px;
}

.footer-left ul li:nth-child(3) {
    font-size: 22px;
}

.footer-left ul:last-child {
    margin-right: 0;
}

.footer-left ul p {
    margin-bottom: 32px;
    font-size: 18px;
}

.footer-left ul li {
    margin-bottom: 16px;
}

.footer-left ul li a {
    font-size: 14px;
}

.footer a {
    color: #fff;
}

#qq-launchBtn {
    width: 92px;
    height: 22px;
    background-repeat: no-repeat;
    text-indent: 15px;
    line-height: 22px;
    cursor: pointer;
    position: absolute;
    top: -15px;
}

#qq-launchBtn {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFwAAAAWCAMAAAB68gtgAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6REMxNzIxQUM1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6REMxNzIxQUQ1ODZFMTFFMkE2QUJERjZDOTBFMjlDMzciPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpEQzE3MjFBQTU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpEQzE3MjFBQjU4NkUxMUUyQTZBQkRGNkM5MEUyOUMzNyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pvt6ESkAAAMAUExURand9oa71Kji/Wias/7rtJ3Y9aXe+f+yOqHZ9fdKLKXh/fvTkut3J/SbK//snv+lGv2rIo7I5a3h+vv7/PWxcpzT7CkpNcnO1Z3e/dCRMa7k/e+Waq3e9VqHnf/TLqLg/fnHeZZ6Wv/LVvrDZrl7ULHi+f+5QaHd+i5UaK6QdNF+LElxhf+hFYnB3JnW9KTb9WqUqpHO6skkF6rf+Jna+abc9qrh+vuHBIKzyjtidnKlvv/BS6nV68Xs/3apwbLg9ltrevOLGPu7FG+KnPJaQqzj/Mjt/7no/+Li4//GUYOjt5jV8v+fEvKFGf61K5HL5sHr/3XF7/rZr5XU87ni9/aTFbzp/7Xh9nvJ8LDk/PIUDrbn/vabF82EQ/mmFcLm+Lzk9/czFP7RapzF2uauUL+ab/iWFfumIa/f9rcOD7bm/aDf/P+wJf+pHUwtJUBGUf/89LTk+/fHp5rP526etDc3RJ7c+pTU9HyrwSIfKPqsKPOkWsbr/JfW9PanScTp+rp0Ov737e3y9pPT8ml9kEVvhH+20f308rPm/rHm/unt8f3WfFF8kf+7MYHM8Ux6kPX19x5FWJrc+o8xLOg4Idzl7pbV9J3a9//NF/L1+f713m6jvboyI50qFXWgtpvd/JzX9ZLU88np+ZbX9rDl/v/1yabf+5/f/prY9sDl97Dm/vihFm/B77Pi+Kvj/pXW9f+9Sff4+rbk/KHb95zX82y/7h4bJAszRvB/Gf+9M/++NLfo/rHl/f+4LgICApfY98TBvZfZ+P/cUJPU83mnvnKnwPSPGrLl/nivyvepOmGRqeipoXyaq3mwy6HX8bLV6n1GKqna8r+ylf2/Vt+lTMm2cO6KQP+rA0U+QouuwuiICImOnZK4y7Oztv+XBFB6kHZnXdQvHefKyFJgbeumBpLF37WKNv7hkqAYDtPb4/nm5neov83v/tybmsKwofS2i/GEEPOLFM/w/3Wsx/izR/ivS32qwP7uy5bP6fzo2qKBTLXl+4XO8Wq+7v///////8s3US4AAAEAdFJOU////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////wBT9wclAAAFAklEQVR42qzTfVRTdRjA8bsmIDr3puDAXSVs7Cc4YDCmd6igOQ2VzTQ0FFEp2Yoh4YZ4MQrTTUWQc31L1HhRnJYaGOW1EjMRNHoly7I3MyPt3dKMwkbP795NFI7/+d3Ovds593zOc579RnTfvBd9mtm3sG7i5qI/p/RuvK+Z42f2NAe/vE31NZ8vMyu8d1mZYcTGX+a8yeV9bB3f+vXrX6qrqwvFvcx1H9cArhF8+/gUCkVm+Bt9ysokNk7xuueTaTr40lccffr0sWPHePlO+274gfDX+xR+AOOYnrqmIJim6SN5792yfbjReBc8J2dfNG8rDqSUl5uKbstUXp6C8flPQucL8k54jntOHMl7bB3Q6enpvGu8nQZ2AsXLAsc+gTanBSkULYrq6mqMFz3lwYm5ijj8UQ6fnxxc4Dm+5riHDk7GdmhoXRViWWoFlmNZlo3qGGCfgGMc+JqjRY4WpBVSWmcF2NUZKU1NRau8eL+9e8VFTU0pGYDjwbtomp8c7njs9PRYtspojGXHGo0U0uj7RzH2sainaLWGUjgETuf7bdWboIwUk6lohxcPE4nCpCYTxp/u6urKVy6lv9g+fPik78fQBap0VagqiL0hN8pDSaRfwdr1brcbke4R7k5Sre4s06rV5paW6dWbDAyJDEDrdBmJJpP0bx6fBfYGi8mUiPFX8vPzP9z1xJUxkz77ZsyVK7usKrlKXsXKIb2A7SiLcscD7mDc/p3IoVar25BguYZkzQaKMZw5gyp0UHaizWTpx+H9zolWirMsNlNiNuBg538ZN+/iRy9AcfM2P6gCtgrJ9Xq93M4Kokg37mfWvwOVAW5GZYxguRlwUmZAutUGjKcl2myWgedEQzyelaJzYvFIi82WmEY8jPFpwZvnLQ6cHBi4eEscXTAN46w+Hupg7TC5P+RAasoxHViSWi4QYlxI6oRIp6HehtIabFLLwH9EomXLRKLLYvFZi9TWAPizhw7lJ9Of/xp3MXDysHe/Kz0SfAlwO3sD4yQiTrF2jCOyEXIgA6N5HpKxMh11rYJxoZ1vQa0NUqllpAfWDQuHk3hdIpU2tGJcpaLpb3/aElg5eLDncOlSusAIbCxTRcTDaUnwpyhBTJCTMWO80cm2YXu/jBUKXS7GWbFzD641Qpor+cvj+V0EC4fekeTmRvjwNf+uDQyEX2NwZen95/OsgBNVDJzzU3hoEs55mSamsTHI4GQuMKSGw5HMhSq0iNRifGJEbq5kEADDOFs8COMTiYOwFlX7uB9+rDyM7a0PhbTjfcQTBPEBhQQJCQkxCY0aRJljzE4GCWV+MpJBbdEaykWxZP0eGWKuFdbXT4yQSCTZYas8q9YCffn6H/CVx5OSkj4O+WRo6eHK57aeCAlRcjIuwcGyZAwu6ALLGoQuP9z+TuHO/dHRxUJXffGeWq1Qu62wMDVCMhr01ln4TzSyNRvs0RGpxMGFSVarNfLk9gVLvh762+OTTkZGemUcJ/fn8/ODdw0EMlS8jau5trmwuTk1YDRX2jM7NgxKm8F9DkglXuPwUSUlJQ+MGge3yAVLbtkxPTaGcTXRfMXFHF4IcHNzba0Pn5F99Wo2b3P47rmAW+WqJKVS2d4OLHch7rQxXlPzKoTl6bjZUOHs1XypATN6J2kAXLl7YU8velvk6xFfc30l+bLywUxK69GzAb1rSB1CdP93L1pytG9Duv8XYACYZVDdZpPw6wAAAABJRU5ErkJggg==);
    margin: 72px 0 0 100px;
}

/*.footer-left img {*/
/*width: 100px;*/
/*height: 100px;*/
/*}*/

.footer-right-qrcode p {
    font-weight: 300;
    color: rgba(255, 255, 255, 1);
    line-height: 32px;
    text-align: center;
}

.footer .copyright-div {
    width: 100%;
    text-align: center;
    position: relative;
}

.footer .copyright {
    margin-top: 10px;
    width: 100%;
    display: inline-block;
}

.footer .copyright-declare {
    margin-bottom: 10px;
}

.footer .copyright-div {
    width: 100%;
    text-align: center;
    position: relative;
}

.footer .gongshang-wangjian {
    display: inline-block;
}


.tel-copyright {
    display: inline-block;
    margin: 0px 20px;
}

#navbar {
    margin-top: 22px;
    padding: 0;
}

/* 侧边栏 */
.sliderbar {
    width: 60px;
    height: 200px;
    position: fixed;
    z-index: 100;
    top: 50%;
    margin-top: -100px;
    right: 60px;
}

.sliderbar-item {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    display: block;
    background-color: black;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
    opacity: 0.25;
    cursor: pointer;
}

.sliderbar-item.active {
    background-color: #646464;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.sliderbar-up {
    position: fixed;
    z-index: 100;
    right: 10px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    cursor: pointer;
    display: none;
}
.sliderbar-up img {
    position: absolute;
    top: 18px;
    left: 14px;
}

.sliderbar-qq {
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-qq img {
    position: absolute;
    top: 8px;
    left: 14px;
}

.sliderbar-qq p {
    font-size: 12px;
    color: white;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
}

.sliderbar-phone {
    position: absolute;
    left: 0;
    top: 70px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-phone img {
    position: absolute;
    top: 14px;
    left: 14px;
}

.sliderbar-phone-show {
    position: absolute;
    width: 220px;
    height: 60px;
    top: 70px;
    left: -235px;
    background-color: #646464;
    line-height: 60px;
    text-align: center;
    color: white;
}

.sliderbar-qrcode {
    position: absolute;
    left: 0;
    top: 140px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-qrcode img {
    position: absolute;
    top: 8px;
    left: 14px;
}

.sliderbar-qrcode p {
    font-size: 12px;
    color: white;
    text-align: center;
    margin: 0;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 2px;
}

.sliderbar-qrcode-show {
    position: absolute;
    width: 200px;
    height: 230px;
    bottom: 0;
    left: -215px;
    border: 1px solid #a7a7a7;
    background-color: white;
    text-align: center;
    color: #a7a7a7;
}

.sliderbar-qrcode-show img {
    width: 100%;
    height: auto;
}

.sliderbar .active {
    background-color: #646464;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
}

.sliderbar-up {
    display: none;
    position: fixed;
    z-index: 100;
    right: 60px;
    bottom: 20px;
    width: 60px;
    height: 60px;
    cursor: pointer;
}

.sliderbar-up img {
    position: absolute;
    top: 18px;
    left: 14px;
}

.footer-h5 {
    display: none;
}

.footer-web {
    display: block;
}

@media only screen and (max-width: 768px) {
    .sliderbar-up, .sliderbar {
        right: 10px;
    }

    #navbar.navbar-collapse {
        width: 200px;
    }

    .navbar-nav {
        margin: 0;
    }

    .navbar-nav > li {
        height: auto;
    }

    #navbar a {
        color: #FFFFFF;
    }

    #navbar {
        padding: 0;
        margin-top: 35px;
        position: fixed;
        right: 15px;
        top: 40px;
        width: 167px;
        background: #4c4c4c;
        z-index: 1001;
        border-radius: 8px;
        padding-bottom: 20px;
    }

    #qq-launchBtn {
        top: 154px;
    }



    /*底部footer------start----*/
    .footer-h5 {
        display: block;
    }

    .footer-web {
        display: none;
    }

    .footer .tips-1 {
        font-size: 15px;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(255, 255, 255, 1);
    }

    .footer .tips-2 {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(225, 225, 225, 1);
        margin-bottom: 10px;
    }
    .footer .tips-3{
        font-size:10px;
        font-family:PingFang SC;
        font-weight:400;
        color:rgba(157,157,157,1);
        margin-top: 24px;
        /*margin-bottom: 26px;*/
        margin-bottom: 76px;
    }
    .footer .tips-span {
        font-size: 14px;
        font-family: PingFang SC;
        font-weight: 400;
        color: rgba(56, 192, 101, 1);
    }

    .footer ul {
        display: flex;
        flex-wrap: wrap;
        margin-top: 15px;
    }

    .footer ul li {
        margin-right: 32px;
    }

    /*底部footer-----end-----*/
    .phone-consult{
        height: 50px;
        background:rgba(87,134,235,1);
    }
}
/***************导航条**************/
.navbar {
    height: 94px;
    border-radius: 0;
    margin: 0;
    background: white;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 0px 4px 10px 0px rgba(5, 0, 1, 0.07);
    z-index: 999999;
    position: relative;
}

#navbar {
    margin-top: 22px;
    padding: 0;
}

.navbar-nav > li {
    height: 71px;
}

.navbar-nav > li .second__nav {
    display: none;
}

.navbar-nav .caret {
    position: relative;
    margin-left: 6px;

}

.navbar-nav img {
    display: none;
}

.close__navbar {
    display: none;
}

.navbar-nav .caret:before {

    top: -6px;
    z-index: 2;
    content: ' ';
    height: 0;
    width: 0;
    position: absolute;
    left: -4px;
    border: 4px solid transparent;
    border-top-color: #ffffff;
}

.navbar .nav-user-photo {
    max-width: 40px;
}

.navbar .navbar-toggle {
    border-color: #d0d0d0;
}

.navbar .navbar-toggle .icon-bar {
    background-color: #c0c0c0;
}

.navbar-brand {
    position: relative;
    margin-top: 17.5px;
}

.navbar-brand .navbar-brand-text {
    position: absolute;
    left: 63px;
    top: 3px;
    width: 140px;
}

.navbar-brand-text h1 {
    font-size: 30px;
    color: #40ba68;
    font-family: '微软雅黑';
    margin-bottom: 0;
    margin-top: 0;
    font-weight: bold;
}

.navbar-brand-text h1 span {
    margin-right: 3px;
    margin-left: 4px;
}

.navbar-brand-text p {
    font-size: 14px;
    color: #ccc;
    font-family: '微软雅黑';
}

.navbar-nav .active a,
.navbar-nav .active a:hover,
.navbar-nav .active a:focus {
    color: #444444;
    background-color: transparent;
    color: #40ba68;
}

.active {
    color: #40ba68 !important;
}

.navbar li a:hover {
    color: #40ba68;
    background-color: transparent;
}

.navbar-nav li a {
    padding: 13px 16px;
}

.navbar .container {
    position: relative;
}

.dropdown {
    display: inline-block;
}

.navbar-nav .new_flag {
    margin-top: -15px;
    width: 32px;
    height: 32px;
}

.navbar .oth {
    line-height: 1;
    float: right;
    padding-top: 10px;
}

.navbar .light-blue {
    float: right;
    position: relative;
    font-size: 12px;
}

.navbar .user-info small {
    display: block;
}

.navbar .small,
small {
    font-size: 85%;
}

.navbar .oth a.sqbtn {
    color: #5dc55d;
    border-color: #5dc55d;
    line-height: 30px;
}

.navbar .oth a.sjbtn {
    width: 82px;
    background-color: #40BF69;
    border: 1px solid #40BF69;
    color: #fff;
    line-height: 30px;
    margin-left: 6px;
}

.navbar .oth a.sjbtn:hover {
    opacity: .8;
}


.navbar .oth a {
    font-size: 14px;
    line-height: 30px;
    display: inline-block;
    zoom: 1;
    width: 80px;
    height: 30px;
    text-align: center;
    vertical-align: middle;
    color: #9ea7b6;
    border: 1px solid #c7d4da;
    border-radius: 2px;
}

.navbar .oth a:hover {
    color: #fff;
    background-color: #5dc55d;
}

.navbar .nav-user-photo {
    border-radius: 100%;
    border: 2px solid #FFF;
}

.navbar .user-info {
    max-width: 100px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: left;
    vertical-align: top;
    line-height: 15px;
    margin-top: 7px;
    color: #9ea7b6;
}

.subnav-bar {
    background-color: #FFFFFF;
    position: absolute;
    display: none;
    width: 100%;
    z-index: 9998;
}

.subnav-bar.nav-product {
    height: auto;
}

.sub-nav-bg.anim ul {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

.nav-aboutus .sub-nav-bg.anim ul {
    float: right;
}

.nav-aboutus .sub-nav-bg.anim li {
    max-width: 98px;
    height: 40px;
    margin-left: 40px;
    margin-right: 0px;
    padding-top: 8px;
}

.js-citypartner-nav .sub-nav-bg.anim li {
    max-width: 130px;
    height: 40px;
    margin-left: 40px;
    margin-right: 0px;
    padding-top: 8px;
}

.sub-nav-bg.anim li {
    overflow: hidden;
    display: inline-block;
    list-style-type: none;
    height: 60px;
    max-width: 48px;
    text-align: center;
    margin-right: 44px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.sub-nav-bg.anim li:last-child {
    margin-right: 0;
}

@-moz-document url-prefix() {
    .sub-nav-bg.anim li {
        height: 80px;
    }
}

.sub-nav-bg.anim li .sub-nav-img {
    display: inline-block;
    width: 38px;
    height: 38px;
}

.sub-nav-bg.anim li a {
    font-size: 12px;
}

.nav-aboutus .sub-nav-bg.anim li a {
    font-size: 16px;
}

.sub-nav-bg.anim li a:hover {
    color: #5dc55d;
}

.sub-nav-bg.anim li .a-hover {
    color: #5dc55d;
}

.navbar-toggle {
    display: none !important;
}

@media only screen and (max-width: 768px) {

    /* 移动端顶部 */
    .navbar {
        height: 68px;
    }

    .navbar-toggle {
        display: block !important;
    }

    .navbar-toggle {
        margin-top: 15px;
    }
}

/*这个必须得有，不然鼠标移上去，压根没法点击到，布局就收缩回去了*/
@media (min-width: 992px) {
    .subnav-bar:hover {
        display: block !important;
    }
}

@media only screen and (max-width: 414px) {
    .navbar-brand .navbar-brand-text {
        position: absolute;
        left: 63px;
        top: 3px;
        width: 118px;
    }

    .navbar-brand {
        margin-left: 10px;
    }

    /* 移动端导航样式 */
    .navbar-collapse-header {
        display: block;
        width: 100%;
        height: 68px;
        line-height: 68px;
        border-bottom: 1px solid #E7E7E7;
    }

    .navbar-collapse-header .nav__main {
        position: relative;
        padding: 15px 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

    .navbar-collapse-header .navbar-close {
        position: absolute;
        top: 50%;
        left: 260px;
        transform: translateY(-50%);
    }

    .navbar-mask {
        position: fixed;
        width: 100%;
        height: 100%;
        top: 0;
        right: 0;
        z-index: 1000;
        background: rgba(0, 0, 0, 0.7);
    }

    #navbar {
        position: fixed;
        right: -80%;
        bottom: 0;
        top: 0px;
        width: 100%;
        background: white;
        z-index: 1001;
        overflow-y: auto;
    }

    /*格式化bootstrap的样式*/
    .navbar-nav {
        margin: 0;
        padding-top: 21px;
        overflow-y: auto;
    }

    #navbar a {
        color: #333333;
        font-size: 18px;
        font-family: PingFang SC;
        font-weight: 500;
    }

    .navbar-nav > li {
        height: auto;
        margin-bottom: 20px;
        text-align: left;
        padding-left: 20px;

    }

    .navbar-nav li a {
        padding: 0;

    }

    .close__navbar {
        width: 16px;
        height: 16px;
        right: 24px;
        top: 20px;
        position: absolute;
    }

    .close__navbar img {
        width: 100%;
        height: 100%;
    }

    .collapse {
        visibility: inherit;
        z-index: 10;
        top: 0;
        background: white;
    }

    .navbar-nav > li .second__nav {
        padding-left: 25px;
    }

    .navbar-nav > li .default-open {
        display: block;
    }

    .navbar-nav > li .second__nav .title {
        display: block;
        font-size: 13px;
        font-family: PingFang SC;
        font-weight: 400;
        line-height: 19px;
        color: #999999;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .nav .open > a,
    .nav .open > a:hover,
    .nav .open > a:focus {
        background-color: #ffffff;
    }

    .navbar-nav > li .second__nav > .second__nav__content > a {
        width: 50%;
        float: left;
        font-size: 15px !important;
        font-family: PingFang SC;
        font-weight: 400 !important;
        color: #333333;
        margin-top: 10px;
        margin-bottom: 13px;
    }

    .navbar-brand {
        margin-top: 8px;
    }

    .navbar .oth a.sjbtn {
        width: 100px;
        background-color: #5dc55d;
        border: 1px solid #5dc55d;
        color: #fff;
        margin-top: 18px;
    }

    .navbar-top {
        display: none;
    }

    .navbar-brand img {
        width: 85%;
    }

    .navbar .light-blue {
        margin-right: 10%;
        float: left;
        padding-left: 55px;
    }

    .subnav-bar.nav-product {
        height: auto;
    }

    .nav-bar-show {
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
        padding-left: 30px;
    }

    .nav-bar-show ul li {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }

    .navbar-nav .caret {
        border-top: 4px solid #444444;
        display: none;
    }

    .navbar-nav li img.img-default {
        transform: rotate(0);
    }

    .navbar-nav li.open img.img-default {
        transform: rotate(-180deg);
    }

    .navbar-nav li.open img {
        transform: rotate(0deg);
    }

    .navbar-nav img {
        display: inline-block;
        width: 9px;
        height: 7px;
        transform: rotate(-180deg);
        transition: ease-in-out .3s;
        vertical-align: middle;
    }

    /* 移动端导航样式结束 */
    /*一级导航*/
    #navbar.navbar-collapse {
        margin-top: 0;
        width: 80%;
        margin-right: 0;
        margin-left: 0;
        max-height: 100vh;
        overflow: auto;
    }

    #navbar.navbar-collapse .oth {
        float: none;
    }

    #navbar.navbar-collapse .oth a {
        margin-left: 0;
    }

    /*二级导航*/
    .subnav-bar.nav-product,
    .subnav-bar.nav-aboutus {
        background-color: #4c4c4c;
        width: 200px;
        height: 382px;
        position: fixed;
        /*top: 25%;*/
        top: 175px;
        right: 0;
        border-radius: 8px;
    }

    .subnav-bar .nav-bar {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
        padding-left: 0px;
    }

    .subnav-bar .container {
        padding-right: 0;
    }

    .subnav-bar .nav-bar-show {
        width: 50%;
        margin-top: 10px;
        margin-bottom: 0px;
        padding-left: 20px;
        text-align: left;
    }

    .subnav-bar .nav-bar-show ul {
        margin-top: 10px;
    }

    .subnav-bar .nav-bar-show h4,
    .subnav-bar .nav-bar-show li a {
        color: #fff;
        font-size: 14px;
        text-align: center;
    }

    .subnav-bar .nav-bar-show h4 {
        color: #BCBCBC;
        text-align: left;
    }

    .subnav-bar .nav-bar-show li {
        float: initial;
        margin-right: 0;
        text-align: center;
    }

    .subnav-bar .nav-bar-show .product {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show .project {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show .merchant {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show .download {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show:before {
        display: none;
    }

    .subnav-bar .nav-bar-show ul {
        padding: 0;
    }

    .subnav-bar .nav-bar-show ul li {
        padding-left: 0;
    }

    .subnav-bar .nav-bar-show ul li span {
        text-align: left;
    }

    .subnav-bar .nav-bar-show ul li span:nth-child(2) {
        display: none;
    }

    /*服务资源*/
    .subnav-bar.js-service-nav {
        top: 435px;
        height: 100px !important;
    }

    .subnav-bar.js-citypartner-nav {
        top: 245px;
    }

    .subnav-bar.js-citypartner-nav li {
        height: 40px !important;
    }

    .subnav-bar.nav-aboutus .sub-nav-menu {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .nav-aboutus .sub-nav-bg.anim li {
        margin: 0;
        padding: 0;
        height: 30px;
        width: 49%;
    }

    .nav-aboutus .sub-nav-bg.anim li a {
        color: #fff;
        font-size: 14px;
    }

    /*旋转*/
    .navbar-nav .caret.caret-rotate {
        transform: rotate(180deg);
    }
}