body {
    font-family: PingFang SC, Lantinghei SC, PingFang SC, Lantinghei SC, Helvetica Neue, Helvetica, Arial, Microsoft YaHei, \\5FAE软雅黑, STHeitiSC-Light, simsun, \\5B8B体, WenQuanYi Zen Hei, WenQuanYi Micro Hei, "sans-serif";
    width: 100%;
    font-size: 12px;
    color: #333;
    background: #fff;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    scrollbar-width: none;
    -ms-overflow-style: none
}

body.active {
    overflow: hidden
}

body::-webkit-scrollbar {
    display: none
}

html {
    margin: 0 auto;
    font-size: 100px
}

ul {
    margin: 0;
    padding: 0
}

ul li {
    margin: 0;
    padding: 0;
    list-style: none
}

dl,
dd,
dt {
    margin: 0;
    padding: 0
}

input {
    outline: 0
}

a:focus,
a:hover,
button:hover {
    text-decoration: none;
    -webkit-transition: all .4s linear;
    transition: all .4s linear
}

a {
    text-decoration: none;
    color: #409eff
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0;
    padding: 0;
    font-weight: normal
}

em,
i {
    font-style: normal
}

.clear {
    clear: both
}

.fl {
    float: left
}

.fr {
    float: right
}

img {
    margin: 0;
    padding: 0;
    display: block
}

input::-webkit-input-placeholder {
    color: #fff;
    opacity: 1
}

input:-moz-placeholder {
    color: #fff;
    opacity: 1
}

input::-moz-placeholder {
    color: #fff;
    opacity: 1
}

input:-ms-input-placeholder {
    color: #fff;
    opacity: 1
}

.cookies-notification {
    width: 100%;
    height: auto;
    font-size: .729vw;
    text-align: center;
    max-width: 2000px;
    margin: auto;
    line-height: 1.4;
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999
}

.cookies-notification .cookies-notification-wrapper {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: relative;
    padding: .625vw 1.042vw .677vw;
    background-color: #e3e3e3;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cookies-notification .cookies-notification-wrapper .nowrap {
    display: inline-block;
    white-space: nowrap
}

.cookies-notification .cookies-notification-wrapper a {
    color: #333;
    text-decoration: underline;
    white-space: nowrap
}

