﻿body {
    font-weight: 300;
}

@font-face {
    font-family: 'FANGZHENGLANHEI';
    src: url(https://donghengguoxian.com/static/web/static/web/font/FZ.TTF);
}

html {
    -webkit-user-drag: none;
}

body {
    -webkit-user-drag: none;
}

a {
    cursor: pointer
}

.head-logo {
    margin-left: 4vw;
}

.head-logo>img {
    width: 100%
}

.headbox {
    position: fixed;
    top: 0px;
    left: 50%;
    width: 100%;
    height: 100px;
    z-index: 22;
    min-width: 0px;
    min-height: 100px;
    -webkit-transform: translate(-50%, 0px);
    background: #fff;
    display: flex;
    align-items: center;
}

.headbox>div>.p_gridbox {
    background-color: rgba(255, 255, 255, 1);
    transition: all .5s ease;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.headbox>div>.p_gridbox:hover {
    background: #fff;
    box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
}

.headbox .p_MatteIcon .iconfont:before {
    content: '\e602';
}

.headbox>div {
    animation-fill-mode: both;
}

.tNavbx {
    flex: 1
}

.c_portalResPublic_codeContainer-01001019 .head_lan {
    width: auto;
    position: relative;
    margin-left: auto;
    margin-right: 0px;
    padding: 0px 10px;
    background-image: none;
    transition: all .5s ease;
}

.c_portalResPublic_codeContainer-01001019 .head_lan.fixed {
    background-image: none;
    border: none;
}

.c_portalResPublic_codeContainer-01001019 .lan_con {
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding-top: 0;
}

.c_portalResPublic_codeContainer-01001019 .lan_con:hover {
    cursor: pointer;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_tit {
    width: auto;
    line-height: 36px;
    display: flex;
    align-items: center;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_tit span {
    display: inline-block;
    font-size: 17px;
    font-family: arial;
    color: inherit;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_tit .iconfont.map {
    width: auto;
    margin-right: 5px;
    text-align: center;
    display: inline-block;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_tit .iconfont.jt {
    width: auto;
    margin-left: 5px;
    text-align: center;
    transform: scale(0.7);
    display: inline-block;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_tit .iconfont.map:before {
    content: '\e614';
    color: #fff;
    font-size: 16px;
    text-align: center;
    color: #d1221a;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_tit .iconfont.jt:before {
    content: '\e69a';
    font-size: 12px;
    text-align: center;
    color: inherit;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_list {
    display: flex;
    width: 120px;
    background: #fff;
    padding: 3px 0px 10px 0px;
    position: fixed;
    z-index: 99;
    top: 80px;
    font-size: 13px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    opacity: 0;
    visibility: hidden;
    transform: translate(0, 20px);
    transition: all .3s ease;
    flex-direction: column;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_list.cur {
    opacity: 1;
    transform: translate(0, 0px);
    visibility: visible;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_list span {
    position: relative;
    line-height: 1px;
    display: inline-block;
    height: 1px;
    width: 100%;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_list .iconfont:before {
    content: '\e6c8';
    color: #fff;
    position: absolute;
    font-size: 24px;
    width: 100%;
    top: -5px;
    text-align: center;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_list a {
    color: #666;
    display: block;
    text-align: center;
    height: 30px;
    line-height: 30px;
    transition: all .3s ease;
}

.c_portalResPublic_codeContainer-01001019 .head_lan .lan_list a:hover {
    color: #59b834;
}

.dhinfo {
    display: flex;
    align-items: flex-start;
}

.info-txt {
    flex: 1;
    font-size: 1.13rem;
    color: #666666;
    line-height: 1.8;
    margin-right: 3rem
}

.video {}

.video video {
    width: 45rem;
    height: 30.12rem;
}

.info-txt p {
    /*    text-indent: 2.26rem;*/
    text-align: justify
}

.info-txt p+p {
    margin-top: 1.7rem
}

.dh-til {
    font-size: 1.75rem;
    color: #333333;
    line-height: 1.6;
    margin-bottom: 3rem;
}

.dh-til img {
    margin-bottom: 0.5%;
    height: 1.85rem;
}

.absTopTable {
    display: flex;
    position: relative;
    margin-top: 5rem
}

.absTopTable>dd {
    flex: 1;
    text-align: center;
    padding: 1rem 0;
    color: #0074D6 !important;
    transition: all 0.5s
}

.fzlclist .swiper-slide .lccont p {
    color: #fff !important;
}

.absTopTable>dd p {
    font-size: 0.94rem;
    color: #666666 !important;
}

.absTopTable>dd+dd {
    border-left: #D8D8D8 solid 1px
}

.absTopTable>dd:hover {
    transform: translateY(-1rem)
}

.absTopTable>dd h3 {
    font-size: 3.75rem;
}

.absTopTable>dd h3 span {
    font-size: 40%;
    font-weight: 400;
    margin-left: 0.5vw;
    display: inline-block;
}

#searchSel {
    height: 35px;
    color: #666;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: 0;
    border-radius: 5px 0 0 5px;
    background: #fff;
    padding-left: 10px;
}

#ser {
    width: 7%;
    height: 35px;
    border-left: 0;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /*border-left: 1px solid #ccc;*/
    border-top: 1px solid #ccc;
    border-radius: 0px 5px 5px 0px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .slerr {
        display: none;
    }

    #searchSel {
        display: none;
    }

    #ser {
        display: none;
    }

    .headbox>div>.p_gridbox:hover {
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    }

    .headbox>div>.p_gridbox:active {
        background: rgba(255, 255, 255, 1);
        box-shadow: 0px 2px 10px 2px rgba(0, 0, 0, 0.1);
    }

    .head-logo {
        width: 45%;
    }

    .c_portalResPublic_codeContainer-01001019 {
        min-height: 500px;
        width: 100%;
    }

    /*.flaotcontent>dl {*/
    /*    background: rgb(62 187 249 / 83%) !important;*/
    /*    padding: 3vh 0.5vw !important;*/
    /*    border-radius: 10em !important;*/
    /*    margin-right: 1vw !important;*/
    /*    width: 10vw !important;*/
    /*    box-shadow: rgb(0 171 237 / 55%) 0 0 0.6rem !important;*/
    /*}*/

}

@media only screen and (min-width: 769px) {
    .head-logo {
        width: 16.04%;
    }

    .headbox>div>.p_gridbox>.p_gridCell {
        margin-bottom: 0rem;
        margin-top: 0rem;
        margin-left: 0;
    }

    .headbox>div>.p_gridbox>.p_gridCell:nth-child(1n+0) {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        clear: none;
    }

    .headbox>div>.p_gridbox>.p_gridCell:nth-child(1n) {
        margin-right: 0;
    }

    .headbox>div>.p_gridbox>.p_gridCell:nth-child(n+1) {
        margin-left: 0px;
        clear: left;
    }

    .c_portalResPublic_codeContainer-01001019 {
        min-height: inherit;
        width: 100%;
    }
}

@media only screen and (max-width: 1024px) and (min-width: 769px) {
    .head-logo {
        width: 29.55%;
    }
}

.t-head {
    display: flex;
    align-items: center;
}

.sler {
    height: 35px;
    color: #666;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    /* border-right: 0; */
    border-radius: 5px 0 0 5px;
    background: #fff;
    padding-left: 10px;
}

.t-search {
    margin-left: 0.5vw;
    /* padding-left: 0.5vw; */
    margin-right: 0.5vw;
    position: relative;
}

.t-search::after {
    position: absolute;
    top: -13.5px;
    right: 25px;
    cursor: pointer;
    content: "";
    display: block;
    width: 1.35rem;
    height: 1.35rem;
    background: url(../image/searchicon.png) no-repeat center;
    background-size: auto 100%;
}

.e_switchbtn.swiper-button-next:after,
.e_switchbtn.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 90%;
}

.e_switchbtn.swiper-button-prev {
    left: 0;
}

.e_switchbtn.swiper-button-next {
    right: 0;
}

.h-pordation {}

.w_grid-000 .h-pordation .p_gridCell {
    float: right;
}

.h-til {
    font-size: 38px;
    color: #3A3A3A;
    letter-spacing: -0.83px;
    font-weight: 400;
    max-width: 1638px;
    margin: 66px auto 20px auto
}

.h-por-txt {
    padding-right: 12vw;
    padding-left: 6%;
}

.h-por-txt>h2 {
    font-size: 34px;
    color: #3A3A3A;
    letter-spacing: -0.74px;
    font-weight: 400;
}

.h-por-txt>h2>p {
    font-size: 18px;
    color: #AAAAAA;
    letter-spacing: 0.5px;
    font-weight: 200;
    line-height: 2;
}

.h-por-txt>p {
    font-size: 18px;
    color: #666666;
    letter-spacing: 0;
    line-height: 33px;
    font-weight: 400;
    margin-top: 28px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.h-por-txt .more {
    margin-top: 108px;
    font-size: 24px;
    color: #333333;
    font-weight: 400;
}

.h-por-txt .more a {
    color: #333333;
}

.w_tabswitchbox-001 .p_relationbtntab .font.tabsnav {
    font-size: 24px;
    letter-spacing: 0;
    font-weight: normal;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
    padding: 0 2vw;
    color: rgb(0 0 0);
}

.tabsnav .iconmore {
    background: url("../image/iconmore.png") no-repeat center;
    background-size: 100% 100%;
    width: 50px;
    height: 50px;
    border-radius: 10em;
    border: #fff solid 1px;
}

.yinyongbox {
    margin: 0 auto 200px auto;
}

.mySwiper {
    width: 1180px;
    overflow: inherit
}

.mySwiper .swiper-wrapper {
    width: 100%;
    margin: 0 auto
}

.mySwiper .swiper-slide {
    background: #000;
    text-align: right;
    width: 100% !important;
    position: relative;
    z-index: 1
}

.mySwiper .swiper-slide>img {
    width: 100% !important;
    height: 40vw;
}

.mySwiper .swiper-slide-active {
    width: 100% !important;
}

.mySwiper .swiper-button-next,
.mySwiper .swiper-button-prev {
    width: 108px;
    height: 58px;
}

.mySwiper .swiper-button-next::after,
.mySwiper .swiper-button-prev::after {
    display: none;
}

.mySwiper .swiper-button-next::before,
.mySwiper .swiper-button-prev::before {
    width: 108px;
    height: 58px;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    transition: all .5s ease;
}

.mySwiper .swiper-button-next::before {
    background-image: url("../image/btnnext.png")
}

.mySwiper .swiper-button-prev::before {
    background-image: url("../image/btnper.png")
}

.mySwiper .swiper-button-next:hover::before {
    background-color: #f97d20;
}

.mySwiper .swiper-button-prev:hover::before {
    background-color: #f97d20;
}

.mySwiper .swiper-button-prev {
    transition: all .5s ease;
    left: -40px;
}

.mySwiper .swiper-button-next {
    right: -40px;
}

.mytext {
    background: rgba(255, 255, 255, 0.8);
    box-shadow: 6px 6px 15px 0 rgba(0, 0, 0, 0.15);
    position: absolute;
    padding: 3.5rem;
    top: 100px;
    left: 10%;
    z-index: 2;
    width: 420px;
    text-align: left;
    display: none;
}

.mytext h2 {
    font-size: 28px;
    color: #000000;
    margin-bottom: 28px;
}

.mytext>p {
    color: #333333;
    line-height: 2.3;
    text-align: justify;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    min-height: 235px;
}

.mytext .mymore {
    width: 50px;
    height: 50px;
    border: 1px solid rgba(151, 151, 151, 1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0;
    margin-top: 8%
}

.mytext .mymore::after {
    width: 14px;
    height: 14px;
    border-top: #979797 solid 2px;
    border-right: 2px #979797 solid;
    transform: rotate(45deg);
    content: "";
    margin-left: -4px;
}

.mySwiper .swiper-slide-active .mytext {
    display: block
}

.footer {
    background: #282828;
    background-size: 100% 100%;
    padding: 68px 0 60px 0;
    margin-top: 0;
    font-size: 80%;
    color: #fff
}

.footinfo {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1638px;
    margin: 0 auto;
}

.f-address {
    padding-right: 1.4vw;
    border-right: 1px rgba(255, 255, 255, 0.2) solid
}

.f-address dt {
    margin-bottom: 7vh
}

.f-address dd+dd {
    padding-top: 8px
}

.f-address dd {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
}

.ftel {
    flex: 1;
}

.ftel>p {
    flex: 1;
    padding: 0 0 16px 0;
    display: flex;
    align-items: center
}

.f-address span {
    text-align: justify;
    text-align-last: justify;
    width: 90px;
    margin-right: 10px;
}

.f-address dd::before {
    content: "";
    width: 22px;
    height: 22px;
    background-size: auto 100%;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 0.4rem
}

.f-address dd:nth-child(3)::before {
    background-image: url("../image/f-tel.png")
}

.f-address dd:nth-child(4)::before {
    background-image: url("../image/f-map.png")
}

.ftxt ol {
    font-weight: 800;
    margin-bottom: 3vh;
    padding: 0.5rem 0
}

.ftxt li {
    padding: 0.5rem 0
}

.ftxt a {
    font-size: 14px;
    color: #A6A6A6;
    line-height: 16px;
    font-weight: 400;
}

.ftxt li.zmt {
    margin-top: -2vh
}

.ftxt li.zmt a+a {
    margin-left: 1vw
}

.rwm {
    display: flex;
    margin-top: 1vh;
    text-align: center
}

.rwm p {
    margin-top: 1vh
}

.rwm dd+dd {
    margin-left: 0.5vw
}

.ftilname {
    font-size: 18px;
    margin-bottom: 18px;
}

.ftilname::before {
    display: none
}

.industryINav {
    display: flex !important;
}

.industryINav .item {
    flex: 1
}

.c_portalResPublic_codeContainer-01001016 .industryINav .itemC {
    flex: 1;
    z-index: 1;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
    border: none !important
}

.c_portalResPublic_codeContainer-01001016 .industryINav .t {
    font-size: 1.75rem;
    width: 100%;
}

.c_portalResPublic_codeContainer-01001016 .slick-slider.industryINav .slick-list {
    width: 100% !important;
    /*max-width: 1638px;*/
    box-sizing: border-box;
    margin: 0 auto;
}

.c_portalResPublic_codeContainer-01001016 .slick-slider.industryINav {
    background: rgba(0, 0, 0, 0.27);
}

.p_relationbtntab.tabsbox {
    position: relative;
    z-index: 1;
    background: none
}

.p_relationbtntab.tabsbox::after,
.e_relationbtn.p_relationbtntab.tabsbox::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

.p_relationbtntab.tabsbox::before {
    z-index: -2;
    background: #f7f7f7
}

.p_relationbtntab.tabsbox::after {
    z-index: -1;
    transition: all 0.2s;
    width: 0px;
}

.act .p_relationbtntab.tabsbox::after {
    background-color: #0074d6;
    width: 100%;
}

.act .p_relationbtntab.tabsbox .font.tabsnav {
    color: rgba(255, 255, 255, 1) !important;
}

.bannerVideoBox {
    position: relative;
    padding-top: 100px;
    height: 100vh;
    z-index: 0;
}

.picBox,
.picBox img {
    width: 100%
}

.e_box.tabcontent {
    opacity: 0;
    transition: all 0.5s
}

.e_box.tbox {
    position: relative;
    height: 430px !important;
    overflow: inherit;
}

.e_box.tbox .tabcontent {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: hidden
}

.e_box.tbox .tabcontent.show {
    opacity: 1;
    z-index: 2;
}

.iconmore2 {
    background: url("../image/kjmore.png") no-repeat;
    display: block;
    width: 50px;
    height: 50px;
    margin-top: 10%;
    transition: all .5s ease;
    border-radius: 20px;
}

.iconmore2:hover {
    background-image: url("../image/kjmore.png"), linear-gradient(#f97d20, #f97d20);
    overflow: hidden;
}

.ftxt ol a {
    font-weight: 700;
    color: #fff;
    font-size: 16px
}

.f-link {
    flex: 1;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    padding-left: 2vw;
    flex-wrap: wrap
}

.f-link>ul,
.f-link>dl {
    flex: 1
}

.m-footer {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    color: #808080;
    padding: 100px 0 0 0;
    font-size: 14px;
    text-align: center;

}

.m-footer a {
    color: #A6A6A6 !important;
}

.m-footer:before {
    content: "";
    display: block;
    position: absolute;
    top: 80px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #595959;
}

.c_portalResPublic_codeContainer-01001019.smenu {
    width: 100%;
    max-width: 314px;
    min-height: none !important;
    max-height: none;
}

.c_portalResnav_main-01001018 .navLi {
    padding: 0 1.2vw 0 0;
    display: block;
    font-size: 1rem;
}

.c_portalResnav_main-01001018 .navLi:hover .tNavH::before,
.c_portalResnav_main-01001018 .act.navLi .tNavH::before {
    width: 100%;
    opacity: 1;
}

.c_portalResnav_main-01001018 .slidBox,
.c_portalResnav_main-01001018 .navSbox {
    /*display: none;*/
}

.subpage_ad {
    padding-top: 100px;
}

.subpage_ad img {
    width: 100%
}

.subpage_ad .mobitem {
    display: none;
}

.wzbox {
    background: #FFFFFF;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.06);
    /*     padding: 0 6%; */

    margin: 0 auto;
    /*    margin-bottom: 2rem;*/
}

.wzbox .NavList_a1 {
    display: flex;
    flex: 1;
}

.wzbox>.max {
    display: flex;
    align-items: center;
    max-width: 1638px;
    width: 100%;
    margin: 0 auto
}

.NavList_a1>li {
    font-size: 1.3rem;
    color: #073987;
    text-align: center;
    font-weight: 550;
    /*font-size: 1rem;*/
    /*color: #073987;*/
    /*text-align: center;*/
    /*font-weight: 400;*/
    height: 5.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative
}

.NavList_a1>li a {
    padding: 0 2vw;
    border-left: #ccc solid 2px;
    border-right: #ccc solid 2px;
    display: block;
    white-space: nowrap;
}

.NavList_a1>li:hover a,
.NavList_a1>li.act a {
    color: #0074d7
}

.activeol {
    color: #0074d7 !important;
}

.activeol::after {
    content: "";
    border-bottom: #0074d7 solid 3px;
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    transition: all 0.5s;
    transform: translateX(-50%)
}

.NavList_a1>li::after,
.NavList_a1>li.act::after {
    content: "";
    border-bottom: #0074d7 solid 3px;
    position: absolute;
    bottom: 0;
    width: 0;
    left: 50%;
    transition: all 0.5s;
    transform: translateX(-50%)
}

.NavList_a1>li:hover::after,
.NavList_a1>li.act::after {
    width: 100%
}

.NavList_a1>li+li a {
    border-left: none;
}

.bg {
    background: #fafafa
}

.weizhi {
    display: flex;
    align-items: center;
    font-size: 14px
}

.NavList_a1 {
    flex: 1;
}

.iconw {
    background: url("../image/wzicon.png") no-repeat center;
    background-size: auto 100%;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-right: 0.5vw
}

.pro-list {
    position: relative;
    background: #fff;
    height: 550px;
    padding: 1vw;
    flex: 0 1 24.2%;
    margin-bottom: 1.06%;
    margin-right: 13px;
}

.weizhi i {
    margin: 0 0.25vw
}

.listbox {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    align-content: flex-start;
    /*justify-content: space-between;*/
    padding: 2% 6%
}

.listbox::after {
    content: "";
    width: 49.46%
}

.pro-list .img {
    background: black;
    position: relative;
    padding-bottom: calc((100% - 0px)/3*1.86);
    overflow: hidden
}

.pro-list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pro-list h2 {
    font-size: 22px;
    color: #3A3A3A;
    margin: 9% 0 9% 0;
    font-weight: 300;
    height: 60px;
}

.pro-list>dd {
    font-size: 16px;
    color: #666666;
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0.5vmin 0;
    font-weight: 300;
}

.pro-list>dd p {
    flex: 1
}

.pro-list>dd::before {
    content: "";
    width: 7px;
    height: 7px;
    border: #666 solid 1px;
    transform: rotate(45deg);
    margin: 6px;
}

.pmore {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    margin: 10% 0 5% 0;
    font-size: 16px
}

.pmore::before {
    width: 34px;
    height: 34px;
    background: url("../image/iconmore.png");
    background-size: 100% 100%;
    margin-right: 0.7vw;
    content: "";
}

.fanganbox {
    margin: 3.5% auto;
    background: #fff;
    padding: 2% 3% 3% 3%;
    max-width: 1638px
}

.fantil {
    font-size: 1.8rem;
    color: #333333;
    line-height: 3.25rem;
    font-weight: 400;
    letter-spacing: 2px;
    margin-bottom: 3%;
}

.fantil span {
    color: #0074D6;
}

.fantil b {
    color: #333333;
    font-weight: 400;
    opacity: 0.2;
    text-transform: uppercase;
    margin-left: 0.5rem
}

.falist {
    display: flex;
    align-items: center
}

.falist>dl {
    flex: 1;
    /*display: flex;*/
    flex-wrap: wrap;
}

.falist>dl dd {
    width: 100%;
    display: flex;
}

.falist>dl dd>p,
.falist>dl dd>span {
    display: flex;
    align-items: center
}

.falist>dl dd>p {
    flex: 1
}

.falist>dl dd+dd {
    margin-top: 6%;
    background: #f9f9f9
}

.falist>.img {
    flex: 0.9;
    padding: 0 !important
}

.falist>.img img {
    height: auto;
    object-fit: cover !important
}

.img img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.falist>dl dd>span {
    background: #0074D6;
    padding: 0 1rem;
    justify-content: center;
    color: #fff;
    font-size: 56px;
    font-family: Barlow-Bold;
    font-weight: 900;
    letter-spacing: -3px;
}

.falist>dl dd>p {
    font-size: 18px;
    color: #606060;
    font-weight: 300;
    padding: 0 1.8vw;
}

.xsbox {
    padding: 5% 3% 8% 3%;
    background-repeat: no-repeat;
    background: url("../image/635b746b4d9227310.png") no-repeat #000 right top;
    background-size: auto 100%;
    color: #fff;
    background-size: cover !important;
}

.xsbox>dd h2 {
    opacity: 0.68;
    padding: 2rem 0;
    font-family: Barlow-Bold;
    font-size: 56px;
    color: #FFFFFF;
    line-height: 1;
    font-weight: 700;
}

.falist>dl dd:nth-child(even)>span {
    background: #D1221A;
}

.xsbox>dd {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 2;
    font-weight: 400;
    width: 55%
}

.xsbox>dd+dd {
    margin-top: 4%
}

.fanganbox+.fanganbox {
    margin-top: -2%
}

.h-pordation .e_image.p_dimage img {
    /*width: 0*/
}

.newsbox {
    display: flex;
    max-width: 1638px;
    margin: 0 auto
}

.newsbox .img {
    position: relative;
    padding-bottom: calc(100%/16*9);
    position: relative
}

.imgbox {
    width: 49.4%;
    margin-right: 1.9%
}

.newsbox .img img {
    width: 100%;
    height: 100%;
    position: absolute
}

.news-head-box {
    flex: 1
}

.news-head-box>h2 {
    font-family: AlibabaPuHuiTiM;
    font-size: 30px;
    color: #333333;
    letter-spacing: -0.83px;
    line-height: 1.6;
    font-weight: 500;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.news-head-box>h2::after {
    content: "";
    display: block;
    width: 3rem;
    border-bottom: #0074D6 solid 4px;
    margin: 3% 0 4% 0
}

.news-head-box>p {
    font-size: 16px;
    color: #666666;
    letter-spacing: 0;
    line-height: 1.95;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.n-more::before {
    content: "";
    width: 50px;
    height: 50px;
    background: url("../image/iconmore.png") no-repeat;
    background-size: 100% 100%;
    margin-right: 1rem
}

.n-more {
    font-size: 24px;
    color: #333333;
    display: flex;
    align-items: center;
    margin-top: 12%;
}

.newslistbox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 1638px;
    margin: 8rem auto 0 auto
}

.newslistbox .newList {
    flex-basis: 30%;
    margin-bottom: 3%;
}

.newslistbox .newPicBox {
    position: relative;
    padding-bottom: calc(100%/4*2.48);
    overflow: hidden
}

.newslistbox .newPicBox img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto
}

.newslistbox .TimeBox {
    color: #666666;
    line-height: 3.5;
}

.newslistbox .newTitle {
    /*	    font-size: 20px;*/
    font-size: 143%;
    color: #333333;
    line-height: 1.6;
}

.lineBox {
    position: relative;
    width: 100%;
    height: 1px;
    background: #ededed;
    margin-top: 26px;
    margin-bottom: 26px;
}

.newList:hover .lineBox::before {
    width: 100%;
}

.lineBox::before {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 100%;
    background: #0074D6;
    transition: all .5s ease;
}

.newslistbox .newPic {
    transition: all .5s ease;
}

.newslistbox .newList:hover .newPic {
    transform: scale(1.1);
}

.look.bottom_btn {
    font-size: 16px;
}

.newslistbox::after {
    content: "";
    flex-basis: 30%;
}

.page {
    padding: 2rem 0 5rem 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.page>a,
.page>span {
    width: 2.63rem;
    height: 2.63rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.page>span {
    width: auto;
    font-size: 200%;
    font-weight: 800;
    line-height: 1;
    overflow: hidden;
    height: auto;
    margin-top: -0.5rem;
    margin: 0 2rem
}

.page>a {
    background: rgba(0, 116, 214, 0.3);
    font-size: 1.25rem;
    color: #333333;
}

.page>a.act {
    background: rgba(0, 116, 214, 1);
    color: #fff
}

.page>a+a {
    margin-left: 1.88rem
}

.imgpic img {
    width: 100%
}

.f-txt {
    font-size: 1.05rem;
    text-indent: 2.26rem;
    color: #606060;
    line-height: 2.05;
    margin-bottom: 4rem;
    text-align: justify;
}

.imgpic+.f-txt {
    margin-top: 5rem;
}

.htil {
    font-size: 2.25rem;
    color: #333333;
    font-weight: 550;
    line-height: 2.13rem;
    margin-top: 5rem;
    margin-bottom: 3rem
}

.f-txt.zy {
    margin: 2rem auto 0
}

.bx {
    max-width: 1638px;
    margin: 3% auto 130px auto
}

.bz {
    margin: 3% auto 130px auto;
}

.img img {
    width: 100%
}

.map-mian {
    width: 100%;
    height: 40rem
}

.frombx>h2 {
    font-size: 2.10rem;
    text-align: center;
    color: #333333;
}

.frombx>p {
    font-size: 1.03rem;
    color: #666666;
    text-align: center;
    margin-top: 1%
}

.fromtale {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 5rem;
    margin-top: 3rem
}

.fromtale>dd {
    width: 48.5%;
    margin-bottom: 1.4rem
}

.fromtale>dd:nth-child(1),
.fromtale>dd:last-child {
    width: 100%;
}

.fromtale>dd:last-child {
    margin-top: 2rem
}

.fromtale>dd input,
.fromtale>dd textarea {
    width: 100%;
    background: #F2F2F2;
    border: none;
    font-size: 0.95rem;
    padding: 0 1.5rem;
    color: #666666;
}

.fromtale>dd input,
.yzm img {
    height: 3.7rem
}

.fromtale>dd textarea {
    height: 11.38rem;
    padding: 1.5rem
}

.fromtale>dd input::placeholder,
.fromtale>dd textarea::placeholder {
    font-size: 1.13rem;
    color: #666666;
}

.fromtale>dd button {
    height: 4.38rem;
    background: #0074D6;
    color: #fff;
    font-size: 1.25rem;
    width: 100%;
    border: none;
}

.fzlcbox .fantil {
    padding: 4% 3% 2% 3%;
}

.fzlcbox .fantil,
.fzlcbox .fantil b {
    color: #fff;
}

.fzlcbox .fantil b {
    opacity: 0.3
}

.fzlcbox {
    background: url("../image/2023867.jpg") no-repeat top left;
    background-size: cover;
    background-attachment: fixed;
    margin: -3% auto;
}

.jsbz {
    display: flex;
    justify-content: space-between;
    margin-bottom: 8rem
}

.fwzlbox .jsbz>dl {
    width: 47%
}

.jsbz h2 {
    font-size: 1.33rem;
    color: #333333;
    padding-top: 6%;
    padding-bottom: 3.5%
}

.jsbz dd {
    font-size: 0.99rem;
    color: #666666;
    line-height: 1.9;
    text-align: justify;
}

.whbox {
    display: flex;
    background: url("../image/whbg.png") no-repeat;
    background-attachment: fixed;
    background-size: cover;
    margin-bottom: 5rem
}

.whbox>dl {
    padding: 6rem 4rem;
    flex: 1
}

.whbox>dl+dl {
    border-left: rgba(255, 255, 255, 0.2) solid 1px
}

.whbox>dl dd::after {
    content: "";
    display: block;
    margin: 2rem 0 3.5rem 0;
    height: 0.4rem;
    border-radius: 10em;
    background: #fff;
    width: 4rem
}

.whbox>dl dt {
    color: #FFFFFF;
    font-size: 1.2rem;
    line-height: 2;
    font-weight: 400;
    min-height: 10rem;
}

.rybox {
    display: flex;
    flex-wrap: wrap;
    /*justify-content: space-between*/
}

.rybox>dd {
    margin-right: 5%;
    width: 15%;
    margin-top: 0rem
}

.rybox>dd:nth-child(-n+4) {
    margin-top: 0
}

.rybox>dd .img {
    padding: 1.5rem;
    background: #F9F9F9;
}

.rybox>dd p {
    font-size: 1.15rem;
    color: #333333;
    text-align: center;
    padding: 1rem 0
}

.zhichi>img {
    display: block;
    height: 2.5rem;
    margin: 0 auto 3rem auto
}

.zhichi {
    padding: 5rem 2rem;
    background: url("../image/zcbg.png") no-repeat bottom #f8f8f8;
    background-size: 100% auto
}

.zhichi>p {
    font-size: 1.13rem;
    color: #333333;
    line-height: 2;
    /*    text-indent: 2.26rem*/
}

.zhichi>p+p {
    margin-top: 3rem
}

.nomar.fzlcbox {
    margin-top: 3.5%;
    margin-bottom: 3.5%
}

.jsbz.jsbox {
    margin-bottom: 0;
}

.rytabs {
    display: flex;
    font-size: 1.2rem;
    color: #000;
    text-align: center;
    justify-content: space-between;
    margin-bottom: 4rem
}

.rytabs>dd {
    width: 24%;
    padding: 1rem 0;
    background: #fff;
    font-weight: 500;
    cursor: pointer
}

.rytabs .act {
    background: #0074D6;
    color: #fff;
}

.rylist {
    display: none
}

.rylist.rybox {
    margin-bottom: 6rem
}

.rylist.rybox>dd .img {
    background: #fff;
}

.absTopTable.kjcx {
    justify-content: space-between;
    margin-top: -2.2rem;
    margin-bottom: 4rem;
}

.absTopTable.kjcx>dd {
    font-style: italic;
    background: #F5F5F5;
    width: 24%;
    flex: none;
    font-family: Barlow-BoldItalic;
    text-align: left;
    padding: 2rem 2.7rem;
}

.absTopTable.kjcx>dd p {
    color: #333333;
    margin-top: 0.5rem
}

.absTopTable.kjcx>dd+dd {
    border: none
}

.absTopTable.kjcx h3 {
    font-weight: 700;
    font-style: italic;
}

.absTopTable.kjcx>dd h3 span {
    color: #666666;
    font-style: normal
}

.kjcx.nomar {
    margin-bottom: 0;
}

.fwzlbox {
    margin: -2% auto 3% auto;
    padding: 0 1% 1% 1%;
    background-image: linear-gradient(180deg, #00ACED 0%, #0074D6 100%);
}

.sidebox {
    background: url("../image/jsbj.png") no-repeat top left;
    background-size: 100% 100%;
    margin-top: -2%;
    /*    margin-bottom: -3.5%;*/

    padding: 0 0.6% 1% 0.6%;
}

.zrbox {
    background-image: url("../image/zenyan.png");
    margin-top: 3%;
    padding: 0 0.6% 1% 0.6%;
    margin-bottom: 0;
}

.sidebox .fantil,
.sidebox .fantil b,
.fwzlbox .fantil,
.fwzlbox .fantil b {
    color: #fff;
}

.zr.fantil b {
    color: #fff;
    margin-left: 0;
    opacity: 1;
    font-size: 1.8rem;
    font-weight: 700;
}

.zr.fantil {
    font-size: 2.2rem;
    color: #fff;
}

.sidebox.zrbox .jsbz>dl {
    flex: 1;
    min-height: 20.81rem;
    padding: 2.5%;
}

.sidebox.zrbox .jsbz>dl+dl {
    margin-left: 0.6%
}

.sidebox.zrbox .jsbz>dl h3 {
    opacity: 1;
}

.sidebox.zrbox .jsbz h2 {
    padding-top: 10%;
    font-size: 0.99rem;
    color: #666666;
    line-height: 1.9;
    text-align: justify;
}

.sidebox .fantil,
.fwzlbox .fantil {
    padding: 4% 3% 2% 3%;
    margin-bottom: 1%;
}

.sidebox .jsbz,
.fwzlbox .jsbz {
    padding: 0 3%;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.sidebox .jsbz>dl,
.fwzlbox .jsbz>dl {
    width: 49%;
    background: #fff;
    padding: 2rem;
    margin-bottom: 2%;
}

.fwzlbox .jsbz>dl {
    padding: 2rem 3rem;
}

.sidebox .jsbz dd.img {
    margin: -2rem -2rem auto -2rem
}

.fwzlbox .jsbz>dl {
    border-radius: 0.5rem;
    background-repeat: no-repeat;
    background-position: left bottom;
    background-size: 100% auto
}

.sidebox .img {
    position: relative;
    padding-bottom: calc(100%/4*1.8);
    overflow: hidden
}

.sidebox .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.yyzhbox {
    display: flex;
    justify-content: space-between
}

.yyzhbox>dd {
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    padding: 4rem 2rem 3rem 2rem;
    width: 33%
}

.yyzhbox>dd:nth-child(even) h3,
.jsbz>dl:nth-child(even) h3 {
    color: #D1221A;
}

.yyzhbox>dd h3,
.jsbz>dl h3 {
    font-size: 4.50rem;
    opacity: 0.53;
    font-family: Barlow-Bold;
    margin-bottom: 1.5rem;
    font-weight: 700;
    color: #0074D6;
    letter-spacing: -0.3rem
}

.yyzhbox>dd p {
    font-size: 1.03rem;
    color: #333333;
    line-height: 2;
    font-weight: 500;
    text-align: justify
}

.yfzxbox {
    background: url(../image/yfbg.png) no-repeat;
    background-size: 100% auto;
    padding: 6% 2rem 5% 2rem;
    margin-top: 6%;
    color: #fff;
}

.yfzxbox>h2 {
    font-size: 2.22rem;
    color: #FFFFFF;
}

.yfzxbox>h2::after {
    display: block;
    width: 5rem;
    border-bottom: #fff solid 0.30rem;
    margin: 2.5rem 0 3.5rem 0;
    content: ""
}

.yfzxbox>p {
    font-size: 1.03rem;
    color: #FFFFFF;
    line-height: 2;
    width: 60%;
    text-align: justify
}

.f-txtbox p+p {
    margin-top: 2rem
}

.f-txtbox p {
    font-size: 1.13rem;
    text-indent: 2.26rem;
    color: #606060;
    line-height: 2.13rem;
}

.jsbz>dl h3 {
    padding-top: 1rem;
    margin-bottom: 0;
}

.yyzhbox.zlbox>dd {
    width: 49.7%;
    padding: 6rem 4rem 5rem 4rem
}

.yyzhbox.zlbox p {
    font-size: 1.23rem;
    color: #333333;
    font-weight: 500
}

.yfzxbox.chbg {
    background-image: url("../image/yxjcbg.png");
    background-size: cover;
    background-position: top right
}

.yfzxbox.chbg p+p {
    margin-top: 2%
}

.bannerVideoBox .swiper-button-next,
.bannerVideoBox .swiper-button-prev {
    zoom: 0.8;
    margin-top: 0;
}

.mt-2 {
    margin-top: 3%
}

iframe {
    border: none;
    width: 100% !important;
    margin: 0 auto;
}

.contentbox table {
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
}

.newLista {
    overflow: hidden;
    padding: 1rem;
    width: 100%;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: 1px solid #eaeaea;
    transition: all .5s ease;
}

.newLinkBoxa {
    position: relative;
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    padding-right: 10%;
    overflow: hidden;
}

.newLinkBoxa::after,
.newLinkBoxa::before {
    position: absolute;
    right: 2vmin;
    content: "";
    width: 1.5rem;
    height: 1.5rem;
    top: 50%;
    transition: all 0.5s
}

.newLinkBoxa::after {
    border-radius: 10em;
    border: #ddd solid 1px;
    transform: translateY(-50%) scale(1.55)
}

.newLinkBoxa::before {
    border-top: #ddd solid 2px;
    border-right: #ddd solid 2px;
    transform: translateY(-50%) rotate(45deg) scale(0.5);
    margin-right: 0.2rem
}

.newLinkBoxa:hover::after,
.newLinkBoxa:hover::before {
    border-color: #65b5ff;
}

.leftTimeBoxa {
    width: 90px;
    padding-bottom: 0.5rem;
    padding-top: 0.5rem;
    background: #f5f5f5;
    text-align: center;
    font-family: arial;
    transition: all .5s ease;
    margin-right: 3%
}

.newDataa {
    font-size: 2.75rem;
    line-height: 1.2;
}

.centerContentBoxa {
    flex: 1;
    width: calc(100% - 90px - 3%);
}

.newTitlea {
    font-size: 1.23rem;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    transition: all .5s ease;
}

.newSummrya {
    line-height: 1.6;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.5s;
    padding-top: 0.8rem;
}

.wzbox.wz .max {
    position: relative
}

.wzbox.wz .max .e_breadcrumb.weizhi {
    display: flex;
    white-space: nowrap;
}

.fzlclist {
    width: 100%;
    margin: 0 auto 0 auto;
    padding: 0 6rem 3rem 6rem;
    position: relative;
    z-index: 0;
    overflow: hidden
}

.fzlclist .swiper-button-prev,
.fzlclist .swiper-button-next {
    background: #fff;
    border-radius: 10em;
    width: 3.7rem;
    height: 3.7rem;
    top: 50%;
    transform: translateY(-50%) scale(0.9);
}

.fzlclist .swiper-button-prev:after,
.fzlclist .swiper-button-next:after {
    transform: scale(0.65)
}

.fzlclist .swiper-container {
    height: 100%;
    min-height: 70vh;
    height: 70vh;
    padding: 0 3rem;
}

.fzlcbox .fantil {
    margin-bottom: 1%;
}

.fzlclist .swiper-container::after {
    content: "";
    z-index: -1;
    height: 0.5rem;
    background: rgba(255, 255, 255, 0.5);
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    position: absolute
}

.fzlclist .swiper-slide {
    height: 50%;
    border-left: #fff solid 1px;
    top: 2%;
}

.fzlclist .swiper-slide::after {
    content: "";
    width: 1.6rem;
    height: 1.6rem;
    background: #fff;
    position: absolute;
    left: -0.8rem;
    border-radius: 10em;
    bottom: 0;
}

.fzlclist .swiper-slide .nianfen {
    font-size: 150%;
    position: absolute;
    bottom: -2.5rem;
    left: -5rem;
    width: 10rem;
    text-align: center;
    color: #fff
}

.fzlclist .swiper-slide:nth-child(even) .nianfen {
    top: -2.5rem;
    bottom: inherit;
}

.fzlclist .swiper-slide:nth-child(even)::after {
    bottom: inherit;
    top: 0;
}

.fzlclist .swiper-slide:nth-child(even) {
    top: 48%;
}

.lccont {
    position: absolute;
    width: 160%;
    left: 0;
    padding: 6%;
    color: #fff
}

.lccont h4 {
    margin-bottom: 1vh
}

.fzlclist .swiper-slide:nth-child(even) .lccont {
    bottom: 0;
}

.flaotcontent {
    position: fixed;
    display: flex;
    align-items: center;
    top: 30%;
    right: -5vw;
    z-index: 999;
    font-size: 90%;
    transition: all 0.3s;
}

.flaotcontent:hover {
    right: 0
}

.us {
    background: linear-gradient(180deg, #00ACED 0%, #0074D6 100%);
    color: #fff;
    padding: 2vh 0.5vmax;
    border-radius: 0.5rem 0 0 0.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flaotcontent>dl {
    background: rgb(62 187 249 / 83%);
    padding: 3vh 0.5vw;
    border-radius: 10em;
    margin-right: 1vw;
    width: 4vw;
    box-shadow: rgb(0 171 237 / 55%) 0 0 0.6rem;
}

.flaotcontent>dl dd+dd {
    margin-top: 2vh
}

.flaotcontent>dl dd img {
    width: 100%;
    margin: 0 auto;
    display: block
}

.flaotcontent>dl dd:hover,
.flaotcontent .us {
    cursor: pointer
}

.fzlclist .absTopTable {
    margin-top: 0
}

.prohead {
    display: flex;
    align-items: flex-start;
}

.pro-right {
    margin-left: 6vw;
    flex: 1;
    width: 100%;
}

.showcase {
    width: 46rem;
    margin: 0 auto;
}

.showcase .gallery-top .image>img {
    width: 100%
}

.showcase .gallery-top.swiper-container {
    border-radius: 0.3rem
}

.showcase .gallery-thumbs .image,
.showcase .gallery-top .image {
    position: relative;
    padding-bottom: calc(100%/4*2.5);
}

.showcase .gallery-thumbs .image img,
.showcase .gallery-top .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0
}

.showcase .gallery-thumbs {
    margin-top: 1rem
}

.showcase .gallery-thumbs .swiper-slide {
    padding: 0.2rem;
    border: 1px solid #ddd;
    background: #fff
}

.showcase .gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    /*border: 1px solid #e30713;*/
    /*background: #e30713*/
}

.prohead .info .t {
    font-size: 2rem;
    color: #e30713;
}

.prohead .info .c {
    font-size: 1rem;
    line-height: 1.7;
    color: #333333;
    margin: 1rem 0 1.25rem;
}

.showcase .swiper-button-next,
.showcase .swiper-button-prev {
    zoom: 0.5;
    color: #666
}

.showcase .swiper-button-next {
    right: -3rem
}

.showcase .swiper-button-prev {
    left: -3rem
}

.thumbs {
    position: relative
}

.porbtn {
    margin-top: 6rem;
    padding-top: 3rem;
    border-top: #ddd solid 1px;
}

.pbtn {
    display: inline-block;
    line-height: 2.5;
    padding: 0 2.5rem;
    border: 1px solid #e30713;
    border-radius: 50px;
    transition: all 0.5s ease;
    position: relative;
    font-size: 120%;
    color: #e30713;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    margin-bottom: 0.8rem
}

.pbtn:hover {
    color: #fff;
    background: #e30713
}

.pbttn {
    display: inline-block;
    line-height: 2.5;
    padding: 0 2.5rem;
    border: 1px solid #e30713;
    border-radius: 50px;
    background-color: #e30713;
    transition: all 0.5s ease;
    position: relative;
    font-size: 120%;
    color: #fff;
    margin-left: 0.6rem;
    margin-right: 0.6rem;
    margin-bottom: 0.8rem
}

.pbttn:hover {
    color: #fff;
    background: #f97d20;
    border: 1px solid #f97d20;
}

.proDetail04+.proDetail04 {
    padding-top: 0;
}

.proDetail04+.proDetail05 {
    padding: 0 0 0;
}

@media only screen and (max-width: 1300px) {
    .prohead {
        display: block;
    }

    .pro-right {
        margin-left: 6vw;
        margin-right: 6vw;
        margin-top: 6vh;
        flex: 1;
        width: auto;
    }

    .porbtn {
        margin-top: 6vh;
        padding-top: 6vh;
    }
}

@media only screen and (max-width: 1024px) {
    .pbtn {
        display: block;
        text-align: center;
    }

    .pbttn {
        display: block;
        text-align: center;
    }

    .showcase .swiper-button-next,
    .showcase .swiper-button-prev {
        zoom: 0.3;
    }

    .proDetail_ban {
        padding: 7rem 0 4rem;
    }

    .showcase {
        width: 95%;
    }

    .fzlclist .swiper-button-prev {
        left: -1vw;
    }

    .fzlclist .swiper-button-next {
        right: -1vw;
    }

    .lccont {
        width: 120%;
    }

    .fzlclist .swiper-button-prev,
    .fzlclist .swiper-button-next {
        transform: translateY(-50%) scale(0.65);
    }

    .fzlclist {
        padding: 0 1rem 3rem 1rem;
    }

    .fzlclist .swiper-container {
        padding: 0 4rem;
    }

    .wzbox>.max {
        overflow-y: auto;
    }

    .info-txt p+p {
        margin-top: 1rem
    }

    .yinyongbox {
        margin: 0 auto 60px auto;
    }

    .mytext {
        padding: 2vw 4vw;
        background: rgba(0, 0, 0, 0.3);
        top: auto;
        left: 0;
        z-index: 2;
        width: 100%;
        display: none;
        color: #fff;
        bottom: 0;
    }

    .mySwiper .swiper-slide-active .mytext {
        display: flex;
        justify-content: space-between;
        align-items: center;
        /* margin: 0; */
    }

    .mytext h2 {
        color: #fff;
        margin-bottom: 0;
    }

    .mytext .mymore {
        border: 1px solid #fff;
        margin-top: 0;
        transform: scale(0.8);
    }

    .mytext .mymore::after {
        border-top: #fff solid 2px;
        border-right: 2px #fff solid;
        transform: rotate(45deg);
        content: "";
        margin-left: -4px;
    }

    .mytext>p,
    .footinfo {
        display: none
    }

    .m-footer {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .f-logo {
        height: 3vmin;
        margin-right: 2vw
    }

    .footer {
        padding: 3vmin;
    }

    .headbox {
        height: 70px;
        min-height: auto;
    }

    .headbox .head_lan {
        display: none
    }

    .bannerVideoBox {
        padding-top: 0;
        margin-top: 70px;
        height: auto;
    }

    .t-search {
        display: none;
    }

    .subpage_ad {
        padding-top: 70px;
    }

    .pro-list {
        flex: 0 1 32.53%;
    }

    .listbox::after {
        content: "";
        width: 32.53%
    }

    .e_breadcrumb.weizhi {
        display: none
    }

    .NavList_a1 {
        justify-content: center;
    }

    .mySwiper {
        width: 70%;
    }

    .h-til,
    .yinyongbox .h-til {
        margin-left: 3%;
    }

    iframe {
        width: 100%;
        height: 40vh
    }

    .c_portalResnav_main-01001018 .tNav {
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        height: 0;
        overflow: hidden;
        z-index: 999;
        background: rgba(0, 0, 0, .5);
        transition: all .5s ease;
    }

    .c_portalResnav_main-01001018 .tNavHeight {
        height: 1000px;
    }

    .proDetail_ban .wzbox {
        display: none
    }

    .fanganbox>p {
        overflow-x: auto
    }


    .job_box {

        width: 90% !important;
        margin: 1rem auto 1rem auto !important;
        display: flex;
    }

    .job_head {
        height: auto !important;

        font-size: 100% !important;
        align-items: center !important;
        width: 40%;
    }

    .job_head div {
        width: 100% !important;
        font-size: 100% !important;
        min-height: 4rem;
        padding: 0.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .jobUl {

        width: 60%;
    }

    .jobUl .title {

        height: auto;

        overflow: hidden;
        font-size: 100%;
        align-items: center;
        width: 100%;
        flex-wrap: wrap;
    }

    .title div {
        width: 100% !important;
        padding: 0.5rem !important;
        text-align: center !important;
        min-height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .title .see {

        margin: 1rem auto 1rem;


        line-height: 2rem;

        width: 80% !important;
        height: 2rem;
        padding: 0 !important;

        font-size: 100%;
        min-height: 2rem;
    }


}

@media only screen and (max-width: 768px) {
    .newSummrya {
        padding-top: 0;
    }

    .newLista {
        margin-bottom: 0
    }

    .newLinkBoxa::after,
    .newLinkBoxa::before {
        display: none
    }

    .newLinkBoxa {
        padding-right: 0;
    }

    .newLista {
        padding: 1rem 0;
    }

    .NavList_a1>li a {
        padding: 0 3vw;
        border-left: #ccc solid 1px;
        border-right: #ccc solid 1px
    }

    .NavList_a1>li {
        font-size: 0.98rem;
        color: #073987;
        text-align: center;
        font-weight: 400;
        height: 4rem;
    }

    .fromtale>dd {
        width: 100%;
        margin-bottom: 0.5rem;
    }

    .fromtale>dd:nth-last-child(3) {
        width: 100%
    }

    /*
.fromtale>dd:nth-last-child(2) {
    width: 35%
}
*/
    .fromtale {
        margin-bottom: 2rem;
        margin-top: 1rem;
    }

    .imgpic+.f-txt {
        margin-top: 2rem;
    }

    .yyzhbox>dd h3,
    .jsbz>dl h3 {
        margin-bottom: 0.4rem;
    }

    .yyzhbox.zlbox>dd {
        width: 100%;
        padding: 2rem 1rem;
    }

    .yfzxbox>p {
        width: 100%;
    }

    .yfzxbox {
        background-position: center;
        background-size: cover;
        padding: 8% 1rem 8% 1rem;
    }

    .yfzxbox>h2 {
        font-size: 2rem;
    }

    .yfzxbox>h2::after {
        border-bottom: #fff solid 0.4rem;
        margin: 1rem 0 1.5rem 0;
        content: "";
    }

    .yyzhbox>dd+dd {
        margin-top: 2%
    }

    .yyzhbox {
        display: block;
    }

    .yyzhbox>dd {
        padding: 2rem 1rem 1rem 1rem;
        width: 100%;
    }

    .jsbz dd {
        line-height: 1.5;
    }

    .sidebox .jsbz>dl {
        width: 100%;
        background: #fff;
        padding: 0.5rem 0.5rem 1rem 0.5rem;
        ;
        margin-bottom: 2%;
        overflow: hidden;
        margin-bottom: 30px;
    }

    .f-txt {
        line-height: 1.8;
        margin-bottom: 1rem;
        margin-top: 1rem
    }

    .absTopTable.kjcx>dd {
        padding: 1rem;
        width: 49%;
        margin-bottom: 2%;
        border-bottom: none;
    }

    .absTopTable.kjcx {
        flex-wrap: wrap;
        margin: 0;
    }

    .page {
        padding: 1rem 0 3rem 0;
        zoom: 0.7;
    }

    .page>a+a {
        margin-left: 0.5rem;
    }

    .newslistbox .newList+.newList {
        margin-top: 1.5rem
    }

    .pmore,
    .n-more {
        margin-bottom: 1rem;
    }

    .lineBox {
        margin-top: 1rem;
        margin-bottom: 1rem;
    }

    .newslistbox {
        display: block;
        margin: 0 auto 0 auto;
        padding: 1rem;
    }

    .news-head-box>p {
        letter-spacing: 0;
        line-height: 1.6;
        text-align: justify;
    }

    .news-head-box>h2 {
        margin: 1rem 0 0.5rem 0;
        font-size: 1.7rem;
        line-height: 1.4;
    }

    .imgbox {
        width: 100%;
        margin-right: 0;
    }

    .newsbox {
        display: block;
        padding: 1rem;
    }

    .falist>dl dd p {
        padding: 0 1rem;
    }

    .xsbox p {
        padding: 0.8rem;
        background: rgba(0, 0, 0, 0.5);
        text-align: justify;
        line-height: 1.6;
    }

    .xsbox>dd {
        width: 100%;
    }

    .xsbox>dd h2 {
        padding: 1rem 0;
        font-size: 4rem;
    }

    .xsbox {
        padding: 1rem;
    }

    .falist>.img {
        flex: 1;
        margin-top: 1.5rem;
        padding: 0 !important;
    }

    .falist {
        display: block;
    }

    .pmore::before,
    .n-more::before {
        width: 2rem;
        height: 2rem;
        margin-right: 0.5rem;
    }

    .pmore,
    .n-more {
        margin: 1.5rem 0 2.5rem 0;
        font-size: 1.15rem;
    }

    .pro-list h2 {
        font-size: 1.7rem;
        margin: 1.5rem 0 1rem 0;
        height: auto;
    }

    .listbox {
        display: block;
    }

    .listbox {
        padding: 1rem;
    }

    .bx {
        margin: 7% auto 0 auto;
        padding: 2% 3% 3% 3%;
        background-size: cover;
    }

    .zr.fantil b {
        font-size: 26px;
        margin-bottom: 20px;
    }

    .zr .bxtext {
        margin-bottom: 20px;
    }

    .qyls dt {
        font-size: 16px !important;
        line-height: 1.6 !important;
    }

    .jsbz.jsbox dl+dl {
        margin-top: 1.5rem
    }

    .zhichi>p+p {
        margin-top: 1.5rem;
    }

    .zhichi>img {
        height: auto;
        margin: 1rem auto 1rem auto;
        width: 100%;
    }

    .zhichi {
        padding: 1rem;
    }

    .c_portalResNews_list-01001016 .newListBox {
        margin-bottom: 2rem;
    }

    .rybox>dd .img {
        padding: 0.8rem;
    }

    .rybox>dd {
        width: 100%;
        margin-top: 1rem;
    }

    .rybox>dd:nth-child(-n+4) {
        margin-top: inherit;
    }

    .rybox>dd:nth-child(-n+1) {
        margin-top: 0;
    }

    .whbox {
        margin-bottom: 2rem;
    }

    .whbox>dl dt {
        font-size: 100%;
        text-align: justify;
    }

    .whbox img {
        height: 1.5rem
    }

    .whbox>dl dd::after {
        margin: 1.2rem 0 1.5rem 0;
        height: 0.3rem;
        width: 2rem;
    }

    .whbox>dl {
        padding: 1.3rem;
    }

    .jsbz h2 {
        font-size: 1.5rem;
    }

    .jsbz dd.img {
        margin: 0;
    }

    .jsbz dd,
    .rybox>dd p,
    .info-txt,
    .zhichi>p,
    .xsbox>dd,
    .xsbox>dd,
    .falist>dl dd p,
    .news-head-box>p,
    .f-txt,
    .yfzxbox>p,
    .frombx>p {
        font-size: 1.07rem;
        text-align: justify
    }

    .h-til,
    .yinyongbox .h-til {
        font-size: 1.7rem;
        margin-top: 1.5rem;
        margin-bottom: 1rem;
    }

    .subpage_ad .pcitem {
        display: none !important;
    }

    .subpage_ad .mobitem {
        display: block;
    }

    .pro-list {
        flex: 0 1 49.2%;
    }

    .listbox::after {
        content: "";
        width: 49.2%
    }

    .c_portalResNews_list-01001016 .newList {
        width: 100%;
        margin-top: 0;
    }

    .c_portalResNews_list-01001016 .newList+.newList {
        width: 100%;
        margin-top: 30px;
    }

    #w_grid-1631172411479 {
        width: 95%;
    }

    #w_grid-1631170361658,
    #w_grid-1631169361307 {
        min-height: 0;
        margin-bottom: 5%
    }

    #w_grid-1631172411475,
    #w_grid-1631172411489,
    #w_grid-1631170361670,
    #w_grid-1631169545729 {
        min-height: 0;
        margin-bottom: 2vh;
    }

    #w_common_text-1631172411484,
    #w_common_text-1631170361663,
    #w_common_text-1631169383026 {
        min-height: 44px;
    }

    #w_common_text-1631172411484 span {
        font-size: 18px;
    }

    #w_grid-1631169296925 {
        margin-top: 0;
    }

    .yinyongbox {
        margin: 0 auto 4vh auto;
    }

    .mySwiper {
        width: 90%;
    }

    .mySwiper .swiper-button-next,
    .mySwiper .swiper-button-prev {
        zoom: 0.7;
    }

    .c_portalResNews_list-01001016 .newMs {
        margin: 2vh 0px 2vh;
    }

    .c_portalResNews_list-01001016 .newTitle {
        min-height: 0;
        font-size: 1.4rem;
    }

    .c_portalResNews_list-01001016 .lineBox {
        margin: 1vh;
    }

    .mySwiper .swiper-slide-active .mytext {
        zoom: 0.8;
    }

    .c_portalResnav_main-01001018 .navBtn {
        right: 1rem;
    }

    /*
.wzbox .NavList_a1 {
    justify-content: flex-start;
    overflow-y: auto
}
*/
    .dh-til img {
        height: auto;
        width: 70%;
    }

    .dh-til {
        font-size: 180%;
        line-height: 1.4;
        margin-bottom: 2vh;
    }

    .dhinfo {
        display: block
    }

    .info-txt {
        margin-right: inherit;
        margin-bottom: 2vh
    }

    .video video {
        width: 100%;
        height: 25rem;
    }

    .absTopTable {
        flex-wrap: wrap;
        margin-top: 2rem;
    }

    .absTopTable>dd {
        flex: none;
        width: 50%;
    }

    .absTopTable>dd {
        border-bottom: #D8D8D8 solid 1px
    }

    .absTopTable>dd:nth-last-child(-n+1) {
        border-bottom: none
    }

    .absTopTable>dd:nth-child(odd) {
        border-left: none
    }

    .absTopTable>dd h3 {
        font-size: 300%;
    }

    .fzlcbox .fantil {
        padding: 4% 3% 2% 4%;
    }

    .fantil {
        font-size: 1.7rem;
        line-height: 1.2;
        margin-bottom: 6%;
    }

    .fantil b {
        opacity: 0.3;
        margin-left: 0;
        font-size: 70%;
        display: block
    }

    .fanganbox {
        margin: 7% auto;
    }

    .jsbz {
        display: block;
        margin-bottom: 3rem;
    }

    .jsbz>dl {
        width: 100%;
    }

    .htil {
        font-size: 1.7rem;
        margin-top: 2rem;
        margin-bottom: 1rem;
    }

    .bx+.bx {
        margin-top: 3%
    }

    .p_OccupyBox {
        margin: 0;
        width: auto;
        height: auto;
        padding: 0;
        border: none;
        overflow: hidden;
        text-align: center;
    }

    .e_pagebox {
        width: auto;
        height: auto;
        clear: both;
        position: relative;
    }

    .p_page {
        display: inline-block;
        padding: 30px 0;
    }

    .p_page .pre {
        display: inline-table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 30px;
        margin: 0 5px 0 18px;
        text-align: center;
        padding: 0 10px;
        border-radius: 6px;
        border: 1px solid #d9d9d9;
        background: #fff;
        color: #595959;
    }

    .p_page .pre .font {
        display: table-cell;
        vertical-align: middle;
        bottom: 0;
        font-size: 12px;
    }

    .p_page .pre .i_pre {
        display: none;
    }

    .p_page .pageNum.active {
        text-decoration: none;
        background-color: #1890ff;
        color: #fff;
        border-color: #1890ff;
    }

    .p_page .pageNum {
        position: relative;
        float: left;
        height: 30px;
        min-width: 30px;
        margin: 0 5px 0 0;
        padding: 0 5px;
        background-size: 100% 100%;
        color: #595959;
        border: 1px solid #d9d9d9;
        cursor: pointer;
        line-height: 30px;
        display: inline-block;
        font-family: inherit;
        font-size: 14px;
        font-weight: inherit;
        text-decoration: none;
        background-color: #fff;
        text-align: center;
        border-radius: 6px;
    }

    .p_page .next {
        display: inline-table;
        position: relative;
        left: 0;
        top: 0;
        float: left;
        height: 30px;
        border: 1px solid #d9d9d9;
        background: #fff;
        color: #595959;
        text-align: center;
        padding: 0 10px;
        border-radius: 6px;
        margin-right: 5px;
    }

    .p_page .next .i_next {
        display: none;
    }

    .p_page .next .iconfont:before {
        content: "\e6af";
        margin-top: 0;
        float: right;
        margin-left: 0;
    }

    .p_page .pre .iconfont:before {
        content: "\e6b0";
        margin-right: 0;
    }

    .p_page .next,
    .p_page .pre {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.p-snav {
    display: flex;
    align-items: center;
    font-size: 120%;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.p-snav a {
    border: #6c6c6c solid 1px;
    padding: 0.3rem 1.5rem;
    cursor: pointer;
    transition: all 0.2s;
    margin-right: 1rem;
    margin-bottom: 1rem
}

.p-snav a+a {}

.p-snav a:hover {
    border-color: #0074d6;
    color: #fff;
    background: #0074d6;
}

.down {
    width: 100%;
    margin-top: 1.5rem;
}

.down td,
.down th {
    border: #ddd solid 1px;
    padding: 0.5rem;
    text-align: center;
}

.down a {
    background: #0074d6;
    color: #fff;
    border-radius: 0.3rem;
    padding: 5px 10px;
    border: #0074d6 solid 1px;
    /*display: inline-block;*/
}

.down a:hover {
    border: #0074d6 solid 1px;
    color: #0074d6;
    background: #fff;
}

.bgimg.pcitem {
    position: relative
}

.headtil {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    width: 100%
}

.headtil h2 {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    font-size: 3.75rem;
    font-family: AlibabaPuHuiTiM;
    letter-spacing: 4px;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.50);
    font-weight: 500;
    margin-bottom: 1.94rem;
}

.headtil p {
    font-family: AlibabaPuHuiTiR;
    font-size: 1.5rem;
    color: #FFFFFF;
    letter-spacing: 0;
    text-align: center;
    font-weight: 200;
    letter-spacing: 1px
}

.headtil h2::after,
.headtil h2::before {
    content: "";
    height: 0.3rem;
    width: 10%;
    margin: 0 1.8%;
}

.headtil h2::before {
    background: linear-gradient(90deg, transparent, #fff);
}

.headtil h2::after {
    background: linear-gradient(90deg, #fff, transparent);
}

.fanganbox.qybox {
    margin: 2.5% auto;
}

.fanganbox.qybox .zr.fantil b,
.qybox .zr.fantil {
    color: #333;
}

.qyls {
    display: flex;
    background: #FFF2F2;
    padding: 3% 2.5%
}

.qyls.lan {
    background: #F4FAFF
}

.qyls dd {
    width: 5.8rem;
    margin-right: 1.75rem
}

.qyls dt {
    flex: 1;
    display: flex;
    align-items: center;
    font-family: AlibabaPuHuiTiR;
    font-size: 16px;
    color: #333333;
    font-weight: 400;
    text-align: justify;
}

.qyls+.qyls {
    margin-top: 0.63%
}

.sidebox.gzplbox {
    background-image: url("../image/gzpl.png");
    margin-top: 0;
    margin-bottom: -1px;
}

.linea {
    width: 4.88rem;
    height: 0.44rem;
    background: #FFFFFF;
    margin-left: 3%;
    margin-bottom: 2.75%;
    margin-top: 2%;
}

.pllist {
    padding: 0 3% 10% 3%;
    width: 65%
}

.pllist p {
    color: #fff;
    font-size: 1.15rem;
    line-height: 1.65;
    font-weight: 400;
    text-align: justify;
    margin-bottom: 35px;
}

.pllist p+p {
    margin-top: 2rem
}

.gupiao .f-txt {
    margin-bottom: 2.2%;
}

.gpbox {
    background-image: url("../image/gupiao.png");
    margin-bottom: 0;
}

.gpinfo {
    display: flex;
    align-items: flex-end;
    padding: 3% 9% 0 9%
}

.gpinfo>h2 {
    font-family: Impact;
    font-size: 6.69rem;
    color: #50DF28;
    font-weight: 200;
    line-height: 0.85;
}

.gpinfo>p {
    font-family: PingFangSC-Regular;
    font-size: 2.5rem;
    color: #FFFFFF;
    font-weight: 400;
    line-height: 1;
    margin: 0 2%;
}

.icon-green {
    border: 1rem solid;
    border-color: #50DF28 transparent transparent transparent;
    margin-bottom: -0.5rem;
}

.icon-red {
    border: 1rem solid;
    border-color: transparent transparent #ff0000 transparent;
    margin-bottom: 0.5rem;
}

.gptxt {
    display: flex;
    align-items: center;
    padding: 1.9% 9%;
    font-size: 1.88rem;
    color: #FFFFFF;
    line-height: 2.63rem;
    font-weight: 400;
}

.gptxt>p+p {
    margin-left: 3%
}

.gptxt>span {
    color: #0A8FFF
}

.gpxx {
    padding: 0 9%;
}

.gpxx>p {
    font-size: 1.3rem;
    color: #FFFFFF;
    font-weight: 300;
}

.gpday {
    padding: 4% 9% 3% 9%;
    display: flex;
    color: #fff
}

.gpday dd+dd {
    border-left: rgba(255, 255, 255, 0.4) solid 1px;
}

.gpday dd {
    flex: 1;
    padding: 1.4% 0
}

.gpday dd>h2 {
    font-size: 3.75rem;
}

.gpday dd>p {
    line-height: 2;
    font-size: 1.3rem;
    font-weight: 400;
}

.gpday>.linec {
    border-left: rgba(255, 255, 255, 0.3) solid 1px;
    margin: 0 8%
}

.bglist {
    background: #FCFCFC;
    border-bottom: rgba(0, 0, 0, 0.08) solid 2px;
    padding: 1.5% 1.2% 3% 1.2%
}

.bglist dt {
    font-size: 1.88rem;
    color: #333333;
    font-weight: 600;
    padding: 1.5% 0 2% 0;
}

.bglist dd {
    font-size: 1.13rem;
    color: #333333;
    font-weight: 400;
}

.bglist dd,
.bglist dd>a {
    display: flex;
    align-items: center
}

.bglist dd>a {
    margin-right: 3%
}

.bglist dd>a img {
    margin-right: 0.6rem
}

.tztel {
    background: url("../image/tzrx.png");
    padding: 6% 3.6% 7% 3.6%;
    color: #fff;

    margin-bottom: 0;
}

.sidebox.tztel h3 {
    font-size: 2.35rem;
    color: #FFFFFF;
    font-weight: 700;
    display: inline-block;
}

.sidebox.tztel h3>span {
    font-size: 130%;
    font-family: Impact;
    font-weight: 200;
}

.sidebox.tztel h3>p {
    border-bottom: #fff solid 2px;
    padding-bottom: 6%;
    margin-bottom: 6%;
    line-height: 1.5;
}

.sidebox.tztel h3>p>span {
    display: block;
    font-weight: 200;
}

.tztel>.teltxt {
    font-size: 1.13rem;
    color: #FFFFFF;
    line-height: 2.06;
    font-weight: 400;
    margin-top: 2.5%;
}

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

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

    .gpinfo,
    .gptxt,
    .gpxx,
    .gpday {

        padding-left: 3%;
        padding-right: 3%
    }

    .gpinfo>h2 {

        font-size: 5rem;
    }

    .gpinfo {

        flex-wrap: wrap;
    }

    .gpinfo>p {

        font-size: 1.8rem;
    }

    .gpinfo>h2 {

        width: 100%;
    }

    .icon-red,
    .icon-green {
        zoom: 0.8;
    }

    .gptxt {

        font-size: 1rem;
    }



    .gpxx>p {
        font-size: 0.8rem;
    }

    .gpday {

        flex-wrap: wrap;
    }

    .gpday dd {
        flex: none;
        width: calc(50% - 8% - 1px);
    }

    .gpday .linec:nth-last-child(4) {
        display: none
    }

    .gpday dd>h2 {
        font-size: 2.75rem;
    }

    .gpday dd {
        border-bottom: rgba(255, 255, 255, 0.3) solid 1px;
        padding: 6% 0;
        margin-bottom: 2%
    }

    .gpday dd>p {
        line-height: 1.5;
    }

    .gpday>.linec {

        margin-bottom: 2%;
    }

    .gpday dd:nth-last-child(-n+3) {
        border-bottom: none
    }

    .bglist dd {

        flex-wrap: wrap;
    }

    .bglist dd>a {
        margin-right: 8%;
        margin-top: 3%;
    }

    .bglist dt {

        padding: 3% 0 0 0;
    }

    .sidebox.tztel h3 {
        font-size: 2.6rem;
    }

    .tztel>.teltxt {
        font-size: 1rem;
    }

    .sidebox.zrbox .jsbz>dl {
        min-height: auto;
        padding: 4% 8% 8% 8%;
    }

    .sidebox.zrbox .jsbz h2 {
        padding-top: 5%;
    }

    .pllist {

        width: auto;
    }

    .linea {

        margin-bottom: 8%;
        margin-top: 8%;
    }

}

.fanbox {
    margin: 3.5% auto;
    padding: 182px 0 181px 0;
    background: #fff;
    max-width: 1638px;
    background: url(../image/lsjy3.jpg) no-repeat;
    background-size: cover;
}

.fanbox .txt {
    font-family: 'AlibabaPuHuiTiM';
    font-size: 30px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 500;
    margin-bottom: 10px;
}

.fanbox .text11 {
    font-family: 'AlibabaPuHuiTiR';
    font-size: 22px;
    color: #FFFFFF;
    text-align: center;
    font-weight: 400;
}

@media screen and (max-width: 768px) {
    .fanbox {
        margin: 3.5% auto;
        padding: 182px 0 181px 0;
        background: #fff;
        max-width: 1638px;
        background: url(../picture/绿色经营备份\ 3.png) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 8% 1rem 8% 1rem;
    }

    .text22 {
        font-size: 16px !important;
    }

    .sange {
        margin-top: 20px !important;
        display: block !important;
    }

    .flex2 {
        display: block !important;
    }

    .sange .item11 {
        margin: 0 auto !important;
        width: 98% !important;
        margin-bottom: 10px !important;
        font-size: 20px !important;
        padding: 15px !important;
    }

    .fancontent {
        padding: 5% 5% !important;
        font-size: 16px !important;
    }

    .flex2 .item2 {
        width: 100% !important;
        padding: 2% 2% 3% 3% !important;
        margin-bottom: 20px !important;
    }

    .flex2 .item2 h2 {
        font-size: 26px !important;
    }

    .flex2 .item2 p {
        font-size: 16px !important;
    }

    .fanbox .txt {
        font-family: 'AlibabaPuHuiTiM';
        font-size: 25px;
        color: #FFFFFF;
        text-align: center;
        font-weight: 500;
        line-height: 2.2;
    }

    .fanbox .text11 {
        font-family: 'AlibabaPuHuiTiR';
        font-size: 20px;
        color: #FFFFFF;
        text-align: center;
        font-weight: 400;
    }


}


.fanbox2 {
    margin: 3.5% auto;
    padding: 2% 3% 3% 3%;
    background: #fff;
    max-width: 1638px;
}

.fanbox2 .fanP {
    position: relative;
    font-family: 'AlibabaPuHuiTiR';
    font-size: 30px;
    color: #333333;
    font-weight: 400;
    padding-left: 28px;
    overflow: hidden;
}

.fanbox2 .fanP::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 6.5px;
    background: #0074D6;
}

.dh {
    display: flex;
    padding-top: 22px;
}

.dh-con {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    padding: 46px 36px;
    background: #F4FAFF;
}

.dh-con:nth-child(2) {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    padding: 46px 36px;
    background: #FFF2F2;
}

.num {
    opacity: 0.53;
    font-family: 'Barlow-Bold';
    font-size: 4.50rem;
    color: #0074D6;
    font-weight: 700;
}

.dh-container {
    padding-left: 30px;
}

.dh-container .txt {
    font-family: 'AlibabaPuHuiTiM';
    font-size: 25px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 35px;
}

.dh-container .txt1 {
    font-family: 'AlibabaPuHuiTiH';
    font-size: 17px;
    color: #666666;
    font-weight: 400;
}

.dh2 {
    display: flex;
    padding-top: 22px;
}


.dh2 .dh-con {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    padding: 46px 36px;
    background: #F4FAFF;
}

.dh2 .dh-con:nth-child(2) {
    display: flex;
    width: 50%;
    flex-wrap: wrap;
    padding: 46px 36px;
    background: #FFF2F2;
}

.dh2 .num {
    opacity: 0.53;
    font-family: 'Barlow-Bold';
    font-size: 4.2rem;
    color: #0074D6;
    font-weight: 700;
}

.dh2 .dh-container {
    padding-left: 30px;
}

.dh2 .dh-container .txt {
    font-family: 'AlibabaPuHuiTiM';
    font-size: 25px;
    color: #333333;
    font-weight: 600;
    margin-bottom: 35px;
}

.dh2 .dh-container .txt1 {
    font-family: 'AlibabaPuHuiTiH';
    font-size: 17px;
    color: #666666;
    font-weight: 400;
}


.guanli {
    background: url(../picture/编组\ 4.png) no-repeat;
    padding: 5% 49px;
    /*background-size: 100% auto;*/
}

.guanli p {
    max-width: 738px !important;
    font-family: 'AlibabaPuHuiTiR' !important;
    font-size: 1.03rem !important;
    color: #FFFFFF !important;
    line-height: 32px !important;
    font-weight: 400 !important;
    margin-bottom: 20px !important;
    text-indent: 2em !important;
}

.text22 {
    font-size: 1.07rem;
    color: #333333;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
    text-indent: 2em;
}


.sange {
    display: flex;
    justify-content: space-around;
    margin-top: 52px;
}

.sange .item11 {
    padding: 21px 0;
    text-align: center;
    font-family: AlibabaPuHuiTiR;
    font-size: 24px;
    color: #FFFFFF;
    font-weight: 400;
    background: #0074D6;
    border-radius: 10px;
    width: 31%;
}

.sange .item11:nth-child(2) {
    background: #D0221A;
}

.fancontent {
    margin: 40px 0 0 0;
    padding: 40px 30px;
    background: #F4FAFF;
    font-size: 1.07rem;
    color: #333333;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
    text-indent: 2em;
}

.flex2 {
    display: flex;
    justify-content: space-around;
}

.flex2 .item2 {
    flex: none;
    width: 48%;
    padding: 95px 62px 156px 62px;
    background: url(../image/95_img.png) no-repeat;
}

.flex2 .item2:nth-child(2) {
    flex: none;
    width: 48%;
    padding: 95px 62px 156px 62px;
    background: url(../image/98_img.png) no-repeat;
}

.flex2 .item2 h2 {
    opacity: 0.53;
    font-family: PingFangSC-Semibold;
    font-size: 40px;
    color: #0074D6;
    font-weight: 600;
    margin-bottom: 5%;
}

.flex2 .item2 p {
    font-size: 1.03rem;
    color: #333333;
    line-height: 2;
    font-weight: 500;
    text-align: justify;
}






@media screen and (max-width: 768px) {
    .fanbox2 .fanP {
        font-size: 25px;
        padding-left: 25px;
    }

    .fanbox2 .fanP::before {
        height: 40px;
        width: 5px;
    }

    .dh {
        display: block;
    }

    .dh-con {
        width: 100%;
        padding: 30px 10px;
    }

    .dh-con:nth-child(2) {
        width: 100%;
        padding: 30px 10px;
        flex-wrap: nowrap;
    }

    .num {
        font-size: 60px;
    }

    .dh-container .txt {
        font-size: 20px;
    }

    .dh-container .txt1 {
        font-size: 14px;
    }

    .dh2 {
        display: block;
        padding-top: 0;
    }

    .dh2 .dh-con {
        width: 100%;
        padding: 30px 10px;
        flex-wrap: nowrap;
    }

    .dh2 .num {
        font-size: 60px;
    }

    .dh2 .dh-container .txt {
        font-size: 20px;
    }

    .dh2 .dh-container .txt1 {
        font-size: 14px;
    }

    .dh2 .dh-con:nth-child(2) {
        flex-wrap: nowrap;
        width: 100%;
        padding: 30px 10px;
        white-space: nowrap;
    }

    .guanli {
        padding: 25% 3% 5% 3%;
        background-size: cover;
        background-position: center left;
    }

    .guanli p {
        font-size: 16px;
    }

    .absTopTable>dd+dd {
        border-left: none;
    }

    .alink::after {
        content: "";
        width: 100%;
        height: 1px;
        clear: both;
        display: block;
        margin-bottom: 1.5rem;
    }

    .flaotcontent {

        right: -16vw;

    }


    .flaotcontent>dl {

        padding: 3vh 3vw;

        width: 15vw;

    }

}