body {
    font-family: "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", "PingFang SC" !important;
    -webkit-tap-highlight-color: rgba(26, 26, 26, 0.301961);
}

nav {
    position: fixed;
    z-index: 10;
    top: 0;
    width: 100%;
    height: 64px;
}

@media all and (max-width: 764px) {
    nav {
        height: 44px;
    }
}

nav .qfnav {
    margin: 0 auto 0 auto;
    max-width: 1200px;
    width: 90%;
    height: 100%;
    background: none left 10px no-repeat;
    background-size: auto 44px;
}

@media all and (max-width: 764px) {
    nav .qfnav {
        position: relative;
        max-width: none;
        width: 90%;
        background: none left 6px no-repeat;
        background-size: 171.5px 32px;
    }
}

nav .qfnav a.logo {
    float: left;
    width: 238px;
    height: 100%;
}

@media all and (max-width: 764px) {
    nav .qfnav a.logo {
        width: 171.5px;
    }
}

nav .qfnav .button {
    display: none;
}

@media all and (max-width: 764px) {
    nav .qfnav .button {
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        width: 31px;
        height: 100%;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDIgNDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyIDQyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzkwOTM5OTt9Cjwvc3R5bGU+Cjx0aXRsZT5jdXR0aW5nL2ljX2NhaWRhbjwvdGl0bGU+CjxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgo8ZyBpZD0iY3V0dGluZ194MkZfaWNfeDVGX2NhaWRhbiI+Cgk8ZyBpZD0iRmlsbC0xIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgNi4wMDAwMDApIj4KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMi4zLDMwQzEsMzAsMCwyOSwwLDI3LjhjMC0xLjIsMS0yLjIsMi4zLTIuMmgzNy40YzEuMywwLDIuMywxLDIuMywyLjJjMCwxLjItMSwyLjItMi4zLDIuMkgyLjN6IE0yLjMsMTcuMgoJCQljLTEuMywwLTIuMy0xLTIuMy0yLjJjMC0xLjIsMS0yLjIsMi4zLTIuMmgzNy40YzEuMywwLDIuMywxLDIuMywyLjJjMCwxLjItMSwyLjItMi4zLDIuMkgyLjN6IE0yLjMsNC40QzEsNC40LDAsMy40LDAsMi4yCgkJCUMwLDEsMSwwLDIuMywwaDM3LjRDNDEsMCw0MiwxLDQyLDIuMmMwLDEuMi0xLDIuMi0yLjMsMi4ySDIuM3oiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K) right center/21px no-repeat;
    }
}

nav .qfnav .menu {
    width: 400px;
    float: right;
}