.cookies-notification .cookies-notification-wrapper .close-cookies-notification {
    width: .885vw;
    height: .885vw;
    margin-left: .521vw;
    cursor: pointer;
    background: #333;
    color: #fff;
    font-size: .885vw;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.cookies-notification .cookies-notification-wrapper .close-cookies-notification img {
    width: 40%
}

.cookies-notification .cookies-notification-wrapper .close-cookies-notification:hover {
    background: #005bac
}

.header {
    position: fixed;
    width: 100%;
    height: 4.0625vw;
    left: 0;
    top: 0;
    z-index: 99;
    background: transparent;
    backdrop-filter: blur(5px);
    border-bottom: 1px solid rgba(215, 215, 215, 0.34);
}

.header .header_cont {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding-left: 2.0833vw;
    padding-right: 2.3958vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header .header_cont .left {
    display: flex;
    align-items: center;
    height: 100%;
}

.header .header_cont .left .logo {
    width: 5vw;
    margin-right: 4.6354vw;
}

.header .header_cont .left .logo img {
    width: 100%;
}

.header .header_cont .left .nav {
    display: flex;
    height: 100%;
}

.header .header_cont .left .nav ul {
    display: flex;
    height: 100%;
}

.header .header_cont .left .nav ul li {
    margin-right: 2.3438vw;
    height: 100%;
    position: relative;
}

.header .header_cont .left .nav ul li:last-child {
    margin-right: 0;
}

.header .header_cont .left .nav ul li a {
    font-size: .8333vw;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 .2083vw;
    position: relative;
	transition: all 0.5s;
}

.header .header_cont .left .nav ul li a::after {
    content: "";
    position: absolute;
    width: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: .1042vw;
    background: #00C26B;
    bottom: 0;
    transition: all 0.5s;
}

.header .header_cont .left .nav ul li a.topLink {
    position: relative;
}

.header .header_cont .left .nav ul li a.topLink::before {
    content: "";
    width: .5729vw;
    height: .3646vw;
    position: absolute;
    left: calc(100% + .4167vw);
    background: url(../img/jt1.png) no-repeat;
    background-size: contain;
}

.header .header_cont .left .nav ul li.active a {
    color: #00C26B;
}

.header .header_cont .left .nav ul li:hover a {
    color: #00C26B;
}

.header .header_cont .left .nav ul li:hover a::after {
    width: 100%;
}

.header .header_cont .left .nav ul li .dropdown_menu {
    width: 40.2083vw;
    left: 0;
    top: calc(100% - .7813vw);
    padding-top: 1.5625vw;
    position: absolute;
    display: none;
    z-index: 9;
}

.header .header_cont .left .nav ul li .dropdown_menu .ul {
    width: 100%;
    box-sizing: border-box;
    background: url(../img/bg06.png);
    box-sizing: border-box;
    height: 11.3021vw;
    display: flex;
}
.header .header_cont .left .nav ul li .dropdown_menu .ul .left{
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 1.3542vw 1.7708vw 0 1.9792vw;
    flex: 1;
    width: 0;
}
.header .header_cont .left .nav ul li .dropdown_menu .ul a {
    width: 100%;
    margin-bottom: 2.6563vw;
    cursor: pointer;
    display: flex;
}

.header .header_cont .left .nav ul li .dropdown_menu .ul a::after {
    display: none !important;
}

.header .header_cont .left .nav ul li .dropdown_menu .ul a span {
    display: flex;
    align-items: center;
    font-size: .8333vw;
    color: #B9B9B9;
	transition: all 0.5s;
    width: 100%;
    justify-content: space-between;
}

.header .header_cont .left .nav ul li .dropdown_menu .ul a span img {
    width: .2604vw;
     opacity: 0.8;
}

.header .header_cont .left .nav ul li .dropdown_menu .ul a.active span {
    color: #fff;
}
.header .header_cont .left .nav ul li .dropdown_menu .ul a.active span img{
    opacity: 1;
}
.header .header_cont .left .nav ul li .dropdown_menu .ul .right{
    width: 19.2188vw;
    height: 100%;
}
.header .header_cont .left .nav ul li .dropdown_menu .ul .right .img {
    width: 100%;
    height: 100%;
    display: none;
}
.header .header_cont .left .nav ul li .dropdown_menu .ul .right .img.active {
    display: block;
}

.header .header_cont .left .nav ul li .dropdown_menu .ul .right .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.header .header_cont .left .nav ul li .dropdown_menu.hangye{
    width: 47.8125vw;
}
.header .header_cont .left .nav ul li .dropdown_menu.hangye .ul{
    height: 22.1875vw;
}
.header .header_cont .left .nav ul li .dropdown_menu.hangye .ul .left{
    padding: 1.7708vw 1.5625vw 0 1.6667vw;
}
.header .header_cont .left .nav ul li .dropdown_menu.hangye .ul .left a{
    margin-bottom: 1.6667vw;
}
.header .header_cont .left .nav ul li .dropdown_menu.hangye .ul .right{
    width: 23.9063vw;
}

.header.active .header_cont .left .nav ul li .dropdown_menu .ul {
    background: rgba(255, 254, 255, 0.99);
    box-shadow: 0px .2083vw .9896vw .4167vw rgba(215, 215, 215, 0.25);
    border-radius: .1042vw;
    border-color: rgba(215, 215, 215, 0.25);
}

.header.active .header_cont .left .nav ul li .dropdown_menu .ul a span {
    color: #9B9B9B;
}

.header.active .header_cont .left .nav ul li .dropdown_menu .ul a.active span {
    color: #000000;
}

.header .header_cont .right {
    display: flex;
    align-items: center;
}

.header .header_cont .right .wx {
    display: flex;
    position: relative;
    margin-right: 1.8229vw;
}

.header .header_cont .right .wx p {
    display: flex;
    align-items: center;
    font-size: .7771vw;
    color: #FFFFFF;
    cursor: pointer;
    position: relative;
}

.header .header_cont .right .wx p::before {
    content: "";
    position: absolute;
    left: calc(100% + .4167vw);
    width: 0;
    height: 0;
    border-left: .2167vw solid transparent;
    border-right: .2167vw solid transparent;
    border-top: .3646vw solid #fff;
}

.header .header_cont .right .wx p img {
    width: .9375vw;
    margin-right: .5729vw;
}

.header .header_cont .right .wx .img {
    width: 5.2083vw;
    position: absolute;
    left: 0;
    top: calc(100% + .2604vw);
    display: none;
}

.header .header_cont .right .wx .img img {
    width: 100%;
}

.header .header_cont .right .wx:hover .img {
    display: block;
}

.header .header_cont .right .tel {
    margin-right: 1.6146vw;
    display: flex;
    align-items: center;
    font-size: .7771vw;
    color: #fff;
}

.header .header_cont .right .tel span {
    margin-left: .3125vw;
    font-size: .8292vw;
    font-weight: bold;
}

.header .header_cont .right .search {
    width: .9375vw;
    margin-right: 1.1458vw;
}

.header .header_cont .right .search img {
    width: 100%;
	cursor: pointer;
}

.header .header_cont .right .yuyan {
    width: 1.0417vw;
    margin-right: .9375vw;
}

.header .header_cont .right .yuyan img {
    width: 100%;
	cursor: pointer;
}

.header .header_cont .right .yuyue {
    min-width: 5.7292vw;
    height: 1.7708vw;
    box-sizing: border-box;
    padding-left: .7813vw;
    padding-right: 0.5vw;
    display: flex;
    align-items: center;
    font-size: .8292vw;
    color: #00C26B;
    cursor: pointer;
    font-weight: bold;
}

.header .header_cont .right .yuyue span {
    margin-right: .7813vw;
}

.header .header_cont .right .yuyue img {
    width: .7813vw;
    transition: all 0.5s;
}

.header .header_cont .right .yuyue:hover img {
    transform: translateX(.2604vw);
}

.header .img2 {
    display: none;
}

.header.active {
    background: #fff;
}

.header.active .img1 {
    display: none;
}

.header.active .img2 {
    display: block;
}

.header.active .header_cont .left .nav ul li a {
    color: #2E2E2E;
}

.header.active .header_cont .left .nav ul li:hover a {
    color: #00C26B;
}

.header.active .header_cont .left .nav ul li a.topLink::before {
    background: url(../img/jt5.png) no-repeat;
    background-size: contain;
}

.header.active .header_cont .right .wx p {
    color: #1F1F1F;
}

.header.active .header_cont .right .wx p::before {
    border-top: .3646vw solid #1F1F1F;
}

.header.active .header_cont .right .tel {
    color: #1F1F1F;
}

.header.active .header_cont .right .yuyue {
    background: #000;
}

.header.subpage .header_cont .left .nav ul li .dropdown_menu .ul {
    background: rgba(255, 254, 255, 0.99);
    box-shadow: 0px .2083vw .9896vw .4167vw rgba(215, 215, 215, 0.25);
    border-radius: .1042vw;
    border-color: rgba(215, 215, 215, 0.25);
}

.header.subpage .header_cont .left .nav ul li .dropdown_menu .ul a span {
    color: #9B9B9B;
}

.header.subpage .header_cont .left .nav ul li .dropdown_menu .ul a:hover span {
    color: #000000;
}

.header.subpage {
    /* background: #fff; */
}

.header.subpage .img1 {
    display: none;
}

.header.subpage .img2 {
    display: block;
}

.header.subpage .header_cont .left .nav ul li a {
    color: #2E2E2E;
}

.header.subpage .header_cont .left .nav ul li:hover a {
    color: #00C26B;
}

.header.subpage .header_cont .left .nav ul li a.topLink::before {
    background: url(../img/jt5.png) no-repeat;
    background-size: contain;
}

.header.subpage .header_cont .right .wx p {
    color: #1F1F1F;
}

.header.subpage .header_cont .right .wx p::before {
    border-top: .3646vw solid #1F1F1F;
}

.header.subpage .header_cont .right .tel {
    color: #1F1F1F;
}

.header.subpage .header_cont .right .yuyue {
    background: #000;
}

.header.on {
    background: #000;
}

.header.on .img1 {
    display: block;
}

.header.on .img2 {
    display: none;
}

.header.on .header_cont .left .nav ul li a {
    color: #fff;
}

.header.on .header_cont .left .nav ul li:hover a {
    color: #00C26B;
}

.header.on .header_cont .left .nav ul li a.topLink::before {
    background: url(../img/jt1.png) no-repeat;
    background-size: contain;
}

.header.on .header_cont .right .wx p {
    color: #fff;
}

.header.on .header_cont .right .wx p::before {
    border-top: .3646vw solid #fff;
}

.header.on .header_cont .right .tel {
    color: #fff;
}

.header.on .header_cont .right .yuyue {
    background: #000;
}

@media screen and (max-width: 992px) {
    .cookies-notification {
        font-size: 3.6vw
    }
    .cookies-notification .cookies-notification-wrapper {
        padding: 3.6vw 4.667vw 3.733vw;
        padding-right: 12vw;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start
    }
    .cookies-notification .cookies-notification-wrapper .close-cookies-notification {
        position: absolute;
        right: 2vw;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 6.333vw;
        height: 6.333vw;
        padding: .667vw;
        background: #ccc
    }
    .cookies-notification .cookies-notification-wrapper .close-cookies-notification img {
        width: 50%
    }
    .cookies-notification .cookies-notification-wrapper .close-cookies-notification:hover {
        background: #ccc
    }

    .header{
        height: 26.1333vw;
        border-bottom: 0;
    }
    .header.active1{
        background: #000;
    }
    .header .header_cont{
        padding-right: 5.8667vw;
        padding-left: 7.7333vw;
    }
    .header .header_cont .left{
        height: auto;
    }
    .header .header_cont .left .logo{
        width: 25.6vw;
        margin-right: 0;
    }
    .header .header_cont .left .nav{
        display: none;
        position: fixed;
        top: 26.1333vw;
        width: 100%;
        left: 0;
        z-index: 90;
        background: #000000;
        height: calc(100vh - 26.1333vw);
        overflow: auto;
        box-sizing: border-box;
        padding: 0 6.1333vw;
    }
    .header .header_cont .left .nav ul{
        width: 100%;
        height: auto;
        /* padding-bottom: 3.4667vw; */
        display: block;
        margin-top: -5.3333vw;
    }
    .header .header_cont .left .nav ul li{
        margin-right: 0;
        border-bottom: 1px solid #3B3B3B;
    }
    .header .header_cont .left .nav ul li:last-child{
        margin-bottom: 0;
        border-bottom: 0;
    }
    .header .header_cont .left .nav ul li a{
        position: relative;
        font-size: 3.7333vw;
        padding: 5.3333vw 0;
    }
    .header .header_cont .left .nav ul li:hover a{
        color: #fff;
    }
    .header .header_cont .left .nav ul li a::before{
        content: "";
    width: 1.8667vw;
    height: 1.8667vw;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/jt4.png) no-repeat;
    background-size: contain;
    }
    .header .header_cont .left .nav ul li a.topLink::before{
           width: 1.8667vw;
    height: 1.8667vw;
      right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/jt4.png) no-repeat;
    background-size: contain;
    left: auto;
    }
        .header .header_cont .left .nav ul li a.topLink.active::before{
    background: url(../img/jt1.png) no-repeat;
    background-size: contain;
    }
    .header .header_cont .left .nav ul li .dropdown_menu{
        width: 100%;
        position: relative;
        top: 0;
        padding-top: 5.3333vw;
        border-top: 1px solid #3B3B3B;
    }
    .header .header_cont .left .nav ul li .dropdown_menu.hangye{
        width: 100%;
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul{
        height: auto;
        background: transparent;
    }
    .header .header_cont .left .nav ul li .dropdown_menu.hangye .ul{
        height: auto;
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul .left{
        width: 100%;
        padding: 0;
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul a{
        margin-bottom: 8.8vw;
        padding-bottom: 0;
    }
    .header .header_cont .left .nav ul li .dropdown_menu.hangye .ul .left a{
       margin-bottom: 8.8vw; 
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul a span{
        color: #8A8A8A;
        font-size: 3.4667vw;
    }
     .header .header_cont .left .nav ul li .dropdown_menu .ul a span img{
        display: none;
     }
    .header .header_cont .left .nav ul li .dropdown_menu .ul a.active span{
            color: #8A8A8A;
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul a:last-child{
        margin-bottom: 7.4667vw;
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul a::before{
        display: none;
    }
    .header .header_cont .left .nav ul li .dropdown_menu .ul .right{
        display: none;
    }
    .header .header_cont .left .nav ul li a::after{
        display: none;
    }
    .header .header_cont .left .nav .tel {
        display: flex;
        align-items: center;
        height: 12.8vw;
        border-bottom: 1px solid #3B3B3B;
        border-top: 1px solid #3B3B3B;
        color: #fff;
        font-size: 3.4667vw;
        position: relative;
        margin-bottom: 4.8vw;
    }
     .header .header_cont .left .nav .tel span{
        font-size: 3.7333vw;
        font-weight: bold;
     }
     .header .header_cont .left .nav .tel::before{
           width: 1.8667vw;
    height: 1.8667vw;
      right: 0;
    top: 50%;
    transform: translateY(-50%);
    background: url(../img/jt4.png) no-repeat;
    background-size: contain;
    left: auto;
    }
    .header .header_cont .left .nav .wx{
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
    .header .header_cont .left .nav .wx p{
        display: flex;
        align-items: center;
        font-size: 3.7333vw;
        color: #fff;
        margin-bottom: 4.5333vw;
    }
    .header .header_cont .left .nav .wx p img{
        width: 4.8vw;
        margin-right: 2.9333vw;
    }
    .header .header_cont .left .nav .wx .img{
        width: 26.6667vw;
    }
    .header .header_cont .left .nav .wx .img img{
        width: 100%;
    }
    .header .header_cont .right .wx{
        display: none;
    }
    .header .header_cont .right .tel{
        display: none;
    }
    .header .header_cont .right .search{
        width: 4.5333vw;
        margin-right: 4.2667vw;
    }
    .header .header_cont .right .yuyan{
        width: 5.3333vw;
        margin-right: 5.3333vw;
    }
    .header .header_cont .right .yuyue{
        display: none;
    }
    .header .header_cont .right .nav_mob{
        width: 5.6vw;
    }
    .header .header_cont .right .nav_mob img{
        width: 100%;
    }
    .header.active1 .header_cont .right .nav_mob{
        background: url(../img/close.png) no-repeat;
        background-size: contain;
    }
    .header.active1 .header_cont .right .nav_mob img{
        opacity: 0;
    }
    
    .header.active1 .header_cont .left .nav ul li .dropdown_menu .ul {
    background: transparent;
    box-shadow: initial;
    border-radius: 0;
    border-color: transparent;
}

.header.active1 .header_cont .left .nav ul li .dropdown_menu .ul a span {
    color: #9B9B9B;
}

.header.active1 .header_cont .left .nav ul li .dropdown_menu .ul a.active span {
    color: #9B9B9B;
}

.header.active1 .img1 {
    display: block;
}

.header.active1 .img2 {
    display: none;
}

.header.active1 .header_cont .left .nav ul li a {
    color: #fff;
}

.header.active1 .header_cont .left .nav ul li:hover a {
    color: #fff;
}

.header.active1 .header_cont .left .nav ul li a.topLink::before {
    background: url(../img/jt4.png) no-repeat;
    background-size: contain;
}
    .header.active1 .header_cont .left .nav ul li a.topLink.active::before{
    background: url(../img/jt1.png) no-repeat;
    background-size: contain;
}
}