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) {
    #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;
}
.t-search {
    margin-left: 0.5vw;
    /* padding-left: 0.5vw; */
    margin-right: 0.5vw;
    position: relative;
}
.t-search::after {
    position: absolute;
    top: -10.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: 1rem;
    color: #073987;
    text-align: center;
    font-weight: 400;
    height: 3.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
}
.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: 100%
}
.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(../picture/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;
 
}	
	
}