.container {
    margin: 0 auto;
    width: 86%;
    max-width: 1600px
}

@media (max-width: 1580px) {
    .container {
        width: 90%
    }
}

@media (max-width: 1199px) {
    .container {
        width: 90%
    }
}

.container2 {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}




.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden
}

.public-img::before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%
}

.public-img>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s
}

.base_img {
    position: relative;
    overflow: hidden
}

.base_img img {
    transition: all .6s;
    -webkit-transition: all .6s;
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto
}

.base_img:before {
    content: "";
    display: block
}

#hi-upgrade {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
    height: 100%;
    background: #fff;
    font-size: 16px;
    line-height: 26px;
    text-align: center
}

#hi-upgrade .hi-wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -177px 0 0 -450px;
    width: 900px
}

#hi-upgrade .hi-wrap .hi-title {
    font-size: 30px;
    line-height: 40px;
    color: #333
}

#hi-upgrade .hi-wrap .hi-close {
    margin: 10px 0;
    display: inline-block;
    cursor: pointer;
    font-size: 18px;
    color: #5ba7c8
}

#hi-upgrade .hi-wrap .hi-close:hover {
    text-decoration: underline
}

#hi-upgrade .hi-wrap .hi-text1 {
    color: #666
}

#hi-upgrade .hi-wrap .hi-text1 span {
    color: #5ba7c8
}

#hi-upgrade .hi-wrap .hi-text2 {
    position: relative;
    margin: 60px 0;
    color: #333
}

#hi-upgrade .hi-wrap .hi-text2::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 1;
    width: 100%;
    border-top: 1px solid #ddd
}

#hi-upgrade .hi-wrap .hi-text2 span {
    position: relative;
    z-index: 5;
    padding: 0 30px;
    background: #fff
}

#hi-upgrade .hi-wrap .hi-list {
    overflow: hidden
}

#hi-upgrade .hi-wrap .hi-list li {
    display: inline-block;
    width: 16%
}

#hi-upgrade .hi-wrap .hi-list li div {
    margin: 0 auto 5px;
    width: 50px;
    height: 50px
}

#hi-upgrade .hi-wrap .hi-list li a {
    color: #666
}