@media all and (max-width: 764px) {
    nav .qfnav .menu {
        float: none;
        height: 0;
        overflow: hidden;
        width: 111.11111%;
        position: absolute;
        top: 44px;
        left: -5.55556%;
        z-index: 9;
        background: white;
        transition: 0.3s;
        box-shadow: 0px 2px 2px 0px rgba(144, 147, 153, 0.4), inset 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

nav .qfnav .menu a {
    position: relative;
    display: block;
    float: left;
    width: 80px;
    height: 64px;
}

nav .qfnav .menu a:hover {
    text-decoration: none;
}

@media all and (max-width: 764px) {
    nav .qfnav .menu a {
        float: none;
        width: auto;
        height: 40px;
    }
}

nav .qfnav .menu a .text {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 64px;
    font-size: 16px;
    letter-spacing: 2px;
    text-align: center;
}

@media all and (max-width: 764px) {
    nav .qfnav .menu a .text {
        margin: 0 auto 0 auto;
        width: 87.2%;
        border-bottom: 1px solid RGBA(245, 246, 250, 1);
        font-size: 14px;
        line-height: 40px;
        letter-spacing: 5px;
    }
}

nav .qfnav .menu a .highlight {
    display: none;
    position: absolute;
    top: 53px;
    left: 50%;
    margin-left: -13px;
    width: 26px;
    height: 2px;
    border-radius: 1px;
}

nav .qfnav .menu a:nth-child(2) {
    background: url(data:image/png;base64,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) 44px 8px/26px no-repeat;
}

@media all and (max-width: 764px) {
    nav .qfnav .menu a:nth-child(2) {
        background-position: 57.86517% 14.5px;
        background-size: 19px 9.5px;
    }
}

@media all and (max-width: 764px) {
    nav .qfnav .menu a:last-child .text {
        border-bottom: 0;
    }
}

body nav.scrolling {
    background: white;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 764px) {
    body nav.scrolling {
        box-shadow: 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

body nav.scrolling .qfnav {
    background-image: url(../image/img_logo.c030d62.png);
}

body nav.scrolling .qfnav .menu a .text {
    color: #303133;
}

nav.showingmenu .qfnav .button {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIyLjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIKCSB2aWV3Qm94PSIwIDAgNDIgNDIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQyIDQyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzkwOTM5OTt9Cjwvc3R5bGU+Cjx0aXRsZT5jdXR0aW5nL2ljX2NhaWRhbiBjb3B5PC90aXRsZT4KPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CjxnIGlkPSJjdXR0aW5nX3gyRl9pY194NUZfY2FpZGFuLWNvcHkiPgoJPHBhdGggaWQ9IlBhdGgiIGNsYXNzPSJzdDAiIGQ9Ik05LjgsMzYuM2MtMC45LDAuOS0yLjMsMC45LTMuMiwwLjFjLTAuOS0wLjktMC44LTIuMywwLjEtMy4yTDMzLjIsNi43YzAuOS0wLjksMi4zLTAuOSwzLjItMC4xCgkJYzAuOSwwLjksMC44LDIuMy0wLjEsMy4yTDkuOCwzNi4zeiIvPgoJPHBhdGggaWQ9IlBhdGhfMV8iIGNsYXNzPSJzdDAiIGQ9Ik02LjcsOS44QzUuOCw4LjksNS44LDcuNSw2LjYsNi42YzAuOS0wLjksMi4zLTAuOCwzLjIsMC4xbDI2LjUsMjYuNWMwLjksMC45LDAuOSwyLjMsMC4xLDMuMgoJCWMtMC45LDAuOS0yLjMsMC44LTMuMi0wLjFMNi43LDkuOHoiLz4KPC9nPgo8L3N2Zz4K);
}

nav.hm {
    background: white;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

@media all and (max-width: 764px) {
    nav.hm {
        box-shadow: 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

nav.hm .qfnav {
    background-image: url(../image/img_logo.c030d62.png);
}

nav.hm .qfnav .menu a .text {
    color: #303133;
}

@media all and (max-width: 764px) {
    nav.hm .qfnav .menu a .text {
        color: #606266;
    }
}

nav.hm .qfnav .menu a:nth-child(1) .text {
    font-weight: bold;
}

@media all and (max-width: 764px) {
    nav.hm .qfnav .menu a:nth-child(1) .text {
        color: #303133;
    }
}

nav.hm .qfnav .menu a:nth-child(1) .highlight {
    display: block;
    background: #22a4ff;
}

@media all and (max-width: 764px) {
    nav.hm .qfnav .menu a:nth-child(1) .highlight {
        display: none;
    }
}

nav.zg {
    background: transparent;
}

@media all and (max-width: 764px) {
    nav.zg {
        background: white;
        box-shadow: 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

nav.zg .qfnav {
    background-image: url(../image/img_logo.c030d62.png);
}

nav.zg .qfnav .menu a .text {
    color: #303133;
}

@media all and (max-width: 764px) {
    nav.zg .qfnav .menu a .text {
        color: #606266;
    }
}

nav.zg .qfnav .menu a:nth-child(2) .text {
    font-weight: bold;
}

@media all and (max-width: 764px) {
    nav.zg .qfnav .menu a:nth-child(2) .text {
        color: #303133;
    }
}

nav.zg .qfnav .menu a:nth-child(2) .highlight {
    display: block;
    background: #22a4ff;
}

@media all and (max-width: 764px) {
    nav.zg .qfnav .menu a:nth-child(2) .highlight {
        display: none;
    }
}

nav.dl {
    background: transparent;
}

@media all and (max-width: 764px) {
    nav.dl {
        background: white;
        box-shadow: 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

nav.dl .qfnav {
    background-image: url(../image/img_logo_white.1adc5e5.png);
}

@media all and (max-width: 764px) {
    nav.dl .qfnav {
        background-image: url(../image/img_logo.c030d62.png);
    }
}

nav.dl .qfnav .menu a .text {
    color: white;
}

@media all and (max-width: 764px) {
    nav.dl .qfnav .menu a .text {
        color: #606266;
    }
}

nav.dl .qfnav .menu a:nth-child(3) .text {
    font-weight: bold;
}

@media all and (max-width: 764px) {
    nav.dl .qfnav .menu a:nth-child(3) .text {
        color: #303133;
    }
}

nav.dl .qfnav .menu a:nth-child(3) .highlight {
    display: block;
    background: white;
}

@media all and (max-width: 764px) {
    nav.dl .qfnav .menu a:nth-child(3) .highlight {
        display: none;
    }
}

nav.dl.scrolling .qfnav .menu a:nth-child(3) .highlight {
    background: #22a4ff;
}

nav.cms {
    background: transparent;
}

@media all and (max-width: 764px) {
    nav.cms {
        background: white;
    }
}

nav.cms .qfnav {
    background-image: url(../image/img_logo_white.1adc5e5.png);
}

@media all and (max-width: 764px) {
    nav.cms .qfnav {
        background-image: url(../image/img_logo.c030d62.png);
    }
}

nav.cms .qfnav .menu a .text {
    color: white;
}

@media all and (max-width: 764px) {
    nav.cms .qfnav .menu a .text {
        color: #606266;
    }
}

nav.cms-case-zg .qfnav .menu a:nth-child(2) .text {
    font-weight: bold;
}

@media all and (max-width: 764px) {
    nav.cms-case-zg .qfnav .menu a:nth-child(2) .text {
        color: #303133;
    }
}

nav.cms-case-zg .qfnav .menu a:nth-child(2) .highlight {
    display: block;
    background: white;
}

@media all and (max-width: 764px) {
    nav.cms-case-zg .qfnav .menu a:nth-child(2) .highlight {
        display: none;
    }
}

nav.cms-case-zg.scrolling .qfnav .menu a:nth-child(2) .highlight {
    background: #22a4ff;
}

nav.help {
    background: transparent;
}

@media all and (max-width: 764px) {
    nav.help {
        background: white;
        box-shadow: 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

nav.help .qfnav {
    background-image: url(../image/img_logo_white.1adc5e5.png);
}

@media all and (max-width: 764px) {
    nav.help .qfnav {
        background-image: url(../image/img_logo.c030d62.png);
    }
}

nav.help .qfnav .menu a .text {
    color: white;
}

@media all and (max-width: 764px) {
    nav.help .qfnav .menu a .text {
        color: #606266;
    }
}

nav.help .qfnav .menu a:nth-child(4) .text {
    font-weight: bold;
}

@media all and (max-width: 764px) {
    nav.help .qfnav .menu a:nth-child(4) .text {
        color: #303133;
    }
}

nav.help .qfnav .menu a:nth-child(4) .highlight {
    display: block;
    background: white;
}

@media all and (max-width: 764px) {
    nav.help .qfnav .menu a:nth-child(4) .highlight {
        display: none;
    }
}

nav.help.scrolling .qfnav .menu a:nth-child(4) .highlight {
    background: #22a4ff;
}

nav.events {
    background: transparent;
}

@media all and (max-width: 764px) {
    nav.events {
        background: white;
        box-shadow: 0px 1px 4px 0px rgba(144, 147, 153, 0.5);
    }
}

nav.events .qfnav {
    background-image: url(../image/img_logo_white.1adc5e5.png);
}

@media all and (max-width: 764px) {
    nav.events .qfnav {
        background-image: url(../image/img_logo.c030d62.png);
    }
}

nav.events .qfnav .menu a .text {
    color: white;
}

@media all and (max-width: 764px) {
    nav.events .qfnav .menu a .text {
        color: #606266;
    }
}

nav.events .qfnav .menu a:nth-child(1) .text {
    font-weight: bold;
}

@media all and (max-width: 764px) {
    nav.events .qfnav .menu a:nth-child(1) .text {
        color: #303133;
    }
}

nav.events .qfnav .menu a:nth-child(1) .highlight {
    display: block;
    background: white;
}

@media all and (max-width: 764px) {
    nav.events .qfnav .menu a:nth-child(1) .highlight {
        display: none;
    }
}

nav.events.scrolling .qfnav .menu a:nth-child(1) .highlight {
    background: #22a4ff;
}

footer {
    background: #222222;
}

footer .qffooter {
    margin: 0 auto 0 auto;
    max-width: 1200px;
    width: 90%;
    padding: 66px 0 64px 0;
    position: relative;
}

@media all and (max-width: 764px) {
    footer .qffooter {
        max-width: none;
        width: 83.2%;
        height: 328px;
        padding: 30px 0 0 0;
    }
}

footer .qffooter .menu .menu-line {
    height: 19px;
    margin: 0 0 2.83333% 0;
}

footer .qffooter .menu .menu-line:last-child {
    margin: 0;
}

@media all and (max-width: 1024px) {
    footer .qffooter .menu .menu-line {
        height: 15px;
    }
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line {
        height: 13px;
        margin: 0 0 14px 0;
    }
}

footer .qffooter .menu .menu-line h5 {
    margin: 0;
    float: left;
    width: 7em;
    font-size: 14px;
    font-weight: bold;
    color: #c0c4cc;
    line-height: 19px;
}

@media all and (max-width: 1024px) {
    footer .qffooter .menu .menu-line h5 {
        font-size: 12px;
        line-height: 15px;
    }
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line h5 {
        width: 57.5px;
        font-size: 10px;
        line-height: 13px;
    }
}

footer .qffooter .menu .menu-line .menu-items {
    width: 28.56em;
    float: left;
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line .menu-items {
        width: 230px;
    }
}

footer .qffooter .menu .menu-line .menu-items .menu-item {
    float: left;
    width: 7.14em;
    font-size: 14px;
    line-height: 19px;
}

@media all and (max-width: 1024px) {
    footer .qffooter .menu .menu-line .menu-items .menu-item {
        font-size: 12px;
        line-height: 15px;
    }
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line .menu-items .menu-item {
        width: 57.5px;
        height: 13px;
        line-height: 13px;
        font-size: 10px;
    }
}

footer .qffooter .menu .menu-line .menu-items div.menu-item {
    color: #c0c4cc;
}

footer .qffooter .menu .menu-line .menu-items a.menu-item {
    display: block;
    color: #909399;
}

footer .qffooter .menu .menu-line .menu-items a.menu-item:hover {
    text-decoration: none;
    color: white;
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line .menu-items .menu-item.pc {
        display: none;
    }
}

footer .qffooter .menu .menu-line .menu-items .menu-item.mobile {
    display: none;
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line .menu-items .menu-item.mobile {
        display: block;
    }
}

footer .qffooter .menu .menu-line:nth-child(3) {
    height: 77px;
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line:nth-child(3) {
        height: 59px;
    }
}

footer .qffooter .menu .menu-line:nth-child(3) .menu-item {
    padding: 0 0 10px 0;
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line:nth-child(3) .menu-item {
        padding: 0 0 20px 0;
    }
}

footer .qffooter .menu .menu-line:nth-child(3) .menu-item.long {
    width: 14.28em;
}

@media all and (max-width: 764px) {
    footer .qffooter .menu .menu-line:nth-child(3) .menu-item.long {
        width: 115px;
    }
}

footer .qffooter .copyright {
    position: absolute;
    right: 0;
    bottom: 63px;
    height: 69px;
}

@media all and (max-width: 1024px) {
    footer .qffooter .copyright {
        height: 48px;
    }
}

@media all and (max-width: 764px) {
    footer .qffooter .copyright {
        position: static;
        margin: 12px 0 0 0;
        height: auto;
    }
}

footer .qffooter .copyright div {
    float: right;
    clear: right;
    font-size: 14px;
    color: #909399;
    line-height: 23px;
}

footer .qffooter .copyright div a {
    color: #909399;
    text-decoration: none;
}

@media all and (max-width: 1024px) {
    footer .qffooter .copyright div {
        font-size: 12px;
        line-height: 16px;
    }
}

@media all and (max-width: 764px) {
    footer .qffooter .copyright div {
        float: none;
        clear: both;
        font-size: 8px;
        line-height: 11.5px;
    }
}

.aside-container {
    position: fixed;
    top: 35%;
    right: 10px;
    z-index: 999;
}

@media screen and (max-width: 992px) {
    .aside-container {
        display: none;
    }
}

@media all and (max-height: 768px) {
    .aside-container {
        top: 20%;
    }
}

@media all and (max-height: 600px) {
    .aside-container {
        top: 5%;
    }
}

.aside-container ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.aside-container ul li {
    display: block;
    position: relative;
    border: 1px solid #C0C4CC;
    width: 52px;
    height: 50px;
    background: #fff;
    margin: 5px 0;
}

.aside-container ul li .image-icon {
    display: block;
    width: 50%;
    margin: 25% auto;
    cursor: pointer;
}

.aside-container ul li .vertical-mode {
    width: 14px;
    display: block;
    margin: 0 auto;
}

.aside-container ul li .child-container {
    cursor: unset;
    display: none;
    width: 450px;
    min-height: 105px;
    border: 1px solid #C0C4CC;
    background: #fff;
    z-index: 1000;
    position: absolute;
    top: 0;
    left: -460px;
}

.aside-container ul li .child-container > div {
    display: table-cell;
}

.aside-container ul li .child-container > div:first-child {
    padding-top: 28px;
    width: 86px;
}

.aside-container ul li .child-container > div:last-child {
    vertical-align: middle;
}

.aside-container ul li .child-container:after {
    content: '';
    position: absolute;
    right: -6px;
    top: 50%;
    background: #fff;
    display: block;
    width: 12px;
    height: 12px;
    border-top: 1px solid #C0C4CC;
    border-right: 1px solid #C0C4CC;
    transform: translateY(-50%) rotate(45deg);
    -ms-transform: rotate(45deg);
}

.aside-container ul li .child-container .image-zhanggui-code {
    width: 180px;
    margin-bottom: 36px;
}

.aside-container ul li .child-container .image-kefu-code {
    width: 124px;
    margin: 0 24px 12px 0;
}

.aside-container ul li .child-container .qrcode {
    margin: 0 30px 36px 0;
    width: 124px;
    float: left;
    text-align: center;
}

.aside-container ul li .child-container .qrcode img {
    margin: 12px 0 0 0;
    width: 100%;
}

.aside-container ul li .child-container .qrcode span {
    font-size: 18px;
    color: #909399;
}

.aside-container ul li:hover .child-container {
    display: table;
    cursor: unset;
}

.aside-container ul li:hover .image-zhanggui {
    align-items: unset;
}

.aside-container ul li:hover .image-zhanggui .title {
    margin-top: 30px;
}

.aside-container ul li:hover .image-zhanggui .tips {
    margin-bottom: 10px;
}

.aside-container ul li:nth-child(2) .child-container:after {
    top: 25% !important;
}

.aside-container ul li:nth-child(3) .child-container {
    top: auto !important;
    bottom: 0;
}

.aside-container ul li:nth-child(3) .child-container:after {
    bottom: 10% !important;
    top: auto !important;
}

.aside-container ul li:nth-child(4) .child-container {
    top: auto !important;
    bottom: 0;
}

.aside-container ul li:nth-child(4) .child-container:after {
    bottom: 5% !important;
    top: auto !important;
}

.aside-container ul li:nth-child(5) .child-container {
    top: auto !important;
    bottom: 0;
}

.aside-container ul li:nth-child(5) .child-container:after {
    bottom: 5% !important;
    top: auto !important;
}

.aside-container ul li:first-child {
    height: 140px;
}

.child-image-icon {
    width: 46px;
    height: 46px;
    border: 2px solid #ccc;
    border-radius: 50px;
    margin: 0 auto;
}

.child-image-icon img {
    width: 50%;
    display: block;
    margin: 25% auto;
}

.child-text-content p {
    line-height: 21px;
    margin: 4px auto;
}

.child-text-content .title {
    font-size: 18px;
    font-weight: bold;
}

.child-text-content .title .telephone {
    font-weight: normal;
    color: #E6A23C;
}

.child-text-content .tips {
    font-size: 16px;
    color: #909399;
}

.backTop {
    position: fixed !important;
    right: 10px;
    bottom: 25px;
    border-radius: 50px;
    height: 50px;
    width: 50px !important;
}

/* 百度商桥样式自定义 */
@media screen and (max-width: 992px) {
    #newBridge {
        display: none !important;
    }
}

#newBridge .icon-left-center, #nb_icon_wrap {
    right: 10px !important;
    top: 35% !important;
    left: auto !important;
    width: 50px !important;
    height: 140px !important;
    overflow: hidden;
    margin: 0 !important;
    opacity: 0;
}

body {
    background-color: #f2f4f8;
}

@media all and (max-width: 764px) {
    body main.dl {
        padding-top: 0px;
    }
}

body main.dl a:hover {
    text-decoration: none;
}

body main.dl .banner {
    box-sizing: border-box;
    height: 420px;
    padding: 175px 0 0 0;
    background: url(../image/img_background.507e829.png) center top/cover no-repeat;
}

@media all and (max-width: 1024px) {
    body main.dl .banner {
        height: 360px;
        padding: 135px 0 0 0;
    }
}

@media all and (max-width: 764px) {
    body main.dl .banner {
        height: 179px;
        padding: 64px 0 0 0;
    }
}

body main.dl .banner h1 {
    margin: 0;
    font-size: 46px;
    font-weight: bold;
    letter-spacing: 3px;
    color: white;
    text-align: center;
    line-height: 1.3em;
}

@media all and (max-width: 1024px) {
    body main.dl .banner h1 {
        font-size: 38px;
    }
}

@media all and (max-width: 764px) {
    body main.dl .banner h1 {
        font-size: 23px;
        line-height: 30px;
        letter-spacing: 2px;
    }
}

body main.dl .banner p {
    margin: 4px 0 0 0;
    font-size: 28px;
    letter-spacing: 3px;
    color: white;
    text-align: center;
    line-height: 37px;
}

@media all and (max-width: 1024px) {
    body main.dl .banner p {
        font-size: 22px;
        line-height: 1.32em;
    }
}

@media all and (max-width: 764px) {
    body main.dl .banner p {
        margin: 2px 0 0 0;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 18.5px;
    }
}

body main.dl .products {
    margin: 0 auto 0 auto;
    width: 90%;
    max-width: 1340px;
}

@media all and (max-width: 764px) {
    body main.dl .products {
        max-width: none;
        width: 335px;
    }
}

body main.dl .products .product {
    margin: 80px auto 80px auto;
    width: 100%;
    padding-top: 32.83582%;
    position: relative;
    background: none 0 0/50% no-repeat;
}

@media all and (max-width: 764px) {
    body main.dl .products .product {
        margin: 0;
        box-sizing: border-box;
        padding-top: 28px;
        height: 400px;
        position: static;
        background: none center 91px no-repeat;
        background-size: auto 205px;
    }
}

body main.dl .products .product h2 {
    margin: 0;
    position: absolute;
    left: 50%;
    height: 36px;
    font-size: 36px;
    line-height: 1em;
}

@media all and (max-width: 1280px) {
    body main.dl .products .product h2 {
        font-size: 30px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .product h2 {
        font-size: 22px;
    }
}

@media all and (max-width: 764px) {
    body main.dl .products .product h2 {
        position: static;
        height: 18px;
        font-size: 18px;
        line-height: 18px;
        text-align: center;
    }
}

body main.dl .products .product h2 span:first-child {
    margin: 0 0.5em 0 0;
}

body main.dl .products .product > p {
    margin: 0;
    position: absolute;
    left: 50%;
    font-size: 18px;
    color: #606266;
    line-height: 1.67em;
}

@media all and (max-width: 1280px) {
    body main.dl .products .product > p {
        font-size: 20px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .product > p {
        font-size: 14px;
    }
}

@media all and (max-width: 764px) {
    body main.dl .products .product > p {
        margin: 8px auto 0 auto;
        font-size: 12px;
        line-height: 16px;
        position: static;
        text-align: center;
    }
}

body main.dl .products .product .downloads {
    position: absolute;
    left: 50%;
    right: 0;
}

@media all and (max-width: 764px) {
    body main.dl .products .product .downloads {
        position: static;
        margin: 210px auto 0 auto;
    }
}

body main.dl .products .product .downloads .download {
    float: left;
    height: 100%;
    background-color: white;
    background-repeat: no-repeat;
    box-shadow: 0px 20px 20px -14px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
}

@media all and (max-width: 764px) {
    body main.dl .products .product .downloads .download {
        display: none;
    }
}

body main.dl .products .product .downloads .download h3 {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    color: #606266;
    line-height: 1.33em;
}

@media all and (max-width: 1280px) {
    body main.dl .products .product .downloads .download h3 {
        font-size: 14px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .product .downloads .download h3 {
        font-size: 12px;
    }
}

body main.dl .products .product .downloads .download a.button {
    font-size: 16px;
    position: relative;
}

@media all and (max-width: 1280px) {
    body main.dl .products .product .downloads .download a.button {
        font-size: 12px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .product .downloads .download a.button {
        font-size: 11px;
    }
}

body main.dl .products .product .downloads .download a.button span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

body main.dl .products .product .downloads .mobile-download {
    display: none;
}

@media all and (max-width: 764px) {
    body main.dl .products .product .downloads .mobile-download {
        display: block;
    }
}

body main.dl .products .product .downloads .mobile-download a.button {
    margin: 0 auto 0 auto;
    display: block;
    width: 210px;
    height: 44px;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    color: white;
    text-align: center;
}

body main.dl .products .product .downloads .mobile-download p {
    margin: 9.5px auto 0 auto;
    font-size: 12px;
    color: #606266;
    line-height: 16.5px;
    text-align: center;
}

body main.dl .products .zg.product {
    background-image: url(../image/JJT1.png);
}

body main.dl .products .zg.product h2 {
    top: 8.86364%;
}

body main.dl .products .zg.product > p {
    top: 21.13636%;
}

body main.dl .products .zg.product .downloads {
    bottom: 8.86364%;
    max-height: 196px;
    height: 44.54545%;
}

body main.dl .products .zg.product .downloads .download {
    max-width: 206px;
    width: 30.74627%;
}

body main.dl .products .zg.product .downloads .download h3 {
    margin: 42.71845% auto 0 auto;
    text-align: center;
}

body main.dl .products .zg.product .downloads .download p {
    margin: 1.94175% auto 0 auto;
    font-size: 13px;
    color: #606266;
    line-height: 1.3em;
    letter-spacing: 1px;
    text-align: center;
}

@media all and (max-width: 1280px) {
    body main.dl .products .zg.product .downloads .download p {
        font-size: 11px;
        letter-spacing: 0;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .zg.product .downloads .download p {
        font-size: 8px;
    }
}

body main.dl .products .zg.product .downloads .download a.button {
    display: block;
    margin: 4.85437% auto 0 auto;
    width: 85.43689%;
    height: 18.36735%;
    background: linear-gradient(135deg, #30a7df, #0d95ff);
    box-shadow: 0px 10px 12px -12px #166df1;
    border-radius: 2px;
    color: #eff;
    cursor: pointer;
}

body main.dl .products .zg.product .downloads .download:nth-child(1), body main.dl .products .zg.product .downloads .download:nth-child(2) {
    margin-right: 2.68657%;
    background-position: center 10.60606%;
    background-size: 31.06796%;
}

body main.dl .products .zg.product .downloads .download:nth-child(1) {
    background-image: url(data:image/png;base64,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);
}

body main.dl .products .zg.product .downloads .download:nth-child(2) {
    background-image: url(data:image/png;base64,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);
}

body main.dl .products .zg.product .downloads .download:nth-child(3) {
    background-image: url(../image/qianfanapp_download.ec3bb66.png);
    background-position: center 20.25316%;
    background-size: 56.79612%;
}

body main.dl .products .zg.product .downloads .download:nth-child(3) h3 {
    margin-top: 66.99029%;
}

body main.dl .products .zg.product .downloads .mobile-download a.button {
    background: linear-gradient(137deg, #ff5c75 0%, #fa3758 100%);
}

body main.dl .products .yh.product {
    background-image: url(../image/img_xz_youhuo.14ee1b5.png);
}

body main.dl .products .yh.product h2 {
    top: 12.72727%;
}

body main.dl .products .yh.product > p {
    top: 25%;
}

body main.dl .products .yh.product .downloads {
    bottom: 13.63636%;
    max-height: 158px;
    height: 35.90909%;
}

body main.dl .products .yh.product .downloads .download:nth-child(1) {
    margin-right: 2.80374%;
    max-width: 267px;
    width: 39.85075%;
}

body main.dl .products .yh.product .downloads .download:nth-child(1) h3 {
    margin: 5.99251% 0 0 7.86517%;
}

body main.dl .products .yh.product .downloads .download:nth-child(1) p {
    margin: 4.49438% 0 0 7.86517%;
    font-size: 16px;
    color: #606266;
    line-height: 1.3125em;
    letter-spacing: 1px;
}

@media all and (max-width: 1280px) {
    body main.dl .products .yh.product .downloads .download:nth-child(1) p {
        font-size: 12px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .yh.product .downloads .download:nth-child(1) p {
        font-size: 9px;
    }
}

body main.dl .products .yh.product .downloads .download:nth-child(1) a.button {
    display: block;
    margin: 5.24345% auto 0 auto;
    width: 84.64419%;
    height: 22.78481%;
    background: #dcdfe6;
    border-radius: 2px;
    color: white;
    text-align: center;
}

body main.dl .products .yh.product .downloads .download:nth-child(2) {
    max-width: 357px;
    width: 53.28358%;
    background-image: url(../image/img_youhuo_code.9511bf7.png);
    background-position: 6.69456% 50%;
    background-size: 33.05322%;
    background-repeat: no-repeat;
}

body main.dl .products .yh.product .downloads .download:nth-child(2) h3 {
    margin: 6.44258% 0 0 40.89636%;
}

body main.dl .products .yh.product .downloads .download:nth-child(2) p:nth-child(2) {
    margin: 2.2409% 4.20168% 0 40.89636%;
    font-size: 16px;
    color: #606266;
    line-height: 1.3125em;
    letter-spacing: 1px;
}

@media all and (max-width: 1280px) {
    body main.dl .products .yh.product .downloads .download:nth-child(2) p:nth-child(2) {
        font-size: 12px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .yh.product .downloads .download:nth-child(2) p:nth-child(2) {
        font-size: 9px;
    }
}

body main.dl .products .yh.product .downloads .download:nth-child(2) p:nth-child(3) {
    margin: 1.12045% 4.20168% 0 40.89636%;
    font-size: 14px;
    color: #909399;
    line-height: 1.357em;
    letter-spacing: 1px;
}

@media all and (max-width: 1280px) {
    body main.dl .products .yh.product .downloads .download:nth-child(2) p:nth-child(3) {
        font-size: 11px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .yh.product .downloads .download:nth-child(2) p:nth-child(3) {
        font-size: 9px;
    }
}

body main.dl .products .yh.product .downloads .mobile-download a.button {
    background: linear-gradient(337deg, #ff7930 0%, #ffa06f 100%);
}

body main.dl .products .wq.product {
    background-image: url(../image/img_xz_waiqin.bced0ca.png);
}

body main.dl .products .wq.product h2 {
    top: 13.18182%;
}

body main.dl .products .wq.product > p {
    top: 25.45455%;
}

body main.dl .products .wq.product .downloads {
    bottom: 13.18182%;
    max-height: 158px;
    height: 35.90909%;
}

body main.dl .products .wq.product .downloads .download:nth-child(1) {
    max-width: 357px;
    width: 53.28358%;
    background-image: url(../image/img_waiqin_code.b71a47a.png);
    background-position: 6.69456% 50%;
    background-size: 33.05322%;
    background-repeat: no-repeat;
}

body main.dl .products .wq.product .downloads .download:nth-child(1) h3 {
    margin: 6.44258% 0 0 40.89636%;
}

body main.dl .products .wq.product .downloads .download:nth-child(1) p:nth-child(2) {
    margin: 2.2409% 4.20168% 0 40.89636%;
    font-size: 16px;
    color: #606266;
    line-height: 1.3125em;
    letter-spacing: 1px;
}

@media all and (max-width: 1280px) {
    body main.dl .products .wq.product .downloads .download:nth-child(1) p:nth-child(2) {
        font-size: 12px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .wq.product .downloads .download:nth-child(1) p:nth-child(2) {
        font-size: 9px;
    }
}

body main.dl .products .wq.product .downloads .download:nth-child(1) p:nth-child(3) {
    margin: 1.12045% 4.20168% 0 40.89636%;
    font-size: 14px;
    color: #909399;
    line-height: 1.357em;
    letter-spacing: 1px;
}

@media all and (max-width: 1280px) {
    body main.dl .products .wq.product .downloads .download:nth-child(1) p:nth-child(3) {
        font-size: 11px;
    }
}

@media all and (max-width: 1024px) {
    body main.dl .products .wq.product .downloads .download:nth-child(1) p:nth-child(3) {
        font-size: 9px;
    }
}

body main.dl .products .wq.product .downloads .mobile-download a.button {
    background: linear-gradient(337deg, #6868cf 0%, #8d63d7 100%);
}

body main.dl .products .separator {
    margin: 0 auto 0 auto;
    max-width: 1232px;
    width: 91.9403%;
    border-top: 1px solid #dcdfe6;
}

@media all and (max-width: 764px) {
    body main.dl .products .separator {
        border-top: 1px solid rgba(220, 223, 230, 0.5);
    }
}