#hi-upgrade .hi-wrap .hi-list li a:hover {
    color: #5ba7c8
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico1 {
    background: url(../images/hi-llq-1.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico2 {
    background: url(../images/hi-llq-2.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico3 {
    background: url(../images/hi-llq-3.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico4 {
    background: url(../images/hi-llq-4.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico5 {
    background: url(../images/hi-llq-5.jpg) no-repeat center / 100%
}

#hi-upgrade .hi-wrap .hi-list li .hi-ico6 {
    background: url(../images/hi-llq-6.jpg) no-repeat center / 100%
}

.basepage {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.basepage a,
.basepage span,
.basepage .f_fan {
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #f1f1f1;
    color: #999999;
    margin: 0 6px 10px;
    flex-shrink: 0;
    transition: all .4s;
    float: left;
    font-size: 16px;
    margin: 0 5px 10px
}

@media (max-width: 1580px) {

    .basepage a,
    .basepage span,
    .basepage .f_fan {
        font-size: 14px;
        width: 40px;
        height: 40px
    }
}

@media (max-width: 991px) {

    .basepage a,
    .basepage span,
    .basepage .f_fan {
        width: 34px;
        height: 34px;
        font-size: 14px
    }
}

.basepage .active {
    border: 1px solid #333333;
    background-color: #333333;
    color: #fff
}

.basepage .active:hover {
    color: #fff
}

.basepage .f_fan {
    width: 72px;
    color: #5ba7c8;
    padding: 0 10px;
    text-align: center
}

@media (max-width: 1580px) {
    .basepage .f_fan {
        width: 68px
    }
}

@media (max-width: 767px) {
    .basepage .f_fan {
        width: 64px
    }
}

.basepage .f_fan::-webkit-input-placeholder {
    color: #999999
}

.basepage .f_fan::-ms-input-placeholder {
    color: #999999
}

.basepage .prev,
.basepage .next {
    position: relative;
    color: #999999
}

.basepage .prev svg,
.basepage .next svg {
    width: 10px;
    height: 10px
}

.basepage .prev svg path,
.basepage .next svg path {
    transition: all .4s;
    fill: #999999
}

.basepage .prev:hover,
.basepage .next:hover {
    background-color: #5ba7c8;
    border-color: #5ba7c8
}

.basepage .prev:hover svg path,
.basepage .next:hover svg path {
    fill: #ffffff
}

.basepage .fan {
    width: auto;
    padding: 0 15px
}

.basepage a:hover {
    border: 1px solid #5ba7c8;
    background-color: #5ba7c8;
    color: #fff
}

.breadbox .fcont {
    display: flex;
    align-items: center;
    padding: .36rem 0
}

@media (max-width: 991px) {
    .breadbox .fcont {
        padding: 12px 0
    }
}

.breadbox .fcont a,
.breadbox .fcont span {
    transition: all .4s;
    font-size: 16px;
    line-height: 26px;
    color: #999999;
    zoom: 1
}

@media (max-width: 1580px) {

    .breadbox .fcont a,
    .breadbox .fcont span {
        font-size: 14px;
        line-height: 24px
    }
}

.breadbox .fcont a img,
.breadbox .fcont span img {
    float: left;
    width: 18px
}

@media (max-width: 1580px) {

    .breadbox .fcont a img,
    .breadbox .fcont span img {
        width: 16px
    }
}

.breadbox .fcont span {
    margin: 0 16px;
    display: block
}

@media (max-width: 1580px) {
    .breadbox .fcont span {
        margin: 0 10px
    }
}

@media (max-width: 991px) {
    .breadbox .fcont span {
        margin: 0 6px
    }
}

.breadbox .fcont a:hover {
    color: #333333
}

.breadbox .fcont .on {
    color: #333333
}

.breadbox .fcont a:last-child {
    color: #333333
}

@media (max-width: 991px) {
    .breadbox .fcont a:last-child {
        max-width: 36%;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden
    }
}

@media (max-width:375px) {
    .breadbox .fcont a:last-child {
        max-width: 30%
    }
}

.breadbox .fcont .wofe {
    display: flex
}

.breadbox .fcont .wofe .li {
    display: flex;
    align-items: flex-start;
    padding: 0 6px;
    border: 1px solid #4070f4;
    line-height: 24px;
    font-size: 14px;
    color: #5ba7c8
}

.breadbox .fcont .wofe .li a {
    line-height: 1
}

.make-text {
    line-height: 1.66666667;
    color: #666666;
    font-size: 16px;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important
}

@media (max-width: 1580px) {
    .make-text {
        font-size: 14px;
        line-height: 1.5
    }
}

@media (max-width: 1199px) {
    .make-text {
        line-height: 1.3
    }
}

.make-text img {
    max-width: 100%
}

.make-text table td {
    border: 1px solid #ddd
}

.make-text ul,
.make-text li,
.make-text ol {
    list-style: inherit
}

.make-text ul {
    padding-left: 20px
}

.make-text video {
    width: auto;
    max-width: 100%;
    height: auto !important
}

.make-text h1,
.make-text h2,
.make-text h3,
.make-text h4,
.make-text h5,
.make-text h6 {
    font-weight: revert;
    line-height: 1.22;
    font-size: 18px;
    color: #333333
}

@media (max-width: 1580px) {

    .make-text h1,
    .make-text h2,
    .make-text h3,
    .make-text h4,
    .make-text h5,
    .make-text h6 {
        font-size: 16px
    }
}

@media (max-width: 767px) {

    .make-text h1,
    .make-text h2,
    .make-text h3,
    .make-text h4,
    .make-text h5,
    .make-text h6 {
        font-size: .3rem
    }
}

@media (max-width: 767px) {

    .make-text h1,
    .make-text h2,
    .make-text h3,
    .make-text h4,
    .make-text h5,
    .make-text h6 {
        font-size: 16px !important;
        line-height: 1.3
    }
}

.make-text a {
    color: #666666
}

.make-text a:hover {
    color: #5ba7c8;
    text-decoration: underline
}

.make-text p,
.make-text span {
    font-size: 16px;
    font-family: 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial' !important;
    color: #666666
}

@media (max-width: 767px) {

    .make-text p,
    .make-text span {
        line-height: 24px;
        font-size: 16px !important
    }
}

.bsTop {
    width: 100% !important
}

.bsFrameDiv>div {
    height: 208px !important
}

.bsFrameDiv img {
    margin: 16px !important
}

.errorbox {
    padding: 1.1rem 0 1.94rem;
    display: flex;
    overflow: hidden;
    flex-direction: column;
    text-align: center;
    justify-content: center
}

.errorbox .img {
    height: 3.32rem;
    max-width: 100%;
    margin-bottom: .6rem;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 767px) {
    .errorbox .img {
        height: 3rem
    }
}

.errorbox .img img {
    width: auto;
    max-width: initial;
    height: 100%
}

.errorbox .f_text {
    color: #999999;
    margin-bottom: .22rem
}

.errorbox .f_text span {
    color: #0067da
}

.errorbox .f_text a {
    color: #0067da;
    display: inline-block;
    margin-left: .1rem
}

.errorbox .f_text a:hover {
    text-decoration: underline
}

.errorbox .hm_but {
    margin: 0 auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .1rem .2rem .1rem .12rem;
    border: 1px solid #dcdcdc;
    border-radius: .36rem
}

.errorbox .hm_but span {
    padding-right: 0
}

.errorbox .hm_but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    margin-right: 10px
}

@media (max-width: 1580px) {
    .errorbox .hm_but i {
        width: 14px;
        height: 14px;
        margin-right: 8px
    }
}

@media (max-width: 767px) {
    .errorbox .hm_but i {
        width: 12px;
        height: 12px
    }
}

.errorbox .hm_but i img {
    width: 100%;
    max-height: 100%
}

.errorbox .hm_but i img:nth-child(2) {
    display: none
}

.errorbox .hm_but:hover {
    opacity: .9
}

@media (min-width: 768px) {
    .errorbox .hm_but {
        width: 1.48rem
    }
}

.webstiembox {
    padding-bottom: 1.4rem;
    background-color: #f7f9fc
}

.webstiembox .public-nav.public-navnoline {
    margin-bottom: .6rem
}

.webstiembox .public-nav.public-navnoline .container {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}

@media (max-width: 1580px) {
    .webstiembox .public-nav.public-navnoline .container {
        width: 90%
    }
}

@media (max-width: 767px) {
    .webstiembox .public-nav.public-navnoline .container {
        width: 90%
    }
}

.webstiembox>.container2 {
    background-color: #ffffff;
    padding: 1.1rem 1rem
}

@media (max-width: 991px) {
    .webstiembox>.container2 {
        padding: .8rem .6rem
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 {
        padding: .6rem .36rem
    }
}

.webstiembox>.container2 .fztit1 {
    color: #284270;
    font-weight: bold;
    margin-bottom: .38rem;
    text-align: center
}

.webstiembox>.container2 .cont .jut {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid #eeeeee;
    padding: .44rem 0 .34rem;
    line-height: 28px
}

@media (max-width: 1580px) {
    .webstiembox>.container2 .cont .jut {
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 .cont .jut {
        line-height: 1.5
    }
}

.webstiembox>.container2 .cont .jut:last-child {
    border-bottom: none
}

.webstiembox>.container2 .cont .jut .tit {
    display: block;
    width: 13.6666%;
    font-weight: 600;
    color: #333333;
    font-size: 18px
}

@media (max-width: 1580px) {
    .webstiembox>.container2 .cont .jut .tit {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 .cont .jut .tit {
        font-size: .3rem
    }
}

@media (max-width: 991px) {
    .webstiembox>.container2 .cont .jut .tit {
        width: 18%
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 .cont .jut .tit {
        width: 100%
    }
}

.webstiembox>.container2 .cont .jut .nei {
    display: flex;
    flex-wrap: wrap;
    width: 86.3334%
}

@media (max-width: 991px) {
    .webstiembox>.container2 .cont .jut .nei {
        width: 82%
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 .cont .jut .nei {
        width: 100%;
        margin-top: .24rem
    }
}

.webstiembox>.container2 .cont .jut .nei .li {
    margin-right: .7rem;
    display: inline-block;
    padding-right: .1rem;
    margin-bottom: .1rem;
    font-size: 16px;
    transition: all .4s;
    color: #666666
}

@media (max-width: 1580px) {
    .webstiembox>.container2 .cont .jut .nei .li {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 .cont .jut .nei .li {
        font-size: .28rem
    }
}

@media (max-width: 767px) {
    .webstiembox>.container2 .cont .jut .nei .li {
        width: auto;
        margin-right: .4rem;
        font-size: .24rem
    }
}

.webstiembox>.container2 .cont .jut .nei .li:hover {
    color: #5ba7c8
}

.policybox {
    background-color: #f7f9fc
}

.policybox .public-nav.public-navnoline .container {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}

@media (max-width: 1580px) {
    .policybox .public-nav.public-navnoline .container {
        width: 90%
    }
}

@media (max-width: 767px) {
    .policybox .public-nav.public-navnoline .container {
        width: 90%
    }
}

.policybox-sec1 {
    padding: .22rem 0 1.4rem
}

.policybox-sec1 .f_cont {
    background-color: #ffffff;
    padding: 1.1rem 2rem
}

@media (max-width: 991px) {
    .policybox-sec1 .f_cont {
        padding: .8rem .6rem
    }
}

@media (max-width: 767px) {
    .policybox-sec1 .f_cont {
        padding: .6rem .36rem
    }
}

.policybox-sec1 .f_cont .f_title {
    font-weight: bold;
    text-align: center;
    color: #284270;
    margin-bottom: .42rem
}

.policybox-sec1 .f_cont .f_jut {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: .42rem;
    padding-bottom: .26rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}

.policybox-sec1 .f_cont .f_jut .li {
    color: #999999;
    margin: 0 .25rem
}

@media (max-width: 767px) {
    .policybox-sec1 .f_cont .f_jut .li {
        font-size: .26rem;
        margin: 0 .1rem
    }
}

.basealt {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 666;
    width: 100%;
    height: 100%
}

.basealt .bag {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.basealt .cont {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.basealt .cont .fclose {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .5rem;
    cursor: pointer;
    height: .5rem
}

@media (max-width: 767px) {
    .basealt .cont .fclose {
        width: .66rem;
        height: .66rem
    }
}

.basealt .cont .fclose svg {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.basealt .cont .fclose svg rect {
    transition: all .4s;
    fill: rgba(255, 255, 255, 0.2);
    stroke: #fff
}

.basealt .cont .fclose svg path {
    fill: #ffffff
}

.basealt .cont .fclose:hover svg rect {
    fill: #333333;
    stroke: #333333
}

.basemenubut {
    display: flex;
    align-content: center;
    justify-content: center;
    flex-wrap: wrap;
    height: 100%;
    width: 22px
}

.basemenubut span {
    display: block;
    width: 100%;
    height: 2px;
    margin-bottom: 5px;
    border-radius: 3px;
    background-color: #666;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.basemenubut span:last-child {
    margin-bottom: 0
}

.basemenubut span:nth-child(2) {
    width: 80%
}

.basemenubut2 span:nth-child(1) {
    transform: rotate(45deg);
    margin: 0;
    margin-top: 2px
}

.basemenubut2 span:nth-child(2) {
    display: none
}

.basemenubut2 span:nth-child(3) {
    transform: rotate(-45deg);
    margin: 0;
    margin-top: -2px
}

.hadheight {
    display: none;
    height: 120px
}

@media (max-width: 1580px) {
    .hadheight {
        height: 110px
    }
}

@media (max-width: 1199px) {
    .hadheight {
        height: 80px
    }
}

@media (max-width: 767px) {
    .hadheight {
        height: 60px
    }
}

.hadbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 666;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.hadbox-top {
    line-height: 30px;
    height: 30px;
    background-color: #000000
}

@media (max-width: 1199px) {
    .hadbox-top {
        display: none
    }
}

.hadbox-top a {
    color: #ffffff;
    transition: all .4s
}

.hadbox-top .container {
    display: flex;
    justify-content: flex-end
}

.hadbox-top .container .f_navbox {
    max-width: 100%;
    display: flex;
    flex-wrap: wrap
}

.hadbox-top .container .f_navbox li {
    margin-left: .48rem
}

.hadbox-top .container .f_navbox li:first-child {
    margin-left: 0
}

.hadbox-top .container .f_navbox li .tit {
    font-size: 14px;
    display: flex;
    align-items: center;
    position: relative
}

@media (max-width: 1580px) {
    .hadbox-top .container .f_navbox li .tit {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .hadbox-top .container .f_navbox li .tit {
        font-size: .26rem
    }
}

.hadbox-top .container .f_navbox li .tit span {
    position: relative
}

.hadbox-top .container .f_navbox li .tit span:before {
    content: "";
    display: block;
    width: 0;
    position: absolute;
    left: 0;
    bottom: 6px;
    height: 1px;
    transition: all .4s;
    background-color: #ffffff
}

.hadbox-top .container .f_navbox li .tit:hover span:before {
    width: 100%
}

.hadbox-sec1 {
    transition: all .3s linear;
    color: #fff;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    line-height: 90px;
    height: 90px
}

@media (max-width: 1580px) {
    .hadbox-sec1 {
        line-height: 80px;
        height: 80px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 {
        line-height: 60px;
        height: 60px
    }
}

.hadbox-sec1 .container {
    display: flex;
    height: 100%;
    justify-content: space-between
}

.hadbox-sec1 .lt {
    display: flex;
    align-items: center
}

.hadbox-sec1 .lt .fz_logo {
    display: flex;
    overflow: hidden;
    height: 44px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .lt .fz_logo {
        height: 36px
    }
}



.hadbox-sec1 .lt .fz_logo img {
    float: left;
    height: 100%
}

.hadbox-sec1 .lt .fz_logo img:nth-child(2) {
    display: none
}

.hadbox-sec1 .lt .had_sele {
    position: relative;
    line-height: 1.4;
    margin-left: .3rem
}

@media (max-width: 767px) {
    .hadbox-sec1 .lt .had_sele {
        display: none
    }
}

.hadbox-sec1 .lt .had_sele .f_tit {
    width: 125px;
    width: 148px;
    height: 36px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    display: flex;
    transition: all .4s;
    align-items: center;
    padding-left: 12px;
    padding-right: 10px;
    color: #ffffff;
    justify-content: space-between;
    border: 1px solid rgba(255, 255, 255, 0.3)
}

@media (max-width: 1580px) {
    .hadbox-sec1 .lt .had_sele .f_tit {
        padding-left: 10px;
        padding-right: 8px;
        width: 120px;
        width: 100px;
        height: 32px
    }
}

.hadbox-sec1 .lt .had_sele .f_tit span {
    display: block;
    width: calc(100% - 20px)
}

.hadbox-sec1 .lt .had_sele .f_tit svg {
    width: 12px;
    height: 8px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .lt .had_sele .f_tit svg {
        width: 10px;
        height: 6px
    }
}

.hadbox-sec1 .lt .had_sele .f_tit svg path {
    fill: #ffffff
}

.hadbox-sec1 .lt .had_sele .f_jut {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    margin-top: -2px;
    padding: 0 4px;
    background-color: #ffffff;
    display: none;
    color: #666666;
    border: 1px solid #ddd;
    border-top: none;
    z-index: 2
}

.hadbox-sec1 .lt .had_sele .f_jut a {
    display: block;
    border-bottom: 1px solid rgba(238, 238, 238, 0.4);
    border-top: 1px solid rgba(238, 238, 238, 0.4);
    color: #333;
    padding: 8px 12px;
    margin-top: -1px;
    width: 100%
}

.hadbox-sec1 .lt .had_sele .f_jut a:last-child {
    margin-bottom: 0
}

@media (max-width: 1580px) {
    .hadbox-sec1 .lt .had_sele .f_jut a {
        padding: 6px 10px
    }
}

.hadbox-sec1 .lt .had_sele .f_jut a span {
    font-size: 14px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .lt .had_sele .f_jut a span {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 .lt .had_sele .f_jut a span {
        font-size: .26rem
    }
}

.hadbox-sec1 .lt .had_sele .f_jut a:hover {
    color: #5ba7c8
}

.hadbox-sec1 .lt .had_sele:hover .f_jut {
    display: block
}

.hadbox-sec1 .f_navbox {
    display: flex;
    align-items: center
}

@media (max-width: 1199px) {
    .hadbox-sec1 .f_navbox {
        display: none
    }
}

.hadbox-sec1 .f_navbox>li {
    position: relative;
    margin: 0 20px;
}

.hadbox-sec1 .f_navbox>li .hover_list {
    width: 100%
}

.hadbox-sec1 .f_navbox>li .hover_list .f_name {
    color: #999999;
    margin-bottom: .11rem
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt {
    width: 100%
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item {
    width: 100%
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 10px 30px;
    padding-right: .2rem;
    transition: all .4s
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list span {
    display: block;
    color: #0e2339;
    width: calc(100% - 17px)
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list i {
    margin-top: .1em
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list svg,
.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list img {
    width: 7px;
    height: 11px;
    object-fit: contain;
    transition: all .4s;
    opacity: 0
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list svg path,
.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list img path {
    fill: #5ba7c8
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list:hover {
    background-color: rgba(91, 167, 200, 0.05)
}

.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list:hover svg,
.hadbox-sec1 .f_navbox>li .hover_list .f_jt .item .list:hover img {
    opacity: 1
}

.hadbox-sec1 .f_navbox>li:nth-child(4),
.hadbox-sec1 .f_navbox>li:nth-child(3) {
    position: initial
}

.hadbox-sec1 .f_navbox>li .children_hover {
    position: absolute;
    top: 100%;
    line-height: 1.5;
    color: #333333;
    background-color: #ffffff
}

.hadbox-sec1 .f_navbox>li .f_hover1 {
    left: 0;
    width: 100%;
    display: none;
    border-bottom: 1px solid #eee
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container {
    display: flex
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container .hover_lt,
.hadbox-sec1 .f_navbox>li .f_hover1 .container>.hover_list {
    padding: .27rem .4rem .5rem
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container .hover_lt {
    width: 53.75%
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container .hover_lt .hover_list {
    padding-bottom: .5rem;
    margin-bottom: .2rem;
    border-bottom: 1px solid #eeeeee
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container .hover_lt .hover_list:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container .hover_lt .hover_list .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container .hover_lt .hover_list .f_jt .item {
    padding: 0 .15rem;
    width: 25%
}

.hadbox-sec1 .f_navbox>li .f_hover1 .container>.hover_list {
    width: 26.875%;
    border-left: 1px solid #eeeeee
}

.hadbox-sec1 .f_navbox>li .f_hover2 {
    left: 0;
    width: 100%;
    display: none
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container {
    display: flex
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_lt {
    width: 23.25%;
    padding: .27rem .4rem .7rem;
    border-right: 1px solid #eeeeee
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt {
    width: 76.75%;
    display: flex;
    align-items: flex-start;
    padding: .27rem 0 .78rem .4rem
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt .hover_gt_list {
    width: 59.866%;
    padding-right: .4rem
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt .hover_gt_list .f_jt {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt .hover_gt_list .f_jt .item {
    width: calc(58% - .1rem)
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt .hover_gt_list .f_jt .item:nth-child(2n) {
    width: calc(42% - .1rem)
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt .f_img {
    width: 40.134%;
    margin-top: .37rem
}

.hadbox-sec1 .f_navbox>li .f_hover2 .container .hover_gt .f_img:before {
    padding-top: 61.97478992%
}

.hadbox-sec1 .f_navbox>li .f_hover3 {
    display: none;
    right: -2.1rem;
    line-height: 1.5;
    width:600px;
    padding: 10px 20px;
    overflow: hidden
}

.hadbox-sec1 .f_navbox>li .f_hover3 .hover_lt {
    float: left;
    width: 31.768%
}

.hadbox-sec1 .f_navbox>li .f_hover3 .hover_gt {
    float: right;
    width: 51.965%;
    padding-top: .53rem
}

.hadbox-sec1 .f_navbox>li .f_hover3 .hover_gt .img {
    width: 100%;
    padding-top: 61.97478992%
}

.hadbox-sec1 .f_navbox li .tit {
    display: flex;
    align-items: center;
    color: #ffffff;
    font-size: 16px;
    position: relative;
    padding: 0 .2rem
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox li .tit {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 .f_navbox li .tit {
        font-size: .28rem
    }
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox li .tit {
        padding: 0 10px
    }
}

@media (max-width: 1199px) {
    .hadbox-sec1 .f_navbox li .tit {
        padding: 0 10px
    }
}

.hadbox-sec1 .f_navbox li .tit i {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    width: 10px;
    height: 20px;
    margin-left: 10px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox li .tit i {
        margin-left: 6px
    }
}

.hadbox-sec1 .f_navbox li .tit i img,
.hadbox-sec1 .f_navbox li .tit i svg {
    width: 100%;
    opacity: .5;
    float: left
}

.hadbox-sec1 .f_navbox li .tit i img:nth-child(2),
.hadbox-sec1 .f_navbox li .tit i svg:nth-child(2) {
    display: none
}

.hadbox-sec1 .f_navbox li .tit i svg {
    width: 100%;
    height: auto
}

.hadbox-sec1 .f_navbox li .tit i svg path {
    fill: #ffffff
}

.hadbox-sec1 .f_navbox li .tit:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 0;
    background-color: #5ba7c8;
    height: 2px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    border-radius: 2px;
    display: none
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox li .tit:after {
        height: 2px
    }
}

.hadbox-sec1 .f_navbox li>ul {
    position: absolute;
    top: 100%;
    transform: translateX(-25%);
    width: 180px;
    background-color: #ffffff;
    line-height: 46px;
    text-align: center;
    padding: .12rem 0 .3rem;
    margin-top: -1px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06);
    display: none
}

.hadbox-sec1 .f_navbox li>ul>li a {
    font-size: 16px;
    transition: all .4s;
    -webkit-transition: all .4s;
    color: #666666
}

.hadbox-sec1 .f_navbox li>ul>li a:hover {
    color: #5ba7c8
}

.hadbox-sec1 .f_navbox li:hover .tit span {
    color: #5ba7c8
}

.hadbox-sec1 .f_navbox li:hover .tit:after {
    width: 78%
}

.hadbox-sec1 .f_navbox li:hover .fz_hover {
    visibility: visible;
    line-height: 80px;
    height: 80px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox li:hover .fz_hover {
        line-height: 50px;
        height: 50px
    }
}

.hadbox-sec1 .f_navbox li:hover .hover1 {
    display: block
}

.hadbox-sec1 .f_navbox li.on .tit {
    font-weight: bold
}

.hadbox-sec1 .f_navbox .f_nav_parant {
    position: inherit
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child {
    position: absolute;
    top: 100%;
    left: 0%;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    background-color: #ffffff;
    text-align: center;
    margin-top: -1px;
    display: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.06)
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    transform: translateX(0);
    -webkit-transform: translateX(0);
    text-align: center;
    display: flex;
    justify-content: center;
    padding: 0;
    margin: 0;
    line-height: 46px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul {
        line-height: 42px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul li {
    margin-bottom: 0;
    margin: 0 .26rem
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul li a {
    display: block;
    transition: all .4s;
    -webkit-transition: all .4s;
    padding: 0 .16rem;
    color: #666;
    font-size: 14px;
    position: relative
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul li a:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    width: 0;
    height: 2px;
    background-color: #5ba7c8;
    transition: all .4s;
    -webkit-transition: all .4s
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul li a:hover {
    color: #5ba7c8
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul li.on>a {
    color: #5ba7c8
}

.hadbox-sec1 .f_navbox .f_nav_parant>.f_child>ul li.on>a:before {
    width: 100%
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    color: #333333;
    background-color: #ffffff;
    padding: .3rem 0 1.36rem;
    line-height: 1.4;
    display: none
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .container {
    max-width: 1600px;
    display: block
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt,
.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt {
    padding: 0 .15rem
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt {
    width: 14%
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form {
    display: flex;
    padding: 8px 12px;
    border-radius: 4px;
    width: 100%;
    border: 1px solid #e7e7e7;
    align-items: center;
    margin-bottom: 24px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form {
        margin-bottom: 20px;
        padding: 6px 10px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form .f_sut {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form .f_sut {
        width: 18px;
        height: 18px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form .f_sut svg {
    width: 100%;
    max-height: 100%
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form .f_sut svg path {
    fill: #9a9a9a
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form input {
    width: 80%;
    color: #666666;
    font-size: 14px;
    width: calc(100% - 20px);
    padding-left: 16px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .f_form input {
        padding-left: 12px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav {
    width: 100%
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli {
    color: #000;
    user-select: none;
    -webkit-user-select: none;
    display: block;
    cursor: pointer;
    color: #666666;
    font-size: 16px;
    transition: all .4s;
    margin-bottom: .14rem
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli {
        font-size: 14px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli {
        font-size: .28rem
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli span {
    position: relative;
    display: inline-block;
    padding-bottom: .06rem
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli span:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .4s;
    -webkit-transition: all .4s;
    height: 2px;
    background-color: #5ba7c8;
    width: 0
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli:last-child {
    margin-bottom: 0
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .fzli:hover {
    color: #222222
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .on {
    color: #222222
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_lt .lt_nav .on span:before {
    width: 100%
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt {
    width: 86%;
    padding-right: 2.3rem
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .f_but {
    display: flex;
    align-items: center;
    color: #222222;
    margin-top: .06rem;
    padding-bottom: .2rem;
    margin-bottom: .22rem;
    border-bottom: 1px solid rgba(182, 182, 182, 0.3)
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .f_but i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 12px;
    height: 12px;
    margin-left: 16px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .f_but i {
        width: 10px;
        height: 10px;
        margin-left: 12px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .f_but i svg {
    width: 100%;
    max-height: 100%
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .f_but i svg path {
    fill: #222222
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent {
    position: relative
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    -webkit-transition: all .4s
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li {
    margin-bottom: .5rem
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li:last-child {
    margin-bottom: 0
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_tit {
    color: #222222;
    margin-bottom: .24rem;
    font-weight: bold;
    display: block
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_tit:hover {
    text-decoration: underline
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_cont1 {
    display: flex;
    flex-wrap: wrap
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_cont1 .fzli {
    display: block;
    width: 20%;
    font-size: 18px;
    transition: all .4s;
    -webkit-transition: all .4s;
    color: #666666;
    margin-bottom: .2rem
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_cont1 .fzli {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_cont1 .fzli {
        font-size: .3rem
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .gt_cent_list .ct_li .f_cont1 .fzli:hover {
    color: #222222;
    text-decoration: underline
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover2 .child_cont .child_gt .gt_cent .active {
    position: relative;
    opacity: 1;
    visibility: visible
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #ffffff;
    padding: .4rem 0 .6rem;
    line-height: 1.4;
    opacity: 0;
    visibility: hidden;
    display: none !important
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .container {
    max-width: 1282px
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 {
    width: 28.125%;
    border-right: 1px solid #e5e5e5;
    position: relative
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .ftit {
    display: block;
    color: #222222;
    font-family: 'shuzi', 'PingFang SC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'SimSun', 'SimHei', 'Arial';
    padding: 4px .62rem 14px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .ftit {
        padding: 4px .62rem 12px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li {
    width: 100%;
    padding: 0 .5rem
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzzi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 12px;
    color: #999999;
    transition: all .4s;
    border-bottom: 1px solid #e5e5e5;
    padding-right: 20px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzzi {
        padding: 12px 10px;
        padding-right: 16px
    }
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzzi i {
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    transition: all .4s
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzzi i svg {
    width: 100%;
    max-height: 100%;
    float: left
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzzi i svg polygon {
    transition: all .4s;
    fill: #cdcdcd;
    stroke: #cdcdcd
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzitem1 {
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%;
    height: 100%;
    display: none
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzitem3,
.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li .fzitem4 {
    border-right: none;
    display: none
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li.on>.fzzi {
    background-color: #f2f4f7;
    color: #083793;
    border-bottom-color: transparent
}

.hadbox-sec1 .f_navbox .f_nav_parant .f_nav_child_hover1 .fzitem1 .fzlist li.on>.fzzi i svg path {
    fill: #083793;
    stroke: #083793
}

.hadbox-sec1 .gt {
    display: flex;
    align-items: center
}

.hadbox-sec1 .gt .f_lang {
    height: 100%;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: .5rem
}

@media (max-width: 1580px) {
    .hadbox-sec1 .gt .f_lang {
        margin-left: .4rem
    }
}

.hadbox-sec1 .gt .f_lang .la_tit {
    display: flex;
    transition: all .4s linear;
    color: #ffffff;
    user-select: none;
    -webkit-user-select: none;
    align-items: center;
    font-size: 14px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .gt .f_lang .la_tit {
        font-size: 12px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 .gt .f_lang .la_tit {
        font-size: .26rem
    }
}

.hadbox-sec1 .gt .f_lang .la_tit i {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    margin-right: 14px;
    margin-left: 14px
}

@media (max-width: 1580px) {
    .hadbox-sec1 .gt .f_lang .la_tit i {
        width: 16px;
        height: 16px;
        margin-left: 10px;
        margin-right: 10px
    }
}

@media (max-width: 767px) {
    .hadbox-sec1 .gt .f_lang .la_tit i {
        margin-left: 8px;
        margin-right: 8px
    }
}

.hadbox-sec1 .gt .f_lang .la_tit i svg {
    width: 100%;
    height: 100%
}

.hadbox-sec1 .gt .f_lang .la_tit i svg path {
    fill: #ffffff;
    transition: all .4s linear
}

.hadbox-sec1 .gt .f_lang .la_tit .f_icon {
    display: block;
    width: 10px;
    height: 6px;
    margin-left: 6px
}

.hadbox-sec1 .gt .f_lang .la_tit .f_icon path {
    transition: all .4s linear;
    fill: #ffffff
}

.hadbox-sec1 .gt .f_lang .hover1 {
    position: absolute;
    top: 70%;
    left: 50%;
    width: 120px;
    background-color: #ffffff;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    line-height: 1.5;
    padding-bottom: .12rem;
    display: none
}

.hadbox-sec1 .gt .f_lang .hover1 a {
    display: block;
    font-size: 12px;
    color: #555555;
    padding: 6px 10px;
    text-align: center
}

.hadbox-sec1 .gt .f_lang .hover1 a:hover {
    color: #5ba7c8;
    text-decoration: underline
}

.hadbox-sec1 .gt .f_lang:hover .hover1 {
    display: block
}

.hadbox-sec1 .gt .f_search {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: .3rem
}

@media (max-width: 1580px) {
    .hadbox-sec1 .gt .f_search {
        width: 18px;
        height: 18px
    }
}

.hadbox-sec1 .gt .f_search svg {
    width: 100%;
    height: 100%
}

.hadbox-sec1 .gt .f_search svg path {
    transition: all .4s linear;
    fill: #ffffff
}

.hadbox-sec1 .gt .qie {
    margin-left: .38rem
}

@media (min-width: 1200px) {
    .hadbox-sec1 .gt .qie {
        display: none
    }
}

.hadbox-sec1 .gt .qie span {
    background-color: #fff
}

.hadbox-sec2 {
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 999;
    width: 100%;
    height: 100vh;
    height: calc(100vh - 70px);
    background-color: #fff;
    display: none
}

.hadbox-sec2 .container {
    position: relative
}

@media (max-width: 1199px) {
    .hadbox-sec2 .container {
        height: 100%;
        padding: 0
    }
}

.hadbox-sec2 .container .f_portrait {
    width: 90px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: #5ba7c8;
    border-radius: 4px;
    font-size: 14px
}

.hadbox-sec2 .container .form {
    background-color: #f5f5f5;
    display: flex;
    align-items: center;
    margin-bottom: .34rem;
    margin-top: .34rem
}

.hadbox-sec2 .container .form .f_sub,
.hadbox-sec2 .container .form .tx {
    height: 1rem
}

.hadbox-sec2 .container .form .int {
    display: flex;
    align-items: center;
    width: calc(100% - 2.5rem);
    padding: 0 .45rem
}

@media (max-width: 767px) {
    .hadbox-sec2 .container .form .int {
        width: calc(100% - 1.5rem)
    }
}

.hadbox-sec2 .container .form .int i {
    width: .38rem;
    display: block;
    overflow: hidden
}

.hadbox-sec2 .container .form .int i img {
    float: left;
    width: 100%
}

.hadbox-sec2 .container .form .int .tx {
    width: calc(100% - .38rem);
    padding: .2rem .44rem
}

@media (max-width: 767px) {
    .hadbox-sec2 .container .form .int .tx {
        font-size: .28rem;
        padding: .2rem .3rem
    }
}

.hadbox-sec2 .container .form .f_sub {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.5rem;
    color: #fff;
    background-color: #5ba7c8
}

@media (max-width: 767px) {
    .hadbox-sec2 .container .form .f_sub {
        width: 1.5rem;
        font-size: .28rem
    }
}

.hadbox-sec2 .container .navbox {
    padding: .4rem 0;
    line-height: 60px;
    height: 100%
}

.hadbox-sec2 .container .navbox>ul {
    height: calc(100% - 90px);
    margin-bottom: 10px;
    overflow-x: hidden;
    overflow-y: auto;
    padding:  0 10px;
}

.hadbox-sec2 .container .navbox>ul li {
    list-style: none
}

.hadbox-sec2 .container .navbox>ul>li {
    border-bottom: 1px solid #ddd
}

.hadbox-sec2 .container .navbox>ul>li .tit {
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #333
}

.hadbox-sec2 .container .navbox>ul>li .tit i {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

@media (max-width: 767px) {
    .hadbox-sec2 .container .navbox>ul>li .tit i {
        width: 16px;
        height: 16px
    }
}

.hadbox-sec2 .container .navbox>ul>li .tit i img,
.hadbox-sec2 .container .navbox>ul>li .tit i svg {
    float: left;
    width: 100%;
    height: 100%
}

.hadbox-sec2 .container .navbox>ul>li .tit i img path,
.hadbox-sec2 .container .navbox>ul>li .tit i svg path {
    fill: #333;
    stroke: none
}

.hadbox-sec2 .container .navbox>ul>li ul {
    line-height: 35px;
    padding-bottom: 15px;
    padding-left: 20px;
    display: none
}

.hadbox-sec2 .container .navbox>ul>li ul>li a {
    font-size: 16px;
    color: #666;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: center;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    position: relative
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i img,
.hadbox-sec2 .container .navbox>ul>li ul>li a i svg {
    float: left;
    width: 30px;
    display: none
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i img path,
.hadbox-sec2 .container .navbox>ul>li ul>li a i svg path {
    fill: #666
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i:after,
.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
    content: "";
    display: block;
    width: 14px;
    height: 2px;
    position: absolute;
    top: 50%;
    right: 50%;
    margin-right: -13px;
    background-color: #999
}

.hadbox-sec2 .container .navbox>ul>li ul>li a i:before {
    transform: rotate(90deg)
}

.hadbox-sec2 .container .navbox>ul>li ul>li.active>a i:before {
    opacity: 0
}

.hadbox-sec2 .container .navbox>ul>li ul ul a {
    font-size: 14px
}

.hadbox-sec2 .container .navbox>ul>li.active .tit i {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.hadbox-sec2 .container .navbox>ul>li.on .tit {
    color: #5ba7c8
}

.hadbox-sec3 {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #ffffff;
    color: #222222;
    display: none
}

.hadbox-sec3 .container2 {
    padding: .6rem 0 .7rem;
    position: relative
}

@media (max-width: 767px) {
    .hadbox-sec3 .container2 {
        padding-bottom: .6rem
    }
}

.hadbox-sec3 .f_close {
    position: absolute;
    right: .8rem;
    top: .96rem;
    width: 18px;
    height: 18px;
    cursor: pointer;
    overflow: hidden;
    transition: all .4s
}

@media (max-width: 767px) {
    .hadbox-sec3 .f_close {
        right: 0;
        top: .3rem;
        width: 16px;
        height: 16px
    }
}

.hadbox-sec3 .f_close img {
    width: 100%;
    float: left
}

.hadbox-sec3 .f_close img:nth-child(2) {
    display: none
}

.hadbox-sec3 .f_close svg {
    width: 100%;
    height: auto;
    max-height: 100%
}

.hadbox-sec3 .f_close svg path {
    fill: #808080
}

.hadbox-sec3 .f_close:hover {
    transform: rotate(90deg)
}

.hadbox-sec3 .f_cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.hadbox-sec3 .f_cont .fz_title {
    margin-bottom: .4rem;
    color: #284270;
    font-weight: bold
}

@media (max-width: 991px) {
    .hadbox-sec3 .f_cont .fz_title {
        width: 100%
    }
}

.hadbox-sec3 .f_cont .f_gt {
    width: 6.2rem
}

@media (max-width: 991px) {
    .hadbox-sec3 .f_cont .f_gt {
        width: 100%
    }
}

.hadbox-sec3 .f_cont .f_gt .f_form {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .2rem;
    border: solid 1px #d8dde4;
    padding: 0 .2rem
}

.hadbox-sec3 .f_cont .f_gt .f_form input {
    width: calc(100% - 18px);
    padding: .17rem .2rem;
    padding-left: 0
}

@media (max-width: 767px) {
    .hadbox-sec3 .f_cont .f_gt .f_form input {
        width: calc(100% - .36rem)
    }
}

.hadbox-sec3 .f_cont .f_gt .f_form input::-webkit-input-placeholder {
    color: #999999
}

.hadbox-sec3 .f_cont .f_gt .f_form input::-moz-placeholder {
    color: #999999
}

.hadbox-sec3 .f_cont .f_gt .f_form input:-ms-input-placeholder {
    color: #999999
}

.hadbox-sec3 .f_cont .f_gt .f_form .f_sub {
    overflow: hidden;
    width: 18px
}

@media (max-width: 767px) {
    .hadbox-sec3 .f_cont .f_gt .f_form .f_sub {
        width: .36rem
    }
}

.hadbox-sec3 .f_cont .f_gt .f_form .f_sub img {
    float: left;
    width: 100%
}

.hadbox-sec3 .f_cont .f_gt .f_form .f_sub svg {
    width: 100%
}

.hadbox-sec3 .f_cont .f_gt .f_form .f_sub svg path {
    fill: #444444
}

.hadbox-sec3 .f_cont .f_gt .f_form .f_sub:hover svg path {
    fill: #5ba7c8
}

.hadbox-sec3 .f_cont .f_gt .f_jut {
    display: flex;
    line-height: 24px;
    align-items: flex-start;
    line-height: 30px
}

@media (max-width: 1580px) {
    .hadbox-sec3 .f_cont .f_gt .f_jut {
        line-height: 24px
    }
}

@media (max-width: 991px) {
    .hadbox-sec3 .f_cont .f_gt .f_jut {
        line-height: 22px
    }
}

@media (max-width: 767px) {
    .hadbox-sec3 .f_cont .f_gt .f_jut {
        line-height: .56rem
    }
}

.hadbox-sec3 .f_cont .f_gt .f_jut .name {
    flex: 0 0 auto;
    margin-top: 1px;
    display: block;
    color: #666666;
    padding-right: .12rem
}

.hadbox-sec3 .f_cont .f_gt .f_jut .f_list {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap
}

.hadbox-sec3 .f_cont .f_gt .f_jut .f_list .li {
    margin-bottom: 10px;
    color: #999999;
    display: block;
    transition: all .4s;
    -webkit-transition: all .4s;
    padding: 0 .16rem;
    border: 1px solid #eeeeee;
    margin-right: .1rem
}

.hadbox-sec3 .f_cont .f_gt .f_jut .f_list .li:hover {
    color: #ffffff;
    border-color: #5ba7c8;
    background-color: #5ba7c8
}

@media (max-width: 767px) {
    .hadbox-sec3 .f_cont .f_gt .f_jut {
        flex-wrap: wrap
    }

    .hadbox-sec3 .f_cont .f_gt .f_jut .name {
        width: 100%
    }

    .hadbox-sec3 .f_cont .f_gt .f_jut .f_list {
        width: 100%;
        margin-top: .1rem
    }
}

.hadbox:hover .hadbox-sec1 {
    background-color: #ffffff;
    border-color: #dddddd
}

.hadbox:hover .hadbox-sec1 .lt .fz_logo img {
    display: none
}

.hadbox:hover .hadbox-sec1 .lt .fz_logo img:nth-child(2) {
    display: block
}

.hadbox:hover .hadbox-sec1 .lt .had_sele .f_tit {
    border: 1px solid #ddd;
    color: #333333
}

.hadbox:hover .hadbox-sec1 .lt .had_sele .f_tit svg path {
    fill: #333333
}

.hadbox:hover .hadbox-sec1 .f_navbox li .tit {
    color: #222222
}

.hadbox:hover .hadbox-sec1 .f_navbox li .tit i svg {
    opacity: 1
}

.hadbox:hover .hadbox-sec1 .f_navbox li .tit i svg path {
    fill: #a3a3a3
}

.hadbox:hover .hadbox-sec1 .f_navbox li.on>.tit {
    color: #5ba7c8
}

.hadbox:hover .hadbox-sec1 .f_navbox li.ac2 .tit {
    color: #999999
}

.hadbox:hover .hadbox-sec1 .f_navbox li.ac1 .tit {
    color: #222222
}

.hadbox:hover .hadbox-sec1 .gt .f_lang .la_tit {
    color: #222222
}

.hadbox:hover .hadbox-sec1 .gt .f_lang .la_tit i svg path,
.hadbox:hover .hadbox-sec1 .gt .f_lang .la_tit .f_icon path {
    fill: #222222
}

.hadbox:hover .hadbox-sec1 .gt .f_search svg path {
    fill: #444
}

.hadbox:hover .hadbox-sec1 .gt .qie span {
    background-color: #333333
}

.hadbox2 .hadbox-sec1 {
    background-color: #ffffff;
    border-color: #dddddd
}

.hadbox2 .hadbox-sec1 .lt .fz_logo img {
    display: none
}

.hadbox2 .hadbox-sec1 .lt .fz_logo img:nth-child(2) {
    display: block
}

.hadbox2 .hadbox-sec1 .lt .had_sele .f_tit {
    border: 1px solid #ddd;
    color: #333333
}

.hadbox2 .hadbox-sec1 .lt .had_sele .f_tit svg path {
    fill: #333333
}

.hadbox2 .hadbox-sec1 .f_navbox li .tit {
    color: #222222
}

.hadbox2 .hadbox-sec1 .f_navbox li .tit i svg {
    opacity: 1
}

.hadbox2 .hadbox-sec1 .f_navbox li .tit i svg path {
    fill: #a3a3a3
}

.hadbox2 .hadbox-sec1 .f_navbox li.on>.tit {
    color: #5ba7c8
}

.hadbox2 .hadbox-sec1 .f_navbox li.ac2 .tit {
    color: #999999
}

.hadbox2 .hadbox-sec1 .f_navbox li.ac1 .tit {
    color: #222222
}

.hadbox2 .hadbox-sec1 .gt .f_lang .la_tit {
    color: #222222
}

.hadbox2 .hadbox-sec1 .gt .f_lang .la_tit i svg path,
.hadbox2 .hadbox-sec1 .gt .f_lang .la_tit .f_icon path {
    fill: #222222
}

.hadbox2 .hadbox-sec1 .gt .f_search svg path {
    fill: #444
}

.hadbox2 .hadbox-sec1 .gt .qie span {
    background-color: #333333
}

.hadbox3 {
    -webkit-transform: translate(0, -100%);
    transform: translate(0, -100%)
}

.fotbox-sec1 {
    padding: 1.12rem 0 0;
    background: url(../images/shiyebugimg1.jpg) left bottom / cover no-repeat
}

.fotbox-sec1 .container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between
}

.fotbox-sec1 .container .lt {
    padding-right: .26rem;
    width: 26.25%
}

@media (max-width: 991px) {
    .fotbox-sec1 .container .lt {
        width: 100%;
        padding-right: 0;
        margin-bottom: .6rem
    }
}

.fotbox-sec1 .container .lt .f_logo {
    display: block;
    width: 2.68rem;
    margin-bottom: .66rem
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .lt .f_logo {
        width: 4rem;
        margin-bottom: .4rem
    }
}

.fotbox-sec1 .container .lt .f_logo img {
    width: 100%;
    height: auto
}

.fotbox-sec1 .container .lt .fen {
    display: flex;
    flex-wrap: wrap
}

.fotbox-sec1 .container .lt .fen .li {
    position: relative;
    margin-right: 16px
}

@media (max-width: 1580px) {
    .fotbox-sec1 .container .lt .fen .li {
        margin-right: 12px
    }
}

.fotbox-sec1 .container .lt .fen .li .f_tit {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    width: 40px;
    height: 40px;
    background-color: #f5f5f5;
    border-radius: 50%
}

@media (max-width: 1580px) {
    .fotbox-sec1 .container .lt .fen .li .f_tit {
        width: 36px;
        height: 36px
    }
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .lt .fen .li .f_tit {
        width: .68rem;
        height: .68rem
    }
}

.fotbox-sec1 .container .lt .fen .li .f_tit img,
.fotbox-sec1 .container .lt .fen .li .f_tit svg {
    object-fit: contain;
    max-width: 50%;
    max-height: 50%;
    width: auto;
    height: auto;
    opacity: .5;
    transition: all .4s
}

.fotbox-sec1 .container .lt .fen .li .f_tit img path,
.fotbox-sec1 .container .lt .fen .li .f_tit svg path {
    fill: #999999
}

.fotbox-sec1 .container .lt .fen .li:hover .f_tit {
    background-color: #5ba7c8
}

.fotbox-sec1 .container .lt .fen .li:hover .f_tit svg {
    opacity: 1
}

.fotbox-sec1 .container .lt .fen .li:hover .f_tit svg path {
    fill: #ffffff
}

.fotbox-sec1 .container .gt {
    width: 73.75%
}

@media (max-width: 991px) {
    .fotbox-sec1 .container .gt {
        width: 100%
    }
}

.fotbox-sec1 .container .gt .fot_nav {
    display: flex;
    justify-content: space-between
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .gt .fot_nav {
        flex-wrap: wrap
    }
}

.fotbox-sec1 .container .gt .fot_nav>li {
    max-width: 20%
}

.fotbox-sec1 .container .gt .fot_nav>li:last-child {
    width: auto
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .gt .fot_nav>li {
        max-width: 100%;
        width: 100%
    }

    .fotbox-sec1 .container .gt .fot_nav>li:last-child {
        width: 100%
    }
}

.fotbox-sec1 .container .gt .fot_nav>li .f_tit {
    font-size: 18px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #333333;
    width: 100%;
    font-weight: bold;
    margin-top: .26rem
}

@media (max-width: 1580px) {
    .fotbox-sec1 .container .gt .fot_nav>li .f_tit {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .gt .fot_nav>li .f_tit {
        font-size: .3rem
    }
}

.fotbox-sec1 .container .gt .fot_nav>li .f_tit:first-child {
    margin-top: 0
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .gt .fot_nav>li .f_tit {
        margin-top: 0;
        padding: .3rem 0;
        border-bottom: 1px solid #ddd
    }

    .fotbox-sec1 .container .gt .fot_nav>li .f_tit:last-child {
        border-bottom: none
    }
}

.fotbox-sec1 .container .gt .fot_nav>li .f_tit i {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    width: .6rem;
    height: .4rem
}

@media (min-width: 768px) {
    .fotbox-sec1 .container .gt .fot_nav>li .f_tit i {
        display: none
    }
}

.fotbox-sec1 .container .gt .fot_nav>li .f_tit i svg {
    height: 100%;
    max-width: 100%;
    width: .28rem;
    height: .28rem
}

.fotbox-sec1 .container .gt .fot_nav>li .f_tit i svg path {
    fill: #333333
}

.fotbox-sec1 .container .gt .fot_nav>li ul {
    padding-top: .28rem
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .gt .fot_nav>li ul {
        display: none;
        padding: .28rem 0
    }
}

.fotbox-sec1 .container .gt .fot_nav>li ul li {
    display: block;
    margin-bottom: 12px
}

@media (max-width: 1580px) {
    .fotbox-sec1 .container .gt .fot_nav>li ul li {
        margin-bottom: 8px
    }
}

.fotbox-sec1 .container .gt .fot_nav>li ul li:last-child {
    margin-bottom: 0
}

.fotbox-sec1 .container .gt .fot_nav>li ul li a {
    display: inline-block;
    color: #666666;
    position: relative
}

.fotbox-sec1 .container .gt .fot_nav>li ul li a:before {
    content: "";
    display: block;
    width: 0%;
    height: 1px;
    background-color: #5ba7c8;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s
}

.fotbox-sec1 .container .gt .fot_nav>li ul li a:hover {
    color: #5ba7c8
}

.fotbox-sec1 .container .gt .fot_nav>li ul li a:hover:before {
    width: 100%
}

.fotbox-sec1 .container .gt .fot_nav>li.on .f_tit {
    color: #5ba7c8
}

.fotbox-sec1 .container .gt .fot_nav>li.on .f_tit i {
    transform: rotate(90deg)
}

.fotbox-sec1 .container .gt .fot_nav>li.on .f_tit i svg path {
    fill: #5ba7c8
}

.fotbox-sec1 .container .fot2_cont {
    padding-top: .34rem;
    padding-bottom: .34rem;
    width: 100%;
    border-top: 1px solid #f5f5f5;
    display: flex;
    margin-top: .8rem
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .fot2_cont {
        flex-wrap: wrap;
        margin-top: .4rem
    }
}

.fotbox-sec1 .container .fot2_cont .name {
    display: block;
    margin-right: .66rem;
    flex: 0 0 auto
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .fot2_cont .name {
        margin-bottom: .1rem;
        margin-right: 0
    }
}

.fotbox-sec1 .container .fot2_cont .f_jut {
    flex: 1 1 auto;
    display: flex;
    flex-wrap: wrap
}

.fotbox-sec1 .container .fot2_cont .f_jut a {
    color: #999999;
    transition: all .4s;
    display: inline-block;
    margin-bottom: .1rem;
    position: relative;
    margin-right: .56rem
}

@media (max-width: 767px) {
    .fotbox-sec1 .container .fot2_cont .f_jut a {
        margin-right: .4rem;
        font-size: .25rem
    }
}

.fotbox-sec1 .container .fot2_cont .f_jut a:before {
    content: "";
    display: block;
    width: 0%;
    height: 1px;
    background-color: #5ba7c8;
    position: absolute;
    bottom: 0;
    left: 0;
    transition: all .4s
}

.fotbox-sec1 .container .fot2_cont .f_jut a:last-child {
    margin-right: 0
}

.fotbox-sec1 .container .fot2_cont .f_jut a:hover {
    color: #5ba7c8
}

.fotbox-sec1 .container .fot2_cont .f_jut a:hover:before {
    width: 100%
}

.fotbox-sec2 {
    background-color: #284270
}

.fotbox-sec2 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .22rem 0
}

@media (max-width: 767px) {
    .fotbox-sec2 .container {
        padding: .36rem 0
    }
}

.fotbox-sec2 .container .lt {
    display: flex;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .fotbox-sec2 .container .lt {
        width: 100%;
        justify-content: center;
        text-align: center;
        margin-bottom: .1rem
    }
}

.fotbox-sec2 .container .lt a,
.fotbox-sec2 .container .lt span,
.fotbox-sec2 .container .lt p {
    display: inline-block;
    color: #fff;
    opacity: .3;
    font-size: 14px;
    transition: all .4s linear
}

@media (max-width: 1580px) {

    .fotbox-sec2 .container .lt a,
    .fotbox-sec2 .container .lt span,
    .fotbox-sec2 .container .lt p {
        font-size: 12px
    }
}

@media (max-width: 767px) {

    .fotbox-sec2 .container .lt a,
    .fotbox-sec2 .container .lt span,
    .fotbox-sec2 .container .lt p {
        font-size: .26rem
    }
}

.fotbox-sec2 .container .lt span {
    display: block;
    margin: 0 .22rem
}

@media (max-width: 767px) {
    .fotbox-sec2 .container .lt span {
        display: none
    }
}

.fotbox-sec2 .container .lt p {
    margin-right: .18rem
}

@media (max-width: 767px) {
    .fotbox-sec2 .container .lt a {
        display: block;
        width: 100%
    }
}

.fotbox-sec2 .container .lt a:hover {
    opacity: 1
}

.fotbox-sec2 .container .gt {
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

@media (max-width: 767px) {
    .fotbox-sec2 .container .gt {
        width: 100%;
        justify-content: center
    }
}

.fotbox-sec2 .container .gt .li,
.fotbox-sec2 .container .gt span {
    color: #fff;
    font-size: 14px;
    transition: all .4s linear;
    display: block;
    opacity: .3
}

@media (max-width: 1580px) {

    .fotbox-sec2 .container .gt .li,
    .fotbox-sec2 .container .gt span {
        font-size: 12px
    }
}

@media (max-width: 767px) {

    .fotbox-sec2 .container .gt .li,
    .fotbox-sec2 .container .gt span {
        font-size: .26rem
    }
}

.fotbox-sec2 .container .gt .li:hover {
    opacity: 1
}

.fotbox-sec2 .container .gt span {
    display: block;
    margin: 0 .22rem;
    width: 1px;
    background-color: #fff;
    height: 14px
}

@media (max-width: 1580px) {
    .fotbox-sec2 .container .gt span {
        height: 12px
    }
}

.bannerbox {
    position: relative
}

.bannerbox .swiper-slide {
    overflow: hidden
}

.bannerbox .item {
    display: block;
    position: relative;
    overflow: hidden
}

.bannerbox .item .bag {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden
}

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

.bannerbox .item .bag img:nth-child(2) {
    display: none
}

@media (max-width: 767px) {
    .bannerbox .item .bag img {
        display: none
    }

    .bannerbox .item .bag img:nth-child(2) {
        display: block
    }
}

.bannerbox .item .f_video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.bannerbox .item .f_video video {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bannerbox .item .cont {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 2;
    bottom: 17.31vh;
    color: #ffffff
}

@media (max-width: 767px) {
    .bannerbox .item .cont {
        bottom: 50%;
        transform: translateY(50%)
    }
}

.bannerbox .item .cont .f_tit {
    font-weight: bold;
    line-height: 1.11111111;
    margin-bottom: .2rem
}

.bannerbox .item .cont .f_tit span {
    display: block;
    color: #5ba7c8;
    position: relative
}

.bannerbox .item .cont .f_tit span:before {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: -0.2rem;
    width: .38rem;
    height: .46rem;
    background: url(../images/faiconhm1.svg) no-repeat left top / 100% auto
}

@media (max-width: 767px) {
    .bannerbox .item .cont .f_tit span:before {
        width: .3rem
    }
}

.bannerbox .item .cont .text {
    margin-bottom: .52rem
}

.bannerbox .item .cont .text p {
    color: #ffffff;
    opacity: .7
}

.bannerbox .qie {
    position: absolute;
    width: 100%;
    bottom: 6.18556701vh
}

.bannerbox .qie .banner_page {
    position: relative;
    bottom: 0;
    margin: 0;
    display: flex;
    justify-content: flex-end
}

@media (min-width: 768px) {
    .bannerbox .qie .banner_page {
        margin-right: -0.1rem
    }
}

@media (max-width: 767px) {
    .bannerbox .qie .banner_page {
        justify-content: center
    }
}

.bannerbox .qie .banner_page .swiper-pagination-bullet {
    width: 1.6rem;
    height: 5px;
    position: relative;
    background-color: transparent;
    border-radius: 0;
    opacity: 1;
    margin: 0 .1rem
}

.bannerbox .qie .banner_page .swiper-pagination-bullet:before {
    content: "";
    display: block;
    border: 1px solid rgba(221, 221, 221, 0.5);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    box-sizing: content-box;
    -webkit-box-sizing: content-box
}

.bannerbox .qie .banner_page .swiper-pagination-bullet span {
    display: block;
    position: relative;
    width: 0%;
    height: 100%;
    background-color: #ffffff
}

@media (max-width: 1580px) {
    .bannerbox .qie .banner_page .swiper-pagination-bullet {
        height: 4px
    }
}

.bannerbox .qie .banner_page .swiper-pagination-bullet-active span {
    width: 100%;
    animation: width100 5.8s linear
}

@keyframes width100 {
    from {
        width: 0%
    }

    to {
        width: 100%
    }
}

@keyframes scalefe10 {
    from {
        opacity: .4;
        transform: translate(-50%, -50%) scale(.5)
    }

    to {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0
    }
}

.hm_but {
    display: flex;
    align-items: center;
    padding: .15rem .2rem;
    min-width: 160px;
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
    color: #ffffff;
    transition: all .4s;
    background-color: #5ba7c8
}

@media (max-width: 1580px) {
    .hm_but {
        min-width: 1.9rem;
        padding: .16rem .24rem
    }
}

@media (max-width: 767px) {
    .hm_but {
        min-width: 2rem
    }
}

.hm_but span {
    display: block;
    padding-right: .2rem
}

.hm_but svg {
    width: 16px;
    height: 16px;
    transition: all .4s;
    margin-left: .1rem;
    object-fit: contain
}

@media (max-width: 1580px) {
    .hm_but svg {
        width: 14px;
        height: 14px
    }
}

@media (max-width: 991px) {
    .hm_but svg {
        width: 12px;
        height: 12px
    }
}

@media (max-width: 767px) {
    .hm_but svg {
        width: .3rem;
        height: .3rem
    }
}

.hm_but svg path {
    fill: #ffffff
}

.hm_but:hover {
    opacity: .9
}

.hm_but:hover svg {
    transform: translateX(.1rem)
}

.hm_but2 {
    position: relative
}

.hm_but2:before,
.hm_but2:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 180%;
    height: 180%;
    background-color: #5ba7c8;
    opacity: 0;
    pointer-events: none;
    animation: scalefe10 2s linear infinite
}

.hm_but2:after {
    animation-delay: 1s
}

.hm_but2 span,
.hm_but2 img,
.hm_but2 svg {
    position: relative;
    z-index: 2
}

.hm_but3 {
    background-color: transparent;
    border: 1px solid #ffffff;
    color: #ffffff
}

.hm_but3 span {
    padding-right: 0
}

.hm-sec1 {
    overflow: hidden;
    background: #f7f9fc url(../images/jiejueimg1.png) no-repeat bottom center / 100% auto
}

@media (min-width: 768px) {
    .hm-sec1 {
        padding: .26rem 0
    }
}

.hm-sec1 .container {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .hm-sec1 .container {
        flex-wrap: wrap
    }
}

.hm-sec1 .container .lt {
    flex: 0 0 auto;
    width: 55%;
    margin-right: .64rem
}

@media (max-width: 767px) {
    .hm-sec1 .container .lt {
        width: 100%;
        order: 1;
        margin-top: .4rem;
        margin-top: 0;
        margin-right: 0
    }
}

.hm-sec1 .container .lt .f_tit {
    font-weight: bold;
    color: #284270;
    margin-bottom: .12rem
}

.hm-sec1 .container .lt .text {
    color: #333333;
    margin-bottom: .54rem
}

.hm-sec1 .container .lt .f_jut {
    margin: 0 -0.1rem;
    display: flex;
    flex-wrap: wrap
}

.hm-sec1 .container .lt .f_jut .item {
    margin-bottom: .3rem;
    width: 20%;
    padding: 0 .1rem
}

@media (max-width: 1580px) {
    .hm-sec1 .container .lt .f_jut .item {
        width: 25%
    }
}

@media (max-width: 991px) {
    .hm-sec1 .container .lt .f_jut .item {
        width: 33.333%
    }
}

.hm-sec1 .container .lt .f_jut .item .li {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-position: center top;
    background-size: 78.75% auto;
    transition: all .4s;
    border-top: 2px solid #5ba7c8;
    padding: .4rem .1rem .16rem;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    background-image: url(../images/caiobag1.png)
}

.hm-sec1 .container .lt .f_jut .item .li .f_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: .64rem;
    height: .56rem;
    margin-bottom: .5rem
}

@media (max-width: 767px) {
    .hm-sec1 .container .lt .f_jut .item .li .f_icon {
        margin-bottom: .36rem
    }
}

.hm-sec1 .container .lt .f_jut .item .li .f_icon img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%
}

.hm-sec1 .container .lt .f_jut .item .li .f_icon img:nth-child(2) {
    display: none
}

.hm-sec1 .container .lt .f_jut .item .li .fz_title {
    color: #333333;
    font-weight: bold;
    margin-bottom: .14rem;
    transition: all .4s
}

.hm-sec1 .container .lt .f_jut .item .li .but {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 14px
}

@media (max-width: 1580px) {
    .hm-sec1 .container .lt .f_jut .item .li .but {
        width: 14px;
        height: 12px
    }
}

.hm-sec1 .container .lt .f_jut .item .li .but svg {
    width: 100%;
    max-height: 100%
}

.hm-sec1 .container .lt .f_jut .item .li .but svg path {
    fill: #ffffff
}

@media (min-width: 768px) {
    .hm-sec1 .container .lt .f_jut .item.on .li {
        background-color: #5ba7c8
    }

    .hm-sec1 .container .lt .f_jut .item.on .li .f_icon img {
        display: none
    }

    .hm-sec1 .container .lt .f_jut .item.on .li .f_icon img:nth-child(2) {
        display: block
    }

    .hm-sec1 .container .lt .f_jut .item.on .li .fz_title {
        color: #ffffff
    }
}

.hm-sec1 .container .gt {
    width: 41.66vw;
    max-width: 800px;
    flex: 0 0 auto;
    position: relative
}

@media (max-width: 767px) {
    .hm-sec1 .container .gt {
        width: 80%;
        margin: 0 auto;
        display: none
    }
}

.hm-sec1 .container .gt .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    pointer-events: none
}

.hm-sec1 .container .gt .bag img {
    width: 100%;
    height: 100%
}

.hm-sec1 .container .gt:before {
    content: "";
    display: block;
    padding-top: 115%
}

.hm-sec1 .container .gt:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 77.75%;
    height: 77.39130435%;
    z-index: 2;
    background: url(../images/weizhiimg1.png) no-repeat center / 100% 100%
}

.hm-sec1 .container .gt .hm1_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    transform: translate(-50%, -50%);
    width: 63.25%;
    height: 63.04347826%
}

.hm-sec1 .container .gt .hm1_cont .img {
    width: 100%;
    padding-top: 114.62450593%
}

.hm-sec2 {
    overflow: hidden
}

.hm-sec2 .f_font {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .56rem;
    border-bottom: 1px solid #dddddd
}

.hm-sec2 .f_font .f_tit {
    color: #284270;
    font-weight: bold
}

.hm-sec2 .hm2_cont {
    width: auto;
    margin: 0 -0.86rem
}

@media (max-width: 767px) {
    .hm-sec2 .hm2_cont {
        margin: 0
    }
}

.hm-sec2 .hm2_cont .swiper-slide .item {
    display: block;
    width: 100%
}

.hm-sec2 .hm2_cont .swiper-slide .item .li {
    display: block;
    border-right: 1px solid #dddddd;
    padding: .7rem .86rem .36rem
}

@media (max-width: 991px) {
    .hm-sec2 .hm2_cont .swiper-slide .item .li {
        padding: .6rem .4rem .36rem
    }
}

@media (max-width: 767px) {
    .hm-sec2 .hm2_cont .swiper-slide .item .li {
        padding: .5rem .4rem .4rem
    }
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .f_time {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: bold;
    margin-bottom: .22rem
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .f_time img {
    display: block;
    width: 16px;
    margin-right: 6px
}

@media (max-width: 1580px) {
    .hm-sec2 .hm2_cont .swiper-slide .item .li .f_time img {
        width: 14px
    }
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .f_tit {
    color: #111111;
    font-weight: bold;
    transition: all .4s;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    margin-bottom: .4rem
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .but {
    display: flex;
    align-items: center;
    color: #000000;
    transition: all .4s;
    margin-bottom: .54rem
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .but i {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 8px;
    height: 12px;
    overflow: hidden;
    position: relative;
    transition: width .4s;
    margin-left: .2rem
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .but i svg {
    width: 8px;
    height: 100%
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .but i svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    width: auto;
    opacity: 0;
    transition: width .4s
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .but i svg path {
    fill: #000000;
    transition: all .4s
}

@media (max-width: 1580px) {
    .hm-sec2 .hm2_cont .swiper-slide .item .li .but i {
        width: 6px;
        height: 12px
    }

    .hm-sec2 .hm2_cont .swiper-slide .item .li .but i svg {
        width: 6px
    }
}

.hm-sec2 .hm2_cont .swiper-slide .item .li .img:before {
    padding-top: 58.57142857%
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .img img {
    transform: scale(1.04)
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .f_tit {
    color: #5ba7c8
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but {
    color: #5ba7c8
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but i {
    width: 16px
}

@media (max-width: 1580px) {
    .hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but i {
        width: 14px
    }
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but i svg {
    opacity: 0
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but i svg:nth-child(2) {
    opacity: 1;
    width: 16px
}

@media (max-width: 1580px) {
    .hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but i svg:nth-child(2) {
        width: 14px
    }
}

.hm-sec2 .hm2_cont .swiper-slide .item .li:hover .but i svg path {
    fill: #5ba7c8
}

.hm-sec2 .hm2_cont .swiper-slide:last-child .item .li {
    border-right-color: transparent
}

.hm-sec2 .hm2_pagin {
    margin-top: .6rem;
    position: relative;
    bottom: 0;
    width: 100%
}

@media (min-width: 1200px) {
    .hm-sec2 .hm2_pagin {
        display: none
    }
}

.hm-sec2 .hm2_pagin span {
    margin: 0 .15rem
}

.hm-sec2 .hm2_pagin .swiper-pagination-bullet-active {
    background-color: #5ba7c8
}

.hm-sec3 {
    background-color: #f7f9fc
}

.hm-sec3 .f_jut {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: .4rem
}

.hm-sec3 .f_jut .f_tit {
    color: #284270;
    font-weight: bold;
    padding-right: .2;
    width: 25.625%
}

@media (max-width: 767px) {
    .hm-sec3 .f_jut .f_tit {
        width: 100%;
        margin-bottom: .46rem
    }
}

.hm-sec3 .f_jut .gt {
    display: flex;
    flex-wrap: wrap;
    width: 74.375%
}

@media (max-width: 767px) {
    .hm-sec3 .f_jut .gt {
        width: 100%
    }
}

.hm-sec3 .f_jut .gt .li {
    width: calc(33.333% - .4rem);
    margin-right: .4rem;
    transition: all .4s;
    text-align: center;
    padding-bottom: .5rem;
    border-bottom: 1px solid #dddddd;
    margin-bottom: .68rem;
    flex: 1 1 auto
}

@media (min-width: 768px) {
    .hm-sec3 .f_jut .gt .li:nth-child(3n) {
        margin-right: 0
    }
}

@media (max-width: 767px) {
    .hm-sec3 .f_jut .gt .li {
        padding-bottom: .34rem;
        margin-bottom: .46rem
    }
}

.hm-sec3 .f_jut .gt .li .shu {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-weight: bold;
    color: #222222;
    transition: all .4s;
    margin-bottom: 4px
}

@media (max-width: 767px) {
    .hm-sec3 .f_jut .gt .li .shu {
        font-size: .24rem
    }
}

.hm-sec3 .f_jut .gt .li .shu span {
    line-height: .9;
    display: block;
    margin-right: 8px;
    font-size: .72rem
}

@media (max-width: 767px) {
    .hm-sec3 .f_jut .gt .li .shu span {
        font-size: .46rem
    }
}

.hm-sec3 .f_jut .gt .li .f_text {
    color: #666666;
    transition: all .4s
}

.hm-sec3 .f_jut .gt .li:hover {
    border-color: #5ba7c8
}

.hm-sec3 .f_jut .gt .li:hover .shu {
    color: #5ba7c8
}

.hm-sec3 .f_jut .gt .li:hover .f_text {
    color: #5ba7c8
}

.hm-sec3 .cont {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap
}

.hm-sec3 .cont .lt,
.hm-sec3 .cont .gt {
    width: 50%
}

@media (max-width: 767px) {

    .hm-sec3 .cont .lt,
    .hm-sec3 .cont .gt {
        width: 100%;
        margin-bottom: .5rem
    }

    .hm-sec3 .cont .lt:last-child,
    .hm-sec3 .cont .gt:last-child {
        margin-bottom: 0
    }
}

.hm-sec3 .cont .f_item {
    display: block;
    width: 100%;
    position: relative
}

.hm-sec3 .cont .f_item .img:before {
    padding-top: 60%
}

.hm-sec3 .cont .f_item .img:after {
    content: "";
    z-index: 2;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/jianbianimg1.png) no-repeat / 100% auto left bottom
}

.hm-sec3 .cont .f_item .font {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: .38rem .3rem;
    color: #ffffff
}

.hm-sec3 .cont .f_item .font .name {
    margin-bottom: 6px
}

.hm-sec3 .cont .f_item .font .f_tit {
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.hm-sec3 .cont .f_item:hover .img img {
    transform: scale(1.04)
}

.hm-sec3 .cont .f_item2 {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    overflow: hidden;
    background-color: #ffffff;
    position: relative
}

.hm-sec3 .cont .f_item2:after {
    content: "";
    border: 12px solid transparent;
    border-right: 18px solid #ffffff;
    position: absolute;
    right: 50%;
    top: 50%;
    margin-top: -6px
}

@media (max-width: 1580px) {
    .hm-sec3 .cont .f_item2:after {
        border-width: 8px;
        border-right-width: 14px
    }
}

@media (max-width: 767px) {
    .hm-sec3 .cont .f_item2:after {
        display: none
    }
}

.hm-sec3 .cont .f_item2 .img,
.hm-sec3 .cont .f_item2 .font {
    width: 50%
}

@media (max-width: 767px) {

    .hm-sec3 .cont .f_item2 .img,
    .hm-sec3 .cont .f_item2 .font {
        width: 100%
    }
}

.hm-sec3 .cont .f_item2 .img:before {
    padding-top: 70%
}

.hm-sec3 .cont .f_item2 .font {
    padding: .3rem .5rem .58rem .3rem;
    transition: all .4s;
    position: relative
}

@media (max-width: 991px) {
    .hm-sec3 .cont .f_item2 .font {
        padding: .38rem .3rem
    }
}

.hm-sec3 .cont .f_item2 .font .name {
    color: #222222;
    margin-bottom: .12rem
}

.hm-sec3 .cont .f_item2 .font .f_tit {
    font-size: 20px;
    color: #222222;
    line-height: 1.2;
    height: 3.6em;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden
}

.hm-sec3 .cont .f_item2 .font .but {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #5ba7c8;
    color: #ffffff;
    padding: .18rem .3rem;
    display: flex;
    align-items: center;
    transform: translateY(100%);
    transition: all .4s
}

.hm-sec3 .cont .f_item2 .font .but span {
    width: calc(100% - 26px);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

@media (max-width: 1580px) {
    .hm-sec3 .cont .f_item2 .font .but span {
        width: calc(100% - 22px)
    }
}

.hm-sec3 .cont .f_item2 .font .but img {
    display: block;
    width: 16px;
    margin-left: 10px
}

@media (max-width: 1580px) {
    .hm-sec3 .cont .f_item2 .font .but img {
        margin-left: 8px;
        width: 14px
    }
}

.hm-sec3 .cont .f_item2 .font .but img path {
    fill: #ffffff
}

@media (min-width: 1200px) {
    .hm-sec3 .cont .f_item2:hover .img img {
        transform: scale(1.1)
    }

    .hm-sec3 .cont .f_item2:hover .font {
        padding-bottom: 1.06rem
    }

    .hm-sec3 .cont .f_item2:hover .font .but {
        transform: translateY(0)
    }
}

.hm-sec3 .cont .f_item3 {
    display: block;
    position: relative
}

@media (max-width: 767px) {
    .hm-sec3 .cont .f_item3 {
        margin-top: .5rem
    }
}

.hm-sec3 .cont .f_item3 .img {
    background-color: #284270
}

.hm-sec3 .cont .f_item3 .img:before {
    padding-top: 25%
}

.hm-sec3 .cont .f_item3 .img img {
    opacity: .15
}

.hm-sec3 .cont .f_item3 .font {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    color: #ffffff;
    padding: .36rem .26rem
}

.hm-sec3 .cont .f_item3 .font .name {
    margin-bottom: .12rem
}

.hm-sec3 .cont .f_item3 .font .f_tit {
    font-weight: bold;
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.hm-sec3 .cont .f_item3:hover .img img {
    transform: scale(1.04)
}

@media (min-width: 768px) {
    .hm-sec3 .cont .f_item4:after {
        right: initial;
        left: 50%;
        border: 12px solid transparent;
        border-left: 18px solid #ffffff;
        position: absolute;
        right: 50%;
        margin-top: -6px;
        z-index: 2
    }

    .hm-sec3 .cont .f_item4 .img {
        order: 1
    }
}

@media (min-width: 768px) and (max-width: 1580px) {
    .hm-sec3 .cont .f_item4:after {
        border-width: 8px;
        border-left-width: 14px
    }
}

@media (max-width: 991px) and (min-width: 768px) {

    .hm-sec3 .cont .f_item2 .font .f_tit,
    .hm-sec3 .cont .f_item3 .font .f_tit {
        font-size: .22rem;
        height: 2.4em;
        -webkit-line-clamp: 2
    }
}

.hm-sec4 {
    position: relative;
    padding: .7rem 0 .72rem
}

.hm-sec4 .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

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

.hm-sec4 .container {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap
}

.hm-sec4 .container .font {
    color: #ffffff;
    width: 80%
}

@media (max-width: 767px) {
    .hm-sec4 .container .font {
        width: 100%;
        margin-bottom: .4rem
    }
}

.hm-sec4 .container .font .f_tit {
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 6px
}

@media (max-width: 1580px) {
    .hm-sec4 .container .font .f_tit {
        margin-bottom: 4px
    }
}

.hm-sec4 .container .font .text {
    opacity: .7
}

.hm-sec5 {
    overflow: hidden
}

.hm-sec5 .cont {
    display: flex;
    flex-wrap: wrap
}

.hm-sec5 .cont .item {
    position: relative;
    display: block;
    width: 50%;
    color: #ffffff;
    padding: .62rem 0 .6rem;
    padding-right: .4rem
}

.hm-sec5 .cont .item .bag {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50vw;
    z-index: -1;
    right: 0;
    background-color: #5ba7c8;
    overflow: hidden
}

.hm-sec5 .cont .item .bag .img {
    width: 100%;
    height: 100%;
    position: relative
}

.hm-sec5 .cont .item .bag .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: all .4s
}

.hm-sec5 .cont .item .bag .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to right, #5ba7c8 50%, rgba(255, 255, 255, 0))
}

.hm-sec5 .cont .item .f_icon {
    width: 2.89rem;
    opacity: .05;
    position: absolute;
    left: -1.69rem;
    top: -0.6rem;
    z-index: 2;
    transition: opacity .4s
}

.hm-sec5 .cont .item .f_icon img,
.hm-sec5 .cont .item .f_icon svg {
    width: 100%;
    height: auto
}

.hm-sec5 .cont .item .f_icon img path,
.hm-sec5 .cont .item .f_icon svg path {
    fill: #ffffff
}

.hm-sec5 .cont .item .f_tit {
    font-weight: bold;
    margin-bottom: .07rem
}

.hm-sec5 .cont .item .text {
    opacity: .7;
    margin-bottom: .25rem
}

.hm-sec5 .cont .item .hm_but {
    background-color: transparent;
    border: 1px solid #ffffff
}

.hm-sec5 .cont .item .hm_but svg path {
    transition: all .4s
}

.hm-sec5 .cont .item:nth-child(2n) {
    padding-left: 1.5rem
}

@media (max-width: 991px) {
    .hm-sec5 .cont .item:nth-child(2n) {
        padding-left: .6rem
    }
}

.hm-sec5 .cont .item:nth-child(2n) .bag {
    right: auto;
    background-color: #284270;
    left: 0
}

.hm-sec5 .cont .item:nth-child(2n) .bag .img:after {
    background-image: linear-gradient(to right, #284270 50%, rgba(255, 255, 255, 0))
}

.hm-sec5 .cont .item:nth-child(2n) .f_icon {
    left: initial;
    top: initial;
    right: -1.69rem;
    bottom: -0.6rem;
    transform: rotate(180deg)
}

.hm-sec5 .cont .item:hover .bag .img img {
    opacity: 1
}

.hm-sec5 .cont .item:hover .hm_but {
    background-color: #ffffff;
    color: #5ba7c8
}

.hm-sec5 .cont .item:hover .hm_but svg path {
    fill: #5ba7c8
}

@media (max-width: 767px) {
    .hm-sec5 .cont .item {
        width: 100%;
        padding-right: 0;
        margin-bottom: .6rem
    }

    .hm-sec5 .cont .item .bag {
        width: 100vw;
        right: -5vw
    }

    .hm-sec5 .cont .item .bag .img img {
        opacity: 1
    }

    .hm-sec5 .cont .item:nth-child(2n) {
        padding-left: 0
    }

    .hm-sec5 .cont .item:nth-child(2n) .bag {
        left: -5vw
    }
}

.esgbanner {
    position: relative
}

.esgbanner .bag:before {
    padding-top: 33.85416667%
}

.esgbanner .bag img:nth-child(2) {
    display: none
}

.esgbanner .bag:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: #000000;
    opacity: .2
}

@media (max-width: 767px) {
    .esgbanner .bag:before {
        padding-top: 93.33333333%
    }

    .esgbanner .bag img:nth-child(1) {
        display: none
    }

    .esgbanner .bag img:nth-child(2) {
        display: block
    }
}

.esgbanner .cont {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
    color: #ffffff;
    text-align: center
}

.esgbanner .cont .f_tit {
    font-weight: bold
}

.segreportbox-sec1 {
    background-color: #f7f9fc;
    padding: .8rem 0 1.4rem
}

@media (max-width: 767px) {
    .segreportbox-sec1 {
        padding: 1.2rem 0 1.4rem
    }
}

.segreportbox-sec1 .f_jt {
    display: flex;
    flex-wrap: wrap;
    background-color: #ffffff;
    margin-bottom: .6rem;
    overflow: hidden
}

.segreportbox-sec1 .f_jt .img {
    width: 40%
}

@media (max-width: 767px) {
    .segreportbox-sec1 .f_jt .img {
        width: 100%
    }
}

.segreportbox-sec1 .f_jt .img:before {
    padding-top: 89.28571429%
}

.segreportbox-sec1 .f_jt .gt {
    width: 60%;
    position: relative;
    padding: .96rem 1.99rem .6rem .6rem
}

@media (max-width: 767px) {
    .segreportbox-sec1 .f_jt .gt {
        width: 100%;
        padding: .4rem .36rem
    }
}

.segreportbox-sec1 .f_jt .gt .f_tage {
    position: absolute;
    right: -0.85rem;
    top: -0.99rem;
    width: 3.64rem;
    opacity: .1
}

.segreportbox-sec1 .f_jt .gt .f_tage img {
    width: 100%
}

.segreportbox-sec1 .f_jt .gt .f_tit {
    color: #333333;
    line-height: 1.2;
    font-weight: bold;
    transition: all .4s;
    margin-bottom: .31rem
}

.segreportbox-sec1 .f_jt .gt .f_text {
    color: #666666;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    height: 1.5;
    margin-bottom: .53rem
}

.segreportbox-sec1 .f_jt .gt .but {
    display: flex;
    align-items: center;
    color: #333333
}

.segreportbox-sec1 .f_jt .gt .but img,
.segreportbox-sec1 .f_jt .gt .but svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 8px
}

@media (max-width: 1580px) {

    .segreportbox-sec1 .f_jt .gt .but img,
    .segreportbox-sec1 .f_jt .gt .but svg {
        width: 22px;
        height: 22px
    }
}

.segreportbox-sec1 .f_jt .gt .but img path,
.segreportbox-sec1 .f_jt .gt .but svg path {
    fill: #5ba7c8
}

.segreportbox-sec1 .f_jt:hover .img img {
    transform: scale(1.04)
}

.segreportbox-sec1 .f_jt:hover .gt .f_tit {
    color: #5ba7c8
}

.segreportbox-sec1 .cont .item {
    background-color: #ffffff;
    padding: .37rem .3rem .36rem;
    position: relative;
    transition: all .4s;
    display: block;
    border-radius: 5px;
    margin-bottom: .2rem
}

.segreportbox-sec1 .cont .item:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .segreportbox-sec1 .cont .item {
        margin-bottom: .4rem;
        padding: .46rem .3rem
    }
}

.segreportbox-sec1 .cont .item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bagimfaz1.png) no-repeat center / cover;
    opacity: 0;
    transition: all .4s
}

.segreportbox-sec1 .cont .item .list {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

@media (max-width: 767px) {
    .segreportbox-sec1 .cont .item .list {
        flex-wrap: wrap
    }
}

.segreportbox-sec1 .cont .item .list .font {
    flex: 1 1 auto
}

.segreportbox-sec1 .cont .item .list .font .f_time {
    color: #999999;
    opacity: .8;
    transition: all .4s
}

.segreportbox-sec1 .cont .item .list .font .f_tit {
    transition: all .4s;
    color: #333333;
    font-weight: bold;
    line-height: 1.41666667;
    margin-top: .11rem
}

.segreportbox-sec1 .cont .item .list .but {
    display: flex;
    align-items: center;
    color: #333333;
    flex: 0 0 auto;
    margin-left: .3rem;
    transition: all .4s;
    margin-right: .1rem
}

@media (max-width: 767px) {
    .segreportbox-sec1 .cont .item .list .but {
        margin-left: 0;
        width: 100%;
        margin-right: 0;
        margin-top: .24rem
    }
}

.segreportbox-sec1 .cont .item .list .but img,
.segreportbox-sec1 .cont .item .list .but svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 8px
}

@media (max-width: 1580px) {

    .segreportbox-sec1 .cont .item .list .but img,
    .segreportbox-sec1 .cont .item .list .but svg {
        width: 22px;
        height: 22px
    }
}

.segreportbox-sec1 .cont .item .list .but img path,
.segreportbox-sec1 .cont .item .list .but svg path {
    fill: #5ba7c8;
    transition: all .4s
}

.segreportbox-sec1 .cont .item:hover {
    background-color: #5ba7c8;
    box-shadow: 5px 9px .2rem 0 rgba(91, 167, 200, 0.1)
}

.segreportbox-sec1 .cont .item:hover:before {
    opacity: .1
}

.segreportbox-sec1 .cont .item:hover .list .font .f_time {
    color: #ffffff
}

.segreportbox-sec1 .cont .item:hover .list .font .f_tit {
    color: #ffffff
}

.segreportbox-sec1 .cont .item:hover .list .but {
    color: #ffffff
}

.segreportbox-sec1 .cont .item:hover .list .but img path,
.segreportbox-sec1 .cont .item:hover .list .but svg path {
    fill: #ffffff
}

.segreportbox-sec1 .f_more {
    margin-top: .55rem;
    display: flex;
    color: #999999;
    justify-content: center
}

.segreportbox-sec1 .f_more img {
    width: 26px;
    height: auto;
    margin-right: 13px;
    animation: rota360g 2s linear infinite
}

@media (max-width: 1580px) {
    .segreportbox-sec1 .f_more img {
        width: 22px;
        margin-right: 10px
    }
}

.segreportbox-sec1 .f_more span:nth-of-type(2) {
    display: none
}

.segreportbox-sec1 .f_more.on img {
    display: none
}

.segreportbox-sec1 .f_more.on span {
    display: none
}

.segreportbox-sec1 .f_more.on span:nth-of-type(2) {
    display: block
}

@keyframes rota360g {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

.newsbanner .bag {
    background-color: #000000
}

.newsbanner .bag img {
    opacity: .5
}

.newsbanner .cont .hm_but {
    margin: .27rem auto 0
}

.newsbox_nav {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.newsbox_nav .newsbox_nav_lt {
    width: auto;
    margin: 0;
    width: 68%
}

@media (max-width: 767px) {
    .newsbox_nav .newsbox_nav_lt {
        width: 100%;
        margin-bottom: .4rem
    }
}

.newsbox_nav .newsbox_nav_lt .swiper-slide {
    width: auto;
    margin-right: .2rem
}

.newsbox_nav .newsbox_nav_lt .swiper-slide:last-child {
    margin-right: 0
}

.newsbox_nav .newsbox_nav_lt .swiper-slide .item {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    height: .6rem;
    color: #333333;
    transition: all .4s;
    padding: 0 .34rem;
    min-width: 1.6rem;
    border: solid 1px rgba(221, 221, 221, 0.4)
}

@media (max-width: 767px) {
    .newsbox_nav .newsbox_nav_lt .swiper-slide .item {
        height: .76rem;
        min-width: 2rem
    }
}

.newsbox_nav .newsbox_nav_lt .swiper-slide .item:hover {
    color: #ffffff;
    background-color: #5ba7c8;
    border-color: #5ba7c8
}

.newsbox_nav .newsbox_nav_lt .swiper-slide.on .item {
    color: #ffffff;
    background-color: #5ba7c8;
    border-color: #5ba7c8
}

.newsbox_nav .f_form {
    border: solid 1px #d8dde4;
    width: 28.85%;
    display: flex;
    align-items: center;
    padding: 0 .2rem;
    height: .6rem
}

@media (max-width: 767px) {
    .newsbox_nav .f_form {
        width: 100%;
        height: .76rem
    }
}

.newsbox_nav .f_form input {
    width: calc(100% - 24px);
    padding-right: 20px;
    color: #999999
}

.newsbox_nav .f_form .f_sub {
    width: 24px;
    height: 20px
}

.newsbox_nav .f_form .f_sub img,
.newsbox_nav .f_form .f_sub svg {
    width: auto;
    max-width: 100%;
    height: 100%
}

.newsbox_nav .f_form .f_sub img path,
.newsbox_nav .f_form .f_sub svg path {
    fill: #666666;
    transition: all .4s
}

@media (max-width: 1580px) {
    .newsbox_nav .f_form .f_sub {
        height: 18px
    }
}

.newsbox_nav .f_form .f_sub:hover svg path {
    fill: #5ba7c8
}

.newsbox-sec1 {
    padding: .8rem 0 1.4rem;
    background-color: #f7f9fc
}

.newsbox-sec1 .newsbox_nav {
    margin-bottom: .6rem
}

.newsbox-sec1 .cont {
    display: flex;
    flex-wrap: wrap
}

.newsbox-sec1 .cont .item {
    display: block;
    margin-bottom: .4rem
}

.newsbox-sec1 .cont .item .li {
    display: block;
    border-right: 1px solid #eeeeee;
    transition: all .4s;
    position: relative;
    padding: .7rem .4rem .36rem
}

@media (max-width: 991px) {
    .newsbox-sec1 .cont .item .li {
        padding: .6rem .4rem .36rem
    }
}

@media (max-width: 767px) {
    .newsbox-sec1 .cont .item .li {
        padding: .5rem .4rem .4rem;
        border-color: transparent
    }
}

.newsbox-sec1 .cont .item .li:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #5ba7c8;
    transition: all .4s
}

.newsbox-sec1 .cont .item .li .f_time {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: bold;
    margin-bottom: .22rem
}

.newsbox-sec1 .cont .item .li .f_time img {
    display: block;
    width: 16px;
    margin-right: 6px
}

@media (max-width: 1580px) {
    .newsbox-sec1 .cont .item .li .f_time img {
        width: 14px
    }
}

.newsbox-sec1 .cont .item .li .f_tit {
    color: #111111;
    font-weight: bold;
    transition: all .4s;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    margin-bottom: .4rem
}

@media (max-width: 767px) {
    .newsbox-sec1 .cont .item .li .f_tit {
        font-size: .3rem;
        line-height: 1.5;
        height: 3em
    }
}

.newsbox-sec1 .cont .item .li .but {
    display: flex;
    align-items: center;
    color: #000000;
    transition: all .4s;
    margin-bottom: .54rem
}

.newsbox-sec1 .cont .item .li .but i {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 8px;
    height: 12px;
    overflow: hidden;
    position: relative;
    transition: width .4s;
    margin-left: .2rem
}

.newsbox-sec1 .cont .item .li .but i svg {
    width: 8px;
    height: 100%
}

.newsbox-sec1 .cont .item .li .but i svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    width: auto;
    opacity: 0;
    transition: width .4s
}

.newsbox-sec1 .cont .item .li .but i svg path {
    fill: #000000;
    transition: all .4s
}

@media (max-width: 1580px) {
    .newsbox-sec1 .cont .item .li .but i {
        width: 6px;
        height: 12px
    }

    .newsbox-sec1 .cont .item .li .but i svg {
        width: 6px
    }
}

.newsbox-sec1 .cont .item .li .img:before {
    padding-top: 58.57142857%
}

@media (min-width: 1200px) {
    .newsbox-sec1 .cont .item .li:hover {
        background-color: #ffffff;
        border-color: transparent;
        z-index: 2
    }

    .newsbox-sec1 .cont .item .li:hover:before {
        width: 100%
    }

    .newsbox-sec1 .cont .item .li:hover .img img {
        transform: scale(1.04)
    }

    .newsbox-sec1 .cont .item .li:hover .f_tit {
        color: #5ba7c8
    }

    .newsbox-sec1 .cont .item .li:hover .but {
        color: #5ba7c8
    }

    .newsbox-sec1 .cont .item .li:hover .but i {
        width: 16px
    }

    .newsbox-sec1 .cont .item .li:hover .but i svg {
        opacity: 0
    }

    .newsbox-sec1 .cont .item .li:hover .but i svg:nth-child(2) {
        opacity: 1;
        width: 16px
    }

    .newsbox-sec1 .cont .item .li:hover .but i svg path {
        fill: #5ba7c8
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .newsbox-sec1 .cont .item .li:hover .but i {
        width: 14px
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .newsbox-sec1 .cont .item .li:hover .but i svg:nth-child(2) {
        width: 14px
    }
}

@media (min-width: 768px) {
    .newsbox-sec1 .cont .item {
        width: 50%
    }

    .newsbox-sec1 .cont .item:nth-child(2n) .li {
        border-color: transparent
    }
}

@media (min-width: 992px) {
    .newsbox-sec1 .cont .item {
        width: 33.33%
    }

    .newsbox-sec1 .cont .item:nth-child(3n) .li {
        border-color: transparent
    }
}

@media (max-width: 767px) {
    .newsbox-sec1 .cont .item {
        width: 100%
    }
}

@media (max-width: 767px) {
    .newsbox-sec1 .cont {
        margin: 0 -0.16rem
    }

    .newsbox-sec1 .cont .item {
        width: 50%;
        padding: 0 .16rem
    }

    .newsbox-sec1 .cont .item .li {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }

    .newsbox-sec1 .cont .item .li .font {
        order: 1;
        margin-top: .16rem
    }
}

.newsinfo {
    background-color: #f7f9fc
}

.newsinfo .public-nav.public-navnoline .container {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}

@media (max-width: 1580px) {
    .newsinfo .public-nav.public-navnoline .container {
        width: 90%
    }
}

@media (max-width: 767px) {
    .newsinfo .public-nav.public-navnoline .container {
        width: 90%
    }
}

.newsinfo-sec1 {
    padding: .26rem 0 1.4rem
}

@media (max-width: 767px) {
    .newsinfo-sec1 {
        padding-top: 1rem
    }
}

.newsinfo-sec1 .container2 {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative
}

.newsinfo-sec1 .container2 .lt {
    width: 64.285%;
    padding: .66rem .6rem 1.24rem;
    background-color: #ffffff
}

@media (max-width: 767px) {
    .newsinfo-sec1 .container2 .lt {
        width: 100%;
        padding: .6rem .36rem 1rem
    }
}

.newsinfo-sec1 .container2 .lt .f_tit {
    color: #284270;
    font-weight: bold;
    line-height: 1.33333333;
    max-width: 5.45rem;
    margin-bottom: .35rem
}

@media (max-width: 767px) {
    .newsinfo-sec1 .container2 .lt .f_tit {
        max-width: 100%
    }
}

.newsinfo-sec1 .container2 .lt .f_jt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: .3rem;
    margin-bottom: .3rem;
    border-bottom: 1px solid #eeeeee
}

.newsinfo-sec1 .container2 .lt .f_jt .f_wen {
    color: #999999
}

.newsinfo-sec1 .container2 .lt .f_jt .f_wen span {
    display: inline-block;
    margin-right: .56rem
}

.newsinfo-sec1 .container2 .lt .f_jt .f_wen span:last-child {
    margin-right: 0
}

.newsinfo-sec1 .container2 .lt .f_jt .fen {
    display: flex;
    align-items: center;
    flex: 0 0 auto
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .name {
    color: #999999
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share {
    display: flex;
    align-items: center;
    margin-left: .1rem
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5 {
    margin-right: .26rem
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5:last-child {
    margin-right: 0
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5>svg,
.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5>img {
    width: 21px;
    height: 18px
}

@media (max-width: 1580px) {

    .newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5>svg,
    .newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5>img {
        width: 18px;
        height: 15px
    }
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5>svg path,
.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5>img path {
    fill: #c7c7c7;
    opacity: 1;
    transition: all .4s
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5:hover {
    background-color: transparent
}

.newsinfo-sec1 .container2 .lt .f_jt .fen .share .cn5:hover svg path {
    fill: #5ba7c8
}

@media (max-width: 767px) {
    .newsinfo-sec1 .container2 .lt .f_jt {
        flex-wrap: wrap
    }

    .newsinfo-sec1 .container2 .lt .f_jt .f_wen {
        width: 100%;
        margin-bottom: .3rem
    }
}

.newsinfo-sec1 .container2 .lt .make-text {
    padding-bottom: .76rem;
    margin-bottom: .22rem;
    border-bottom: 1px solid #eeeeee
}

.newsinfo-sec1 .container2 .lt .box5 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}

.newsinfo-sec1 .container2 .lt .box5 .box6 {
    width: 40%;
    display: flex
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box6 {
        width: 100%
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box6 .cn6 {
    flex-shrink: 0;
    margin-right: .2rem;
    height: .22rem;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box6 .cn6 {
        height: .4rem
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box6 .cn6 svg path {
    fill: #666;
    opacity: 1;
    stroke: none;
    transition: all .5s
}

.newsinfo-sec1 .container2 .lt .box5 .box6 .cn7 {
    display: block
}

.newsinfo-sec1 .container2 .lt .box5 .box6 .cn7 .cn8 {
    display: block;
    font-style: normal;
    line-height: .22rem;
    color: #666666;
    transition: all .5s
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box6 .cn7 .cn8 {
        line-height: .4rem
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box6.box8 {
    flex-direction: row-reverse
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box6.box8 {
        margin-top: .5rem;
        flex-direction: row
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box6.box8 .cn6 {
    transform: rotate(180deg)
}

.newsinfo-sec1 .container2 .lt .box5 .box6.box8 .cn7 .cn8 {
    text-align: right
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box6.box8 .cn7 .cn8 {
        text-align: left
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box6:hover .cn6 svg path {
    fill: #5ba7c8
}

.newsinfo-sec1 .container2 .lt .box5 .box6:hover .cn7 .cn8 {
    color: #5ba7c8
}

.newsinfo-sec1 .container2 .lt .box5 .box7 {
    width: 20%
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box7 {
        width: 100%;
        order: 2;
        margin-top: .5rem
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box7 .cn6 {
    display: flex;
    text-align: center;
    height: .22rem;
    justify-content: center
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box7 .cn6 {
        height: .4rem
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box7 .cn6 img {
    height: .12rem
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box7 .cn6 img {
        height: .24rem
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box7 .cn7 {
    line-height: .22rem;
    display: block;
    text-align: center;
    color: #5ba7c8;
    font-style: normal
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .lt .box5 .box7 .cn7 {
        line-height: .4rem
    }
}

.newsinfo-sec1 .container2 .lt .box5 .box7 .cn7 .cn8 {
    font-style: normal
}

.newsinfo-sec1 .container2 .gt {
    width: 32.57%;
    background-color: #ffffff;
    padding: .45rem .44rem .32rem
}

@media (max-width: 767px) {
    .newsinfo-sec1 .container2 .gt {
        width: 100%;
        margin-top: .8rem;
        padding: .45rem .36rem .4rem
    }
}

@media (min-width: 768px) {
    .newsinfo-sec1 .container2 .gt {
        position: sticky;
        position: -webkit-sticky;
        top: 110px
    }
}

@media (min-width: 768px) and (max-width: 1580px) {
    .newsinfo-sec1 .container2 .gt {
        top: 100px
    }
}

.newsinfo-sec1 .container2 .gt .f_tit {
    font-weight: bold;
    color: #284270;
    margin-bottom: .14rem
}

.newsinfo-sec1 .container2 .gt .f_jt .item {
    display: flex;
    align-items: center;
    padding: .2rem 0;
    border-top: 1px solid #f5f5f5
}

@media (max-width: 991px) {
    .newsinfo-sec1 .container2 .gt .f_jt .item {
        padding: .36rem 0
    }
}

.newsinfo-sec1 .container2 .gt .f_jt .item .img {
    width: 29.58%
}

.newsinfo-sec1 .container2 .gt .f_jt .item .img:before {
    padding-top: 72.22222222%
}

.newsinfo-sec1 .container2 .gt .f_jt .item .font {
    width: 70.42%;
    padding-left: .33rem;
    padding-right: .1rem
}

@media (max-width: 767px) {
    .newsinfo-sec1 .container2 .gt .f_jt .item .font {
        padding-left: .26rem
    }
}

.newsinfo-sec1 .container2 .gt .f_jt .item .font .f_time {
    color: #999999;
    margin-bottom: 6px
}

@media (max-width: 1580px) {
    .newsinfo-sec1 .container2 .gt .f_jt .item .font .f_time {
        margin-bottom: 2px
    }
}

.newsinfo-sec1 .container2 .gt .f_jt .item .font .f_title1 {
    color: #333333;
    transition: all .4s;
    line-height: 1.625;
    display: -webkit-box;
    font-weight: bold;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3.25em
}

.newsinfo-sec1 .container2 .gt .f_jt .item:hover .img img {
    transform: scale(1.1)
}

.newsinfo-sec1 .container2 .gt .f_jt .item:hover .font .f_title1 {
    color: #5ba7c8
}

.enterbox_tit {
    text-align: center;
    margin-bottom: .48rem
}

.enterbox_tit .f_tit {
    color: #284270;
    font-weight: bold
}

.enterbox_tit .text {
    color: #666666;
    line-height: 1.625;
    margin-top: .12rem
}

.enterbox-sec1 {
    background-color: #f7f9fc
}

.enterbox-sec1 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem
}

.enterbox-sec1 .cont .item {
    width: 33.33%;
    padding: 0 .15rem;
    margin-bottom: .3rem
}

@media (max-width: 767px) {
    .enterbox-sec1 .cont .item {
        width: 100%;
        width: 50%
    }
}

.enterbox-sec1 .cont .item .list {
    display: flex;
    flex-direction: column;
    background-color: #ffffff;
    align-items: center;
    height: 100%;
    text-align: center;
    padding: .89rem .32rem .75rem
}

@media (max-width: 767px) {
    .enterbox-sec1 .cont .item .list {
        padding: .6rem .32rem
    }
}

.enterbox-sec1 .cont .item .list .f_icon {
    height: .8rem;
    margin-bottom: .55rem
}

.enterbox-sec1 .cont .item .list .f_icon img {
    height: 100%;
    width: auto
}

.enterbox-sec1 .cont .item .list .name {
    color: #5ba7c8;
    margin-bottom: .1rem
}

.enterbox-sec1 .cont .item .list .f_tit {
    color: #333333;
    line-height: 1.41666667;
    font-weight: bold
}

.enterbox-sec2 .cont {
    display: flex;
    flex-wrap: wrap
}

.enterbox-sec2 .cont .item {
    width: 100%
}

.enterbox-sec2 .cont .item:nth-child(2n) {
    background-color: #5ba7c8
}

.enterbox-sec2 .cont .item:nth-child(4n) {
    background-color: #4b72b6
}

.enterbox-sec2 .cont .item:nth-child(2n-1) {
    background-color: #284270
}

.enterbox-sec2 .cont .item:nth-child(4n-1) {
    background-color: #95e1e4
}

@media (min-width: 768px) {
    .enterbox-sec2 .cont .item:nth-child(2n-1) {
        width: 40%
    }

    .enterbox-sec2 .cont .item:nth-child(2n-1) .list .img:before {
        padding-top: 49.82206406%
    }

    .enterbox-sec2 .cont .item:nth-child(2n) {
        width: 60%
    }

    .enterbox-sec2 .cont .item:nth-child(2n) .list .img:before {
        padding-top: 33.33333333%
    }

    .enterbox-sec2 .cont .item:nth-child(4n) {
        width: 40%
    }

    .enterbox-sec2 .cont .item:nth-child(4n) .list .img:before {
        padding-top: 49.82206406%
    }

    .enterbox-sec2 .cont .item:nth-child(4n-1) {
        width: 60%
    }

    .enterbox-sec2 .cont .item:nth-child(4n-1) .list .img:before {
        padding-top: 33.33333333%
    }
}

@media (max-width: 767px) {
    .enterbox-sec2 .cont .item {
        margin-bottom: .6rem
    }

    .enterbox-sec2 .cont .item:last-child {
        margin-bottom: 0
    }
}

.enterbox-sec2 .cont .item .list {
    display: block;
    position: relative
}

@media (max-width: 767px) {
    .enterbox-sec2 .cont .item .list .img {
        height: 4rem
    }
}

.enterbox-sec2 .cont .item .list .img img {
    opacity: .2
}

.enterbox-sec2 .cont .item .list .font {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    padding: .25rem .3rem
}

@media (max-width: 767px) {
    .enterbox-sec2 .cont .item .list .font {
        padding: .46rem .3rem
    }
}

.enterbox-sec2 .cont .item .list .font .f_tit {
    margin-bottom: 7px
}

@media (max-width: 1580px) {
    .enterbox-sec2 .cont .item .list .font .f_tit {
        margin-bottom: 3px
    }
}

.enterbox-sec2 .cont .item .list .font .f_text {
    line-height: 1.625;
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3.25em;
    transition: all .4s;
    opacity: 0
}

@media (max-width: 991px) {
    .enterbox-sec2 .cont .item .list .font .f_text {
        opacity: 1
    }
}

.enterbox-sec2 .cont .item .list:hover .img img {
    opacity: 0
}

.enterbox-sec2 .cont .item .list:hover .font .f_text {
    opacity: 1
}

.activbox {
    background-color: #f7f9fc
}

.activbox .public-nav.public-navnoline .container {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}

@media (max-width: 1580px) {
    .activbox .public-nav.public-navnoline .container {
        width: 90%
    }
}

@media (max-width: 767px) {
    .activbox .public-nav.public-navnoline .container {
        width: 90%
    }
}

.activbox-sec1 {
    padding: 8.5px 0 1.2rem
}

@media (max-width: 767px) {
    .activbox-sec1 {
        padding-top: .6rem
    }
}

.activbox-sec1 .enterbox_tit {
    margin-bottom: .465rem
}

.activbox-sec1 .cont .item {
    display: flex;
    align-items: center;
    background-color: #ffffff;
    flex-wrap: wrap
}

.activbox-sec1 .cont .item .img {
    width: 51.071428%
}

@media (max-width: 767px) {
    .activbox-sec1 .cont .item .img {
        width: 100%
    }
}

.activbox-sec1 .cont .item .img:before {
    padding-top: 67.13286713%
}

.activbox-sec1 .cont .item .font {
    width: 48.928572%;
    padding: .6rem 1.54rem .6rem .76rem
}

@media (max-width: 767px) {
    .activbox-sec1 .cont .item .font {
        width: 100%;
        padding: .6rem .36rem
    }
}

.activbox-sec1 .cont .item .font .f_time {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: bold;
    margin-bottom: .22rem
}

.activbox-sec1 .cont .item .font .f_time img {
    display: block;
    width: 16px;
    margin-right: 6px
}

@media (max-width: 1580px) {
    .activbox-sec1 .cont .item .font .f_time img {
        width: 14px
    }
}

.activbox-sec1 .cont .item .font .f_tit {
    color: #333333;
    font-weight: bold;
    width: 100%;
    padding-right: .76rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.2;
    height: 2.4em;
    margin-bottom: .21rem
}

@media (max-width: 767px) {
    .activbox-sec1 .cont .item .font .f_tit {
        padding-right: 0
    }
}

.activbox-sec1 .cont .item .font .f_text {
    width: 100%;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    line-height: 1.625;
    color: #666666;
    height: 3.25em;
    margin-bottom: .43rem
}

.activbox-sec1 .cont .item:hover .img img {
    transform: scale(1.04)
}

.activbox-sec1 .cont .item:hover .font .f_tit {
    color: #5ba7c8
}

.activbox-sec2 {
    background-color: #ffffff;
    padding: .9rem 0 1.4rem
}

@media (max-width: 767px) {
    .activbox-sec2 {
        padding: 1.2rem 0
    }
}

.activbox-sec2 .newsbox_nav {
    margin-bottom: .6rem
}

.activbox-sec2 .cont {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .55rem
}

.activbox-sec2 .cont .item {
    display: block;
    margin-bottom: .45rem
}

.activbox-sec2 .cont .item .li {
    display: block;
    height: 100%;
    border-right: 1px solid #eeeeee;
    transition: all .4s;
    position: relative;
    padding: 0 .4rem .38rem
}

@media (max-width: 991px) {
    .activbox-sec2 .cont .item .li {
        padding: 0 .36rem .4rem
    }
}

@media (max-width: 767px) {
    .activbox-sec2 .cont .item .li {
        padding: 0 .36rem .4rem;
        background-color: #ffffff;
        border-color: transparent
    }
}

.activbox-sec2 .cont .item .li .img {
    width: 100%;
    margin-bottom: .28rem
}

.activbox-sec2 .cont .item .li .img img {
    width: 100%;
    height: auto;
    position: relative
}

.activbox-sec2 .cont .item .li .f_time {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: bold;
    margin-bottom: .24rem
}

.activbox-sec2 .cont .item .li .f_time img {
    display: block;
    width: 16px;
    margin-right: 6px
}

@media (max-width: 1580px) {
    .activbox-sec2 .cont .item .li .f_time img {
        width: 14px
    }
}

.activbox-sec2 .cont .item .li .f_tit {
    color: #111111;
    font-weight: bold;
    transition: all .4s;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    margin-bottom: .4rem
}

.activbox-sec2 .cont .item .li .but {
    display: flex;
    align-items: center;
    color: #000000;
    transition: all .4s
}

.activbox-sec2 .cont .item .li .but i {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 8px;
    height: 12px;
    overflow: hidden;
    position: relative;
    transition: width .4s;
    margin-left: .2rem
}

.activbox-sec2 .cont .item .li .but i svg {
    width: 8px;
    height: 100%
}

.activbox-sec2 .cont .item .li .but i svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    width: auto;
    opacity: 0;
    transition: width .4s
}

.activbox-sec2 .cont .item .li .but i svg path {
    fill: #000000;
    transition: all .4s
}

@media (max-width: 1580px) {
    .activbox-sec2 .cont .item .li .but i {
        width: 6px;
        height: 12px
    }

    .activbox-sec2 .cont .item .li .but i svg {
        width: 6px
    }
}

@media (min-width: 1200px) {
    .activbox-sec2 .cont .item .li:hover {
        background-color: #ffffff;
        border-color: transparent;
        z-index: 2
    }

    .activbox-sec2 .cont .item .li:hover:before {
        width: 100%
    }

    .activbox-sec2 .cont .item .li:hover .img img {
        transform: scale(1.04)
    }

    .activbox-sec2 .cont .item .li:hover .f_tit {
        color: #5ba7c8
    }

    .activbox-sec2 .cont .item .li:hover .but {
        color: #5ba7c8
    }

    .activbox-sec2 .cont .item .li:hover .but i {
        width: 16px
    }

    .activbox-sec2 .cont .item .li:hover .but i svg {
        opacity: 0
    }

    .activbox-sec2 .cont .item .li:hover .but i svg:nth-child(2) {
        opacity: 1;
        width: 16px
    }

    .activbox-sec2 .cont .item .li:hover .but i svg path {
        fill: #5ba7c8
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .activbox-sec2 .cont .item .li:hover .but i {
        width: 14px
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .activbox-sec2 .cont .item .li:hover .but i svg:nth-child(2) {
        width: 14px
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .activbox-sec2 .cont .item {
        width: 50%
    }

    .activbox-sec2 .cont .item:nth-child(2n) .li {
        border-color: transparent
    }
}

@media (min-width: 992px) {
    .activbox-sec2 .cont .item {
        width: 33.33%
    }

    .activbox-sec2 .cont .item:nth-child(3n) .li {
        border-color: transparent
    }
}

.activbox-sec2 .cont .item:last-child .li {
    border-color: transparent
}

@media (max-width: 767px) {
    .activbox-sec2 .cont {
        margin: 0 -0.16rem .55rem
    }

    .activbox-sec2 .cont .item {
        width: 50%;
        padding: 0 .16rem
    }

    .activbox-sec2 .cont .item .li {
        padding-left: 0;
        padding-right: 0
    }
}

.joinbox-sec1 {
    background: #f7f9fc url(../images/batrimgfz1.png) no-repeat right top / 6.7rem auto
}

.joinbox-sec1 .enterbox_tit {
    margin-bottom: .6rem
}

.joinbox-sec1 .item {
    position: relative;
    z-index: 2;
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .joinbox-sec1 .item {
        margin-top: .6rem
    }

    .joinbox-sec1 .item:first-child {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .joinbox-sec1 .item {
        margin-bottom: .5rem
    }

    .joinbox-sec1 .item:last-child {
        margin-bottom: 0
    }
}

.joinbox-sec1 .item .img,
.joinbox-sec1 .item .font {
    width: 50%
}

@media (max-width: 767px) {

    .joinbox-sec1 .item .img,
    .joinbox-sec1 .item .font {
        width: 100%
    }
}

.joinbox-sec1 .item .img {
    position: relative;
    z-index: 2
}

.joinbox-sec1 .item .img:before {
    padding-top: 72.91666667%
}

.joinbox-sec1 .item .gt {
    width: 100%
}

.joinbox-sec1 .item .gt .container2 {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    align-items: center
}

.joinbox-sec1 .item .gt .container2 .font {
    padding: .6rem 1.3rem .6rem 1.3rem
}

@media (max-width: 991px) {
    .joinbox-sec1 .item .gt .container2 .font {
        padding: .4rem .4rem;
        margin-bottom: .4rem
    }
}

@media (max-width: 767px) {
    .joinbox-sec1 .item .gt .container2 .font {
        padding: .4rem 0 0
    }
}

.joinbox-sec1 .item .gt .container2 .font .f_tit {
    display: flex;
    align-items: flex-start;
    width: 100%;
    color: #222222;
    line-height: 1.5;
    margin-bottom: .45rem
}

@media (max-width: 991px) {
    .joinbox-sec1 .item .gt .container2 .font .f_tit {
        margin-bottom: .2rem
    }
}

.joinbox-sec1 .item .gt .container2 .font .f_tit img,
.joinbox-sec1 .item .gt .container2 .font .f_tit svg {
    width: auto;
    margin-right: .3rem;
    height: .52rem;
    flex: 0 0 auto;
    position: relative;
    top: .75em;
    transform: translateY(-50%)
}

.joinbox-sec1 .item .gt .container2 .font .f_tit img path,
.joinbox-sec1 .item .gt .container2 .font .f_tit svg path {
    fill: #5ba7c8
}

.joinbox-sec1 .item .gt .container2 .font .text {
    line-height: 1.5;
    color: #666666
}

.joinbox-sec1 .item:hover .img img {
    transform: scale(1.04)
}

@media (min-width: 768px) {
    .joinbox-sec1 .item:nth-child(2n) {
        flex-direction: row-reverse;
        z-index: 1
    }

    .joinbox-sec1 .item:nth-child(2n) .img {
        order: 1
    }

    .joinbox-sec1 .item:nth-child(2n) .gt .container2 {
        flex-direction: row
    }
}

.joinbox-sec2 {
    background-color: #ffffff;
    background: linear-gradient(to bottom, #f7f9fc, #ffffff 30%)
}

.joinbox-sec2 .cont {
    padding-left: 1px;
    display: flex;
    flex-wrap: wrap
}

.joinbox-sec2 .cont .item {
    width: 25%;
    border: solid 1px #f0f0f0;
    margin-left: -1px;
    overflow: hidden
}

@media (max-width: 991px) {
    .joinbox-sec2 .cont .item {
        width: 50%;
        margin-top: -1px
    }
}

@media (max-width: 767px) {
    .joinbox-sec2 .cont .item {
        width: 100%
    }
}

.joinbox-sec2 .cont .item .list {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all .4s;
    position: relative;
    padding: .8rem .4rem .72rem;
    height: 100%
}

@media (max-width: 767px) {
    .joinbox-sec2 .cont .item .list {
        padding: .74rem .36rem
    }
}

.joinbox-sec2 .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    opacity: 0;
    top: -0.52rem;
    width: 100%;
    transition: all .4s;
    height: 100%;
    background: url(../images/ixnasimgfz2.svg) no-repeat center top / 82.05% auto
}

.joinbox-sec2 .cont .item .list .f_icon {
    position: relative;
    height: .96rem;
    margin-bottom: .72rem
}

.joinbox-sec2 .cont .item .list .f_icon img {
    height: 100%;
    width: auto
}

.joinbox-sec2 .cont .item .list .f_icon img:nth-child(2) {
    display: none
}

.joinbox-sec2 .cont .item .list .f_tit {
    position: relative;
    color: #000011;
    transition: all .4s;
    font-weight: bold;
    margin-bottom: 7px
}

@media (max-width: 1580px) {
    .joinbox-sec2 .cont .item .list .f_tit {
        margin-bottom: 3px
    }
}

.joinbox-sec2 .cont .item .list .f_name {
    margin-bottom: .25rem;
    color: #666666;
    transition: all .4s;
    line-height: 1.625
}

.joinbox-sec2 .cont .item .list .f_text {
    line-height: 1.625;
    opacity: 0;
    transition: all .4s;
    transform: translateY(.2rem);
    color: #ffffff
}

.joinbox-sec2 .cont .item .list i {
    display: block;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: .7rem;
    width: .2rem;
    transition: all .4s .12s;
    height: .2rem
}

.joinbox-sec2 .cont .item .list i:before,
.joinbox-sec2 .cont .item .list i:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 2px;
    margin-top: -1px;
    background-color: #333333;
    transition: all .4s
}

.joinbox-sec2 .cont .item .list i:before {
    transform: rotate(90deg)
}

@media (max-width: 1199px) {
    .joinbox-sec2 .cont .item .list .f_text {
        transform: translateY(0);
        opacity: 1;
        color: #999999
    }

    .joinbox-sec2 .cont .item .list i {
        display: none
    }
}

@media (min-width: 1200px) {
    .joinbox-sec2 .cont .item .list:hover {
        background-color: #5ba7c8;
        border-color: #5ba7c8
    }

    .joinbox-sec2 .cont .item .list:hover:before {
        opacity: .1
    }

    .joinbox-sec2 .cont .item .list:hover .f_icon img {
        display: none
    }

    .joinbox-sec2 .cont .item .list:hover .f_icon img:nth-child(2) {
        display: block
    }

    .joinbox-sec2 .cont .item .list:hover .f_tit,
    .joinbox-sec2 .cont .item .list:hover .f_name {
        color: #ffffff
    }

    .joinbox-sec2 .cont .item .list:hover .f_text {
        transform: translateY(0);
        opacity: .7
    }

    .joinbox-sec2 .cont .item .list:hover i {
        opacity: 0;
        transition: all .2s
    }
}

.joinbox-sec3 {
    position: relative;
    padding: 2.16rem 0 2.3rem
}

.joinbox-sec3 .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #1a1f2b
}

.joinbox-sec3 .bag img {
    opacity: .1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.joinbox-sec3 .container2 {
    position: relative;
    color: #ffffff;
    text-align: center
}

.joinbox-sec3 .container2 .f_tit {
    font-weight: bold;
    margin-bottom: .27rem
}

.joinbox-sec3 .container2 .hm_but {
    margin: 0 auto
}

.downbox-sec1 {
    position: relative
}

@media (min-width: 768px) {
    .downbox-sec1 {
        padding-top: .8rem
    }
}

.downbox-sec1:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    height: 100%;
    background: url(../images/jianwtouimg1.png) no-repeat center bottom / 100% auto
}

.downbox-sec1 .newsbox_nav {
    margin-bottom: .16rem
}

.downbox-sec1 .f_tishi {
    margin-bottom: .37rem;
    color: #666666
}

@media (min-width: 768px) {
    .downbox-sec1 .f_tishi {
        text-align: right
    }
}

.downbox-sec1 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem 1rem
}

@media (max-width: 767px) {
    .downbox-sec1 .cont {
        margin: 0;
        margin-bottom: .7rem
    }
}

.downbox-sec1 .cont .item {
    width: 50%;
    padding: 0 .5rem
}

@media (max-width: 767px) {
    .downbox-sec1 .cont .item {
        padding: 0;
        width: 100%
    }
}

.downbox-sec1 .cont .item .list {
    position: relative;
    padding: .54rem 0 .56rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d8dde4
}

@media (max-width: 767px) {
    .downbox-sec1 .cont .item .list {
        flex-wrap: wrap
    }
}

.downbox-sec1 .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    height: 1px;
    width: 0;
    transition: all .4s;
    background-color: #5ba7c8
}

.downbox-sec1 .cont .item .list .font {
    flex: 1 1 auto;
    width: calc(100% - .96rem)
}

.downbox-sec1 .cont .item .list .font .f_tit {
    color: #333333;
    width: 100%;
    white-space: nowrap;
    transition: all .4s;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .06rem
}

.downbox-sec1 .cont .item .list .font .f_text {
    color: #999999;
    transition: all .4s
}

.downbox-sec1 .cont .item .list .f_icon {
    flex: 0 0 auto;
    width: .56rem;
    height: .56rem;
    margin-left: .2rem;
    margin-right: .2rem
}

@media (max-width: 767px) {
    .downbox-sec1 .cont .item .list .f_icon {
        margin-left: 0;
        margin-right: 0;
        width: .68rem;
        height: .68rem
    }
}

.downbox-sec1 .cont .item .list .f_icon img,
.downbox-sec1 .cont .item .list .f_icon svg {
    width: auto;
    max-width: 100%;
    height: 100%
}

.downbox-sec1 .cont .item .list .f_icon img path,
.downbox-sec1 .cont .item .list .f_icon svg path {
    fill: #c2c2c2;
    transition: all .4s
}

.downbox-sec1 .cont .item .list .f_icon img:nth-child(2),
.downbox-sec1 .cont .item .list .f_icon svg:nth-child(2) {
    display: none
}

.downbox-sec1 .cont .item .list:hover:before {
    width: 100%
}

.downbox-sec1 .cont .item .list:hover .font .f_tit,
.downbox-sec1 .cont .item .list:hover .font .f_text {
    color: #5ba7c8
}

.downbox-sec1 .cont .item .list:hover .f_icon svg path {
    fill: #5ba7c8
}

.downbox-sec1 .cont .item .list:hover .f_icon img {
    display: none
}

.downbox-sec1 .cont .item .list:hover .f_icon img:nth-child(2) {
    display: block
}

.downbox-sec2 {
    background-color: #f7f9fc
}

@media (min-width: 768px) {
    .downbox-sec2 {
        padding: 1.26rem 0 2rem
    }
}

.downbox-sec2 .f_form {
    width: 67.142%;
    margin: 0 auto
}

@media (max-width: 991px) {
    .downbox-sec2 .f_form {
        width: 100%
    }
}

.downbox-sec2 .f_form .f_jt {
    margin: 0 -0.1rem;
    display: flex;
    flex-wrap: wrap
}

.downbox-sec2 .f_form .f_jt .item {
    padding: 0 .1rem;
    width: 33.333%;
    margin-bottom: .2rem
}

@media (max-width: 767px) {
    .downbox-sec2 .f_form .f_jt .item {
        width: 100%
    }
}

.downbox-sec2 .f_form .f_jt .item .list {
    display: block;
    position: relative;
    background-color: #ffffff
}

.downbox-sec2 .f_form .f_jt .item .list .int,
.downbox-sec2 .f_form .f_jt .item .list .f_name {
    position: relative;
    display: flex;
    align-items: center;
    color: #666666
}

.downbox-sec2 .f_form .f_jt .item .list .int input,
.downbox-sec2 .f_form .f_jt .item .list .f_name input,
.downbox-sec2 .f_form .f_jt .item .list .int .zi,
.downbox-sec2 .f_form .f_jt .item .list .f_name .zi,
.downbox-sec2 .f_form .f_jt .item .list .int textarea,
.downbox-sec2 .f_form .f_jt .item .list .f_name textarea {
    width: 100%;
    padding: .21rem .2rem
}

.downbox-sec2 .f_form .f_jt .item .list .int textarea,
.downbox-sec2 .f_form .f_jt .item .list .f_name textarea {
    height: 1.6rem
}

.downbox-sec2 .f_form .f_jt .item .list .f_name {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.downbox-sec2 .f_form .f_jt .item .list .f_name span {
    color: #5ba7c8
}

.downbox-sec2 .f_form .f_jt .item.on .list .f_name {
    display: none
}

.downbox-sec2 .f_form .f_jt .f_textarea {
    width: 100%
}

.downbox-sec2 .f_form .f_jt .f_code .list {
    height: .6rem;
    background-color: transparent
}

.downbox-sec2 .f_form .f_jt .f_code .list .f_codeimg {
    display: block;
    height: 100%
}

.downbox-sec2 .f_form .f_jt .f_code .list .f_codeimg img {
    height: 100%;
    max-width: 100%
}

@media (max-width: 767px) {
    .downbox-sec2 .f_form .f_jt .f_codeinput {
        width: 60%
    }

    .downbox-sec2 .f_form .f_jt .f_code {
        width: 40%
    }
}

.downbox-sec2 .f_form .f_sub {
    width: 100%;
    color: #ffffff;
    text-align: center;
    background-color: #5ba7c8;
    height: .6rem;
    transition: all .4s;
    margin-top: .4rem
}

@media (max-width: 767px) {
    .downbox-sec2 .f_form .f_sub {
        height: .76rem
    }
}

.downbox-sec2 .f_form .f_sub:hover {
    opacity: .9
}

.abtbanner {
    position: relative
}

.abtbanner .bag {
    width: 100%;
    height: 100vh;
    background-color: #000000
}

.abtbanner .bag img {
    width: 100%;
    height: 100%;
    opacity: .5;
    object-fit: cover
}

.abtbanner .bag img:nth-child(2) {
    display: none
}

@media (max-width: 767px) {
    .abtbanner .bag img {
        display: none
    }

    .abtbanner .bag img:nth-child(2) {
        display: block
    }
}

.abtbanner .cont {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
    z-index: 2;
    color: #ffffff;
    text-align: center
}

.abtbanner .cont .f_title {
    font-weight: bold;
    margin-bottom: .295rem
}

.abtbanner .cont .video_btn {
    width: .6rem;
    height: .6rem;
    background-color: rgba(91, 167, 200, 0.5);
    border: solid 1px #5ba7c8;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    margin: 0 auto;
    position: relative
}

.abtbanner .cont .video_btn:before,
.abtbanner .cont .video_btn:after {
    content: '';
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200%;
    height: 200%;
    opacity: 0;
    pointer-events: none;
    border-radius: 50%;
    background-color: rgba(91, 167, 200, 0.5);
    border: solid 1px #5ba7c8;
    animation: scalefe10 2s linear infinite
}

.abtbanner .cont .video_btn:after {
    animation-delay: 1s
}

.abtbanner .cont .video_btn svg,
.abtbanner .cont .video_btn img {
    position: relative;
    z-index: 2;
    width: 25%;
    height: 25%;
    object-fit: contain
}

.abtbanner .cont .video_btn svg path,
.abtbanner .cont .video_btn img path {
    fill: #ffffff
}

.abtbox-sec1 {
    position: relative
}

@media (max-width: 767px) {
    .abtbox-sec1 {
        padding: 1.2rem 5%
    }
}

.abtbox-sec1 .img {
    width: 100%;
    height: 100vh;
    background-color: #000000;
    max-height: 970px
}

@media (max-width: 991px) {
    .abtbox-sec1 .img {
        height: 9.7rem
    }
}

.abtbox-sec1 .img img {
    opacity: .6;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.abtbox-sec1 .abtbox1_cont {
    width: 100%
}

@media (max-width: 767px) {
    .abtbox-sec1 .abtbox1_cont {
        display: none
    }
}

.abtbox-sec1 .cont {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .abtbox-sec1 .cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 2
    }

    .abtbox-sec1 .cont .item {
        height: 100%
    }

    .abtbox-sec1 .cont .item .list {
        height: 100%
    }
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont {
        width: 100%
    }
}

.abtbox-sec1 .cont .item {
    width: 25%;
    overflow: hidden;
    transition: all .4s;
    border-right: 1px solid rgba(255, 255, 255, 0.1)
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont .item {
        width: 100%;
        background-color: #f8f8f8
    }
}

.abtbox-sec1 .cont .item .list {
    width: 100%;
    display: block;
    position: relative;
    padding: 6.1rem .56rem .46rem;
    transition: all .4s
}

@media (max-width: 991px) {
    .abtbox-sec1 .cont .item .list {
        padding-top: 5rem
    }
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont .item .list {
        padding-top: 2rem
    }
}

.abtbox-sec1 .cont .item .list .img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

@media (min-width: 768px) {
    .abtbox-sec1 .cont .item .list .img {
        display: none
    }
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont .item .list .img {
        display: none
    }
}

.abtbox-sec1 .cont .item .list .font {
    color: #ffffff;
    text-align: center
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont .item .list .font {
        color: #333333
    }
}

.abtbox-sec1 .cont .item .list .font .f_tit {
    margin-bottom: .145rem
}

.abtbox-sec1 .cont .item .list .font .text {
    text-align: justify;
    opacity: 0;
    transition: all .4s linear
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont .item .list .font .text {
        color: #666666
    }
}

@media (min-width: 768px) {
    .abtbox-sec1 .cont .item:hover {
        background-color: rgba(91, 167, 200, 0.5);
        border-color: transparent
    }

    .abtbox-sec1 .cont .item:hover .list {
        padding-top: 3.7rem
    }

    .abtbox-sec1 .cont .item:hover .list .font .text {
        opacity: .7
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .abtbox-sec1 .cont .item:hover .list {
        padding-top: 1rem
    }
}

@media (max-width: 767px) {
    .abtbox-sec1 .cont {
        margin: 0 -0.16rem
    }

    .abtbox-sec1 .cont .item {
        padding: 0 .16rem;
        margin-bottom: .32rem;
        width: 100%
    }

    .abtbox-sec1 .cont .item .list {
        padding: .4rem .32rem
    }

    .abtbox-sec1 .cont .item .list .font {
        position: relative;
        z-index: 2
    }

    .abtbox-sec1 .cont .item .list .font .text {
        opacity: .7
    }
}

.abtbox-sec2 {
    position: relative;
    overflow: hidden
}

@media (min-width: 768px) {
    .abtbox-sec2 {
        display: flex;
        flex-direction: row-reverse
    }
}

@media (max-width: 767px) {
    .abtbox-sec2 {
        padding: 1.4rem 0
    }
}

.abtbox-sec2 .img {
    width: 100%;
    height: 100vh;
    max-height: 9.7rem;
    background-color: #000000
}

.abtbox-sec2 .img img {
    opacity: .55
}

.abtbox-sec2 .abtbox2_img {
    margin: 0;
    width: 50%
}

@media (max-width: 767px) {
    .abtbox-sec2 .abtbox2_img {
        display: none
    }
}

@media (min-width: 768px) {
    .abtbox-sec2 .cont {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        padding-top: 1.4rem
    }

    .abtbox-sec2 .cont .container {
        height: 100%;
        position: relative
    }

    .abtbox-sec2 .cont .lt {
        height: 100%;
        padding-right: 27.14285714%
    }

    .abtbox-sec2 .cont .lt .qie {
        position: absolute;
        top: 6rem;
        left: 0
    }

    .abtbox-sec2 .cont .img {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .abtbox-sec2 .cont .lt {
        padding-right: 20%
    }
}

.abtbox-sec2 .cont .lt {
    width: 50%;
    position: relative
}

@media (max-width: 767px) {
    .abtbox-sec2 .cont .lt {
        width: 100%
    }

    .abtbox-sec2 .cont .lt .fz_title {
        text-align: center
    }
}

.abtbox-sec2 .cont .lt .fz_title {
    color: #284270;
    font-weight: bold;
    margin-bottom: .74rem
}

.abtbox-sec2 .cont .lt .qie {
    display: flex;
    align-items: center
}

.abtbox-sec2 .cont .lt .qie .abtbox2_prev,
.abtbox-sec2 .cont .lt .qie .abtbox2_next {
    width: .5rem;
    height: .5rem;
    border-radius: 0;
    position: relative;
    top: 0;
    user-select: none;
    -webkit-user-select: none;
    margin-top: 0;
    left: 0;
    opacity: 1;
    right: 0;
    pointer-events: auto;
    background: none;
    border: solid 1px #dddddd;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .4s
}

@media (max-width: 767px) {

    .abtbox-sec2 .cont .lt .qie .abtbox2_prev,
    .abtbox-sec2 .cont .lt .qie .abtbox2_next {
        width: .64rem;
        height: .64rem
    }
}

.abtbox-sec2 .cont .lt .qie .abtbox2_prev img,
.abtbox-sec2 .cont .lt .qie .abtbox2_next img,
.abtbox-sec2 .cont .lt .qie .abtbox2_prev svg,
.abtbox-sec2 .cont .lt .qie .abtbox2_next svg {
    width: 32%;
    height: 26%;
    object-fit: contain
}

.abtbox-sec2 .cont .lt .qie .abtbox2_prev img path,
.abtbox-sec2 .cont .lt .qie .abtbox2_next img path,
.abtbox-sec2 .cont .lt .qie .abtbox2_prev svg path,
.abtbox-sec2 .cont .lt .qie .abtbox2_next svg path {
    fill: #dddddd;
    transition: all .4s
}

.abtbox-sec2 .cont .lt .qie .abtbox2_prev:hover,
.abtbox-sec2 .cont .lt .qie .abtbox2_next:hover {
    background-color: #5ba7c8;
    border-color: #5ba7c8
}

.abtbox-sec2 .cont .lt .qie .abtbox2_prev:hover svg path,
.abtbox-sec2 .cont .lt .qie .abtbox2_next:hover svg path {
    fill: #ffffff
}

.abtbox-sec2 .cont .lt .qie .abtbox2_prev {
    margin-right: 10px
}

.abtbox-sec2 .cont .lt .abtbox2_text {
    width: 100%
}

@media (max-width: 767px) {
    .abtbox-sec2 .cont .lt .abtbox2_text {
        margin-bottom: .6rem
    }
}

.abtbox-sec2 .cont .lt .abtbox2_text .img {
    width: 100%;
    margin-bottom: .4rem
}

@media (max-width: 767px) {
    .abtbox-sec2 .cont .lt .abtbox2_text .img {
        height: 3.6rem
    }
}

.abtbox-sec2 .cont .lt .abtbox2_text .f_tit {
    color: #333333;
    font-weight: bold;
    margin-bottom: .15rem
}

.abtbox-sec2 .cont .lt .abtbox2_text .text {
    color: #666666;
    line-height: 1.625
}

.abtbox-sec2 .abtbox2_circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    width: 5.28rem;
    height: 5.28rem;
    display: flex;
    align-items: center
}

@media (max-width: 991px) {
    .abtbox-sec2 .abtbox2_circle {
        display: none
    }
}

.abtbox-sec2 .abtbox2_circle .f_nei {
    width: 100%;
    height: 100%;
    border: dashed 1px #cedae0;
    border-radius: 50%
}

.abtbox-sec2 .abtbox2_circle .f_svg1 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.abtbox-sec2 .abtbox2_circle .f_svg1 svg {
    width: 100%;
    height: 100%
}

.abtbox-sec2 .abtbox2_circle .f_svg1 svg circle {
    transition: all .4s
}

.abtbox-sec2 .abtbox2_circle .f_jt {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item {
    position: absolute;
    width: 0;
    cursor: pointer;
    height: 0
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_dian {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #5ba7c8;
    display: flex;
    align-items: center;
    justify-content: center
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_dian i {
    display: block;
    width: 66.66666667%;
    height: 66.66666667%;
    background-color: #ffffff;
    border-radius: 50%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_dian:before,
.abtbox-sec2 .abtbox2_circle .f_jt .item .f_dian:after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 300%;
    height: 300%;
    border-radius: 50%;
    opacity: 0;
    background-color: #5ba7c8;
    transform: translate(-50%, -50%);
    animation: scalefe100 2s linear infinite
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_dian:after {
    animation-delay: .8s
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    width: .76rem;
    height: .76rem;
    background-color: #ffffff;
    border: solid 2px #5ba7c8;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .4s
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_icon img,
.abtbox-sec2 .abtbox2_circle .f_jt .item .f_icon svg {
    width: 59.21052632%;
    height: 59.21052632%;
    object-fit: contain
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_icon img path,
.abtbox-sec2 .abtbox2_circle .f_jt .item .f_icon svg path {
    fill: #5ba7c8
}

.abtbox-sec2 .abtbox2_circle .f_jt .item .f_tit {
    position: absolute;
    width: 120px;
    transition: all .4s;
    color: #82c6e3
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(1) {
    bottom: 100%;
    left: 50%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(1) .f_tit {
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    bottom: 100%;
    margin-bottom: .14rem
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(2) {
    bottom: 50%;
    left: 100%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(2) .f_tit {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    margin-left: .22rem
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(3) {
    top: 91.909%;
    right: 22.348%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(3) .f_tit {
    left: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: left;
    margin-left: .22rem
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(4) {
    top: 91.909%;
    left: 22.348%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(4) .f_tit {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    margin-right: .22rem
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(5) {
    bottom: 50%;
    right: 100%
}

.abtbox-sec2 .abtbox2_circle .f_jt .item:nth-child(5) .f_tit {
    right: 100%;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    margin-right: .22rem
}

.abtbox-sec2 .abtbox2_circle .f_jt .item.on .f_icon {
    transform: translate(-50%, -50%) scale(1)
}

.abtbox-sec2 .abtbox2_circle .f_jt .item.on .f_tit {
    opacity: 0
}

.abtbox-sec2 .abtbox2_circle .f_zhong {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 68.93939394%;
    height: 68.93939394%;
    border-radius: 50%;
    background-color: #5ba7c8;
    padding: 28.4% .36rem .78rem;
    text-align: center
}

.abtbox-sec2 .abtbox2_circle .f_zhong .f_font {
    width: 100%;
    position: relative
}

.abtbox-sec2 .abtbox2_circle .f_zhong .f_font .li {
    position: absolute;
    left: 0;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    width: 100%;
    color: #ffffff;
    margin-bottom: .48rem
}

.abtbox-sec2 .abtbox2_circle .f_zhong .f_font .on {
    position: relative;
    visibility: visible;
    opacity: 1
}

.abtbox-sec2 .abtbox2_circle .f_zhong .abtbox2_pagin {
    color: #ffffff
}

.abtbox-sec2 .abtbox2_circle .f_zhong .abtbox2_pagin span:nth-child(2) {
    color: #eeeeee
}

.abtbox-sec2 .abtbox2_circle[data-index='0'] .f_svg1 svg circle {
    stroke-dasharray: 0 1200;
    transition: none
}

.abtbox-sec2 .abtbox2_circle[data-index='1'] .f_svg1 svg circle {
    stroke-dasharray: 230 1200
}

.abtbox-sec2 .abtbox2_circle[data-index='2'] .f_svg1 svg circle {
    stroke-dasharray: 380 1200
}

.abtbox-sec2 .abtbox2_circle[data-index='3'] .f_svg1 svg circle {
    stroke-dasharray: 560 1200
}

.abtbox-sec2 .abtbox2_circle[data-index='4'] .f_svg1 svg circle {
    stroke-dasharray: 710 1200
}


@keyframes scalefe100 {
    0% {
        transform: translate(-50%, -50%) scale(.2);
        opacity: 1
    }

    100% {
        transform: translate(-50%, -50%) scale(1.1);
        opacity: 0
    }
}

.c-about4 {
    position: relative;
    padding-bottom: .6rem;
    overflow: hidden
}

.c-about4 .c-arrow {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: 1.2rem;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.2);
    opacity: 1;
    transition: transform .4s;
    color: #fff;
    transform: scale(0);
    cursor: pointer
}

@media (max-width: 767px) {
    .c-about4 .c-arrow {
        display: none
    }
}

.c-about4 .c-arrow img,
.c-about4 .c-arrow svg {
    width: 40%;
    height: 40%
}

.c-about4 .c-arrow img path,
.c-about4 .c-arrow svg path {
    fill: #fff;
    transition: all .4s
}

.c-about4 .c-arrow.on {
    transform: scale(1)
}

.c-about4 .c-arrow.on2 img,
.c-about4 .c-arrow.on2 svg {
    transform: rotate(180deg)
}

.c-about4 .c-bg1,
.c-about4 .c-bg2 {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-about4 .c-bg2 {
    z-index: 5;
    transform: scale(1.1)
}

.c-about4 .c-title-box {
    position: relative;
    z-index: 10
}

.c-about4 .c-title-box .hm_tit .f_tit {
    color: #fff
}

.c-about4 .c-about4-banner1 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    font-size: 6rem;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    text-align: center;
    transform: translateY(-50%)
}

@media (max-width: 991px) {
    .c-about4 .c-about4-banner1 {
        font-size: 3rem;
        height: auto
    }
}

@media (max-width: 767px) {
    .c-about4 .c-about4-banner1 {
        font-size: 1.9rem;
        height: auto
    }
}

.c-about4 .c-about4-banner1 .container {
    position: relative
}

.c-about4 .c-about4-banner2 {
    position: relative;
    z-index: 8;
    color: #fff;
    min-height: 6rem
}

@media (max-width: 767px) {
    .c-about4 .c-about4-banner2 {
        min-height: 4rem
    }
}

.c-about4 .c-about4-banner2 .swiper-container {
    padding: 1.5rem 0
}

@media (max-width: 767px) {
    .c-about4 .c-about4-banner2 .swiper-container {
        padding: 1rem 0
    }
}

.c-about4 .c-about4-banner2 .swiper-container .swiper-slide {
    display: flex;
    justify-content: center
}

.c-about4 .c-about4-banner2 .swiper-container .swiper-slide .c-text {
    max-width: 6rem
}

@media (max-width: 767px) {
    .c-about4 .c-about4-banner2 .swiper-container .swiper-slide .c-text {
        max-width: 100%
    }
}

.c-about4 .c-about4-banner2 .swiper-container .swiper-slide p {
    margin-bottom: .18rem;
    position: relative;
    padding-left: 20px
}

@media (max-width: 1580px) {
    .c-about4 .c-about4-banner2 .swiper-container .swiper-slide p {
        padding-left: 16px
    }
}

.c-about4 .c-about4-banner2 .swiper-container .swiper-slide p:last-child {
    margin-bottom: 0
}

.c-about4 .c-about4-banner2 .swiper-container .swiper-slide p:before {
    content: "";
    display: block;
    position: absolute;
    top: .75em;
    left: 0;
    transform: translateY(-50%);
    background-color: #ffffff;
    width: 8px;
    height: 8px;
    border-radius: 50%
}

@media (max-width: 1580px) {
    .c-about4 .c-about4-banner2 .swiper-container .swiper-slide p:before {
        width: 6px;
        height: 6px
    }
}

.c-about4 .c-about4-banner3 {
    position: relative;
    z-index: 8;
    color: #fff;
    text-align: center
}

.c-about4 .c-about4-banner3:before {
    content: "";
    position: absolute;
    top: 9px;
    left: 0;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, 0.2)
}

.c-about4 .c-about4-banner3 .swiper-slide {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    height: 50px;
    cursor: pointer
}

@media (max-width: 767px) {
    .c-about4 .c-about4-banner3 .swiper-slide {
        height: 1rem
    }
}

.c-about4 .c-about4-banner3 .c-dot {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    border: 2px solid transparent;
    border-radius: 50%;
    position: relative;
    transition: all .4s
}

.c-about4 .c-about4-banner3 .c-dot::before {
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #fff
}

.c-about4 .c-about4-banner3 .c-num {
    width: 100%;
    transition: all .4s;
    line-height: 1;
    opacity: .3
}

.c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-dot {
    border-color: #fff
}

.c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-num {
    opacity: 1;
    font-size: 24px
}

@media (max-width: 767px) {
    .c-about4 .c-about4-banner3 .swiper-slide-thumb-active .c-num {
        font-size: .3rem
    }
}

.ethicsbox .enterbox_tit {
    margin: 0 auto;
    max-width: 8.8rem;
    margin: 0 auto .54rem
}

@media (max-width: 767px) {
    .ethicsbox .enterbox_tit {
        max-width: 100%
    }
}

.ethicsbox .cont {
    display: flex;
    flex-wrap: wrap;
    background-color: #f7f9fc
}

.ethicsbox .cont .lt {
    width: 33.214%;
    background-color: #5ba7c8;
    color: #ffffff;
    background: url(../images/bagimfz1.jpg) no-repeat left bottom / cover;
    padding: 1.46rem .2rem 1.46rem .52rem
}

@media (max-width: 991px) {
    .ethicsbox .cont .lt {
        padding: 1rem .26rem
    }
}

@media (max-width: 767px) {
    .ethicsbox .cont .lt {
        width: 100%
    }
}

.ethicsbox .cont .lt p {
    position: relative;
    display: block;
    padding-left: .3rem;
    font-weight: bold;
    margin-bottom: .32rem
}

.ethicsbox .cont .lt p:last-child {
    margin-bottom: 0
}

.ethicsbox .cont .lt p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .75em;
    transform: translateY(-50%);
    width: .2rem;
    height: .2rem;
    background: url(../images/zhenqioncimg1.svg) no-repeat center / 100% auto
}

.ethicsbox .cont .gt {
    width: 66.786%;
    padding: .68rem .6rem 1rem
}

@media (max-width: 767px) {
    .ethicsbox .cont .gt {
        width: 100%;
        padding: .6rem .26rem .2rem
    }
}

.ethicsbox .cont .gt .f_tit {
    text-align: center;
    font-weight: bold;
    margin-bottom: .72rem
}

.ethicsbox .cont .gt .f_jt {
    display: flex;
    flex-wrap: wrap
}

.ethicsbox .cont .gt .f_jt .li {
    width: 33.33%;
    padding: 0 .2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center
}

@media (max-width: 767px) {
    .ethicsbox .cont .gt .f_jt .li {
        width: 50%;
        margin-bottom: .6rem
    }
}

.ethicsbox .cont .gt .f_jt .li .f_icon {
    background-color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.3rem;
    height: 1.3rem;
    margin-bottom: .24rem;
    border-radius: 50%
}

.ethicsbox .cont .gt .f_jt .li .f_icon img,
.ethicsbox .cont .gt .f_jt .li .f_icon svg {
    width: auto;
    height: auto;
    max-width: 36.15384615%;
    max-height: 30.76923077%
}

.ethicsbox .cont .gt .f_jt .li .f_icon img path,
.ethicsbox .cont .gt .f_jt .li .f_icon svg path {
    fill: #284270
}

.ethicsbox .cont .gt .f_jt .li .f_t1 {
    color: #222222;
    margin-bottom: .04rem
}

.ethicsbox .cont .gt .f_jt .li .f_text {
    color: #222222
}

.supplybox {
    background-color: #f7f9fc;
    padding-top: 6px
}

@media (max-width: 767px) {
    .supplybox {
        padding-top: 1rem
    }
}

.supplybox .public-nav {
    border-bottom: none
}

.supplybox .enterbox_tit {
    max-width: 9.82rem;
    margin: 0 auto .5rem
}

.supplybox .enterbox_tit .text {
    line-height: 1.8;
    color: #333333
}

.supplybox .cont .item {
    background-color: #e7f1f7;
    padding: .36rem .5rem .36rem .3rem
}

@media (max-width: 767px) {
    .supplybox .cont .item {
        padding: .46rem .32rem
    }
}

.supplybox .cont .item .f_text {
    width: 100%;
    position: relative;
    padding-left: .44rem;
    line-height: 1.54545455
}

.supplybox .cont .item .f_text:before {
    content: "";
    display: block;
    position: absolute;
    top: .77272727em;
    left: 0;
    transform: translateY(-50%);
    width: .25rem;
    height: .25rem;
    background: url(../images/dagouimfz1.svg) no-repeat center / 100% auto
}

.supplybox .cont .item:nth-child(2n) {
    background-color: #ffffff
}

.employeebox .cont {
    overflow: hidden
}

.employeebox .cont:first-child {
    padding-top: 0
}

.employeebox .cont .enterbox_tit {
    max-width: 9.34rem;
    margin: 0 auto .57rem
}

.employeebox .cont .f_nei {
    position: relative;
    margin: 0 -0.15rem
}

.employeebox .cont .f_nei .employeebox_cont {
    width: auto;
    overflow: visible
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide {
    width: 33.333%;
    padding: 0 .15rem
}

@media (max-width: 991px) {
    .employeebox .cont .f_nei .employeebox_cont .swiper-slide {
        width: 38%
    }
}

@media (max-width: 767px) {
    .employeebox .cont .f_nei .employeebox_cont .swiper-slide {
        width: 80%
    }
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide .item {
    position: relative
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .img {
    padding-top: 110.76233184%
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .img:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/jianbaiimfz1.png) no-repeat left bottom / 100% auto
}

@media (max-width: 1199px) {
    .employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .img {
        background-color: #000
    }

    .employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .img img {
        opacity: .7
    }

    .employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .img:after {
        display: none
    }
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .font {
    z-index: 2;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: .32rem .34rem;
    color: #ffffff
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .font .text {
    padding-top: .07rem;
    line-height: 1.625;
    display: none
}

@media (max-width: 1199px) {
    .employeebox .cont .f_nei .employeebox_cont .swiper-slide .item .font .text {
        display: block
    }
}

.employeebox .cont .f_nei .employeebox_cont .swiper-slide .item:hover .img img {
    transform: scale(1.1)
}

.employeebox .cont .f_nei .employeebox_cont .qie {
    padding: 0 .15rem;
    width: 100%
}

.employeebox .cont .f_nei .employeebox_cont .qie .swiper-pagination {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #dddddd;
    margin-top: .7rem
}

.employeebox .cont .f_nei .employeebox_cont .qie .swiper-pagination span {
    background-color: #5ba7c8
}

.innovbox-sec1 {
    background-color: #f7f9fc
}

.innovbox-sec1 .container2 {
    display: flex;
    flex-wrap: wrap
}

.innovbox-sec1 .container2 .lt {
    width: 58.58%;
    padding-top: .46rem;
    padding-right: 3.07rem
}

@media (max-width: 1199px) {
    .innovbox-sec1 .container2 .lt {
        padding-right: 2rem
    }
}

@media (max-width: 991px) {
    .innovbox-sec1 .container2 .lt {
        padding-right: 1.2rem
    }
}

@media (max-width: 767px) {
    .innovbox-sec1 .container2 .lt {
        padding-right: 0;
        width: 100%;
        padding-top: 0;
        margin-bottom: .46rem
    }
}

.innovbox-sec1 .container2 .lt .f_tit {
    font-weight: bold;
    color: #284270;
    margin-bottom: .39rem
}

.innovbox-sec1 .container2 .lt .f_text {
    color: #666666;
    line-height: 1.625;
    padding-bottom: .44rem;
    border-bottom: 1px solid #e7edf2;
    margin-bottom: .5rem
}

.innovbox-sec1 .container2 .lt .f_jt {
    color: #333333;
    line-height: 1.44444444
}

.innovbox-sec1 .container2 .lt .f_jt p {
    margin-bottom: .14rem;
    position: relative;
    padding-left: 20px;
    color: #333333
}

.innovbox-sec1 .container2 .lt .f_jt p:last-child {
    margin-bottom: 0
}

.innovbox-sec1 .container2 .lt .f_jt p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .72222222em;
    width: 8px;
    height: 8px;
    transform: translateY(-50%);
    border-radius: 50%;
    background-color: #5ba7c8
}

.innovbox-sec1 .container2 .img {
    width: 41.42%
}

@media (max-width: 767px) {
    .innovbox-sec1 .container2 .img {
        width: 100%
    }
}

.innovbox-sec1 .container2 .img:before {
    padding-top: 113.79310345%
}

.innovbox-sec2 {
    overflow: hidden
}

.innovbox-sec2 .enterbox_tit {
    margin-bottom: .45rem
}

.innovbox-sec2 .cont {
    display: flex;
    margin: 0 -5px
}

.innovbox-sec2 .cont .item {
    width: 11.97%;
    flex: 1 1 auto;
    transition: all .4s;
    padding: 0 5px
}

.innovbox-sec2 .cont .item .li {
    display: block;
    overflow: hidden;
    position: relative
}

.innovbox-sec2 .cont .item .li .bag {
    width: 100%;
    height: 5.86rem;
    background-color: #000000;
    position: relative
}

.innovbox-sec2 .cont .item .li .bag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .5;
    transition: all .4s
}

.innovbox-sec2 .cont .item .li .bag:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s;
    z-index: 2;
    background: url(../images/jianbianimfz1.png) no-repeat left bottom / 100% 100%
}

.innovbox-sec2 .cont .item .li .hover1,
.innovbox-sec2 .cont .item .li .font {
    position: absolute;
    width: 100%;
    left: 0;
    z-index: 2
}

.innovbox-sec2 .cont .item .li .hover1 {
    top: 0;
    padding: .6rem 0 .44rem;
    color: #ffffff;
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    text-align: center;
    transition: all .4s .2s
}

.innovbox-sec2 .cont .item .li .hover1 .f_tit {
    width: 100%;
    padding: 0 .42%;
    padding: 0 calc(50% - .5em);
    line-height: 1.2
}

.innovbox-sec2 .cont .item .li .hover1 .f_tit span {
    writing-mode: vertical-rl;
    text-align: center;
    display: inline-block;
    margin-left: -0.2em
}

.innovbox-sec2 .cont .item .li .hover1 i {
    display: block;
    width: 14px;
    height: 2px;
    background-color: #ffffff;
    margin: 0 auto
}

.innovbox-sec2 .cont .item .li .hover1 i:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
    transform: rotate(90deg)
}

.innovbox-sec2 .cont .item .li .font {
    bottom: 0;
    transition: all .4s;
    padding: .55rem .4rem;
    padding-right: 2.5rem
}

@media (max-width: 1199px) {
    .innovbox-sec2 .cont .item .li .font {
        padding-right: 1rem
    }
}

.innovbox-sec2 .cont .item .li .font .f_icon,
.innovbox-sec2 .cont .item .li .font .f_tit,
.innovbox-sec2 .cont .item .li .font .text {
    transform: translateY(.3rem);
    opacity: 0;
    transition: all .1s
}

@media (max-width: 767px) {

    .innovbox-sec2 .cont .item .li .font .f_icon,
    .innovbox-sec2 .cont .item .li .font .f_tit,
    .innovbox-sec2 .cont .item .li .font .text {
        opacity: 1
    }
}

.innovbox-sec2 .cont .item .li .font .f_icon {
    display: block;
    width: 100%;
    height: .6rem;
    margin-bottom: .29rem
}

@media (max-width: 767px) {
    .innovbox-sec2 .cont .item .li .font .f_icon {
        height: .7rem
    }
}

.innovbox-sec2 .cont .item .li .font .f_icon img {
    height: 100%
}

.innovbox-sec2 .cont .item .li .font .f_tit {
    font-weight: bold;
    color: #ffffff;
    margin-bottom: .08rem
}

.innovbox-sec2 .cont .item .li .font .text {
    color: #ffffff;
    line-height: 1.625
}

@media (min-width: 992px) {
    .innovbox-sec2 .cont .on {
        width: 54.929%
    }

    .innovbox-sec2 .cont .on .li .bag img {
        opacity: 1
    }

    .innovbox-sec2 .cont .on .li .bag:after {
        opacity: 1
    }

    .innovbox-sec2 .cont .on .li .hover1 {
        opacity: 0;
        transition: all .4s
    }

    .innovbox-sec2 .cont .on .li .font {
        opacity: 1
    }

    .innovbox-sec2 .cont .on .li .font .f_icon,
    .innovbox-sec2 .cont .on .li .font .f_tit,
    .innovbox-sec2 .cont .on .li .font .text {
        transition: all .4s .2s;
        opacity: 1;
        transform: translateY(0)
    }

    .innovbox-sec2 .cont .on .li .font .f_tit {
        transition-delay: .3s
    }

    .innovbox-sec2 .cont .on .li .font .text {
        transition-delay: .4s
    }
}

@media (max-width: 991px) {
    .innovbox-sec2 .cont {
        flex-wrap: wrap
    }

    .innovbox-sec2 .cont .item {
        width: 50%;
        flex: 0 1 auto;
        margin-bottom: 10px
    }

    .innovbox-sec2 .cont .item:last-child {
        margin-bottom: 0
    }

    .innovbox-sec2 .cont .item .li .bag {
        height: 3.8rem
    }

    .innovbox-sec2 .cont .item .li .hover1 {
        display: none
    }

    .innovbox-sec2 .cont .item .li .font {
        opacity: 1;
        bottom: 50%;
        transform: translateY(50%);
        padding: .6rem .36rem
    }
}

@media (max-width: 767px) {
    .innovbox-sec2 .cont .item {
        width: 100%;
        margin-bottom: .4rem
    }

    .innovbox-sec2 .cont .item .li .bag {
        height: 4.6rem
    }
}

.innovbox-sec3 {
    position: relative
}

.innovbox-sec3 .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5ba7c8
}

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

.innovbox-sec3 .container2 {
    position: relative;
    padding: 0 .36rem
}

@media (max-width: 767px) {
    .innovbox-sec3 .container2 {
        padding: 0
    }
}

.innovbox-sec3 .enterbox_tit {
    margin-bottom: 1.07rem
}

@media (max-width: 767px) {
    .innovbox-sec3 .enterbox_tit {
        margin-bottom: .48rem
    }
}

.innovbox-sec3 .enterbox_tit .f_tit {
    color: #ffffff
}

.innovbox-sec3 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.56rem
}

@media (max-width: 767px) {
    .innovbox-sec3 .cont {
        margin: 0 -0.18rem
    }
}

.innovbox-sec3 .cont .item {
    width: 20%;
    padding: 0 .56rem;
    margin-bottom: .66rem
}

@media (max-width: 991px) {
    .innovbox-sec3 .cont .item {
        width: 25%;
        margin-bottom: .4rem
    }
}

@media (max-width: 767px) {
    .innovbox-sec3 .cont .item {
        width: 33.333%;
        padding: 0 .18rem
    }
}

.innovbox-sec3 .cont .item .list {
    display: flex;
    flex-direction: column;
    align-items: center
}

.innovbox-sec3 .cont .item .list .f_icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.72rem;
    height: 1.72rem;
    background: url(../images/svigimwfz1.svg) no-repeat center / 100% 100%;
    margin-bottom: .15rem
}

@media (max-width: 767px) {
    .innovbox-sec3 .cont .item .list .f_icon {
        width: 1.6rem;
        height: 1.6rem
    }
}

.innovbox-sec3 .cont .item .list .f_icon img {
    width: 100%;
    width: auto;
    height: auto;
    object-fit: contain;
    max-height: 49.41860465%;
    max-width: 49.41860465%
}

.innovbox-sec3 .cont .item .list .f_tit {
    color: #ffffff;
    line-height: 1.5;
    text-align: center
}

.innovbox-sec4 {
    position: relative
}

.innovbox-sec4 .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #5ba7c8
}

.innovbox-sec4 .bag img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: .9
}

.innovbox-sec4 .container2 {
    position: relative
}

.innovbox-sec4 .enterbox_tit {
    margin-bottom: .49rem
}

.innovbox-sec4 .enterbox_tit .f_tit {
    color: #ffffff
}

.innovbox-sec4 .cont {
    background-color: rgba(40, 66, 112, 0.95);
    padding: .8rem .9rem
}

@media (max-width: 991px) {
    .innovbox-sec4 .cont {
        padding: .6rem .4rem
    }
}

@media (max-width: 767px) {
    .innovbox-sec4 .cont {
        padding: .5rem .36rem
    }
}

.innovbox-sec4 .cont .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.61rem
}

@media (max-width: 991px) {
    .innovbox-sec4 .cont .f_jt {
        margin: 0 -0.3rem
    }
}

@media (max-width: 767px) {
    .innovbox-sec4 .cont .f_jt {
        margin: 0 -0.12rem
    }
}

.innovbox-sec4 .cont .f_jt .item {
    width: 50%;
    padding: 0 .61rem;
    margin-top: -2px
}

@media (max-width: 991px) {
    .innovbox-sec4 .cont .f_jt .item {
        padding: 0 .3rem
    }
}

@media (max-width: 767px) {
    .innovbox-sec4 .cont .f_jt .item {
        padding: 0 -0.12rem;
        width: 50%
    }
}

.innovbox-sec4 .cont .f_jt .item .list {
    padding: .4rem 0 .36rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
    border-bottom: 2px solid rgba(255, 255, 255, 0.1);
    border-top: 2px solid rgba(255, 255, 255, 0.1)
}

@media (max-width: 767px) {
    .innovbox-sec4 .cont .f_jt .item .list {
        justify-content: flex-start;
        align-content: flex-start
    }
}

.innovbox-sec4 .cont .f_jt .item .list .shu {
    display: flex;
    align-items: flex-end;
    width: 56.21%
}

@media (max-width: 767px) {
    .innovbox-sec4 .cont .f_jt .item .list .shu {
        width: 100%;
        margin-bottom: .14rem
    }
}

.innovbox-sec4 .cont .f_jt .item .list .shu span {
    line-height: 1.2;
    color: #ffffff;
    line-height: 1.4;
    opacity: .5
}

.innovbox-sec4 .cont .f_jt .item .list .shu .f_count {
    opacity: 1;
    color: #69b6d7;
    font-weight: bold;
    line-height: .9;
    font-size: .8rem
}

@media (max-width: 991px) {
    .innovbox-sec4 .cont .f_jt .item .list .shu .f_count {
        font-size: .6rem
    }
}

.innovbox-sec4 .cont .f_jt .item .list .f_tit {
    color: #ffffff;
    opacity: .7;
    width: 43.79%
}

@media (max-width: 767px) {
    .innovbox-sec4 .cont .f_jt .item .list .f_tit {
        width: 100%;
        font-size: .24rem
    }
}

.innovbox-sec5 {
    overflow: hidden
}

.innovbox-sec5 .enterbox_tit {
    margin-bottom: .44rem
}

.innovbox-sec5 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.27rem
}

@media (max-width: 767px) {
    .innovbox-sec5 .cont {
        margin: 0 -0.14rem
    }
}

.innovbox-sec5 .cont .item {
    width: 20%;
    padding: 0 .27rem;
    margin-bottom: .7rem
}

@media (max-width: 1199px) {
    .innovbox-sec5 .cont .item {
        width: 25%
    }
}

@media (max-width: 991px) {
    .innovbox-sec5 .cont .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .innovbox-sec5 .cont .item {
        padding: 0 .14rem
    }
}

.innovbox-sec5 .cont .item .list {
    display: block;
    position: relative
}

.innovbox-sec5 .cont .item .list .f_bag {
    width: 100%
}

.innovbox-sec5 .cont .item .list .f_bag img {
    width: 100%
}

.innovbox-sec5 .cont .item .list .font {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    padding: .71rem .66rem .4rem
}

@media (max-width: 767px) {
    .innovbox-sec5 .cont .item .list .font {
        padding: .4rem .4rem
    }
}

.innovbox-sec5 .cont .item .list .font .f_tit {
    color: #5ba7c8;
    line-height: 1;
    font-weight: bold;
    margin-bottom: 5px
}

@media (max-width: 991px) {
    .innovbox-sec5 .cont .item .list .font .f_tit {
        line-height: 1.2;
        margin-bottom: 3px
    }
}

@media (max-width: 767px) {
    .innovbox-sec5 .cont .item .list .font .f_tit {
        font-size: .26rem
    }
}

.innovbox-sec5 .cont .item .list .font .name {
    color: #999999
}

@media (max-width: 767px) {
    .innovbox-sec5 .cont .item .list .font .name {
        font-size: .22rem
    }
}

.innovbox-sec6 {
    overflow: hidden;
    padding-top: .54rem
}

.innovbox-sec6 .enterbox_tit {
    margin-bottom: .45rem
}

.innovbox-sec6 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.15rem
}

@media (max-width: 767px) {
    .innovbox-sec6 .cont {
        margin: 0 -0.12rem
    }
}

.innovbox-sec6 .cont .item {
    width: 33.33%;
    padding: 0 .15rem;
    margin-bottom: .3rem
}

@media (max-width: 991px) {
    .innovbox-sec6 .cont .item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .innovbox-sec6 .cont .item {
        width: 100%;
        padding: 0 .12rem
    }
}

.innovbox-sec6 .cont .item .list {
    display: block;
    height: 100%;
    background-color: #fafafa;
    transition: all .4s;
    padding: .4rem .32rem .28rem;
    position: relative
}

.innovbox-sec6 .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all .4s;
    background: url(../images/baimgfz1.png) no-repeat center / cover
}

.innovbox-sec6 .cont .item .list .f_icon {
    position: relative;
    height: .36rem;
    margin-bottom: .75rem
}

@media (max-width: 767px) {
    .innovbox-sec6 .cont .item .list .f_icon {
        height: .5rem
    }
}

.innovbox-sec6 .cont .item .list .f_icon img,
.innovbox-sec6 .cont .item .list .f_icon svg {
    height: 100%;
    width: auto
}

.innovbox-sec6 .cont .item .list .f_icon img path,
.innovbox-sec6 .cont .item .list .f_icon svg path {
    fill: #5ba7c8;
    transition: all .4s
}

.innovbox-sec6 .cont .item .list .font {
    position: relative;
    transition: all .4s;
    margin-bottom: .18rem
}

.innovbox-sec6 .cont .item .list .font:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: -0.18rem;
    width: .4rem;
    height: 3px;
    background-color: #dddddd;
    transition: all .4s
}

.innovbox-sec6 .cont .item .list .font .f_tit {
    font-weight: bold;
    color: #333333;
    margin-bottom: .1rem;
    line-height: 34px;
    transition: all .4s
}

@media (max-width: 1580px) {
    .innovbox-sec6 .cont .item .list .font .f_tit {
        line-height: 30px
    }
}

@media (max-width: 991px) {
    .innovbox-sec6 .cont .item .list .font .f_tit {
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .innovbox-sec6 .cont .item .list .font .f_tit {
        line-height: .46rem
    }
}

.innovbox-sec6 .cont .item .list .font .text {
    color: #666666;
    transition: all .4s
}

.innovbox-sec6 .cont .item .list .but {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    transition: all .4s;
    position: relative;
    color: #222222
}

.innovbox-sec6 .cont .item .list .but img,
.innovbox-sec6 .cont .item .list .but svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: .1rem
}

@media (max-width: 1580px) {

    .innovbox-sec6 .cont .item .list .but img,
    .innovbox-sec6 .cont .item .list .but svg {
        width: 20px;
        height: 20px
    }
}

.innovbox-sec6 .cont .item .list .but img path,
.innovbox-sec6 .cont .item .list .but svg path {
    fill: #222222;
    transition: all .4s
}

.innovbox-sec6 .cont .item .list .but img:nth-child(2) {
    display: none
}

@media (min-width: 992px) {
    .innovbox-sec6 .cont .item .list:hover {
        background-color: #5ba7c8
    }

    .innovbox-sec6 .cont .item .list:hover:before {
        opacity: 1
    }

    .innovbox-sec6 .cont .item .list:hover .f_icon svg path,
    .innovbox-sec6 .cont .item .list:hover .but svg path {
        fill: #ffffff
    }

    .innovbox-sec6 .cont .item .list:hover .but img {
        display: none
    }

    .innovbox-sec6 .cont .item .list:hover .but img:nth-child(2) {
        display: block
    }

    .innovbox-sec6 .cont .item .list:hover .but {
        color: #ffffff
    }

    .innovbox-sec6 .cont .item .list:hover .font {
        transform: translateY(-0.22rem)
    }

    .innovbox-sec6 .cont .item .list:hover .font:before {
        opacity: 0
    }

    .innovbox-sec6 .cont .item .list:hover .font .f_tit {
        color: #ffffff;
        font-size: .24rem
    }

    .innovbox-sec6 .cont .item .list:hover .font .text {
        color: #ffffff
    }
}

@media (min-width: 992px) and (max-width: 1580px) {
    .innovbox-sec6 .cont .item .list:hover .font .f_tit {
        font-size: 20px
    }
}

@media (min-width: 992px) and (max-width: 991px) {
    .innovbox-sec6 .cont .item .list:hover .font .f_tit {
        font-size: 18px
    }
}

@media (min-width: 992px) and (max-width: 767px) {
    .innovbox-sec6 .cont .item .list:hover .font .f_tit {
        font-size: .34rem
    }
}

.envirbox-sec1 .cont {
    margin: 0 -0.15rem;
    display: flex;
    flex-wrap: wrap
}

.envirbox-sec1 .box0 {
    width: 33%;
    padding: 0 .15rem;
    margin-bottom: .3rem
}

@media (max-width: 991px) {
    .envirbox-sec1 .box0 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .envirbox-sec1 .box0 {
        width: 100%
    }
}

.envirbox-sec1 .box0 .box {
    background-color: #Fff;
    background-color: #f5f5f5;
    padding: .4rem .3rem;
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s
}

.envirbox-sec1 .box0 .box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #5ba7c8
}

.envirbox-sec1 .box0 .box:hover .bgimg {
    opacity: 1
}

.envirbox-sec1 .box0 .box:hover .cn1 {
    color: #Fff
}

.envirbox-sec1 .box0 .box:hover .cn2 {
    color: #fff
}

.envirbox-sec1 .box0 .box:hover .cn3 {
    color: #Fff
}

.envirbox-sec1 .box0 .box:hover .cn3 svg path {
    fill: #Fff
}

.envirbox-sec1 .box0 .box .bgimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    opacity: 0
}

.envirbox-sec1 .box0 .box .bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.envirbox-sec1 .box0 .box .cn1 {
    color: #999999;
    line-height: 1.625em;
    position: relative;
    transition: all .5s
}

.envirbox-sec1 .box0 .box .cn2 {
    color: #333333;
    line-height: 1.5em;
    margin: .2rem 0 .6rem;
    height: 4.5em;
    position: relative;
    transition: all .5s
}

.envirbox-sec1 .box0 .box .cn3 {
    display: flex;
    align-items: center;
    color: #000000;
    position: relative;
    transition: all .5s
}

.envirbox-sec1 .box0 .box .cn3 svg {
    width: .07rem;
    height: .12rem;
    margin-left: .2rem
}

.envirbox-sec1 .box0 .box .cn3 svg path {
    fill: #000;
    opacity: 1;
    stroke: none;
    transition: all .5s
}

.envirbox-sec1 .hm_but {
    margin: 0 auto
}

.productbox-sec1 {
    background-color: #f7f9fc;
    padding-bottom: 1.4rem;
    padding-top: 1.2rem
}

@media (min-width: 768px) {
    .productbox-sec1 {
        padding-top: .8rem
    }
}

.productbox-sec1 .cont {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
    margin: 0 -0.15rem
}

@media (max-width: 767px) {
    .productbox-sec1 .cont {
        margin: 0
    }
}

.productbox-sec1 .cont .lt,
.productbox-sec1 .cont .gt {
    padding: 0 .15rem
}

@media (max-width: 767px) {

    .productbox-sec1 .cont .lt,
    .productbox-sec1 .cont .gt {
        padding: 0
    }
}

.productbox-sec1 .cont .lt {
    width: 24.3356%
}

@media (min-width: 992px) {
    .productbox-sec1 .cont .lt {
        position: sticky;
        position: -webkit-sticky;
        top: .4rem
    }
}

.productbox-sec1 .cont .lt .f_list {
    background-color: #ffffff
}

@media (max-width: 991px) {
    .productbox-sec1 .cont .lt .f_list {
        display: none
    }
}

.productbox-sec1 .cont .lt .f_list>li .tit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .16rem .2rem;
    color: #0e2339;
    border-bottom: 1px solid #eeeeee
}

.productbox-sec1 .cont .lt .f_list>li .tit span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 80%;
    padding-right: .2rem;
    width: calc(100% - 7px)
}

.productbox-sec1 .cont .lt .f_list>li .tit img,
.productbox-sec1 .cont .lt .f_list>li .tit svg {
    width: 7px;
    height: 10px;
    transition: all .4s;
    opacity: 0
}

.productbox-sec1 .cont .lt .f_list>li .tit img path,
.productbox-sec1 .cont .lt .f_list>li .tit svg path {
    fill: #5ba7c8
}

.productbox-sec1 .cont .lt .f_list>li:last-child .tit {
    border-bottom: none
}

.productbox-sec1 .cont .lt .f_list>li.on .tit {
    color: #5ba7c8;
    border-color: #5ba7c8
}

.productbox-sec1 .cont .lt .f_list>li.on .tit svg,
.productbox-sec1 .cont .lt .f_list>li.on .tit img {
    opacity: 1
}

.productbox-sec1 .cont .lt .f_jt {
    background-color: #5ba7c8;
    padding: .27rem .26rem .4rem;
    background: #5ba7c8 url(../images/probagim1.png) no-repeat left bottom / cover
}

.productbox-sec1 .cont .lt .f_jt .f_tit {
    color: #ffffff;
    line-height: 1.41666667;
    padding-bottom: .17rem;
    margin-bottom: .14rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1)
}

.productbox-sec1 .cont .lt .f_jt .conta_list {
    margin-bottom: .45rem
}

.productbox-sec1 .cont .lt .f_jt .conta_list .li {
    color: #ffffff;
    margin-bottom: .17rem
}

.productbox-sec1 .cont .lt .f_jt .conta_list .li:last-child {
    margin-bottom: 0
}

.productbox-sec1 .cont .lt .f_jt .conta_list .li .name {
    opacity: .5;
    margin-bottom: 6px
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .lt .f_jt .conta_list .li .name {
        margin-bottom: 3px
    }
}

.productbox-sec1 .cont .lt .f_jt .conta_list .li .text {
    font-weight: bold
}

@media (max-width: 991px) {
    .productbox-sec1 .cont .lt {
        width: 100%;
        order: 1;
        margin-top: .6rem
    }

    .productbox-sec1 .cont .lt .f_jt {
        padding: .6rem .4rem
    }
}

.productbox-sec1 .cont .gt {
    width: 75.6644%
}

@media (max-width: 991px) {
    .productbox-sec1 .cont .gt {
        width: 100%
    }
}

.productbox-sec1 .cont .gt .f_head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: .4rem
}

.productbox-sec1 .cont .gt .f_head .f_tit {
    display: flex;
    align-items: center;
    color: #0e2339;
    font-weight: bold
}

.productbox-sec1 .cont .gt .f_head .f_tit img,
.productbox-sec1 .cont .gt .f_head .f_tit svg {
    margin-left: .1rem;
    width: 9px;
    height: 14px
}

@media (max-width: 1580px) {

    .productbox-sec1 .cont .gt .f_head .f_tit img,
    .productbox-sec1 .cont .gt .f_head .f_tit svg {
        width: 7px;
        height: 12px
    }
}

.productbox-sec1 .cont .gt .f_head .f_tit img path,
.productbox-sec1 .cont .gt .f_head .f_tit svg path {
    fill: #999999
}

.productbox-sec1 .cont .gt .f_head .f_form {
    display: flex;
    width: 4.04rem;
    align-items: center;
    border: solid 1px #d8dde4;
    padding: 0 .2rem;
    justify-content: space-between
}

.productbox-sec1 .cont .gt .f_head .f_form input {
    padding: .17rem 0;
    padding-right: .2rem;
    width: calc(70%);
    width: calc(100% - 19px);
    color: #222222
}

.productbox-sec1 .cont .gt .f_head .f_form input::-webkit-input-placeholder {
    color: #999999
}

.productbox-sec1 .cont .gt .f_head .f_form input:-moz-placeholder {
    color: #999999
}

.productbox-sec1 .cont .gt .f_head .f_form input::-o-placeholder {
    color: #999999
}

.productbox-sec1 .cont .gt .f_head .f_form input::-ms-input-placeholder {
    color: #999999
}

.productbox-sec1 .cont .gt .f_head .f_form .f_sub {
    flex: 0 0 auto;
    width: 19px;
    height: 19px
}

.productbox-sec1 .cont .gt .f_head .f_form .f_sub img,
.productbox-sec1 .cont .gt .f_head .f_form .f_sub svg {
    height: 100%;
    width: auto;
    max-width: 100%
}

.productbox-sec1 .cont .gt .f_head .f_form .f_sub img path,
.productbox-sec1 .cont .gt .f_head .f_form .f_sub svg path {
    fill: #666666;
    transition: all .4s
}

.productbox-sec1 .cont .gt .f_head .f_form .f_sub:hover svg path {
    fill: #5ba7c8
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .f_head .f_form {
        width: 100%;
        margin-top: .4rem;
        padding: 0 .36rem
    }

    .productbox-sec1 .cont .gt .f_head .f_form input {
        padding: .26rem 0;
        padding-right: .2rem
    }
}

.productbox-sec1 .cont .gt .f_jt {
    background-color: #ffffff;
    padding: .2rem .33rem .42rem;
    margin-bottom: .2rem
}

.productbox-sec1 .cont .gt .f_jt:last-child {
    margin-bottom: 0
}

.productbox-sec1 .cont .gt .f_jt .f_font {
    padding-bottom: .24rem;
    border-bottom: 1px solid #eeeeee;
    margin-bottom: .3rem
}

.productbox-sec1 .cont .gt .f_jt .f_font .f_tit {
    color: #284270;
    font-weight: bold;
    margin-bottom: .17rem
}

.productbox-sec1 .cont .gt .f_jt .f_font .text {
    color: #666666;
    line-height: 30/16
}

.productbox-sec1 .cont .gt .f_jt .f_list {
    display: flex;
    flex-wrap: wrap
}

.productbox-sec1 .cont .gt .f_jt .f_list .item {
    display: block;
    width: calc(25% - 14px);
    padding: 8px 10px;
    transition: all .4s;
    margin-bottom: .14rem;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-right: 14px
}

@media (min-width: 1581px) {
    .productbox-sec1 .cont .gt .f_jt .f_list .item:nth-child(4n) {
        margin-right: 0
    }
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .f_jt .f_list .item {
        padding: 6px 8px;
        width: calc(25% - 10px)
    }
}

@media (max-width: 1580px) and (min-width: 768px) {
    .productbox-sec1 .cont .gt .f_jt .f_list .item {
        margin-right: 10px
    }
}

@media (max-width: 991px) {
    .productbox-sec1 .cont .gt .f_jt .f_list .item {
        width: calc(33.333% - 10px)
    }
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .f_jt .f_list .item {
        width: auto;
        margin-right: .4rem
    }
}

.productbox-sec1 .cont .gt .f_jt .f_list .item:hover {
    background-color: rgba(91, 167, 200, 0.1)
}

.productbox-sec1 .cont .gt .prosearch_head {
    margin-bottom: .08rem
}

.productbox-sec1 .cont .gt .fz_tishi {
    color: #666666;
    margin-bottom: .37rem
}

.productbox-sec1 .cont .gt .prosearch_cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .prosearch_cont {
        margin: 0 -5px
    }
}

.productbox-sec1 .cont .gt .prosearch_cont .item {
    width: 33.33%;
    padding: 0 9px;
    margin-bottom: .31rem
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .prosearch_cont .item {
        padding: 0 5px
    }
}

@media (max-width: 991px) {
    .productbox-sec1 .cont .gt .prosearch_cont .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .prosearch_cont .item {
        width: 50%
    }
}

.productbox-sec1 .cont .gt .prosearch_cont .item .list {
    display: block
}

.productbox-sec1 .cont .gt .prosearch_cont .item .list .img {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: .19rem
}

.productbox-sec1 .cont .gt .prosearch_cont .item .list .img:before {
    padding-top: 100%
}

.productbox-sec1 .cont .gt .prosearch_cont .item .list .f_tit {
    color: #333333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.productbox-sec1 .cont .gt .prosearch_cont .item .list:hover .img img {
    transform: scale(1.08)
}

.productbox-sec1 .cont .gt .class_head {
    margin-bottom: .44rem
}

.productbox-sec1 .cont .gt .class_head .f_tit {
    color: #0e2339;
    font-weight: bold;
    margin-bottom: .11rem;
    margin-bottom: .4rem
}

.productbox-sec1 .cont .gt .class_head .text {
    color: #666666;
    line-height: 1.875
}

.productbox-sec1 .cont .gt .class_head .fz_font {
    display: flex;
    align-items: center
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_head .fz_font {
        flex-wrap: wrap
    }
}

.productbox-sec1 .cont .gt .class_head .fz_font .img {
    width: 26%;
    flex: 0 0 auto;
    margin-right: .4rem
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_head .fz_font .img {
        width: 100%;
        margin-bottom: .26rem
    }
}

.productbox-sec1 .cont .gt .class_head .fz_font .img:before {
    padding-top: 84.41558442%
}

.productbox-sec1 .cont .gt .class_head .fz_font .font {
    flex: 1 1 auto
}

.productbox-sec1 .cont .gt .class_head .f_fujian {
    margin-top: .26rem
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item {
    width: 100%;
    padding: 0 .2rem
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_head .f_fujian .item {
        padding: 0;
        width: 100%
    }
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .14rem;
    border-bottom: 1px solid #ddd
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li .f_nei {
    display: flex;
    align-items: center;
    width: calc(100% - 16px);
    padding-right: .2rem
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li img,
.productbox-sec1 .cont .gt .class_head .f_fujian .item .li svg {
    width: 16px;
    height: auto;
    max-height: 20px;
    object-fit: contain
}

@media (max-width: 1580px) {

    .productbox-sec1 .cont .gt .class_head .f_fujian .item .li img,
    .productbox-sec1 .cont .gt .class_head .f_fujian .item .li svg {
        width: 12px;
        max-height: 18px
    }
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li img path,
.productbox-sec1 .cont .gt .class_head .f_fujian .item .li svg path {
    transition: all .4s;
    fill: #333333
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li .f_tit1 {
    width: 84%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    transition: all .4s;
    width: calc(100% - 16px);
    padding-left: 9px
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .class_head .f_fujian .item .li .f_tit1 {
        padding-left: 6px;
        width: calc(100% - 12px)
    }
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li:hover svg path {
    fill: #5ba7c8
}

.productbox-sec1 .cont .gt .class_head .f_fujian .item .li:hover .f_tit1 {
    color: #5ba7c8
}

.productbox-sec1 .cont .gt .class_list {
    width: 100%
}

.productbox-sec1 .cont .gt .class_list .class_list_item {
    background-color: #ffffff;
    margin-bottom: 20px
}

.productbox-sec1 .cont .gt .class_list .class_list_item:last-child {
    margin-bottom: 0
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    border-bottom: 1px solid #eeeeee
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .img {
    width: 15.21%;
    width: 30%
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .img {
        width: 100%
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .img:before {
    padding-top: 78.125%
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font {
    width: 84.79%;
    width: 70%;
    padding-left: 16px
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font {
        padding-left: 14px
    }
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font {
        width: 100%
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font .f_tit {
    color: #284270;
    font-weight: bold;
    margin-bottom: 4px
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font .f_text {
    color: #666666;
    line-height: 1.5;
    padding-right: .2rem
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font .f_text::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font .f_text::-webkit-scrollbar-thumb {
    border-radius: 3px;
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    background: #5ba7c8
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font .f_text::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    background: #ededed
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info {
        padding: 16px
    }
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info {
        padding: 0
    }

    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font {
        padding: .4rem .34rem .36rem
    }

    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_info .font .f_tit {
        font-size: .34rem
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei {
    display: flex;
    flex-wrap: wrap
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav {
    background-color: rgba(91, 167, 200, 0.1);
    padding: 20px;
    width: 16.539%;
    position: relative;
    padding-bottom: .6rem
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav {
        padding: 16px;
        padding-bottom: .4rem
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav .f_list {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav .f_list {
        display: block;
        position: sticky;
        top: 20px;
        position: -webkit-sticky
    }
}

@media (min-width: 768px) and (max-width: 1580px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav .f_list {
        top: 16px
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav li {
    width: 100%
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav li .item {
    color: #333333;
    display: block;
    padding: .1rem .18rem;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav li.on {
    background-color: rgba(91, 167, 200, 0.1)
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav {
        padding: .4rem .36rem .26rem;
        display: flex;
        flex-wrap: wrap;
        width: 100%
    }

    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav li {
        width: auto;
        margin-bottom: .14rem
    }

    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_nav li .item {
        padding: .1rem .26rem;
        margin-right: .3rem
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt {
    position: relative;
    width: 83.461%
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt {
        width: 100%
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen {
    position: absolute;
    top: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .4s;
    width: 100%;
    padding: .22rem .4rem .48rem
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen {
        padding: .22rem .36rem .48rem
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list {
    display: flex;
    flex-wrap: wrap;
    align-content: flex-start;
    transition: all .4s;
    overflow: hidden;
    margin: 0 -0.2rem
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list {
        margin: 0
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item {
    width: 50%;
    padding: 0 .2rem
}

@media (max-width: 767px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item {
        padding: 0;
        width: 100%
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li {
    display: flex;
    align-items: center;
    padding: .14rem;
    border-bottom: 1px dashed #eeeeee
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li img,
.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li svg {
    width: 16px;
    height: auto;
    max-height: 20px;
    object-fit: contain
}

@media (max-width: 1580px) {

    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li img,
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li svg {
        width: 12px;
        max-height: 18px
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li img path,
.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li svg path {
    transition: all .4s;
    fill: #333333
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li .f_tit {
    width: 84%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    transition: all .4s;
    width: calc(100% - 16px);
    padding-left: 9px
}

@media (max-width: 1580px) {
    .productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li .f_tit {
        padding-left: 6px;
        width: calc(100% - 12px)
    }
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li:hover svg path {
    fill: #5ba7c8
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_list .item .li:hover .f_tit {
    color: #5ba7c8
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .42rem;
    color: #333333;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn img,
.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn svg {
    width: 13px;
    height: 8px;
    margin-right: 8px;
    transition: all .4s;
    object-fit: contain
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn img path,
.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn svg path {
    fill: #5ba7c8
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn span {
    display: block
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn span:last-child {
    display: none
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn.on {
    color: #5ba7c8
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn.on svg,
.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn.on img {
    transform: rotate(180deg)
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn.on span {
    display: none
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .f_fen .f_btn.on span:last-child {
    display: block
}

.productbox-sec1 .cont .gt .class_list .class_list_item .pro_nei .nei_gt .active {
    position: relative;
    z-index: 1;
    visibility: inherit;
    opacity: 1
}

.servicebox {
    background-color: #f7f9fc
}

.servicebox .public-nav.public-navnoline {
    border-bottom: 1px solid #eeeeee;
    background-color: transparent
}

.servicebox .public-nav.public-navnoline .container {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}

@media (max-width: 1580px) {
    .servicebox .public-nav.public-navnoline .container {
        width: 90%
    }
}

@media (max-width: 767px) {
    .servicebox .public-nav.public-navnoline .container {
        width: 90%
    }
}

.servicebox-sec1 {
    padding: .8rem 0 1.4rem;
    overflow: hidden
}

.servicebox-sec1 .cont {
    margin-bottom: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.servicebox-sec1 .cont:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .servicebox-sec1 .cont {
        margin-bottom: .8rem
    }
}

.servicebox-sec1 .cont .lt {
    position: relative;
    z-index: 2;
    width: 35.714%;
    padding-right: 1.86rem;
    padding-top: .36rem
}

@media (max-width: 991px) {
    .servicebox-sec1 .cont .lt {
        padding-right: .6rem
    }
}

@media (max-width: 767px) {
    .servicebox-sec1 .cont .lt {
        width: 100%;
        padding-right: 0;
        padding-top: 0
    }
}

.servicebox-sec1 .cont .lt .f_tit {
    color: #284270;
    font-weight: bold;
    margin-bottom: .17rem
}

.servicebox-sec1 .cont .lt .text {
    color: #666666;
    line-height: 1.66666667;
    margin-bottom: .34rem
}

.servicebox-sec1 .cont .gt {
    width: 64.286%;
    position: relative
}

@media (max-width: 767px) {
    .servicebox-sec1 .cont .gt {
        width: 100%;
        margin-top: .4rem
    }
}

.servicebox-sec1 .cont .gt:after {
    content: "";
    display: block;
    position: absolute;
    right: 100%;
    top: 0;
    z-index: 1;
    width: 100vw;
    height: 100%;
    background-color: #f7f9fc
}

.servicebox-sec1 .cont .gt .servicebox1_cont {
    margin: 0 -0.1rem;
    overflow: visible
}

.servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide {
    padding: 0 .1rem;
    width: 50%
}

@media (max-width: 767px) {
    .servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide {
        width: 80%
    }
}

.servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide .item {
    display: block;
    width: 100%;
    position: relative
}

.servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide .item .img:before {
    padding-top: 125%
}

.servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide .item .img:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/poefwdfibag1.png) no-repeat left bottom / cover
}

.servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide .item .f_tit {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    text-align: center;
    color: #ffffff;
    padding: .34rem .24rem
}

.servicebox-sec1 .cont .gt .servicebox1_cont .swiper-slide .item:hover .img img {
    transform: scale(1.04)
}

.servicebox-sec1 .cont .gt .servicebox1_cont .qie {
    padding: 0 .15rem;
    width: 100%
}

.servicebox-sec1 .cont .gt .servicebox1_cont .qie .swiper-pagination {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    height: 2px;
    background-color: #dddddd;
    margin-top: .7rem
}

.servicebox-sec1 .cont .gt .servicebox1_cont .qie .swiper-pagination span {
    background-color: #5ba7c8
}

.base_prev,
.base_next {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    opacity: 1;
    transition: all .4s;
    background: none
}

.base_prev:before,
.base_next:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: opacity .4s, background .4s;
    border-radius: 50%;
    background-color: #284270;
    box-shadow: 3px 5px .3rem 0 rgba(0, 0, 0, 0.01);
    opacity: .05
}

.base_prev svg,
.base_next svg,
.base_prev img,
.base_next img {
    position: relative;
    width: auto;
    max-width: 27.5%;
    height: 27.5%
}

.base_prev svg path,
.base_next svg path,
.base_prev img path,
.base_next img path {
    fill: #d9dcdf
}

.base_prev:hover:before,
.base_next:hover:before {
    background-color: #5ba7c8;
    opacity: .5
}

.base_prev:hover svg path,
.base_next:hover svg path {
    fill: #ffffff
}

.base_prev.swiper-button-lock,
.base_next.swiper-button-lock {
    display: none
}

.solutionbox-sec1 {
    overflow: hidden;
    padding-bottom: 1.4rem
}

.solutionbox-sec1 .container2 {
    position: relative
}

.solutionbox-sec1 .container2 .solutionbox1_prev,
.solutionbox-sec1 .container2 .solutionbox1_next {
    top: 50%;
    transform: translateY(-50%);
    margin-top: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    opacity: 1;
    transition: all .4s;
    background: none;
    background-color: rgba(40, 66, 112, 0.05);
    box-shadow: 3px 5px .3rem 0 rgba(0, 0, 0, 0.05)
}

.solutionbox-sec1 .container2 .solutionbox1_prev svg,
.solutionbox-sec1 .container2 .solutionbox1_next svg,
.solutionbox-sec1 .container2 .solutionbox1_prev img,
.solutionbox-sec1 .container2 .solutionbox1_next img {
    width: auto;
    max-width: 27.5%;
    height: 27.5%
}

.solutionbox-sec1 .container2 .solutionbox1_prev svg path,
.solutionbox-sec1 .container2 .solutionbox1_next svg path,
.solutionbox-sec1 .container2 .solutionbox1_prev img path,
.solutionbox-sec1 .container2 .solutionbox1_next img path {
    fill: #d9dcdf
}

.solutionbox-sec1 .container2 .solutionbox1_prev:hover,
.solutionbox-sec1 .container2 .solutionbox1_next:hover {
    background-color: rgba(91, 167, 200, 0.5)
}

.solutionbox-sec1 .container2 .solutionbox1_prev:hover svg path,
.solutionbox-sec1 .container2 .solutionbox1_next:hover svg path {
    fill: #ffffff
}

.solutionbox-sec1 .container2 .solutionbox1_prev.swiper-button-lock,
.solutionbox-sec1 .container2 .solutionbox1_next.swiper-button-lock {
    display: none
}

.solutionbox-sec1 .container2 .solutionbox1_prev {
    left: -1.4rem
}

.solutionbox-sec1 .container2 .solutionbox1_next {
    right: -1.4rem
}

.solutionbox-sec1 .container2 .solutionbox1_next img,
.solutionbox-sec1 .container2 .solutionbox1_next svg {
    margin-right: -16%
}

@media (max-width: 1900px) {
    .solutionbox-sec1 .container2 .solutionbox1_prev {
        left: -1rem
    }

    .solutionbox-sec1 .container2 .solutionbox1_next {
        right: -1rem
    }
}

@media (max-width: 1199px) {

    .solutionbox-sec1 .container2 .solutionbox1_next,
    .solutionbox-sec1 .container2 .solutionbox1_prev {
        background-color: rgba(40, 66, 112, 0.5)
    }

    .solutionbox-sec1 .container2 .solutionbox1_next:hover,
    .solutionbox-sec1 .container2 .solutionbox1_prev:hover {
        background-color: #284270
    }

    .solutionbox-sec1 .container2 .solutionbox1_prev {
        left: -0.4rem
    }

    .solutionbox-sec1 .container2 .solutionbox1_next {
        right: -0.4rem
    }
}

@media (max-width: 767px) {

    .solutionbox-sec1 .container2 .solutionbox1_next,
    .solutionbox-sec1 .container2 .solutionbox1_prev {
        top: 2.8rem;
        display: none;
        background-color: #284270
    }

    .solutionbox-sec1 .container2 .solutionbox1_prev {
        left: -0.3rem
    }

    .solutionbox-sec1 .container2 .solutionbox1_next {
        right: -0.3rem
    }
}

.solutionbox-sec1 .solutionbox1_cont {
    width: 100%
}

.solutionbox-sec1 .solutionbox1_cont .item {
    display: flex;
    flex-wrap: wrap
}

.solutionbox-sec1 .solutionbox1_cont .item .img {
    width: 50.714%
}

.solutionbox-sec1 .solutionbox1_cont .item .img:before {
    padding-top: 84.50704225%
}

.solutionbox-sec1 .solutionbox1_cont .item .font {
    width: 49.286%;
    background: #5ba7c8 url(../images/solutiongimfz1.png) no-repeat left bottom / cover;
    padding: .94rem .91rem;
    color: #ffffff
}

@media (max-width: 991px) {
    .solutionbox-sec1 .solutionbox1_cont .item .font {
        padding: .5rem .4rem
    }
}

.solutionbox-sec1 .solutionbox1_cont .item .font .f_tit {
    font-weight: bold;
    padding-bottom: .29rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    margin-bottom: .43rem
}

.solutionbox-sec1 .solutionbox1_cont .item .font .f_jt {
    width: 100%
}

.solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li {
    display: flex;
    flex-wrap: wrap;
    line-height: 28px;
    margin-bottom: 8px
}

@media (max-width: 1580px) {
    .solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li {
        margin-bottom: 4px;
        line-height: 24px
    }
}

@media (max-width: 767px) {
    .solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li {
        line-height: .36rem;
        margin-bottom: .16rem
    }

    .solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li .name,
    .solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li .text {
        font-size: .26rem
    }
}

.solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li .name {
    font-weight: bold;
    width: 100px;
    padding-right: .1rem
}

@media (max-width: 1580px) {
    .solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li .name {
        width: 90px
    }
}

.solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li .text {
    opacity: .8;
    width: 50%;
    width: calc(100% - 100px)
}

@media (max-width: 1580px) {
    .solutionbox-sec1 .solutionbox1_cont .item .font .f_jt .li .text {
        width: calc(100% - 90px)
    }
}

@media (max-width: 767px) {
    .solutionbox-sec1 .solutionbox1_cont .item .img {
        width: 100%
    }

    .solutionbox-sec1 .solutionbox1_cont .item .font {
        width: 100%
    }
}

.solutionbox-sec2 {
    background-color: #f7f9fc
}

.solutionbox-sec2 .enterbox_tit {
    margin-bottom: .46rem
}

.solutionbox-sec2 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

@media (max-width: 1580px) {
    .solutionbox-sec2 .cont {
        margin: 0 -5px
    }
}

.solutionbox-sec2 .cont .item {
    width: 25%;
    padding: 0 9px;
    margin-bottom: .31rem
}

@media (max-width: 1580px) {
    .solutionbox-sec2 .cont .item {
        padding: 0 5px
    }
}

@media (max-width: 991px) {
    .solutionbox-sec2 .cont .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .solutionbox-sec2 .cont .item {
        width: 50%
    }
}

.solutionbox-sec2 .cont .item .list {
    display: block
}

.solutionbox-sec2 .cont .item .list .img {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: .19rem
}

.solutionbox-sec2 .cont .item .list .img:before {
    padding-top: 100%
}

.solutionbox-sec2 .cont .item .list .f_tit {
    color: #333333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.solutionbox-sec2 .cont .item .list:hover .img img {
    transform: scale(1.08)
}

.solutionbox-sec2 .f_more {
    display: flex;
    color: #333333;
    justify-content: center;
    align-items: center;
    margin-top: .43rem
}

.solutionbox-sec2 .f_more img,
.solutionbox-sec2 .f_more svg {
    margin-right: .13rem;
    width: .26rem;
    height: .26rem;
    animation: rota360g 2s linear infinite
}

@media (max-width: 767px) {

    .solutionbox-sec2 .f_more img,
    .solutionbox-sec2 .f_more svg {
        width: .36rem;
        height: .36rem
    }
}

.solutionbox-sec2 .f_more img path,
.solutionbox-sec2 .f_more svg path {
    fill: #666666
}

.searchbox .public-nav.public-navnoline {
    background-color: transparent
}

.searchbox .public-nav.public-navnoline .container {
    margin: 0 auto;
    width: 86%;
    max-width: 1400px
}

@media (max-width: 1580px) {
    .searchbox .public-nav.public-navnoline .container {
        width: 90%
    }
}

@media (max-width: 767px) {
    .searchbox .public-nav.public-navnoline .container {
        width: 90%
    }
}

.searchbox-sec1 {
    padding-top: .32rem;
    padding-bottom: 1.5rem
}

.searchbox-sec1 .enterbox_tit {
    margin-bottom: .36rem
}

.searchbox-sec1 .f_form {
    display: flex;
    align-items: center;
    width: 5rem;
    border: solid 1px #d8dde4;
    padding: 0 .2rem;
    justify-content: space-between;
    margin: 0 auto
}

@media (max-width: 991px) {
    .searchbox-sec1 .f_form {
        width: 7.6rem
    }
}

@media (max-width: 767px) {
    .searchbox-sec1 .f_form {
        width: 100%
    }
}

.searchbox-sec1 .f_form input {
    padding: .17rem 0;
    padding-right: .2rem;
    width: calc(70%);
    width: calc(100% - 19px);
    color: #222222
}

.searchbox-sec1 .f_form input::-webkit-input-placeholder {
    color: #999999
}

.searchbox-sec1 .f_form input:-moz-placeholder {
    color: #999999
}

.searchbox-sec1 .f_form input::-o-placeholder {
    color: #999999
}

.searchbox-sec1 .f_form input::-ms-input-placeholder {
    color: #999999
}

.searchbox-sec1 .f_form .f_sub {
    flex: 0 0 auto;
    width: 19px;
    height: 19px
}

@media (max-width: 767px) {
    .searchbox-sec1 .f_form .f_sub {
        width: 15px;
        height: 15px
    }
}

.searchbox-sec1 .f_form .f_sub img,
.searchbox-sec1 .f_form .f_sub svg {
    height: 100%;
    width: auto;
    max-width: 100%
}

.searchbox-sec1 .f_form .f_sub img path,
.searchbox-sec1 .f_form .f_sub svg path {
    fill: #666666;
    transition: all .4s
}

.searchbox-sec1 .f_form .f_sub:hover svg path {
    fill: #5ba7c8
}

@media (max-width: 767px) {
    .searchbox-sec1 .f_form {
        width: 100%;
        margin-top: .4rem;
        padding: 0 .36rem
    }

    .searchbox-sec1 .f_form input {
        padding: .26rem 0;
        padding-right: .2rem
    }
}

.searchbox-sec2 {
    background-color: #f7f9fc;
    padding: .76rem 0 1.38rem
}

.searchbox-sec2 .f_ti {
    color: #666666;
    margin-bottom: .29rem
}

.searchbox-sec2 .searchbox2_nav {
    width: 100%;
    margin-bottom: .56rem
}

.searchbox-sec2 .searchbox2_nav .swiper-slide {
    width: auto;
    margin-right: .2rem
}

.searchbox-sec2 .searchbox2_nav .swiper-slide .item {
    display: flex;
    align-items: center;
    color: #333333;
    justify-content: center;
    padding: .17rem .2rem;
    min-width: 1.6rem;
    transition: all .4s;
    border: 1px solid rgba(221, 221, 221, 0.4)
}

@media (max-width: 1580px) {
    .searchbox-sec2 .searchbox2_nav .swiper-slide .item {
        min-width: 1.9rem;
        padding: .16rem .24rem
    }
}

@media (max-width: 767px) {
    .searchbox-sec2 .searchbox2_nav .swiper-slide .item {
        min-width: 2rem
    }
}

.searchbox-sec2 .searchbox2_nav .swiper-slide .item:hover {
    background-color: #5ba7c8;
    border-color: #5ba7c8;
    color: #ffffff
}

.searchbox-sec2 .searchbox2_nav .swiper-slide.on .item {
    background-color: #5ba7c8;
    border-color: #5ba7c8;
    color: #ffffff
}

.searchbox-sec2 .search_font {
    display: flex;
    justify-content: space-between;
    align-items: flex-start
}

.searchbox-sec2 .search_font .f_tit {
    display: flex;
    align-items: flex-start;
    color: #284270;
    margin-bottom: .3rem
}

.searchbox-sec2 .search_font .f_tit span {
    display: block;
    margin-left: .2rem;
    line-height: 2.2;
    color: #666666
}

@media (max-width: 991px) {
    .searchbox-sec2 .search_font .f_tit span {
        font-size: .24rem
    }
}

.searchbox-sec2 .search_font .f_btn {
    display: flex;
    align-items: center;
    color: #333333;
    transition: all .4s;
    margin-top: .2rem
}

@media (max-width: 767px) {
    .searchbox-sec2 .search_font .f_btn {
        margin-top: .1rem;
        font-size: .24rem
    }
}

.searchbox-sec2 .search_font .f_btn img,
.searchbox-sec2 .search_font .f_btn svg {
    width: auto;
    height: 13px;
    margin-left: .2rem;
    transition: all .4s
}

@media (max-width: 1580px) {

    .searchbox-sec2 .search_font .f_btn img,
    .searchbox-sec2 .search_font .f_btn svg {
        height: 10px
    }
}

@media (max-width: 767px) {

    .searchbox-sec2 .search_font .f_btn img,
    .searchbox-sec2 .search_font .f_btn svg {
        height: 6px
    }
}

.searchbox-sec2 .search_font .f_btn img path,
.searchbox-sec2 .search_font .f_btn svg path {
    fill: #999999
}

.searchbox-sec2 .search_font .f_btn:hover img,
.searchbox-sec2 .search_font .f_btn:hover svg {
    transform: translateX(.1rem)
}

.searchbox-sec2 .search_list {
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: .86rem
}

.searchbox-sec2 .search_list:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.searchbox-sec2 .new_list {
    padding-bottom: .6rem
}

.searchbox-sec2 .new_list .cont {
    display: flex;
    flex-wrap: wrap
}

.searchbox-sec2 .new_list .cont .item {
    display: block;
    margin-bottom: .4rem
}

.searchbox-sec2 .new_list .cont .item .li {
    display: block;
    border-right: 1px solid #eeeeee;
    transition: all .4s;
    position: relative;
    padding: .7rem .4rem .36rem
}

@media (max-width: 991px) {
    .searchbox-sec2 .new_list .cont .item .li {
        padding: .6rem .4rem .36rem
    }
}

@media (max-width: 767px) {
    .searchbox-sec2 .new_list .cont .item .li {
        padding: .5rem .4rem .4rem;
        border-color: transparent
    }
}

.searchbox-sec2 .new_list .cont .item .li:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #5ba7c8;
    transition: all .4s
}

.searchbox-sec2 .new_list .cont .item .li .f_time {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: bold;
    margin-bottom: .22rem
}

.searchbox-sec2 .new_list .cont .item .li .f_time img {
    display: block;
    width: 16px;
    margin-right: 6px
}

@media (max-width: 1580px) {
    .searchbox-sec2 .new_list .cont .item .li .f_time img {
        width: 14px
    }
}

.searchbox-sec2 .new_list .cont .item .li .f_tit {
    color: #111111;
    font-weight: bold;
    transition: all .4s;
    line-height: 1.5;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    height: 3em;
    margin-bottom: .4rem
}

@media (max-width: 767px) {
    .searchbox-sec2 .new_list .cont .item .li .f_tit {
        font-size: .3rem;
        line-height: 1.5;
        height: 3em
    }
}

.searchbox-sec2 .new_list .cont .item .li .but {
    display: flex;
    align-items: center;
    color: #000000;
    transition: all .4s;
    margin-bottom: .54rem
}

.searchbox-sec2 .new_list .cont .item .li .but i {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 8px;
    height: 12px;
    overflow: hidden;
    position: relative;
    transition: width .4s;
    margin-left: .2rem
}

.searchbox-sec2 .new_list .cont .item .li .but i svg {
    width: 8px;
    height: 100%
}

.searchbox-sec2 .new_list .cont .item .li .but i svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    width: auto;
    opacity: 0;
    transition: width .4s
}

.searchbox-sec2 .new_list .cont .item .li .but i svg path {
    fill: #000000;
    transition: all .4s
}

@media (max-width: 1580px) {
    .searchbox-sec2 .new_list .cont .item .li .but i {
        width: 6px;
        height: 12px
    }

    .searchbox-sec2 .new_list .cont .item .li .but i svg {
        width: 6px
    }
}

.searchbox-sec2 .new_list .cont .item .li .img:before {
    padding-top: 58.57142857%
}

@media (min-width: 1200px) {
    .searchbox-sec2 .new_list .cont .item .li:hover {
        background-color: #ffffff;
        border-color: transparent;
        z-index: 2
    }

    .searchbox-sec2 .new_list .cont .item .li:hover:before {
        width: 100%
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .img img {
        transform: scale(1.04)
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .f_tit {
        color: #5ba7c8
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .but {
        color: #5ba7c8
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .but i {
        width: 16px
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .but i svg {
        opacity: 0
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .but i svg:nth-child(2) {
        opacity: 1;
        width: 16px
    }

    .searchbox-sec2 .new_list .cont .item .li:hover .but i svg path {
        fill: #5ba7c8
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .searchbox-sec2 .new_list .cont .item .li:hover .but i {
        width: 14px
    }
}

@media (min-width: 1200px) and (max-width: 1580px) {
    .searchbox-sec2 .new_list .cont .item .li:hover .but i svg:nth-child(2) {
        width: 14px
    }
}

@media (min-width: 768px) {
    .searchbox-sec2 .new_list .cont .item {
        width: 50%
    }

    .searchbox-sec2 .new_list .cont .item:nth-child(2n) .li {
        border-color: transparent
    }
}

@media (min-width: 992px) {
    .searchbox-sec2 .new_list .cont .item {
        width: 33.33%
    }

    .searchbox-sec2 .new_list .cont .item:nth-child(3n) .li {
        border-color: transparent
    }
}

@media (max-width: 767px) {
    .searchbox-sec2 .new_list .cont .item {
        width: 100%
    }
}

@media (max-width: 767px) {
    .searchbox-sec2 .new_list .cont {
        margin: 0 -0.16rem
    }

    .searchbox-sec2 .new_list .cont .item {
        width: 50%;
        padding: 0 .16rem
    }

    .searchbox-sec2 .new_list .cont .item .li {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        display: flex;
        flex-direction: column
    }

    .searchbox-sec2 .new_list .cont .item .li .font {
        order: 1;
        margin-top: .16rem
    }
}

.searchbox-sec2 .pro_list {
    padding-bottom: .7rem
}

.searchbox-sec2 .pro_list .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

@media (max-width: 1580px) {
    .searchbox-sec2 .pro_list .cont {
        margin: 0 -5px
    }
}

.searchbox-sec2 .pro_list .cont .item {
    width: 33.33%;
    padding: 0 9px;
    margin-bottom: .31rem
}

@media (max-width: 1580px) {
    .searchbox-sec2 .pro_list .cont .item {
        padding: 0 5px
    }
}

@media (max-width: 991px) {
    .searchbox-sec2 .pro_list .cont .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .searchbox-sec2 .pro_list .cont .item {
        width: 50%
    }
}

.searchbox-sec2 .pro_list .cont .item .list {
    display: block
}

.searchbox-sec2 .pro_list .cont .item .list .img {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: .19rem
}

.searchbox-sec2 .pro_list .cont .item .list .img:before {
    padding-top: 67.26457399%
}

.searchbox-sec2 .pro_list .cont .item .list .f_tit {
    color: #333333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.searchbox-sec2 .pro_list .cont .item .list:hover .img img {
    transform: scale(1.08)
}

.searchbox-sec2 .esg_list {
    padding-bottom: 1rem
}

.searchbox-sec2 .esg_list .item {
    background-color: #ffffff;
    padding: .37rem .3rem .36rem;
    position: relative;
    transition: all .4s;
    display: block;
    border-radius: 5px;
    margin-bottom: .2rem
}

.searchbox-sec2 .esg_list .item:last-child {
    margin-bottom: 0
}

@media (max-width: 767px) {
    .searchbox-sec2 .esg_list .item {
        margin-bottom: .4rem;
        padding: .46rem .3rem
    }
}

.searchbox-sec2 .esg_list .item:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/bagimfaz1.png) no-repeat center / cover;
    opacity: 0;
    transition: all .4s
}

.searchbox-sec2 .esg_list .item .list {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative
}

@media (max-width: 767px) {
    .searchbox-sec2 .esg_list .item .list {
        flex-wrap: wrap
    }
}

.searchbox-sec2 .esg_list .item .list .font {
    flex: 1 1 auto
}

.searchbox-sec2 .esg_list .item .list .font .f_time {
    color: #999999;
    opacity: .8;
    transition: all .4s
}

.searchbox-sec2 .esg_list .item .list .font .f_tit {
    transition: all .4s;
    color: #333333;
    font-weight: bold;
    line-height: 1.41666667;
    margin-top: .11rem
}

.searchbox-sec2 .esg_list .item .list .but {
    display: flex;
    align-items: center;
    color: #333333;
    flex: 0 0 auto;
    margin-left: .3rem;
    transition: all .4s;
    margin-right: .1rem
}

@media (max-width: 767px) {
    .searchbox-sec2 .esg_list .item .list .but {
        margin-left: 0;
        width: 100%;
        margin-right: 0;
        margin-top: .24rem
    }
}

.searchbox-sec2 .esg_list .item .list .but img,
.searchbox-sec2 .esg_list .item .list .but svg {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 8px
}

@media (max-width: 1580px) {

    .searchbox-sec2 .esg_list .item .list .but img,
    .searchbox-sec2 .esg_list .item .list .but svg {
        width: 22px;
        height: 22px
    }
}

.searchbox-sec2 .esg_list .item .list .but img path,
.searchbox-sec2 .esg_list .item .list .but svg path {
    fill: #5ba7c8;
    transition: all .4s
}

.searchbox-sec2 .esg_list .item:hover {
    background-color: #5ba7c8;
    box-shadow: 5px 9px .2rem 0 rgba(91, 167, 200, 0.1)
}

.searchbox-sec2 .esg_list .item:hover:before {
    opacity: .1
}

.searchbox-sec2 .esg_list .item:hover .list .font .f_time {
    color: #ffffff
}

.searchbox-sec2 .esg_list .item:hover .list .font .f_tit {
    color: #ffffff
}

.searchbox-sec2 .esg_list .item:hover .list .but {
    color: #ffffff
}

.searchbox-sec2 .esg_list .item:hover .list .but img path,
.searchbox-sec2 .esg_list .item:hover .list .but svg path {
    fill: #ffffff
}

.searchbox-sec2 .envi_list {
    padding-bottom: .7rem
}

.searchbox-sec2 .envi_list .bigbox {
    margin: 0 -0.15rem;
    display: flex;
    flex-wrap: wrap
}

.searchbox-sec2 .envi_list .box0 {
    width: 33%;
    padding: 0 .15rem;
    margin-bottom: .3rem
}

@media (max-width: 991px) {
    .searchbox-sec2 .envi_list .box0 {
        width: 50%
    }
}

@media (max-width: 767px) {
    .searchbox-sec2 .envi_list .box0 {
        width: 100%
    }
}

.searchbox-sec2 .envi_list .box0 .box {
    background-color: #Fff;
    padding: .4rem .3rem;
    display: block;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s
}

.searchbox-sec2 .envi_list .box0 .box::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #5ba7c8
}

.searchbox-sec2 .envi_list .box0 .box:hover .bgimg {
    opacity: 1
}

.searchbox-sec2 .envi_list .box0 .box:hover .cn1 {
    color: #Fff
}

.searchbox-sec2 .envi_list .box0 .box:hover .cn2 {
    color: #fff
}

.searchbox-sec2 .envi_list .box0 .box:hover .cn3 {
    color: #Fff
}

.searchbox-sec2 .envi_list .box0 .box:hover .cn3 svg path {
    fill: #Fff
}

.searchbox-sec2 .envi_list .box0 .box .bgimg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .5s;
    opacity: 0
}

.searchbox-sec2 .envi_list .box0 .box .bgimg img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.searchbox-sec2 .envi_list .box0 .box .cn1 {
    color: #999999;
    line-height: 1.625em;
    position: relative;
    transition: all .5s
}

.searchbox-sec2 .envi_list .box0 .box .cn2 {
    color: #333333;
    line-height: 1.5em;
    margin: .2rem 0 .6rem;
    height: 4.5em;
    position: relative;
    transition: all .5s
}

.searchbox-sec2 .envi_list .box0 .box .cn3 {
    display: flex;
    align-items: center;
    color: #000000;
    position: relative;
    transition: all .5s
}

.searchbox-sec2 .envi_list .box0 .box .cn3 svg {
    width: .07rem;
    height: .12rem;
    margin-left: .2rem
}

.searchbox-sec2 .envi_list .box0 .box .cn3 svg path {
    fill: #000;
    opacity: 1;
    stroke: none;
    transition: all .5s
}

.searchbox-sec2 .down_list .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.5rem
}

@media (max-width: 767px) {
    .searchbox-sec2 .down_list .cont {
        margin: 0
    }
}

.searchbox-sec2 .down_list .cont .item {
    width: 50%;
    padding: 0 .5rem
}

@media (max-width: 767px) {
    .searchbox-sec2 .down_list .cont .item {
        padding: 0;
        width: 100%
    }
}

.searchbox-sec2 .down_list .cont .item .list {
    position: relative;
    padding: .54rem 0 .56rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #d8dde4
}

@media (max-width: 767px) {
    .searchbox-sec2 .down_list .cont .item .list {
        flex-wrap: wrap
    }
}

.searchbox-sec2 .down_list .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    bottom: -1px;
    height: 1px;
    width: 0;
    transition: all .4s;
    background-color: #5ba7c8
}

.searchbox-sec2 .down_list .cont .item .list .font {
    flex: 1 1 auto;
    width: calc(100% - .96rem)
}

.searchbox-sec2 .down_list .cont .item .list .font .f_tit {
    color: #333333;
    width: 100%;
    white-space: nowrap;
    transition: all .4s;
    text-overflow: ellipsis;
    overflow: hidden;
    margin-bottom: .06rem
}

.searchbox-sec2 .down_list .cont .item .list .font .f_text {
    color: #999999;
    transition: all .4s
}

.searchbox-sec2 .down_list .cont .item .list .f_icon {
    flex: 0 0 auto;
    width: .56rem;
    height: .56rem;
    margin-left: .2rem;
    margin-right: .2rem
}

@media (max-width: 767px) {
    .searchbox-sec2 .down_list .cont .item .list .f_icon {
        margin-left: 0;
        margin-right: 0;
        width: .68rem;
        height: .68rem
    }
}

.searchbox-sec2 .down_list .cont .item .list .f_icon img,
.searchbox-sec2 .down_list .cont .item .list .f_icon svg {
    width: auto;
    max-width: 100%;
    height: 100%
}

.searchbox-sec2 .down_list .cont .item .list .f_icon img path,
.searchbox-sec2 .down_list .cont .item .list .f_icon svg path {
    fill: #c2c2c2;
    transition: all .4s
}

.searchbox-sec2 .down_list .cont .item .list .f_icon img:nth-child(2),
.searchbox-sec2 .down_list .cont .item .list .f_icon svg:nth-child(2) {
    display: none
}

.searchbox-sec2 .down_list .cont .item .list:hover:before {
    width: 100%
}

.searchbox-sec2 .down_list .cont .item .list:hover .font .f_tit,
.searchbox-sec2 .down_list .cont .item .list:hover .font .f_text {
    color: #5ba7c8
}

.searchbox-sec2 .down_list .cont .item .list:hover .f_icon svg path {
    fill: #5ba7c8
}

.searchbox-sec2 .down_list .cont .item .list:hover .f_icon img {
    display: none
}

.searchbox-sec2 .down_list .cont .item .list:hover .f_icon img:nth-child(2) {
    display: block
}

.msgAlt {
    display: none
}

.msgAlt .cont {
    width: 90%;
    max-width: 10.62rem;
    background-color: #ffffff
}

.msgAlt .cont .alt_pd {
    padding: 0 .6rem
}

@media (max-width: 767px) {
    .msgAlt .cont .alt_pd {
        padding: 0 .36rem
    }
}

.msgAlt .cont .alt_head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: .35rem;
    background: #f7f9fc url(../images/jianimfwz1.png) no-repeat right top / cover;
    padding-bottom: .24rem
}

@media (min-width: 768px) {
    .msgAlt .cont .alt_head {
        padding-right: 1rem
    }
}

.msgAlt .cont .alt_head .font .f_tit {
    font-weight: bold;
    color: #284270
}

.msgAlt .cont .alt_head .font .text {
    color: #666666;
    display: flex;
    align-items: center
}

.msgAlt .cont .alt_head .font .text img {
    position: relative;
    transform: translateY(-50%);
    top: .6em;
    margin-right: 6px;
    width: 15px
}

@media (max-width: 1580px) {
    .msgAlt .cont .alt_head .font .text img {
        width: 12px
    }
}

.msgAlt .cont .alt_head .f_close {
    display: block;
    width: 24px;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    height: 24px;
    transition: all .4s
}

@media (max-width: 1580px) {
    .msgAlt .cont .alt_head .f_close {
        width: 20px;
        height: 20px
    }
}

@media (max-width: 767px) {
    .msgAlt .cont .alt_head .f_close {
        width: 16px;
        height: 16px
    }
}

.msgAlt .cont .alt_head .f_close img,
.msgAlt .cont .alt_head .f_close svg {
    width: 100%;
    height: auto;
    max-height: 100%
}

.msgAlt .cont .alt_head .f_close img path,
.msgAlt .cont .alt_head .f_close svg path {
    fill: #999999
}

.msgAlt .cont .alt_head .f_close:hover {
    transform: rotate(90deg)
}

.msgAlt .cont .f_form {
    padding-top: .37rem;
    padding-bottom: .6rem
}

.msgAlt .cont .f_form .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem
}

.msgAlt .cont .f_form .f_jt .item {
    width: 33.333%;
    padding: 0 .1rem;
    margin-bottom: .2rem
}

@media (max-width: 767px) {
    .msgAlt .cont .f_form .f_jt .item {
        width: 50%
    }
}

.msgAlt .cont .f_form .f_jt .item .f_int {
    position: relative
}

.msgAlt .cont .f_form .f_jt .item .f_int .f_ti,
.msgAlt .cont .f_form .f_jt .item .f_int input,
.msgAlt .cont .f_form .f_jt .item .f_int textarea {
    width: 100%;
    border: solid 1px #eeeeee;
    padding: .16rem .2rem;
    position: relative;
    color: #333
}

.msgAlt .cont .f_form .f_jt .item .f_int .f_ti {
    border-color: transparent;
    position: absolute;
    height: 100%;
    color: #666666
}

.msgAlt .cont .f_form .f_jt .item .f_int .f_ti span {
    color: #5ba7c8
}

.msgAlt .cont .f_form .f_jt .item .f_int .f_img {
    width: auto;
    height: .54rem
}

.msgAlt .cont .f_form .f_jt .item .f_int .f_img img {
    height: 100%
}

.msgAlt .cont .f_form .f_jt .item .f_int.on .f_ti {
    display: none
}

.msgAlt .cont .f_form .f_jt .f_textarea {
    width: 100%
}

.msgAlt .cont .f_form .f_jt .f_textarea .f_int textarea {
    height: 1.6rem
}

.msgAlt .cont .f_form .f_sub {
    width: 100%;
    background-color: #5ba7c8;
    height: .6rem;
    color: #ffffff;
    transition: all .4s;
    margin-top: .4rem
}

.msgAlt .cont .f_form .f_sub:hover {
    opacity: .9
}

.recyclebox {
    background-color: #f7f9fc;
    position: relative
}

.recyclebox .bag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.recyclebox .bag img {
    width: 10.88rem;
    position: absolute
}

.recyclebox .bag img:nth-child(1) {
    left: 0;
    top: 0
}

.recyclebox .bag img:nth-child(2) {
    right: 0;
    bottom: 0;
    width: 12.33rem
}

.recyclebox .container2 {
    position: relative
}

.recyclebox .container2 .enterbox_tit {
    margin-bottom: .46rem
}

.recyclebox .container2 .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem
}

.recyclebox .container2 .cont .item {
    width: 25%;
    padding: 0 .1rem;
    margin-bottom: .2rem
}

@media (max-width: 1199px) {
    .recyclebox .container2 .cont .item {
        width: 25%
    }
}

@media (max-width: 991px) {
    .recyclebox .container2 .cont .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .recyclebox .container2 .cont .item {
        width: 50%
    }
}

.recyclebox .container2 .cont .item .list {
    height: 100%;
    position: relative;
    display: block;
    border-top: 4px solid #5ba7c8;
    transition: all .4s;
    background-color: #ffffff;
    padding: .45rem .36rem .38rem
}

@media (max-width: 1580px) {
    .recyclebox .container2 .cont .item .list {
        border-top: 2px
    }
}

@media (max-width: 767px) {
    .recyclebox .container2 .cont .item .list {
        padding: .4rem .28rem
    }
}

.recyclebox .container2 .cont .item .list .f_tit {
    position: relative;
    color: #333333;
    transition: all .4s;
    text-align: center;
    font-weight: bold;
    line-height: 1.41666667;
    margin-bottom: .09rem
}

@media (max-width: 767px) {
    .recyclebox .container2 .cont .item .list .f_tit {
        margin-bottom: .16rem
    }
}

.recyclebox .container2 .cont .item .list .text {
    position: relative;
    line-height: 1.625;
    color: #ffffff;
    color: #666666;
    transition: all .4s
}

@media (max-width: 1199px) {
    .recyclebox .container2 .cont .item .list .text {
        color: #666666
    }
}

@media (max-width: 767px) {
    .recyclebox .container2 .cont .item .list .text {
        line-height: 1.4;
        font-size: .26rem
    }
}

.recyclebox .container2 .cont .item .list .text p {
    position: relative;
    padding-left: .16rem
}

.recyclebox .container2 .cont .item .list .text p:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: .8125em;
    transform: translateY(-50%);
    border-radius: 50%;
    width: 5px;
    height: 5px;
    transition: all .4s;
    background-color: #fff;
    background-color: #666
}

@media (max-width: 1199px) {
    .recyclebox .container2 .cont .item .list .text p:before {
        background-color: #666
    }
}

@media (max-width: 767px) {
    .recyclebox .container2 .cont .item .list .text p:before {
        width: 3px;
        height: 3px;
        top: .66em
    }
}

.recyclebox .container2 .cont .item .list:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(180deg);
    opacity: 0;
    background: url(../images/ixnasimgfz2.svg) no-repeat center -0.5rem / 70.83333333% auto
}

@media (min-width: 1200px) {
    .recyclebox .container2 .cont .item .list:hover {
        background-color: #5ba7c8
    }

    .recyclebox .container2 .cont .item .list:hover:before {
        opacity: .1
    }

    .recyclebox .container2 .cont .item .list:hover .f_tit {
        color: #ffffff
    }

    .recyclebox .container2 .cont .item .list:hover .text {
        color: #ffffff
    }

    .recyclebox .container2 .cont .item .list:hover .text p:before {
        background-color: #ffffff
    }
}

.recyclebox-sec2 {
    position: relative;
    padding: .8rem 0 .88rem
}

.recyclebox-sec2 .bag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000
}

.recyclebox-sec2 .bag img {
    width: 100%;
    height: 100%;
    opacity: .5;
    object-fit: cover
}

.recyclebox-sec2 .cont {
    position: relative;
    color: #ffffff;
    text-align: center
}

.recyclebox-sec2 .cont .f_tit {
    font-weight: bold
}

.recyclebox-sec2 .cont .text {
    color: #ffffff;
    margin-top: .2rem;
    padding: 0 1rem
}

.businessbanner {
    position: relative;
    height: 100vh
}

.businessbanner .bag {
    width: 100%;
    height: 100vh;
    overflow: hidden;
    z-index: -1;
    position: fixed;
    top: 0;
    left: 0
}

.businessbanner .bag:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: #000000;
    opacity: .5
}

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

.businessbanner .bag img:nth-child(2) {
    display: none
}

@media (max-width: 767px) {
    .businessbanner .bag img {
        display: none
    }

    .businessbanner .bag img:nth-child(2) {
        display: block
    }
}

.businessbanner .cont {
    position: absolute;
    z-index: 2;
    width: 100%;
    top: 50%;
    transform: translateY(-50%)
}

.businessbanner .cont .f_tit {
    color: #ffffff;
    font-weight: bold;
    text-align: center
}

.businessbanner .cont .fz_text {
    color: rgba(255, 255, 255, 0.8);
    text-align: center;
    margin-top: .54rem
}

@media (min-width: 768px) {
    .businessbanner .cont .fz_text {
        display: none
    }
}

.businbox {
    background-color: #ffffff;
    position: relative;
    z-index: 2
}

.businbox .base_prev,
.businbox .base_next {
    opacity: 1
}

.businbox .base_prev:before,
.businbox .base_next:before {
    background-color: #284270;
    opacity: .05
}

.businbox .base_prev:hover:before,
.businbox .base_next:hover:before {
    opacity: .5;
    background-color: var(--businbox-color)
}

.businbox-sec1 {
    position: relative;
    background-color: #f8f8f8
}

.businbox-sec1 .bag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.businbox-sec1 .bag img {
    width: auto;
    max-height: 6.63rem;
    max-width: 100%;
    position: absolute
}

.businbox-sec1 .bag img:nth-child(1) {
    left: 0;
    top: 0
}

.businbox-sec1 .bag img:nth-child(2) {
    right: 0;
    bottom: 0;
    max-height: 4.86rem
}

.businbox-sec1 .container2 {
    position: relative;
    zoom: 1
}

.businbox-sec1 .f_font {
    min-height: 2.6rem;
    padding: .76rem 2.67rem .4rem;
    line-height: 1.8;
    text-align: center;
    color: #333333
}

@media (max-width: 1199px) {
    .businbox-sec1 .f_font {
        padding: .6rem 1.4rem .4rem
    }
}

@media (min-width: 768px) {
    .businbox-sec1 .f_font {
        margin-top: -2.06rem;
        float: left;
        position: relative;
        background: linear-gradient(to bottom, #fff 80%, rgba(255, 255, 255, 0) 100%)
    }
}

@media (max-width: 767px) {
    .businbox-sec1 .f_font {
        background-color: #ffffff;
        padding: .5rem .36rem
    }
}

@media (min-width: 768px) {
    .businbox-sec1 .f_nei {
        padding-top: 1.7rem
    }
}

.businbox-sec1 .f_nei .enterbox_tit {
    margin-bottom: .52rem
}

.businbox-sec1 .f_nei .f_nav {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: .37rem
}

.businbox-sec1 .f_nei .f_nav:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #eeeeee
}

.businbox-sec1 .f_nei .f_nav .f_list {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap
}

.businbox-sec1 .f_nei .f_nav .f_list li {
    margin: 0 .46rem
}

.businbox-sec1 .f_nei .f_nav .f_list li .f_tit {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    color: #333333;
    display: block;
    padding-bottom: .23rem;
    border-bottom: 2px solid transparent
}

.businbox-sec1 .f_nei .f_nav .f_list li.on .f_tit {
    color: var(--businbox-color);
    border-color: var(--businbox-color)
}

.businbox-sec1 .f_nei .f_class {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: .35rem
}

.businbox-sec1 .f_nei .f_class .f_list {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap
}

.businbox-sec1 .f_nei .f_class .f_list li {
    margin: 0 .27rem
}

.businbox-sec1 .f_nei .f_class .f_list li .item {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    color: #666666;
    transition: all .4s
}

.businbox-sec1 .f_nei .f_class .f_list li.on .item {
    color: var(--businbox-color)
}

.businbox-sec1 .f_nei .businbox1_cont {
    width: auto;
    margin: 0 -9px
}

@media (max-width: 1580px) {
    .businbox-sec1 .f_nei .businbox1_cont {
        margin: 0 -5px
    }
}

.businbox-sec1 .f_nei .businbox1_cont .swiper-slide {
    width: 25%;
    padding: 0 9px
}

@media (max-width: 1580px) {
    .businbox-sec1 .f_nei .businbox1_cont .swiper-slide {
        padding: 0 5px
    }
}

@media (max-width: 991px) {
    .businbox-sec1 .f_nei .businbox1_cont .swiper-slide {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .businbox-sec1 .f_nei .businbox1_cont .swiper-slide {
        width: 50%
    }
}

.businbox-sec1 .f_nei .businbox1_cont .swiper-slide .item .list {
    display: block
}

.businbox-sec1 .f_nei .businbox1_cont .swiper-slide .item .list .img {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: .19rem
}

.businbox-sec1 .f_nei .businbox1_cont .swiper-slide .item .list .img:before {
    padding-top: 100%
}

.businbox-sec1 .f_nei .businbox1_cont .swiper-slide .item .list .f_tit {
    color: #333333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.businbox-sec1 .f_nei .businbox1_cont .swiper-slide .item .list:hover .img img {
    transform: scale(1.08)
}

.businbox-sec1 .f_nei .businbox1_pagin {
    position: relative;
    bottom: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .4rem
}

@media (min-width: 768px) {
    .businbox-sec1 .f_nei .businbox1_pagin {
        display: none
    }
}

.businbox-sec1 .f_nei .businbox1_pagin span {
    opacity: 1;
    margin: 0 5px;
    background-color: #ddd
}

.businbox-sec1 .f_nei .businbox1_pagin .swiper-pagination-bullet-active {
    background-color: #5ba7c8
}

.businbox-sec1 .f_nei .businbox1_pagin.swiper-pagination-lock {
    display: none
}

.businbox-sec1 .f_nei .f_zhong {
    position: relative
}

.businbox-sec1 .f_nei .f_zhong .swiper_item {
    margin: 0;
    position: absolute;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .4s
}

.businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_prev {
    left: -1.4rem
}

.businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next {
    right: -1.4rem
}

.businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next img,
.businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next svg {
    margin-right: -16%
}

@media (max-width: 1900px) {
    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_prev {
        left: -1rem
    }

    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next {
        right: -1rem
    }
}

@media (max-width: 1199px) {
    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_prev {
        left: -0.4rem
    }

    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next {
        right: -0.4rem
    }
}

@media (max-width: 767px) {
    .businbox-sec1 .f_nei .f_zhong .swiper_item {
        overflow: hidden
    }

    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next,
    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_prev {
        display: none
    }

    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_prev {
        left: -0.3rem
    }

    .businbox-sec1 .f_nei .f_zhong .swiper_item .businbox1_next {
        right: -0.3rem
    }
}

.businbox-sec1 .f_nei .f_zhong .on {
    position: relative;
    visibility: inherit;
    opacity: 1
}

.businbox-sec1 .f_nei .cont {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -9px
}

@media (max-width: 1580px) {
    .businbox-sec1 .f_nei .cont {
        margin: 0 -5px
    }
}

.businbox-sec1 .f_nei .cont .item {
    width: 25%;
    padding: 0 9px;
    margin-bottom: .31rem
}

@media (max-width: 1580px) {
    .businbox-sec1 .f_nei .cont .item {
        padding: 0 5px
    }
}

@media (max-width: 991px) {
    .businbox-sec1 .f_nei .cont .item {
        width: 33.33%
    }
}

@media (max-width: 767px) {
    .businbox-sec1 .f_nei .cont .item {
        width: 50%
    }
}

.businbox-sec1 .f_nei .cont .item .list {
    display: block
}

.businbox-sec1 .f_nei .cont .item .list .img {
    width: 100%;
    background-color: #ffffff;
    margin-bottom: .19rem
}

.businbox-sec1 .f_nei .cont .item .list .img:before {
    padding-top: 100%
}

.businbox-sec1 .f_nei .cont .item .list .f_tit {
    color: #333333;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.businbox-sec1 .f_nei .cont .item .list:hover .img img {
    transform: scale(1.08)
}

.businbox-sec1 .f_nei .f_more {
    margin-top: .55rem;
    display: flex;
    color: #999999;
    justify-content: center
}

.businbox-sec1 .f_nei .f_more img,
.businbox-sec1 .f_nei .f_more svg {
    width: 26px;
    height: auto;
    margin-right: 13px;
    animation: rota360g 2s linear infinite
}

@media (max-width: 1580px) {

    .businbox-sec1 .f_nei .f_more img,
    .businbox-sec1 .f_nei .f_more svg {
        width: 22px;
        margin-right: 10px
    }
}

.businbox-sec1 .f_nei .f_more img path,
.businbox-sec1 .f_nei .f_more svg path {
    fill: var(--businbox-color)
}

.businbox-sec1 .f_nei .f_more span:nth-of-type(2) {
    display: none
}

.businbox-sec1 .f_nei .f_more.on img,
.businbox-sec1 .f_nei .f_more.on svg {
    display: none
}

.businbox-sec1 .f_nei .f_more.on span {
    display: none
}

.businbox-sec1 .f_nei .f_more.on span:nth-of-type(2) {
    display: block
}

.businbox-sec2 {
    overflow: hidden;
    background-color: #ffffff;
    padding-bottom: .1rem
}

.businbox-sec2 .businbox2_cont {
    overflow: visible
}

.businbox-sec2 .businbox2_cont .businbox2_prev {
    left: -1.4rem
}

.businbox-sec2 .businbox2_cont .businbox2_next {
    right: -1.4rem
}

.businbox-sec2 .businbox2_cont .businbox2_next img,
.businbox-sec2 .businbox2_cont .businbox2_next svg {
    margin-right: -16%
}

@media (max-width: 1900px) {
    .businbox-sec2 .businbox2_cont .businbox2_prev {
        left: -1rem
    }

    .businbox-sec2 .businbox2_cont .businbox2_next {
        right: -1rem
    }
}

@media (max-width: 1199px) {
    .businbox-sec2 .businbox2_cont .businbox2_prev {
        left: -0.4rem
    }

    .businbox-sec2 .businbox2_cont .businbox2_next {
        right: -0.4rem
    }
}

@media (max-width: 767px) {
    .businbox-sec2 .businbox2_cont {
        overflow: hidden
    }

    .businbox-sec2 .businbox2_cont .businbox2_next,
    .businbox-sec2 .businbox2_cont .businbox2_prev {
        display: none
    }

    .businbox-sec2 .businbox2_cont .businbox2_prev {
        left: -0.3rem
    }

    .businbox-sec2 .businbox2_cont .businbox2_next {
        right: -0.3rem
    }
}

.businbox-sec2 .businbox2_cont .swiper-slide {
    height: auto
}

.businbox-sec2 .businbox2_cont .swiper-slide .item {
    height: 100%
}

.businbox-sec2 .businbox2_cont .item {
    display: flex;
    background-color: var(--businbox-color);
    flex-wrap: wrap
}

.businbox-sec2 .businbox2_cont .item .img,
.businbox-sec2 .businbox2_cont .item .font {
    width: 50%
}

@media (max-width: 767px) {

    .businbox-sec2 .businbox2_cont .item .img,
    .businbox-sec2 .businbox2_cont .item .font {
        width: 100%
    }
}

.businbox-sec2 .businbox2_cont .item .img:before {
    padding-top: 84.62623413%
}

.businbox-sec2 .businbox2_cont .item .font {
    position: relative;
    padding: 1.14rem .96rem .6rem .83rem
}

@media (max-width: 991px) {
    .businbox-sec2 .businbox2_cont .item .font {
        padding: .6rem .4rem
    }
}

@media (max-width: 767px) {
    .businbox-sec2 .businbox2_cont .item .font {
        padding: .5rem .36rem
    }
}

.businbox-sec2 .businbox2_cont .item .font .font_bag {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.businbox-sec2 .businbox2_cont .item .font .font_bag img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.businbox-sec2 .businbox2_cont .item .font .f_tag,
.businbox-sec2 .businbox2_cont .item .font .f_tit,
.businbox-sec2 .businbox2_cont .item .font .text {
    position: relative;
    color: #ffffff
}

.businbox-sec2 .businbox2_cont .item .font .f_tag {
    line-height: 31px;
    border: solid 1px #f9fcfe;
    padding: 0 .18rem;
    display: inline-block;
    border-radius: 16px;
    margin-bottom: .16rem
}

@media (max-width: 1580px) {
    .businbox-sec2 .businbox2_cont .item .font .f_tag {
        line-height: 27px
    }
}

.businbox-sec2 .businbox2_cont .item .font .f_tit {
    font-weight: bold;
    margin-bottom: .13rem
}

.businbox-sec2 .businbox2_cont .item .font .text {
    line-height: 1.625
}

.businbox-sec2 .businbox2_pagin {
    position: relative;
    bottom: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .4rem
}

@media (max-width: 767px) {
    .businbox-sec2 .businbox2_pagin {
        position: absolute;
        margin-top: 78%;
        bottom: inherit;
        top: 0
    }
}

.businbox-sec2 .businbox2_pagin span {
    opacity: 1;
    margin: 0 5px;
    background-color: #ddd
}

.businbox-sec2 .businbox2_pagin .swiper-pagination-bullet-active {
    background-color: #5ba7c8
}

.businbox-sec2 .businbox2_pagin.swiper-pagination-lock {
    display: none
}

.businbox-sec3 {
    overflow: hidden;
    background-color: #ffffff
}

.businbox-sec3:last-child {
    padding-bottom: 1.4rem
}

.businbox-sec3 .enterbox_tit {
    margin-bottom: .52rem
}

.businbox-sec3 .cont {
    width: 10rem;
    margin: 0 auto
}

@media (max-width: 1199px) {
    .businbox-sec3 .cont {
        width: 12rem
    }
}

@media (max-width: 767px) {
    .businbox-sec3 .cont {
        width: 100%
    }
}

.businbox-sec3 .cont .businbox3_prev {
    left: -1.8rem
}

@media (max-width: 991px) {
    .businbox-sec3 .cont .businbox3_prev {
        left: -0.4rem
    }
}

@media (max-width: 767px) {
    .businbox-sec3 .cont .businbox3_prev {
        left: .26rem
    }
}

.businbox-sec3 .cont .businbox3_next {
    right: -1.8rem
}

@media (max-width: 991px) {
    .businbox-sec3 .cont .businbox3_next {
        right: -0.4rem
    }
}

@media (max-width: 767px) {
    .businbox-sec3 .cont .businbox3_next {
        right: .26rem
    }
}

.businbox-sec3 .cont .businbox3_cont {
    overflow: visible
}

.businbox-sec3 .cont .businbox3_cont .item {
    position: relative
}

.businbox-sec3 .cont .businbox3_cont .item .img {
    width: 100%
}

.businbox-sec3 .cont .businbox3_cont .item .img:before {
    padding-top: 64.1%
}

.businbox-sec3 .cont .businbox3_cont .item .img:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(../images/xiangjianbimg1.png) no-repeat left bottom / 100% auto
}

.businbox-sec3 .cont .businbox3_cont .item .font {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    z-index: 2;
    padding: .33rem .39rem
}

.businbox-sec3 .businbox3_pagin {
    position: relative;
    bottom: 0;
    margin-top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: .4rem
}

.businbox-sec3 .businbox3_pagin span {
    opacity: 1;
    margin: 0 5px;
    background-color: #ddd
}

.businbox-sec3 .businbox3_pagin .swiper-pagination-bullet-active {
    background-color: #5ba7c8
}

.businbox-sec3 .businbox3_pagin.swiper-pagination-lock {
    display: none
}

.businbox-sec4 {
    background-color: #ffffff
}

.businbox-sec4 .enterbox_tit {
    margin-bottom: .45rem
}

.businbox-sec4 .cont {
    position: relative
}

.businbox-sec4 .cont .businbox4_prev {
    left: -1.4rem
}

.businbox-sec4 .cont .businbox4_next {
    right: -1.4rem
}

.businbox-sec4 .cont .businbox4_next img,
.businbox-sec4 .cont .businbox4_next svg {
    margin-right: -16%
}

@media (max-width: 1900px) {
    .businbox-sec4 .cont .businbox4_prev {
        left: -1rem
    }

    .businbox-sec4 .cont .businbox4_next {
        right: -1rem
    }
}

@media (max-width: 1199px) {
    .businbox-sec4 .cont .businbox4_prev {
        left: -0.4rem
    }

    .businbox-sec4 .cont .businbox2_next {
        right: -0.4rem
    }
}

@media (max-width: 767px) {

    .businbox-sec4 .cont .businbox4_next,
    .businbox-sec4 .cont .businbox4_prev {
        display: none
    }

    .businbox-sec4 .cont .businbox4_prev {
        left: -0.3rem
    }

    .businbox-sec4 .cont .businbox4_next {
        right: -0.3rem
    }
}

.businbox-sec4 .cont .businbox4_cont {
    width: auto;
    margin: 0 -0.15rem
}

.businbox-sec4 .cont .businbox4_cont .swiper-slide {
    width: 33.333%;
    padding: 0 .15rem
}

@media (max-width: 767px) {
    .businbox-sec4 .cont .businbox4_cont .swiper-slide {
        width: 80%
    }
}

.businbox-sec4 .cont .businbox4_cont .swiper-slide .item {
    display: block;
    width: 100%
}

.businbox-sec4 .cont .businbox4_cont .swiper-slide .item .img {
    margin-bottom: .225rem;
    padding-top: 78.47533632%
}

.businbox-sec4 .cont .businbox4_cont .swiper-slide .item .font {
    color: #333333;
    line-height: 1.5
}

@media (max-width: 991px) {
    .businbox-sec4 .cont .businbox4_cont .swiper-slide .item .font {
        line-height: 1.4
    }
}

.businbox-sec4 .cont .businbox4_cont .swiper-slide .item:hover .img img {
    transform: scale(1.04)
}

.businbox-sec5 {
    z-index: 1;
    position: relative;
    padding-top: 0;
    width: 100%
}

@media (max-width: 767px) {
    .businbox-sec5 {
        padding-top: 1.2rem;
        padding-bottom: 0;
        background-color: #f8f8f8;
        display: none
    }
}

.businbox-sec5 .f_font {
    margin-top: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #ffffff
}

@media (max-width: 1580px) {
    .businbox-sec5 .f_font {
        margin-top: 0
    }
}

@media (max-width: 767px) {
    .businbox-sec5 .f_font {
        position: relative
    }
}

.contactbox-sec1 {
    padding: 1rem 0 0
}

.contactbox-sec1 .container2 {
    display: flex;
    flex-wrap: wrap
}

.contactbox-sec1 .container2 .lt {
    width: 42.857143%;
    padding-right: .3rem
}

.contactbox-sec1 .container2 .lt .f_tit {
    color: #284270;
    font-weight: bold;
    margin-bottom: .24rem
}

.contactbox-sec1 .container2 .lt .text {
    color: #333333
}

.contactbox-sec1 .container2 .lt .text p {
    margin-bottom: .1rem
}

.contactbox-sec1 .container2 .gt {
    width: 57.142857%
}

.contactbox-sec1 .container2 .gt:before {
    padding-top: 52.5%
}

@media (max-width: 767px) {

    .contactbox-sec1 .container2 .lt,
    .contactbox-sec1 .container2 .gt {
        width: 100%
    }

    .contactbox-sec1 .container2 .lt {
        margin-bottom: .4rem
    }
}

.contactbox-sec2 .enterbox_tit {
    margin-bottom: .4rem
}

.contactbox-sec2 .f_nav {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: .37rem
}

.contactbox-sec2 .f_nav:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background-color: #eeeeee
}

.contactbox-sec2 .f_nav .f_list {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap
}

.contactbox-sec2 .f_nav .f_list li {
    margin: 0 .46rem
}

.contactbox-sec2 .f_nav .f_list li .f_tit {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    color: #333333;
    display: block;
    padding-bottom: .23rem;
    border-bottom: 2px solid transparent
}

.contactbox-sec2 .f_nav .f_list li.on .f_tit {
    color: var(--businbox-color);
    border-color: var(--businbox-color)
}

.contactbox-sec2 .f_class {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: .6rem
}

.contactbox-sec2 .f_class .f_list {
    width: auto;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap
}

.contactbox-sec2 .f_class .f_list li {
    margin: 0 .27rem
}

.contactbox-sec2 .f_class .f_list li .item {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    color: #666666;
    transition: all .4s;
    font-size: .24rem
}

@media (max-width: 1580px) {
    .contactbox-sec2 .f_class .f_list li .item {
        font-size: 20px
    }
}

@media (max-width: 991px) {
    .contactbox-sec2 .f_class .f_list li .item {
        font-size: 18px
    }
}

@media (max-width: 767px) {
    .contactbox-sec2 .f_class .f_list li .item {
        font-size: .34rem
    }
}

.contactbox-sec2 .f_class .f_list li.on .item {
    color: var(--businbox-color)
}

.contactbox-sec2 .cont {
    position: relative
}

.contactbox-sec2 .cont .f_jt {
    display: flex;
    overflow: hidden;
    transition: all .4s;
    flex-wrap: wrap;
    margin: 0 -0.2rem
}

@media (max-width: 767px) {
    .contactbox-sec2 .cont .f_jt {
        margin: 0
    }
}

.contactbox-sec2 .cont .f_jt .item {
    width: 33.33%;
    padding: 0 .2rem .7rem
}

@media (max-width: 991px) {
    .contactbox-sec2 .cont .f_jt .item {
        width: 50%
    }
}

@media (max-width: 767px) {
    .contactbox-sec2 .cont .f_jt .item {
        padding: 0;
        padding-bottom: .6rem;
        width: 100%
    }
}

.contactbox-sec2 .cont .f_jt .item .list {
    display: block
}

.contactbox-sec2 .cont .f_jt .item .list .f_tit {
    width: 100%;
    padding-bottom: .16rem;
    margin-bottom: .24rem;
    border-bottom: 1px solid #dddddd;
    position: relative
}

.contactbox-sec2 .cont .f_jt .item .list .f_tit:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1.16rem;
    height: 2px;
    background-color: #5ba7c8
}

.contactbox-sec2 .cont .f_jt .item .list .f_font {
    width: 100%
}

.contactbox-sec2 .cont .f_jt .item .list .f_font .text {
    color: #333333;
    line-height: 1.875
}

.contactbox-sec2 .cont .f_jt .item .list .f_font .text h2,
.contactbox-sec2 .cont .f_jt .item .list .f_font .text h3,
.contactbox-sec2 .cont .f_jt .item .list .f_font .text h4,
.contactbox-sec2 .cont .f_jt .item .list .f_font .text h5,
.contactbox-sec2 .cont .f_jt .item .list .f_font .text h6 {
    font-size: 18px;
    font-weight: bold;
    color: #000000
}

@media (max-width: 1580px) {

    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h2,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h3,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h4,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h5,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h6 {
        font-size: 16px
    }
}

@media (max-width: 767px) {

    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h2,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h3,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h4,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h5,
    .contactbox-sec2 .cont .f_jt .item .list .f_font .text h6 {
        font-size: .3rem
    }
}

.contactbox-sec2 .f_zhong {
    position: relative
}

.contactbox-sec2 .f_zhong .cont {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    visibility: hidden;
    opacity: 0;
    transition: all .4s
}

.contactbox-sec2 .f_zhong .cont.on {
    position: relative;
    visibility: inherit;
    opacity: 1
}

.contactbox-sec2 .f_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333333;
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none
}

.contactbox-sec2 .f_btn img,
.contactbox-sec2 .f_btn svg {
    width: 13px;
    height: 8px;
    margin-right: 8px;
    transition: all .4s;
    object-fit: contain
}

.contactbox-sec2 .f_btn img path,
.contactbox-sec2 .f_btn svg path {
    fill: #5ba7c8
}

.contactbox-sec2 .f_btn span {
    display: block
}

.contactbox-sec2 .f_btn span:last-child {
    display: none
}

.contactbox-sec2 .f_btn.on {
    color: #5ba7c8
}

.contactbox-sec2 .f_btn.on svg,
.contactbox-sec2 .f_btn.on img {
    transform: rotate(180deg)
}

.contactbox-sec2 .f_btn.on span {
    display: none
}

.contactbox-sec2 .f_btn.on span:last-child {
    display: block
}

.contactbox-sec3 {
    background-color: #f7f9fc
}

.contactbox-sec3 .enterbox_tit {
    margin-bottom: .48rem
}

.contactbox-sec3 .f_form {
    width: 9.4rem;
    margin: 0 auto
}

@media (max-width: 1199px) {
    .contactbox-sec3 .f_form {
        width: 11rem
    }
}

@media (max-width: 767px) {
    .contactbox-sec3 .f_form {
        width: 100%
    }
}

.contactbox-sec3 .f_form .f_jt {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -0.1rem
}

.contactbox-sec3 .f_form .f_jt .item {
    width: 33.333%;
    padding: 0 .1rem;
    margin-bottom: .2rem
}

@media (max-width: 767px) {
    .contactbox-sec3 .f_form .f_jt .item {
        width: 50%
    }
}

.contactbox-sec3 .f_form .f_jt .item .f_int {
    position: relative;
    background-color: #ffffff
}

.contactbox-sec3 .f_form .f_jt .item .f_int .f_ti,
.contactbox-sec3 .f_form .f_jt .item .f_int input,
.contactbox-sec3 .f_form .f_jt .item .f_int textarea,
.contactbox-sec3 .f_form .f_jt .item .f_int select {
    width: 100%;
    font-size: 14px;
    padding: .2rem .2rem;
    position: relative;
    color: #666666
}

@media (max-width: 1580px) {

    .contactbox-sec3 .f_form .f_jt .item .f_int .f_ti,
    .contactbox-sec3 .f_form .f_jt .item .f_int input,
    .contactbox-sec3 .f_form .f_jt .item .f_int textarea,
    .contactbox-sec3 .f_form .f_jt .item .f_int select {
        font-size: 12px
    }
}

@media (max-width: 767px) {

    .contactbox-sec3 .f_form .f_jt .item .f_int .f_ti,
    .contactbox-sec3 .f_form .f_jt .item .f_int input,
    .contactbox-sec3 .f_form .f_jt .item .f_int textarea,
    .contactbox-sec3 .f_form .f_jt .item .f_int select {
        font-size: .26rem
    }
}

.contactbox-sec3 .f_form .f_jt .item .f_int .f_ti::-webkit-input-placeholder,
.contactbox-sec3 .f_form .f_jt .item .f_int input::-webkit-input-placeholder,
.contactbox-sec3 .f_form .f_jt .item .f_int textarea::-webkit-input-placeholder,
.contactbox-sec3 .f_form .f_jt .item .f_int select::-webkit-input-placeholder {
    color: #666666
}

.contactbox-sec3 .f_form .f_jt .item .f_int select {
    padding-left: .28rem;
    background: url(../images/seleicnimgfz1.svg) no-repeat 93% center / 9px auto
}

@media (max-width: 767px) {
    .contactbox-sec3 .f_form .f_jt .item .f_int select {
        padding-left: .34rem
    }
}

.contactbox-sec3 .f_form .f_jt .item .f_int .f_ti {
    border-color: transparent;
    position: absolute;
    height: 100%;
    color: #666666
}

.contactbox-sec3 .f_form .f_jt .item .f_int .f_ti span {
    color: #5ba7c8
}

.contactbox-sec3 .f_form .f_jt .item .f_int .f_img {
    width: auto;
    height: .54rem
}

.contactbox-sec3 .f_form .f_jt .item .f_int .f_img img {
    height: 100%
}

.contactbox-sec3 .f_form .f_jt .item .f_int.on .f_ti {
    display: none
}

.contactbox-sec3 .f_form .f_jt .f_textarea {
    width: 100%
}

.contactbox-sec3 .f_form .f_jt .f_textarea .f_int {
    position: relative
}

.contactbox-sec3 .f_form .f_jt .f_textarea .f_int textarea {
    height: 1.6rem;
    width: 100%;
    padding-bottom: .5rem
}

.contactbox-sec3 .f_form .f_jt .f_textarea .f_int .f_text_tish {
    position: absolute;
    right: .22rem;
    color: #dddddd;
    bottom: .16rem
}

.contactbox-sec3 .f_form .f_jt .f_code_img .f_int {
    background-color: transparent
}

.contactbox-sec3 .f_form .f_sub {
    width: 100%;
    background-color: #5ba7c8;
    height: .6rem;
    color: #ffffff;
    transition: all .4s;
    margin-top: .4rem
}

.contactbox-sec3 .f_form .f_sub:hover {
    opacity: .9
}

.proinfobox-sec1 {
    padding: .8rem 0 1rem;
    position: relative;
    background-color: #f7f9fc
}

.proinfobox-sec1 .bag {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

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

.proinfobox-sec1 .container2 {
    display: flex;
    flex-wrap: wrap
}

.proinfobox-sec1 .container2 .lt,
.proinfobox-sec1 .container2 .gt {
    width: 50%
}

@media (max-width: 767px) {

    .proinfobox-sec1 .container2 .lt,
    .proinfobox-sec1 .container2 .gt {
        width: 100%
    }
}

.proinfobox-sec1 .container2 .lt .proinfobox1_cont {
    background-color: #ffffff;
    border-radius: 10px;
    border: solid 1px #dddddd;
    margin-bottom: .3rem
}

.proinfobox-sec1 .container2 .lt .proinfobox1_cont .img:before {
    padding-top: 71.14285714%
}

.proinfobox-sec1 .container2 .lt .f_nav {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0;
    background: none;
    width: auto;
    user-select: none;
    -webkit-user-select: none;
    height: 100%;
    display: flex;
    align-items: center
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev img,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next img,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev svg,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next svg {
    width: 11px
}

@media (max-width: 1580px) {

    .proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev img,
    .proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next img,
    .proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev svg,
    .proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next svg {
        width: 8px
    }
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev img path,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next img path,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev svg path,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next svg path {
    fill: #999999;
    transition: all .4s
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_prev:hover svg path,
.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_next:hover svg path {
    fill: #5ba7c8
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_nav {
    margin: 0;
    width: calc(100% - 60px)
}

@media (max-width: 1580px) {
    .proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_nav {
        width: calc(100% - 50px)
    }
}

@media (max-width: 767px) {
    .proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_nav {
        padding: 0 2px
    }
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_nav .img {
    padding-top: 105.26315789%;
    background-color: #ffffff;
    border-radius: 4px;
    border: solid 1px #dddddd
}

.proinfobox-sec1 .container2 .lt .f_nav .proinfobox1_nav .swiper-slide-thumb-active .img {
    border-color: #5ba7c8
}

.proinfobox-sec1 .container2 .gt {
    padding-top: .7rem;
    padding-left: .8rem;
    position: relative
}

@media (max-width: 767px) {
    .proinfobox-sec1 .container2 .gt {
        padding-left: 0;
        padding-top: .5rem
    }
}

.proinfobox-sec1 .container2 .gt .name {
    color: #5ba7c8
}

.proinfobox-sec1 .container2 .gt .f_tit {
    color: #284270;
    font-weight: bold;
    border-bottom: 1px solid #dddddd;
    padding-bottom: .28rem;
    margin-bottom: .33rem
}

.proinfobox-sec1 .container2 .gt .text {
    color: #666666;
    line-height: 1.44444444
}

@media (max-width: 767px) {
    .proinfobox-sec1 .container2 .gt .text {
        margin-bottom: .5rem
    }
}

.proinfobox-sec1 .container2 .gt .text strong {
    color: #222222
}

.proinfobox-sec1 .container2 .gt .f_btn {
    color: #284270;
    display: flex;
    align-items: center
}

@media (min-width: 768px) {
    .proinfobox-sec1 .container2 .gt .f_btn {
        position: absolute;
        right: 0;
        top: 0
    }
}

.proinfobox-sec1 .container2 .gt .f_btn svg,
.proinfobox-sec1 .container2 .gt .f_btn img {
    width: 16px;
    height: auto;
    margin-left: .1rem;
    transition: all .4s
}

@media (max-width: 1580px) {

    .proinfobox-sec1 .container2 .gt .f_btn svg,
    .proinfobox-sec1 .container2 .gt .f_btn img {
        width: 12px
    }
}

.proinfobox-sec1 .container2 .gt .f_btn svg path,
.proinfobox-sec1 .container2 .gt .f_btn img path {
    fill: #284270
}

.proinfobox-sec1 .container2 .gt .f_btn:hover svg,
.proinfobox-sec1 .container2 .gt .f_btn:hover .img {
    transform: translateX(.1rem)
}

.proinfobox-sec2 {
    padding: 1.4rem 0;
    border-bottom: 1px solid #eeeeee
}

.proinfobox-sec2 .item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: .59rem
}

.proinfobox-sec2 .item:last-child {
    margin-bottom: 0
}

.proinfobox-sec2 .item .lt {
    position: relative;
    width: 60%
}

@media (max-width: 991px) {
    .proinfobox-sec2 .item .lt {
        width: 100%
    }
}

@media (max-width: 767px) {
    .proinfobox-sec2 .item .lt {
        width: 100%
    }
}

.proinfobox-sec2 .item .lt .proinfobox2_cont {
    position: absolute;
    margin: 0;
    width: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .4s
}

.proinfobox-sec2 .item .lt .proinfobox2_cont.active {
    position: relative;
    opacity: 1;
    visibility: inherit;
    z-index: 2
}

.proinfobox-sec2 .item .lt .proinfobox2_cont .swiper-slide .img {
    padding-top: 59.52380952%
}

.proinfobox-sec2 .item .lt .proinfobox2_cont .proinfobox2_prev {
    left: .3rem
}

.proinfobox-sec2 .item .lt .proinfobox2_cont .proinfobox2_next {
    right: .3rem
}

.proinfobox-sec2 .item .font {
    width: 40%;
    padding-left: .6rem;
    padding-top: .64rem
}

@media (max-width: 991px) {
    .proinfobox-sec2 .item .font {
        width: 100%;
        padding-left: .4rem;
        padding-top: .44rem;
        padding-left: 0
    }
}

@media (max-width: 767px) {
    .proinfobox-sec2 .item .font {
        width: 100%;
        padding-left: 0
    }
}

.proinfobox-sec2 .item .font .shu {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #5ba7c8;
    text-align: center;
    width: 2.5em;
    font-weight: bold;
    line-height: 1.5;
    height: 2.875em;
    margin-bottom: .2rem;
    background: url(../images/shukuaimg1.png) no-repeat center / 100% 100%
}

.proinfobox-sec2 .item .font .f_tit {
    font-weight: bold;
    color: #333333;
    margin-bottom: .25rem
}

.proinfobox-sec2 .item .font .text {
    color: #333333;
    line-height: 1.875
}

.proinfobox-sec2 .item .font .item_nav {
    margin: .42rem 5px 0;
    display: flex;
    flex-wrap: wrap
}

.proinfobox-sec2 .item .font .item_nav li {
    min-width: 25%;
    padding: 0 5px;
    margin-top: 10px
}

.proinfobox-sec2 .item .font .item_nav li .item {
    cursor: pointer;
    user-select: none;
    -webkit-user-select: none;
    display: block;
    width: 100%;
    border: solid 1px #eeeeee;
    color: #333333;
    padding: .1rem;
    text-align: center;
    transition: all .4s
}

.proinfobox-sec2 .item .font .item_nav li .item:hover {
    background-color: #5ba7c8;
    color: #ffffff;
    border: #5ba7c8
}

.proinfobox-sec2 .item .font .item_nav li.on .item {
    background-color: #5ba7c8;
    color: #ffffff;
    border: #5ba7c8
}

@media (min-width: 992px) {
    .proinfobox-sec2 .item:nth-child(2n) .lt {
        order: 1
    }

    .proinfobox-sec2 .item:nth-child(2n) .font {
        padding-left: 0;
        padding-right: .7rem
    }
}

@media (max-width: 991px) {
    .proinfobox-sec2 .container2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap
    }

    .proinfobox-sec2 .container2 .item {
        width: calc(50% - .26rem);
        align-content: flex-start
    }
}

@media (max-width: 991px) and (max-width: 767px) {
    .proinfobox-sec2 .container2 .item {
        width: 100%
    }
}

.lnagelat {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 666;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none
}

.lnagelat .bag {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .5
}

.lnagelat .cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    background-color: #ffffff;
    width: 6.8rem;
    max-width: 90%
}

@media (max-width: 767px) {
    .lnagelat .cont {
        width: 100%
    }
}

.lnagelat .cont .f_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #dddddd;
    padding: .15rem 20px
}

@media (max-width: 1580px) {
    .lnagelat .cont .f_title {
        padding: 12px 16px
    }
}

.lnagelat .cont .f_title .f_tit {
    color: #333333;
    font-weight: bold
}

.lnagelat .cont .f_title .close {
    width: 14px;
    transition: all .4s;
    -webkit-transition: all .4s;
    cursor: pointer;
    overflow: hidden
}

.lnagelat .cont .f_title .close img {
    width: 100%;
    float: left
}

.lnagelat .cont .f_title .close:hover {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg)
}

.lnagelat .cont .f_jut {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .6rem .5rem .4rem
}

@media (max-width: 767px) {
    .lnagelat .cont .f_jut {
        padding: .46rem .36rem .26rem
    }
}

.lnagelat .cont .f_jut .li {
    width: calc(50% - .1rem);
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #edeff1;
    border-radius: 5px;
    color: #333333;
    transition: all .4s linear;
    -webkit-transition: all .4s linear;
    padding: 15px 20px;
    margin-bottom: .2rem
}

@media (max-width: 1580px) {
    .lnagelat .cont .f_jut .li {
        padding: 12px 16px
    }
}

@media (max-width: 767px) {
    .lnagelat .cont .f_jut .li {
        padding: 10px 12px
    }
}