/* @font-face {
    font-family: 'HarmonyOS_Sans_SC_Light';
    src: url("../Fonts/HarmonyOS_Sans_SC_Light.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Bold';
    src: url("../Fonts/HarmonyOS_Sans_SC_Bold.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'HarmonyOS_Sans_SC_Regular';
    src: url("../Fonts/HarmonyOS_Sans_SC_Regular.ttf");
    font-display: swap;
}

@font-face {
    font-family: 'pang';
    src: url("../Fonts/庞门正道粗书体.ttf");
    font-display: swap;
} */

p {
    margin: 0;
}

/* html,
body {
    font-family: 'HarmonyOS_Sans_SC_Light';
} */

.w1680 {
    max-width: 1680px;
    width: 90%;
}


/*Top003075 */
.Top003075 {
    position: relative;
    transition: 0.3s;
}

.Top003075:not(.hasbg) {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 100;
}

.Top003075 menu li .sub {
    display: none;
}

.Top003075 menu li .sub dl {
    position: relative;
    padding: 10px 0;
}

.Top003075 menu li .sub dt {
    line-height: 32px;
    text-align: left;
    padding: 10px 30px;
}

.Top003075 menu li .sub dt a:hover {
    color: #0052c4 !important;
}

.Top003075 .logo {
    display: table;
}

.Top003075 .logo a {
    display: table-cell;
    vertical-align: middle;
}

.Top003075 .top-right {
    position: absolute;
    right: 6vw;
    top: 50%;
    transform: translateY(-50%);
}

.Top003075 .top-right dl {
    display: table;
}

.Top003075 .top-right dl>* {
    display: table-cell;
    vertical-align: middle;
}

.Top003075 .top-lang {
    position: relative;
    z-index: 100;
}

.Top003075 .top-lang .icon {
    width: 30px;
    height: 30px;
    background: url(../images/icon-lang.png) no-repeat center center;
    background-size: auto 20px;
    filter: grayscale(100%) brightness(500%);
}

.Top003075 .top-lang .box {
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    padding: 40px 10px 10px;
    border-radius: 10px;
    text-align: center;
    background-color: rgba(0, 0, 0, 0.2);
    display: none;
}

.Top003075 .top-lang .box a {
    color: #fff;
}

.Top003075 .top-right dd:not(:last-child):before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 0.625em;
    background-color: #999;
    display: none;
}

.open-search {
    cursor: pointer;
    display: block;
    width: 38px;
    height: 38px;
    background: url(../images/icon-search.png) no-repeat center center;
    background-size: auto 20px;
    filter: grayscale(100%) brightness(500%);
}

.open-search.on:before,
.open-search.on:after {
    background-color: #000;
}

.top-search {
    position: absolute;
    right: 3vw;
    top: 100%;
    z-index: 100;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
    border-radius: 5px;
    overflow: hidden;
}

.top-search .text {
    width: 100%;
    height: 3.125em;
    line-height: 3.125em;
    padding: 0 3.125em 0 0.625em;
    font-size: 1em;
}

.top-search .btn {
    position: absolute;
    right: 0;
    top: 0;
    width: 3.125em;
    height: 100%;
    background: url(../images/icon-search.png) no-repeat center center;
    background-size: auto 40%;
}

@media(min-width:1025px) {
    .Top003075{height:100px;}
    .Top003075 .logo{position: absolute;left: 6vw;top: 0;height: 100px;transition: 0.3s;}

    .Top003075 menu {display: table;margin-left: auto;margin-right: 1vw;}
    .Top003075 menu li {float: left; position:relative;}
    .Top003075 menu li:not(:last-child){margin-right:3.13vw;}
    .Top003075 menu li span{display:block;font-size:calc(18 / 16 * 1em);line-height: 100px;transition: 0.3s;position: relative;}
    .Top003075 menu li:hover> span a{ color:#176de5!important;}
    .Top003075 menu li .sub{ width:max-content; background:rgb(255 255 255 / 80%); left:50%; border-radius: 0 0 10px 10px; overflow: hidden; box-shadow: inset 0 0 3px 0 #000; transform:translateX(-50%);}

    .Top003075 menu li .prod-sub{ left:0!important; width:100%; border-top:1px solid #ededed;}
    .Top003075 .prod-sub dl{ overflow:hidden; padding:0;}
    .Top003075 .prod-sub dt { float:left; width:33.33333%; overflow:hidden; border-top:1px solid #ededed; margin-top:-1px; padding: 36px 0; position:relative;}
    .Top003075 .prod-sub dt:nth-child(3n+1){clear: left;}
    .Top003075 .prod-sub dt:not(:nth-child(3n)):after {position: absolute;content: '';height: 80%;top: 10%;right: 0;width: 1px;background: #ededed;}
    .Top003075 .prod-sub dt .pic {width:40%;}
    .Top003075 .prod-sub dt .txt {text-align: left;padding-left: 1em;}

    .open-search{margin-left: 1.125em;}
    .top-search{width: 25em;}

    .Top003075:hover{background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 9px 0px #919191;}
    .Top003075_fixed,
    .Top003075_fixed .logo {height:80px;}
    .Top003075_fixed menu li span {line-height:80px;}
}

.Top003075_fixed {background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);box-shadow: 0 0 9px 0px #919191;}

@media screen and (max-width: 1770px) {
.Top003075 menu{margin-right:4vw;}
}

@media screen and (max-width: 1660px) {
.Top003075 menu{ margin-right:7vw;}
}

.Top003075 .prod-sub dt .name * {
    margin: 0;
}

.Top003075 .prod-sub dt .name {
    padding-bottom: 10px;
}

.Top003075 .prod-sub dt .name h4 {
    font-weight: normal;
    font-size: 20px;
    color: #000;
    margin: 0;
}

.Top003075 .prod-sub dt .name p {
    font-size: 18px;
    padding-top: 5px;
}

.Top003075 menu li span a{ color:#fff;}

.Top003075 .logo img {
    max-width: 280px;
}

.Top003075 .logo .logo2 {
    display: none;
}

.Top003075.ons menu li a {
    color: #333;
}

.Top003075.ons .logo .logo1 {
    display: none;
}

.Top003075.ons .logo .logo2 {
    display: block;
}

.Top003075.ons .icon,
.Top003075.ons .open-search {
    filter: none;
}




.Top003075_fixed menu li a {
    color: #333 !important;
}

.Top003075_fixed .logo .logo1 {
    display: none;
}

.Top003075_fixed .logo .logo2 {
    display: block;
}

.Top003075_fixed .icon,
.Top003075_fixed .open-search {
    filter: none !important;
}

.Top003075_fixed menu li span:before {
    content: '';
    position: absolute;
    width: 0;
    height: 3px;
    left: 0;
    bottom: 0;
    right: 0;
    background: #0052c4;
    margin: auto;
    transition: all 0.5s;
}

.Top003075 menu li:hover span::before {
    width: 80%;
}

.Top003075 menu li .sub dt:not(:last-child) {
    border-bottom: 1px solid #ebebeb;
}

.Top003075 menu li .sub dt a {
    font-size: 15px;
}

body.menu-show .Top003075 {
    background: #fff;
}

@media(min-width:1025px) and (max-width:1500px) {
    .Top003075 menu li:not(:last-child) {
        margin-right: 3.13vw;
    }
}

@media(max-width:1024px) {
    .Top003075 .logo img {
        max-width: 150px;
    }

    .Top003075,
    .Top003075 .logo {
        height: 70px;
    }

    .Top003075 menu {
        max-width: 100%;
        position: fixed;
        left: -100%;
        opacity: 0;
        top: 70px;
        bottom: 0;
        overflow: auto;
        background: #fff;
        z-index: 99;
        width: 100%;
        box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
        padding: 20px 0;
        transition: 0.5s;
    }

    .menu-show .Top003075 menu {
        left: 0;
        opacity: 1;
    }

    .Top003075 menu li span {
        display: block;
        position: relative;
        line-height: 40px;
        padding: 0 40px 0 20px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }

    .Top003075 .has-sub span .op:before,
    .Top003075 .has-sub span .op:after {
        background: #ccc;
    }

    .Top003075 .open-menu span {
        position: relative;
        display: block;
        width: 30px;
        height: 30px;
        margin: 0 auto;
    }

    .Top003075 .open-menu {
        background: #0f55b0;
    }

    .Top003075 .top-right dt {
        font-size: 0;
    }

    .Top003075 .top-right dt a {
        font-size: 14px;
    }

    .Top003075 menu li .sub {
        padding: 20px 30px;
        background: #f1f5fa;
    }

    .Top003075 .open-sbox {
        font-size: 0;
        width: 25px;
        height: 44px;
        background-position: center center;
    }
}


.bottom {
    padding: 6% 0 30px 0;
    background: #2d2d2d url(../images/bj1.png) no-repeat bottom;
    display: inline-block;
    width: 100%;
    position: relative;
    /* bottom: -4px; */
}


.bottom .auto .left {
    width: 55%;
    float: left;
}

.bottom .auto .right {
    width: 31%;
    margin-left: 14%;
    float: right;
}

.bottom .auto .left .top {
    font-size: 20px;
}

.bottom .auto .left .top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #525252;
    margin-bottom: 20px;
}

.bottom .auto .left .top ul li {
    list-style: none;
    width: auto;
    position: relative;
}

.bottom .auto .left .top ul li:last-child {
    padding-left: 10px;
}

.bottom .auto .left .top ul li:not(:last-child) {
    padding-right: 4.5%;
}

.bottom .auto .left .top ul li:not(:last-child):before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #176de6;
    /* border-radius: 50%; */
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.bottom .auto .left .top ul li a {
    color: #fff;
    transition: all 0.5s;
    font-size: 20px;
}

.bottom .auto .left .fenx {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 9%;
}

.bottom .auto .left .fenx span {
    font-size: 16px;
    color: #777777;
    margin-right: 5px;
}

.bottom .auto .left .fenx ul {
    display: flex;
}

.bottom .auto .left .fenx ul li {
    background: #3d3d3d;
    list-style: none;
    padding: 10px;
    border-radius: 50%;
    margin-left: 20px;
    transition: all 0.5s;
}

.bottom .auto .left .fenx ul li img {
    filter: grayscale(100%) brightness(300%);
}

.bottom .auto .left .tio {
    margin-top: 30px;
    margin-bottom: 20px;
}

.bottom .auto .left .tio ul {
    display: flex;
    flex-wrap: wrap;
}

.bottom .auto .left .tio ul li {
    list-style: none;
    margin-right: 3%;
}

.bottom .auto .left .tio ul li a {
    font-size: 16px;
    color: rgb(255 255 255 / 50%);
    transition: all 0.5s;
}


.bottom .auto .left .beian .pw { font-size:16px; color:rgb(255 255 255 / 75%);}
.bottom .auto .left .beian .pw a{ color: rgb(255 255 255 / 75%);}

.bottom .auto .right .po {
    font-size: 20px;
    color: #ffffff;
    position: relative;
    padding-left: 15px;
    margin-bottom: 4%;
}

.bottom .auto .right .po:before {
    content: '';
    position: absolute;
    width: 5px;
    height: 80%;
    top: 0;
    left: 0;
    bottom: 0;
    background: #176de6;
    margin: auto;
    border-radius: 50px;
}

.bottom .auto .right .biaodan form {
    display: flex;
    flex-wrap: wrap;
}

.bottom .auto .right .biaodan form .div {
    width: 49%;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 10px;
}

.bottom .auto .right .biaodan form .div:last-child {
    width: 100%;
}

.bottom .auto .right .biaodan form .div:nth-child(5) {
    width: 100%;
    margin-right: 0 !important;
}

.bottom .auto .right .biaodan form .div input,
.bottom .auto .right .biaodan form .div textarea {
    width: 100%;
    border: none;
    font-size: 16px;
    color: #000;
    background: #dee5ea;
    padding: 10px 10px;
}

.bottom .auto .right .biaodan form .div textarea {
    border-radius: 5px;
    height: 80px !important;
}

.bottom .auto .right .biaodan form .div:not(:nth-child(2n)) {
    margin-right: 2%;
}

.bottom .auto .right .biaodan form .tijiao {
    width: 100%;
    max-width: 130px;
}

.bottom .auto .right .biaodan form .tijiao input {
    font-size: 16px;
    color: #fff;
    background: #176de6;
    border: none;
    font-size: 16px;
    display: block;
    width: 100%;
    padding: 10px;
    border-radius: 8px;
}

.bottom .auto .left .top ul li a:hover {
    color: #ffffff85;
}

.bottom .auto .left .fenx ul li:hover {
    background: #ffffff57;
}

.bottom .auto .left .tio ul li a:hover {
    color: #fff;
}

.bottom .link{margin-top: 2%;padding-top: 2%;border-top: 1px solid rgba(255, 255, 255, .1);}
.bottom .link .flex{display: flex;align-items: center}
.bottom .link .flex .name{position: relative;width: 100px;height: 35px;display: flex;align-items: center;justify-content: center;font-size: 16px;color: #ffffff;background-color: #424242;border-radius: 3px;}
.bottom .link .flex .name:after{display: block;content: '';position: absolute;right: -5px;top: 0;bottom: 0;margin: auto 0;width: 0;height: 0;border-left: 5px solid #424242;border-top: 5px solid transparent;border-bottom: 5px solid transparent;z-index: 3;}
.bottom .link .flex .box{margin-left: 30px;width: calc(100% - 130px);overflow: hidden;}
.bottom .link .flex .box .swiper-slide{display: flex;align-items: center;margin-right: 20px;width: auto;}
.bottom .link .flex .box .swiper-slide a{font-size: 16px;color: rgba(255, 255, 255, .7);}
.bottom .link .flex .box .swiper-slide:after{display: block;content: '|';margin-left: 20px;font-size: 16px;color: rgba(255, 255, 255, .7);}
.bottom .link .mn-swiper .swiper-wrapper{
  -webkit-transition-timing-function: linear !important; /*之前是ease-out*/
  -moz-transition-timing-function: linear !important;
  -ms-transition-timing-function: linear !important;
  -o-transition-timing-function: linear !important;
  transition-timing-function: linear !important;
}
@media screen and (max-width: 1366px) {
    .bottom .auto .left .top ul li a {
        font-size: 16px;
    }

    .bottom .auto .right .biaodan form .div input,
    .bottom .auto .right .biaodan form .div textarea {
        font-size: 14px;
    }
}

@media screen and (max-width: 768px) {
    .bottom .auto .left {
        width: 100%;
        margin-top: 20px;
    }

    .bottom .auto .right {
        width: 100%;
        margin-left: 0;
    }

    .bottom .auto .left .fenx {
        margin-top: 0;
    }

    .bottom .auto .left .top ul {
        display: none;
    }

    .bottom .auto .left .tio ul li a {
        font-size: 14px;
    }

    .bottom .auto .left .beian .pw {
        font-size: 14px;
        line-height: 1.8;
    }

    .bottom .auto .left .tio {
        margin-top: 10px;
        margin-bottom: 10px;
    }
}


.banner .swiper-slide {
    position: relative;
    overflow: hidden;
}

.banner .swiper-slide .wenzi {
    position: absolute;
    top: 28%;
    width: 90%;
    max-width: 610px;
    z-index: 9;
    right: 23%;
    left: auto;
    margin: auto;
    line-height: 1;
}

.banner .swiper-slide .wenzi .pa {
    font-size: calc(40 / 1920 * 100vw);
    color: #fff;
    font-family: 'HarmonyOS_Sans_SC_Bold';
    letter-spacing: 5px;
}

.banner .swiper-slide .wenzi .pa .span {
    font-size: calc(95 / 1920 * 100vw);
    font-family: 'pang';
}



.banner .swiper-slide .wenzi .tow {
    display: flex;
    align-items: center;
    line-height: 1;
    position: relative;
    top: -18px;
    margin-left: 10px;
}

.banner .swiper-slide .wenzi .tow .sp {
    font-size: 15px;
    color: rgb(255 255 255 / 68%);
    text-transform: uppercase;
    line-height: 1.5;
    width: 35%;
    text-align: right;
    padding-right: 2%;
    margin-right: 2%;
    /* border-right: 1px solid; */
    position: relative;
    margin-top: 20px;
}

.banner .swiper-slide .wenzi .tow .pa {
    width: 65%;
}

.banner .swiper-slide .wenzi .tow .sp:before {
    content: '';
    position: absolute;
    width: 1px;
    height: 70%;
    background: rgb(255 255 255 / 68%);
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.banner .kawo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 90%;
    margin: auto;
    max-width: 1700px;
    position: absolute;
    bottom: 7%;
    left: 0;
    right: 0;
    padding: 0 20px;
}

.banner .kawo .banner-pagination1,
.banner .kawo .banner-pagination2 {
    width: auto;
    position: relative;
    bottom: 0;
}

.banner .kawo .banner-pagination2 {
    color: #fff;
    opacity: 1;
    font-size: 20px;
    z-index: 999;
}

.banner .kawo .banner-pagination1 .swiper-pagination-bullet {
    width: 30px;
    border-radius: 0;
    height: 3px;
    background: #fff;
    opacity: 0.5;
}

.banner .kawo .banner-pagination1 .swiper-pagination-bullet-active {
    opacity: 1;
}

.banner .kawo i {
    display: none;
    position: relative;
    z-index: 99;
    animation: scale 1.5s linear infinite;
}

@keyframes scale {
    25% {
        -webkit-transform: translateY(-5px);
    }

    100% {
        -webkit-transform: translateY(0);
    }

    75% {
        -webkit-transform: translateY(10px);
    }
}

.banner .swiper-slide:nth-child(1) .wenzi {
    right: 42vw;
}


@media screen and (min-width: 768px) {
    .banner .swiper-slide .img .imgmo {
        display: none;
    }
}

@media screen and (max-width: 1200px) {
    .banner .swiper-slide .wenzi .tow {
        top: 0px;
    }

    .banner .swiper-slide:nth-child(1) .wenzi {
        right: 0;
    }
}

@media screen and (max-width: 768px) {
    .banner .swiper-slide .img .imgpc {
        display: none;
    }

    .banner .swiper-slide .wenzi {
        right: 0;
        top: 38%;
    }

    .banner .swiper-slide .wenzi .tow .sp {
        font-size: 12px;
        width: 100%;
        text-align: left;
        margin: 5px 0;
    }

    .banner .swiper-slide .wenzi .pa {
        font-size: 16px;
    }

    .banner .swiper-slide .wenzi .tow {
        flex-wrap: wrap;
        margin-left: 0px;
    }

    .banner .swiper-slide .wenzi .tow .pa {
        width: 100%;
    }

    .banner .kawo .banner-pagination2 {
        font-size: 14px;
    }
}

.fudong {
    position: fixed;
    right: 1%;
    top: 40%;
    z-index: 99;
}


.fudong li {
    list-style: none;
    padding: 10px 10px;
    background: #176de5;
    border-radius: 5px;
    width: auto;
    max-width: 48px;
    transition: all 0.5s;
    margin-left: auto;
}

.fudong li:not(:last-child) {
    margin-bottom: 10px;
}

@media screen and (max-width: 640px) {
    .fudong li img {
        max-width: 20px;
    }

    .fudong li {
        padding: 7px;
    }
}



.htits .tiw {
    text-align: center;
    font-size: calc(50 / 1920 * 100vw);
    color: #000f27;
    font-family: 'HarmonyOS_Sans_SC_Regular';
    position: relative;
    background: url(../images/tit.png) no-repeat center top -44px;
    padding: 3% 0;
}

.bada {
   /*  background: url(../images/bj2.png) no-repeat; */
    padding: 3% 0;
    background-size: cover;
}
.bada .box{position: relative;}
.bada .box .img{border-radius: 15px;overflow: hidden;}
.bada .box .img img{width: 100%}
.bada .box .list{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 3;}
.bada .box .list ul{display: flex;height: 100%;}
.bada .box .list ul li{position: relative;width: 9.5%;height: 100%;background-color: rgba(0, 0, 0, .4);border-right: 1px solid rgba(255, 255, 255, .4);}
.bada .box .list ul li:last-child{border-right: 0;}

.bada .box .list ul li .casket{position: absolute;top: 16%;left: 0;right: 0;margin: 0 auto;padding: 8% 1%;width: 43px;height: 43px;border-radius: 43px;box-sizing: border-box}
.bada .box .list ul li .casket .icon{margin-bottom: 20px;}
.bada .box .list ul li .casket .icon img{width: 39px;display: block;margin: 0 auto;}
.bada .box .list ul li .casket .title{font-size: 24px;color: #fff;text-align: center;}
.bada .box .list ul li .casket .text{display: none;margin-top: 30px;padding-top: 25px;font-size: 14px;color: #fff;line-height: 1.8;border-top: 1px solid rgba(255, 255, 255, .3);}
.bada .box .list ul li .casket .more{display: none;margin-top: 65px;}
.bada .box .list ul li .casket .more a{display: flex;align-items: center;justify-content: center;width: 140px;height: 40px;font-size: 16px;color: #fff;border: 1px solid rgba(255, 255, 255, .3);box-sizing: border-box;border-radius: 40px;}
.bada .box .list ul li.on .casket{background: linear-gradient(to top right,#3370f4,#06cab4);}
.bada .box .list ul li.on .casket .icon{display: none;}


@media screen and (min-width: 640px) {
   .bada .box .list ul li.on{width: 33.5%;background-color: transparent}
    .bada .box .list ul li.on .casket{padding: 16% 9%;width: 73%;border-radius: 0;bottom: 0;top: auto;height: auto;left: auto;} 
    .bada .box .list ul li.on .title{font-size: 28px;font-weight: bold;text-align: left;}
    .bada .box .list ul li.on .text{display: block;}
    .bada .box .list ul li.on .more{display: block;}
}
@media screen and (max-width: 1800px){
    .bada .box .list ul li .casket{top: 8%;}
}
@media screen and (max-width: 1600px){
    .bada .box .list ul li .casket{top: 5%;}
    .bada .box .list ul li .casket .title{font-size: 20px;width: 20px;margin: 0 auto;}
    .bada .box .list ul li.on .title{width: auto}
}
@media screen and (max-width: 1400px){
    .bada .box .list ul li .casket .title{font-size: 18px;}
    .bada .box .list ul li .casket .more{margin-top: 40px;}
}
@media screen and (max-width: 1240px) {
    
}

@media screen and (max-width: 640px) {
   .bada .box .img{display: none;}
   .bada .box .list{position: inherit;}
   .bada .box .list ul{flex-flow: wrap;margin: -1%;}
   .bada .box .list ul li{width: 48%;margin: 1%;background-color: transparent;border-radius: 0;border-right: 0;}
   .bada .box .list ul li .casket{position: inherit;width: 100%;padding: 20px 15px;height: auto;box-sizing: border-box;border-radius: 0}
   .bada .box .list ul li .casket .title{display: block;text-align: left;font-size: 18px;}
   .bada .box .list ul li .casket .text{display: block;margin-top: 15px;padding-top: 10px;}
   .bada .box .list ul li .casket .more{display: block;}
}
.Eight{padding: 6% 0;}
.Eight .list ul{display: flex;flex-flow: wrap;margin: -1%;}
.Eight .list ul li{margin: 1%;width: 100%;border-radius: 15px;overflow: hidden;}
.Eight .list ul li a{display: block;position: relative;}
.Eight .list ul li a:before{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to top,rgba(0, 0, 0, .5),rgba(0, 0, 0, 0));z-index: 1;}
.Eight .list ul li .img{overflow: hidden;}
.Eight .list ul li .img img{width: 100%; transition: 0.3s;}
.Eight .list ul li:hover img{transform: scale(1.12);}
.Eight .list ul li .box{position: absolute;left: 0;bottom: 0;padding: 40px 30px;width: 100%;box-sizing: border-box;z-index: 5;}
.Eight .list ul li .box .title{margin-top: 20px;font-size: 24px;color: #ffffff;}
@media screen and (min-width: 640px){
    .Eight .list ul li:nth-of-type(1),.Eight .list ul li:nth-of-type(2),.Eight .list ul li:nth-of-type(5),.Eight .list ul li:nth-of-type(6){width: 48%}
    .Eight .list ul li:nth-of-type(3),.Eight .list ul li:nth-of-type(4),.Eight .list ul li:nth-of-type(7),.Eight .list ul li:nth-of-type(8){width: 23%}
}
@media screen and (max-width: 640px){
    .Eight .list ul li .box{padding: 20px;}
    .Eight .list ul li .box .title{font-size: 22px;}
}
/*Floor002866 */
.Floor002866 {
    padding: 1vw 0;
}

.Floor002866 a:hover {
    color: #429535;
}

@media(min-width:1025px) {
    .Floor002866 .fl {
        width: 37.667%;
        margin-left: -26px;
    }

    .Floor002866 .fl.mid {
        margin-left: 0;
        width: 100%;
        min-height: 331px;
    }

    .Floor002866 .fr {
        width: 24%;
    }
}

@media(max-width:1024px) {
    .Floor002866 .fl.mid {
        margin: 3vw 0;
    }
}

.Floor002866 .tab-ul,
.Floor002866 .tab-list {
    padding: 0 26px;
}

.Floor002866 .tab-ul {
    position: relative;
}

.Floor002866 .tab-ul i {
    position: absolute;
    top: 0;
    height: 100%;
    background-repeat: no-repeat;
    width: 26px;
}

.Floor002866 .tab-ul i.l {
    background-image: url(../images/Floor002866_tit_l.png);
    background-position: right top;
    left: 0;
}

.Floor002866 .tab-ul i.r {
    background-image: url(../images/Floor002866_tit_r.png);
    background-position: left top;
    right: 0;
}

.Floor002866 .tab-ul ul {
    position: relative;
    border-bottom: 2px solid #ebebeb;
    height: 50px;
    background: #f8f8f8;
}

.Floor002866 .tab-ul li {
    float: left;
    border-bottom: 2px solid transparent;
    line-height: 48px;
    height: 50px;
    font-size: 18px;
    padding: 0 23px;
    cursor: pointer;
}

.Floor002866 .tab-ul li.on {
    border-bottom-color: #429535;
    color: #429535;
}

.Floor002866 .tab-ul .more {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 50px;
    font-size: 16px;
    background: url(../images/Floor002866_more.gif) no-repeat right center;
    padding-right: 14px;
    display: none;
}

.Floor002866 .tab-ul li.on .more {
    display: block;
}

.Floor002866 .tab-list .dl {
    display: none;
}

.Floor002866 .tab-list dl {
    padding-top: 26px;
    padding-left: 8px;
}

.Floor002866 .tab-list dt {
    line-height: 40px;
    font-size: 16px;
    padding-left: 20px;
    background: url(../images/Floor002866_icon.png) no-repeat left center;
}

.Floor002866 .tab-list dt time {
    font-size: 14px;
    color: #666;
    float: right;
    margin-left: 10px;
}

.Floor002866 .dl-tab {
    padding-top: 20px;
}

.Floor002866 .dl-tab ol {
    float: left;
    margin-right: 5px;
    min-width: 130px;
    line-height: 30px;
    border-radius: 30px;
    background: #ededed;
    cursor: pointer;
    text-align: center;
    padding: 0 10px;
    position: relative;
}

.Floor002866 .dl-tab ol.on {
    color: #fff;
    font-weight: bold;
    background: #429535;
}

.Floor002866 .dl-tab ol.on:after {
    position: absolute;
    content: '';
    border: 6px solid transparent;
    border-top-color: #429535;
    top: 100%;
    left: 50%;
    margin-left: -6px;
}

.Floor002866 .dl-tab-list dl {
    padding-top: 10px;
    padding-left: 0;
}

.Floor002866 .mid {}

.Floor002866 .mid .name {
    text-align: center;
    font-size: 18px;
    color: #429535;
    line-height: 55px;
}

.Floor002866 .carousel {
    position: relative;
    height: auto;
    overflow: hidden;
}

.Floor002866 .carousel .slides {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

.Floor002866 .carousel .slides .slideItem {
    position: absolute;
    cursor: pointer;
    overflow: hidden;
    /* background-color:#fff; */
    height: auto !important;
}

.Floor002866 .carousel .slides .slideItem a {
    position: relative;
    z-index: 10;
    display: block;
}

.Floor002866 .carousel .slides .slideItem img {
    display: none !important;
}
.Floor002866 .carousel .slides .slideItem .Ispic{
    width: 100%;
    opacity: 0.2;
    filter: alpha(opacity=20);
    height: auto !important;
    padding-bottom:67.51%;
}

.Floor002866 .carousel .slides .slideItem .desc {
    display: none;
    line-height: 40px;
    text-align: center;
}

.Floor002866 .carousel .slides .slideItem#side0 .Ispic{
    opacity: 1;
    filter: alpha(opacity=100);
    border-radius: 10px;
}

.Floor002866 .carousel .slides .slideItem#side0 .desc {
    display: block;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
}

.Floor002866 .carousel .prevButton,
.Floor002866 .carousel .nextButton {
    position: absolute;
    top: 42%;
    margin-top: -34px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 30;
    border-radius: 50%;
}

.Floor002866 .carousel .prevButton {
    left: 0;
    background: #fff;
}

.Floor002866 .carousel .nextButton {
    right: 0;
    background: #fff;
}

@media(max-width:1024px) {
    .Floor002866 .carousel .slides {
        left: 50%;
        transform: translateX(-50%);
        margin: 0;
    }
}

.Floor002866 .title {
    background: #429535;
    text-align: center;
    line-height: 50px;
}

.Floor002866 .title b {
    color: #fff;
    font-size: 18px;
}

.Floor002866 .title b:after,
.Floor002866 .title:before {
    display: inline-block;
    content: '';
    background: url(../images/Floor002866_tit_icon.png) no-repeat;
    width: 50px;
    height: 15px;
}

.Floor002866 .title b:after {
    margin-left: 24px;
}

.Floor002866 .title:before {
    margin-right: 24px;
}

.Floor002866 .fr ul {
    border: 1px solid #f5f5f5;
}

.Floor002866 .fr li:not(:last-child) {
    border-bottom: 1px solid #f5f5f5;
}

.Floor002866 .fr li span {
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
}

.Floor002866 .fr li span.icon_1 {
    background-image: url(../images/Floor002866_icon01.png);
}

.Floor002866 .fr li span.icon_2 {
    background-image: url(../images/Floor002866_icon02.png);
}

.Floor002866 .fr li span.icon_3 {
    background-image: url(../images/Floor002866_icon03.png);
}

.Floor002866 .fr li span.icon_4 {
    background-image: url(../images/Floor002866_icon04.png);
}

.Floor002866 .fr li a {
    display: block;
    line-height: 69px;
    height: 69px;
    overflow: hidden;
    font-size: 16px;
    padding: 0 2.08vw 0 80px;
    position: relative;
}

.Floor002866 .fr li aside {
    padding-right: 23px;
    background: url(../images/Floor002866_icon_a.png) no-repeat right center;
}

.Floor002866 .carousel .nextButton:before {
    content: '';
    position: absolute;
    border: solid #176de5;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 20px;
    left: 17px;
    /* right: 0; */
}

.Floor002866 .carousel .prevButton:before {
    content: '';
    position: absolute;
    border: solid #176de5;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 20px;
    left: 20px;
}

.hnew {
    /* background: url(../images/bj4.jpg) no-repeat; */
    padding: 3% 0;
    background-size: cover;
}

.hnew .htits .tiw {
    color: #000f27;
}


.hnew .new {
    display: flex;
    flex-wrap: wrap;
}

.hnew .new .left {
    width: 55%;
    margin-right: 5%;
}

.hnew .new .right {
    width: 40%;
}

.hnew .new a {}

.hnew .new a .xin {
    display: flex;
    align-items: center;
    margin-top: 6%;
}

.hnew .new a .xin .left {
    width: 12%;
    color: #333333;
    padding-right: 3%;
    margin-right: 3%;
    border-right: 1px solid #ededed61;
}

.hnew .new a .xin .right {
    width: 85%;
    color: #333333;
}

.hnew .new a .xin .left .pa {
    font-size: calc(42 / 1920 * 100vw);
    color: #176de5;
    font-family: 'HarmonyOS_Sans_SC_Bold';
}

.hnew .new a .xin .left .pb {
    font-size: 14px;
    color: #176de5;
}

.hnew .new a .xin .right .pq {
    font-size: calc(24 / 1920 * 100vw);
    line-height: 2;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.hnew .new a .xin .right .pw {
    font-size: 16px;
    color: #333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.Floor002866 .carousel .slides .slideItem#side0 .xin {
    display: flex
}

.Floor002866 .carousel .slides .slideItem .xin {
    display: none;

}

.Floor002866 .carousel .prevButton:hover,
.Floor002866 .carousel .nextButton:hover {
    background: #176de5;
}
.Floor002866 .carousel .prevButton:hover:before,
.Floor002866 .carousel .nextButton:hover:before {
    border: solid #fff;
    border-left: 0;
    border-top: 0;
}

.hnew .new .right .qie ul {
    display: flex;
}

.hnew .new .right .qie ul li {
    list-style: none;
    border-radius: 50px;
}

.hnew .new .right .qie ul li .qiep {
    font-size: calc(22 / 1920 * 100vw);
    color: #666;
    padding: 10px 15px;
}
.hnew .new .right .qie ul li.on .qiep{color: #fff;}

.hnew .new .right .lue {}

.hnew .new .right .lue .yop {
    padding-bottom: 5%;
    border-bottom: 1px solid #ffffff3b;
}

.hnew .new .right .lue .yop a {
    display: flex;
    align-items: center;
}

.hnew .new .right .lue .yop a .img {
  border-radius: 10px;
  overflow: hidden;
  width: 30%;
}

.hnew .new .right .lue .yop a .img img{
    display: none;
}

.hnew .new .right .lue .yop a .img .Ispic{
    display: block;
    width: 100%;
    padding-bottom: 64.49%;

}

.hnew .new .right .lue .yop a .wen {
    width: 70%;
    padding-left: 5%;
    color: #333;
}

.hnew .new .right .lue .yop a .wen .pq {
    font-size: calc(20 / 1920 * 100vw);
    line-height: 1.5;
}

.hnew .new .right .lue .yop a .wen .time {
    display: flex;
    align-items: center;
    margin-top: 20px;
    color: #176de5;
}

.hnew .new .right .lue .yop a .wen .time img {
    margin-right: 10px;
}

.hnew .new .right .qie {
    margin-bottom: 20px;
}

.hnew .new .right li {
    list-style: none;
}

.hnew .new .right .lue li {
    padding-bottom: 4%;
    border-bottom: 1px solid #ffffff3b;
}

.hnew .new .right .lue li .xin {
    margin-top: 4%;
}

.hnew .new .right .lue li .right .pq {
    font-size: calc(20 / 1920 * 100vw);
}

.hnew .new .right .qie ul li.on {
    background: #176de5;
}

@media screen and (max-width: 768px) {
    .hnew .new .left {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .hnew .new .left {
        margin-bottom: 0;
    }

    .hnew .new .right {
        width: 100%;
    }
}

@media screen and (max-width: 640px) {
    .hnew .new a .xin .left .pb {
        font-size: 12px;
    }

    .hnew .new a .xin .left {
        width: 20%;
    }

    .hnew .new a .xin .left .pa {
        font-size: 16px;
    }

    .hnew .new a .xin .right .pw {
        font-size: 14px;
    }
}

.hezuo {
    background: url(../images/bj5.png) no-repeat center;
    padding: 3% 0;
    background-size: cover;
}

.hezuo .neir {
    padding-bottom: 41%;
    position: relative;
}

.hezuo .neir .lef {
    position: relative;
}

.hezuo .neir .lef li {
    list-style: none;
    position: absolute;
    top: 57em;
    width: 14.1vw;
    height: 4.85vw;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hezuo .neir .lef li:nth-child(1) {
    left: 4vw;
    top: 0;
}

.hezuo .neir .lef li:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    transform: skewX(-15deg);
    background: #fff;
    border-radius: 13px;
    z-index: 0;
    box-shadow: 0 0 11px 4px #c5c5c559;
    transition: all 0.5s;
}

.hezuo .neir .zhong {
    position: absolute;
    left: 0;
    right: 0;
    top: 12vw;
    /* bottom: 0; */
    margin: auto;
    width: auto;
    height: auto;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.hezuo .neir .lef li img {
    max-height: 3vw;
    position: relative;
    max-width: 8vw;
}

.hezuo .neir .lef li:nth-child(2) {
    left: 2vw;
    top: 7.5vw;
}

.hezuo .neir .lef li:nth-child(3) {
    left: 0;
    top: 15vw;
}

.hezuo .neir .lef li:nth-child(4) {
    left: 2vw;
    top: 22.5vw;
}

.hezuo .neir .lef li:nth-child(5) {
    left: 5vw;
    top: 29.5vw;
}

.hezuo .neir .lef li:nth-child(6) {
    left: 22vw;
    top: 6vw;
}

.hezuo .neir .lef li:nth-child(7) {
    left: 19vw;
    top: 15vw;
}

.hezuo .neir .lef li:nth-child(8) {
    left: 22vw;
    top: 24vw;
}


.hezuo .neir .lef li:nth-child(9) {
    right: 22vw;
    top: 6vw;
}

.hezuo .neir .lef li:nth-child(10) {
    right: 19vw;
    top: 15vw;
}

.hezuo .neir .lef li:nth-child(11) {
    right: 22vw;
    top: 24vw;
}

.hezuo .neir .lef li:nth-child(12) {
    right: 4vw;
    top: 0;
}

.hezuo .neir .lef li:nth-child(13) {
    right: 2vw;
    top: 7.5vw;
}

.hezuo .neir .lef li:nth-child(14) {
    right: 0;
    top: 15vw;
}

.hezuo .neir .lef li:nth-child(15) {
    right: 2vw;
    top: 22.5vw;
}

.hezuo .neir .lef li:nth-child(16) {
    right: 5vw;
    top: 29.5vw;
}

.hezuo .neir .lef li:nth-child(8)~li:before {
    transform: skewX(20deg);
}

.hezuo .neir .zhong img {
    max-width: 13vw;
}

@media screen and (max-width: 768px) {
    .hezuo .neir .zhong {
        display: none;
    }

    .hezuo .neir .lef li {
        position: relative;
        width: 49%;
        height: auto;
        padding: 10px 10px;
        left: 0 !important;
        right: 0 !important;
        top: 0 !important;
        bottom: 0 !important;
        margin-bottom: 3%;
        min-height: 70px;
    }

    .hezuo .neir .lef ul {
        display: flex;
        flex-wrap: wrap;
    }

    .hezuo .neir {
        padding-bottom: 0;
    }

    .hezuo .neir .lef li img {
        max-height: 50px;
        max-width: 100px;
    }

    .hezuo .neir .lef li:before {
        transform: none !important;
    }

    .hezuo .neir .lef li:not(:nth-child(2n)) {
        margin-right: 2%;
    }

    .htits .tiw {
        font-size: 20px;
    }
}


.guanyu {
    background: url(../images/bj6.jpg) no-repeat center;
    padding-top: 3%;
    background-size: cover;
}

.guanyu .htits .tiw {
    color: #000f27;
}

.guanyu .htits .tiwpw {
    margin: auto;
    max-width: 768px;
    color: #333;
    text-align: center;
    line-height: 1.8;
    font-size: 16px;
}

.guanyu .wenan .tuo {
    position: relative;
    text-align: center;
}

.guanyu .wenan .tuo a {
    position: absolute;
    text-align: center;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
    display: inline-block;
    /* padding: 10px; */
    border-radius: 50%;
    background: #176de5;
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guanyu .wenan {
    position: relative;
}

.guanyu .wenan ul {}

.guanyu .wenan ul li {
    list-style: none;
    position: absolute;
    color: #fff;
    z-index: 1;
}

.guanyu .wenan ul li:nth-child(1) {
    left: 7.4vw;
}

.guanyu .wenan ul li .num {
    display: flex;
    /* font-family: 'HarmonyOS_Sans_SC_Bold'; */
    align-items: flex-end;
    padding-left: 30px;
}

.guanyu .wenan ul li .num .pa {
    font-size: calc(64 / 1920 * 100vw);
    font-family: 'HarmonyOS_Sans_SC_Bold';
    line-height: 1;
    color: #176de5;
}

.guanyu .wenan ul li .num span {
    font-size: calc(24 / 1920 * 100vw);
    font-family: 'HarmonyOS_Sans_SC_Bold';
    margin-left: 7px;
    color: #176de5;
}

.guanyu .wenan ul li .po {
    position: relative;
    font-size: 16px;
    padding-left: 30px;
    color: #666666;
}

.guanyu .wenan ul li .po:before {
    content: '';
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background: #176de5;
}

.guanyu .htits {
    margin-bottom: 7%;
}

.guanyu .wenan ul li:nth-child(2) {
    left: 2vw;
    top: 13vw;
}

.guanyu .wenan ul li:nth-child(3) {
    right: 13vw;
}

.guanyu .wenan ul li:nth-child(4) {
    right: 7.6vw;
    top: 13vw;
}

.guanyu .wenan .tuo .img img {
    max-width: 50vw;
}

@media screen and (max-width: 640px) {
    .guanyu .htits .tiwpw {
        font-size: 14px;
    }

    .guanyu .wenan ul li {
        position: relative;
        left: 0 !important;
        top: 0 !important;
        bottom: 0;
        bottom: 0 !important;
        right: 0 !important;
        width: 50%;
        margin-bottom: 2%;
    }

    .guanyu .wenan ul {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }

    .guanyu .wenan .tuo .img img {
        max-width: initial;
        width: 100%;
    }

    .guanyu .wenan .tuo a {
        width: 50px;
        height: 50px;
    }

    .guanyu .wenan ul li .num .pa {
        font-size: 20px;
    }
}



.nban {
    position: relative;
    overflow: hidden;
}

.nban .wenz {
    position: absolute;
    width: 90%;
    max-width: 1680px;
    text-align: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
}

.nban .wenz .pa {
    font-size: calc(120/ 1920 * 100vw);
    font-family: 'pang';
    line-height: 1.2;
}

.nban .wenz .pb {
    font-size: calc(24/ 1920 * 100vw);
    text-transform: uppercase;
}


/*
 .Menu002188 涓篸emo缂栧彿
 */
.Menu002188 {
    border-bottom: 1px solid #e3e3e3;
}

.Menu002188 .Menu {
    float: left;
}

.Menu002188 .Menu li {
    float: left;
    padding:0 1vw;
}

.Menu002188 .Menu li a {
    display: block;
    font-size: 17px;
    color: #333;
    line-height: 30px;
    padding:1.32699vw  0;
    transition: .3s ease-out;
    border-bottom: 2px solid transparent;
}

.Menu002188 .Menu li.cur a,
.Menu002188 .Menu li a:hover {
    color: #176de5;
    border-bottom-color: #176de5;
    font-weight: bold;
}

.Menu002188 .Currents {
    text-align: right;
    color: #666;
    line-height: 30px;
    float: right;
}

.Menu002188 .Currents {
    font-style: normal;
    background: url(../images/icon.png) no-repeat left center;
    background-size: auto;
    padding-left: 30px;
    display: inline-block;
    margin:1.32699vw  0;
}

.Menu002188 .Currents a {
    color: #666;
    transition: .3s ease-out;
    font-size: 16px;
}

.Menu002188 .Currents a:hover {
    color: #176de5;
}

.Menu002188 .Currents span {
    color: #666;
    font-size: 16px;
}

.Menu002188 .Currents i {
    margin: 0 10px;
    font-style:normal;
    font-family:'宋体';
    font-weight:bold;
}

@media (max-width: 1000px) {
    .Menu002188 .Currents {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .nban .img .nbanmo {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .nban .img .nbanpc {
        display: none;
    }

    .Menu002188 .Menu li a {
        font-size: 16px;
        padding: 15px 0;
    }

    .Menu002188 .Menu li {
        padding:0 10px;
    }


}

.about {
    margin: 6% 0;
}

.about .abyi {
    display: flex;
}

.about .abyi .left {
    width: 47%;
    position: relative;
    margin-right: 5%;
}

.about .abyi .right {
    width: 48%;
    margin-left: 5%;
}

.about .abyi .left .pa {
    font-size: calc(30 / 1920 * 100vw);
    color: #333333;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.about .abyi .left .pb {
    position: absolute;
    font-size: calc(180 / 1920 * 100vw);
    font-family: 'HarmonyOS_Sans_SC_Bold';
    color: #000;
    top: -17px;
    left: 0;
    background-image: -webkit-linear-gradient(bottom, transparent, #00000005, #89898926);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1;
}

.about .abyi .right .pv {
    font-size: 16px;
    color: #666666;
    font-family: 'HarmonyOS_Sans_SC_Regular';
    line-height: 2;
    margin-bottom: 10px;
}

.about .abyi .right .pv span {
    color: #176de5;
}

.about .abyi .left:before {
    content: '';
    position: absolute;
    width: 40px;
    height: 3px;
    bottom: 0;
    background: #176de5;
    bottom: 28%;
}

.aber {
    overflow: hidden;
    border-radius: 10px;
    margin: 3% 0;
}

.about .shujuz {}

.about .shujuz ul {
    display: flex;
    justify-content: center;
}

.about .shujuz ul li {
    list-style: none;
}

.about .shujuz ul li .p {
    display: flex;
    align-items: flex-end;
}

.about .shujuz ul li .p .num {
    font-size: calc(60 / 1920 * 100vw);
    color: #176de5;
    font-family: 'HarmonyOS_Sans_SC_Bold';
    line-height: 1;
    margin-right: 10px;
}

.about .shujuz ul li .p .pp {
    font-size: 20px;
    color: #333333;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.about .shujuz ul li .ow {
    font-size: calc(18 / 1920 * 100vw);
    color: #333;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.about .shujuz ul li:not(:last-child) {
    margin-right: 10%;
}

@media screen and (max-width: 768px) {
    .about .abyi {
        flex-wrap: wrap;
    }

    .about .abyi .left {
        width: 100%;
        position: relative;
        margin-right: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .about .abyi .left:before {
        bottom: 0;
    }

    .about .abyi .right {
        width: 100%;
        margin-left: 0;
    }

    .about .abyi .left .pa {
        font-size: 16px;
        line-height: 1.5;
    }

    .about .shujuz ul li .p .num {
        font-size: 20px;
    }

    .about .shujuz ul {
        flex-wrap: wrap;
    }

    .about .shujuz ul li:not(:last-child) {
        margin-right: 0;
    }

    .about .shujuz ul li {
        width: 49%;
        text-align: center;
        margin-top: 2%;
    }

    .about .shujuz ul li:nth-child(2n) {
        margin-right: 2%;
    }

    .about .shujuz ul li .p {
        justify-content: center;
    }

    .about .shujuz ul li .ow {
        font-size: 14px;
        color: #333;
        font-family: 'HarmonyOS_Sans_SC_Regular';
    }
}

.news {
    margin-bottom: 5%;
}

.news .top {
    margin-top: 7%;
}

.news .top .kua {
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 10px;
    flex-wrap: wrap;
    background: #f7f9ff;
}

.news .top .kua .left {
    width: 52%;
    overflow: hidden;
}

.news .top .kua .right {
    width: 48%;
    font-family: 'HarmonyOS_Sans_SC_Regular';
    padding: 6%;
}

.news .top .kua .left img {
    display: none;
}

.news .top .kua .left .Ispic{
    transition: all 0.5s;
    width: 100%;
    display: block;
    padding-bottom:66.852%;
}


.news time .tpa {
    font-size: calc(30 / 1920 * 100vw);
    color: #176de5;
}

.news time .tpb {
    font-size: 16px;
    color: #176de5;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.news .top .kua .right .tit {
    font-size: calc(28 / 1920 * 100vw);
    color: #333333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 20px 0;
}

.news .top .kua .right .jianjie {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    font-family: 'HarmonyOS_Sans_SC_Light';
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news .top .swiper-pagination {
    bottom: 13%;
    top: auto;
    max-width: 22.4vw;
    right: 16%;
    left: auto;
    height: 1px;
    background: #00000012;
}

.news .top .swiper-button-next {
    width: 3.15vw;
    height: 3.15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #176de5;
    border-radius: 50%;
    right: 6%;
}

.news .top .swiper-button-next::after {
    font-size: 14px;
    color: #fff;
}


.news .top .swiper-button-prev {
    width: 3.15vw;
    height: 3.15vw;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #176de5;
    border-radius: 50%;
    right: 11%;
    left: auto;
    /* opacity: 1; */
}

.news .top .swiper-button-prev::after {
    font-size: 14px;
    color: #fff;
}

.news .top .swiper-button-prev,
.news .top .swiper-button-next {
    bottom: 8%;
    top: auto;
    opacity: 1;
}

.news .top .swiper-button-disabled {
    background: #ecf2fe;
}

.news .top .swiper-button-disabled::after {
    color: #333;
}


.news .lie {
    margin-top: 8%;
}

.news .lie ul {
    display: flex;
    flex-wrap: wrap;
}

.news .lie ul li {
    list-style: none;
    width: 29.3%;
    font-family: 'HarmonyOS_Sans_SC_Regular';
    /* padding: 2%; */
    position: relative;
    margin-bottom: 5%;
}

.news .lie ul li .img {
    overflow: hidden;
    border-radius: 10px;
}

.news .lie ul li .img img {
    display: none;
}
.news .lie ul li .img .Ispic {
    width: 100%;
    transition: all 0.5s;
    display: block;
    padding-bottom:66.635%;
}

.news .lie ul li:not(:nth-child(3n)) {
    margin-right: 6%;
}


.news .lie ul li .wen time {
    /* font-family: 'HarmonyOS_Sans_SC_Regular'; */
    color: #666666;
}

.news .lie ul li .wen time .tpa,
.news .lie ul li .wen time .tpb {
    color: #666666;
}

.news .lie ul li .wen {
    margin: 5% 0;
}

.news .lie ul li .wen .wpa {
    font-size: 20px;
    color: #333333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin: 7% 0;
}

.news .lie ul li .wen .wpb {
    font-size: 16px;
    color: #666666;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.news .lie ul li:before {
    z-index: -1;
    content: '';
    position: absolute;
    width: 110%;
    height: 110%;
    left: -5%;
    top: -5%;
    border-radius: 10px;
}


.news .lie ul li:hover::before {
    background: #f7f9ff;
}


.news .top .kua:hover .left .Ispic{
    transform: scale(1.1);
}

.news .lie ul li:hover .img .Ispic{
    transform: scale(1.1);
}

@media screen and (max-width: 640px) {
    .news .top .kua .left {
        width: 100%;
    }

    .news .top .kua .right {
        width: 100%;
    }

    .news time .tpa {
        font-size: 16px;
    }

    .news .top .kua .right .tit {
        font-size: 16px;
        margin: 10px 0;
    }

    .news .top .kua .right .jianjie {
        font-size: 14px;

    }

    .news .top .swiper-pagination {
        bottom: 2%;
        top: auto;
        max-width: 150px;
        right: auto;
        left: 6%;
    }

    .news .top .swiper-button-prev,
    .news .top .swiper-button-next {
        bottom: 50%;
    }

    .news .top .swiper-button-next {
        width: 40px;
        height: 40px;
        right: 0;
    }

    .news .top .swiper-button-prev {
        width: 40px;
        height: 40px;
        right: auto;
        left: 0;
    }

    .news .lie ul li:not(:nth-child(3n)) {
        margin-right: 0;
    }

    .news .lie ul li {
        width: 100%;
    }

    .news .lie ul li:before {
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
    }

    .news .lie ul li .wen {
        padding: 0 5%;
    }

    .news .lie ul li .wen .wpa {
        font-size: 16px;
        margin: 10px 0;
    }
}


.Page002274 {
    text-align: center;
    padding-top: 4%;
    color: #666666;
}

.Page002274 .Pages * {
    vertical-align: middle;
}

.Page002274 .Pages .p_cur,
.Page002274 .Pages .p_count,
.Page002274 .Pages .p_total {
    display: none;
}

.Page002274 .Pages a {
    display: inline-block;
    padding: 6px 21px;
    line-height: 37px;
    background-color: #f9fafc;
    color: #666666;
    margin-left: 5px;
    border-radius: 5px;
}

.Page002274 .Pages a:hover,
.Page002274 .Pages a.a_cur {
    color: #fff;
    background-color: #176de5;
}

.Page002274 .Pages em {
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

.Page002274 .Pages .i_text {
    width: 47px;
    height: 36px;
    line-height: 36px;
    border: 1px solid #ceced5;
}

.Page002274 .Pages .i_button {
    cursor: pointer;
    background: none;
    width: 47px;
    height: 36px;
    border: 1px solid #ceced5;
}

.Page002274 .Pages .p_jump b {
    font-weight: normal;
    margin: 0 5px;
}

.Page002274 .Pages .a_prev,
.Page002274 .Pages .a_next {
    font-family:'宋体';
    font-weight: bold;
    padding: 6px 21px;
}
.Page002274 .Pages .a_end,
.Page002274 .Pages .p_jump,
.Page002274 .Pages .a_first{ display:none;}

@media(max-width:1000px) {
    .Page002274 .Pages em {
        display: none;
    }
}

@media(max-width:640px) {

    .Page002274 .Pages a.a_first,
    .Page002274 .Pages a.a_end {
        display: none;
    }

    .Page002274 .Pages a {
        padding: 0 10px;
    }
}

/*RighInfo002973 */
.RighInfo002973 {
    margin: 10px 0 20px 0;
    color: #333;
    font-size: 16px;
}

.RighInfo002973>.auto {
    /* max-width: 1300px; */
    /* border: 1px solid #d2d2d2; */
}

.RighInfo002973 .news-details {
    /* max-width: 1226px; */
    padding: 3% 0;
}

.RighInfo002973 .news-details .title {
    text-align: center;
    padding: 4% 20px;
    background: #f7f9ff;
    border-radius: 10px;
}

.RighInfo002973 .news-details .title h1 {
    font-size: calc(36/ 1920 * 100vw);
    margin: 0 0 20px 0;
    color: #333333;
}

.RighInfo002973 .news-details .title aside span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 15px 5px;
    line-height: 16px;
    font-size: 18px;
    color: #176de5;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.RighInfo002973 .news-details .title .bshare-custom {
    display: inline-block;
}

.RighInfo002973 .bshare-custom a {
    background-position: center center;
    margin: 0 0 0 14px;
}

.RighInfo002973 .bshare-custom a.bshare-weixin {
    background-image: url("../images/RighInfo002973_share_wx.png");
}

.RighInfo002973 .bshare-custom a.bshare-sinaminiblog {
    background-image: url("../images/RighInfo002973_share_sina.png");
}

.RighInfo002973 .bshare-custom a.bshare-qzone {
    background-image: url("../images/RighInfo002973_share_qz.png");
}

.RighInfo002973 .news-details .edit-info {
    line-height: 1.875em;
    /* border-bottom: 1px solid #d2d2d2; */
    padding: 2% 0;
    margin-bottom: 2%;
    margin: auto;
    max-width: 1300px;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.RighInfo002973 .pn-page aside {
    padding: 10px 0;
}

.RighInfo002973 .pn-page aside a {
    color: #333;
    font-size: 18px;
}

.RighInfo002973 .pn-page aside a b {
    color: #176de5;
}

.RighInfo002973 .operating a:hover,
.RighInfo002973 .pn-page aside a:hover {
    color: #205393;
}

.RighInfo002973 .operating {
    overflow: hidden;
    line-height: 24px;
}

.RighInfo002973 .operating a {
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

.RighInfo002973 .operating a:not(:last-child) {
    margin-right: 45px;
}

.RighInfo002973 .operating a.a-print {
    background-image: url("../images/RighInfo002973_print.png");
}

.RighInfo002973 .operating a.a-close {
    /* background-image: url("../images/RighInfo002973_close.png"); */
    font-size: 16px;
    color: #176de5;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 20px;
    border: 2px solid #176de5;
    border-radius: 50px;
}

.RighInfo002973 .news-details .edit-info p {
    font-size: 18px;
    color: #666666;
    margin: 20px 0;
}

.RighInfo002973 .news-details .edit-info img {
    margin: 3% 0;
}

.RighInfo002973 .operating a.a-close img {
    margin-left: 20px;
}

@media(min-width:1025px) {
    .RighInfo002973 .pn-page {
        min-height: 24px;
        position: relative;
        padding-right: 230px;
        border-top: 1px solid #eaeaea;
        margin-top: 20px;
        padding-top: 50px;
    }

    .RighInfo002973 .pn-page .operating {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }

    .RighInfo002973 .operating a {
        float: left;
    }
}

@media(max-width:1024px) {
    .RighInfo002973 .operating {
        text-align: right;
        padding-bottom: 20px;
    }

    .RighInfo002973 .operating a {
        display: inline-block;
    }
}

@media(max-width:640px) {
    .RighInfo002973 .news-details .title h1 {
        font-size: 18px;
    }

    .RighInfo002973 {
        font-size: 14px;
    }

    .RighInfo002973 .news-details .title aside span {
        font-size: 16px;
    }

    .RighInfo002973 .news-details .edit-info p {
        font-size: 16px;
        line-height: 1.8;
    }

    .RighInfo002973 .operating {
        padding-bottom: 0;
        max-width: 150px;
    }
}


.zhengce {
    margin: 5% 0;
}

.zhengce ul {}

.zhengce ul li {
    list-style: none;
    background: #f7f9ff;
    overflow: hidden;
    border-radius: 10px;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.zhengce ul li a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.zhengce ul li a .img {
    width: 30%;
    overflow: hidden;
}

.zhengce ul li a .zi {
    width: 70%;
    display: flex;
    align-items: center;
    padding: 2% 4%;
}

.zhengce ul li a .img img {
    display: none;
}
.zhengce ul li a .img .Ispic{
    transition: all 0.5s;
    width: 100%;
    display: block;
    padding-bottom:59.524%;
}

.zhengce ul li a .zi .wen {
    width: 80%;
    margin-right: 5%;
    padding-right: 5%;
    border-right: 1px solid #e3e3e3;
}

.zhengce ul li a .zi .wen .pa {
    font-size: 22px;
    color: #333333;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.zhengce ul li a .zi .wen .pb {
    font-size: 16px;
    color: #666666;
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    line-height: 1.8;
    margin-top: 20px;
}

.zhengce ul li a .zi .time {
    width: 15%;
    text-align: center;
}

.zhengce ul li a .zi .time .tpa {
    font-size: 30px;
    color: #666666;
}

.zhengce ul li a .zi .time .tpb {
    font-size: 16px;
    color: #666666;
}

.zhengce ul li:not(:last-child) {
    margin-bottom: 2.5%;
}

.zhengce ul li:hover .img img {
    transform: scale(1.1);
}

@media screen and (max-width: 1024px) {
    .zhengce ul li a .zi .time .tpa {
        font-size: 18px;
    }
}

@media screen and (max-width: 640px) {
    .zhengce ul li a .img {
        width: 100%;
    }

    .zhengce ul li a .zi {
        width: 100%;
        padding: 5% 5%;
    }

    .zhengce ul li a .zi .wen .pa {
        font-size: 16px;
    }

    .zhengce ul li a .zi .wen .pb {
        font-size: 14px;
        margin-top: 10px;
    }

    .zhengce ul li a .zi .time .tpa {
        font-size: 16px;
    }
}

.hezuohb {
    margin: 5% 0;
}

.hezuohb .top {}

.hezuohb .top ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hezuohb .top ul li {
    list-style: none;
    display: flex;
    width: 9.5%;
    text-align: center;
    padding: 15px 5px;
    background: #f7f9ff;
    border-radius: 50px;
    font-family: 'HarmonyOS_Sans_SC_Regular';
    align-items: center;
    justify-content: center;
}

.hezuohb .top ul li .pw {
    font-size: 16px;
    color: #666666;
}

.hezuohb .top ul li:not(:last-child) {
    margin-right: 2%;
}

.hezuohb .lei {
    margin-top: 3%;
}

.hezuohb .lei ul {
    display: flex;
    flex-wrap: wrap;
}

.hezuohb .lei ul li {
    list-style: none;
    width: 15%;
    text-align: center;
    padding: 1.4% 0.6%;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0 0 12px 0px #d4d4d4;
    margin-bottom: 1.5%;
    transition: all 0.5s;
}

.hezuohb .lei ul li img {
    max-width: 8.5vw;
    max-height: 82px;
}

.hezuohb .lei ul li:not(:last-child) {
    margin-right: 1.6%;
}

.hezuohb .lei ul li:hover {
    box-shadow: 0 0 12px 0px #878787;
}

.hezuohb .top ul li.on {
    box-shadow: 0 0 11px 0px #aaaaaa;
    background: #176de5;
}

.hezuohb .top ul li.on .pw {
    color: #fff;
}

@media screen and (max-width: 768px) {
    .hezuohb .top ul li {
        width: 20%;
        margin-bottom: 2%;
    }

    .hezuohb .top ul li:not(:last-child) {
        margin-right: 0;
    }

    .hezuohb .top ul li:not(:nth-child(4n)) {
        margin-right: 2%;
    }

    .hezuohb .top ul li .pw {
        font-size: 14px;
    }
}


@media screen and (max-width: 640px) {
    .hezuohb .top ul li {
        width: 30%;
    }

    .hezuohb .top ul li:not(:last-child) {
        margin-right: 0;
    }

    .hezuohb .top ul li:not(:nth-child(4n)) {
        margin-right: 0%;
    }

    .hezuohb .top ul li:not(:nth-child(3n)) {
        margin-right: 2%;
    }

    .hezuohb .lei ul li {
        width: 48%;
    }

    .hezuohb .lei ul li img {
        max-width: 50px;
        max-height: 100px;
    }

    .hezuohb .lei ul li {
        min-height: 80px;
    }
}

/*
 .TextList002208 涓篸emo缂栧彿
 */
.TextList002208 {
    /* padding-bottom: 3%; */
    margin: 5% 0;
}

.TextList002208 .thead {
    background: #233d85;
    /* line-height: 40px; */
    text-align: center;
    background: #176de5;
    padding: 18px 0;
    border-radius: 10px;
}

.TextList002208 .thead span {
    float: left;
    width: 14%;
    color: #fff;
    display: block;
    font-size: 18px;
    /* height: 40px; */
    text-align: center;
    font-weight: bold;
    position: relative;
}

.TextList002208 .thead span+span {
    /* border-left: solid 1px #989898; */
}

.TextList002208 .thead span i {
    background: url(../images/TextList002208-icon.png) no-repeat -134px -78px;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 9px;
    height: 5px;
    margin-top: -2px;
}

.TextList002208 .dl {
    overflow: hidden;
    font-family: 'HarmonyOS_Sans_SC_Regular';
}

.TextList002208 .dl+.dl {
    border-top: 1px solid #fff;
}

.TextList002208 .dl .dt {
    /* line-height: 40px; */
    text-align: center;
    cursor: pointer;
    background: #ffffff;
    padding: 18px 0;
    border-bottom: 1px solid #e9e9e9;
    position: relative;
}

.TextList002208 .dl .dt span {
    float: left;
    width: 14%;
    display: block;
    font-size: 16px;
    color: #666666;
}

.TextList002208 .dl .dt span.jobname {
    text-align: center;
    padding-left: 0;
}

.TextList002208 .dl .dt .btn {
    text-decoration: underline;
    display: block;
    position: relative;
}

.TextList002208 .dl .dt .btn i {
    position: absolute;
    right: 15px;
    background: url(../images/TextList002208-icon.png) no-repeat -44px -82px;
    display: block;
    width: 21px;
    height: 11px;
    top: 50%;
    margin-top: -5px;
}

.TextList002208 .conbox {
    background: #f8f9fb;
    padding: 50px 3%;
    display: none;
    border-radius: 0 0 10px 10px;
}

.TextList002208 .conbox .h5 {
    color: #176de5;
    font-size: 18px;
}

.TextList002208 .jobname {
    width: 16.6% !important;
}


.TextList002208 .dl.active dt {
    box-shadow: 0px 2px 7px 0 #00000012;
    position: relative;
}

.TextList002208 .dl.active .dt .btn i {
    background-position: -44px -70px;
}

.TextList002208 .conbox .ww {
    display: flex;
    flex-wrap: wrap;
}

.TextList002208 .conbox .ww .div {
    width: 50%;
}

.TextList002208 .conbox .ww .div p {
    font-size: 16px;
    color: #333;
    line-height: 2;
}

.TextList002208 .send{padding-top: 20px; margin-top: 20px; border-top: 1px dashed #eaeaea;}
.TextList002208 .send em{ font-style: normal; border-bottom:#176de5 1px solid; font-weight: bold; margin-left: 10px; }
.TextList002208 .send a{display: inline-block;line-height:32px;color:#176de5;background: url(../images/TextList002208_icon.png) no-repeat right center;padding-right:40px;font-size:16px;}





.TextList002208 .dl .dt:before {
    content: '';
    position: absolute;
    border: solid black;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 6px;
    right: 6%;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transition: all 0.5s;
}


.TextList002208 .dl.active .dt::before {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

@media(max-width:1000px) {
    .TextList002208 .dl .dt .btn {
        padding-right: 20px;
    }

    .TextList002208 .dl .dt .btn i {
        background-position: -48px -82px;
        width: 13px;
    }

    .TextList002208 .dl.active .dt .btn i {
        background-position: -48px -70px;
    }

}

@media(max-width:640px) {

    .TextList002208 .jobyq,
    .TextList002208 .dl .dt .btn i,
    .TextList002208 .time,
    .TextList002208 .thead span i {
        display: none !important;
    }

    .TextList002208 .thead span,
    .TextList002208 .dl .dt span {
        width: 30%;
        overflow: hidden;
        white-space: nowrap;
        -o-text-overflow: ellipsis;
        text-overflow: ellipsis;
        font-size: 16px;
    }

    .TextList002208 .thead .num,
    .TextList002208 .dl .dt span.num {
        display: none;
    }

    .TextList002208 .jobname {
        width: 30% !important;
    }

    .TextList002208 .conbox .h5 {
        font-size: 16px;
        margin: 10px 0;
    }

    .TextList002208 .conbox {
        padding: 10px 3%;
    }

    .TextList002208 .conbox .ww .div {
        width: 100%;
    }
}

.hezuo .neir .lef li:hover::before {
    box-shadow: 0 0 11px 4px #646464;
}

.bottom:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    bottom: -4px;
    left: 0;
    background: #2d2d2d;
    z-index: -1;
}

.banner .swiper-slide-active .wenzi {
    animation-name: fadeInUp;
    animation-duration: 2s;
    animation-delay: 1s;
    animation-fill-mode: both;
}

@keyframes scale {
    0% {
        transform: scale(1.1)
    }

    100% {
        transform: scale(1)
    }
}


.banner .swiper-slide-active .img img,.nban img {
    animation:scale 8s;
}

.fudong li a {
    display: flex;
    align-items: center;
}

.fudong li a .ziw {
    font-size: 16px;
    color: #fff;
    display: none;
    transition: all 0.5s;
    margin-right: 10px;
}


.fudong li.op {
    max-width: inherit;
}

.fudong li.op .ziw {
    display: block;
}



/*  */
.single-box{ min-height:35vh;}





/*PicList002949 */
.PicList002949{margin: 6% 0;}
.PicList002949 .item{box-shadow: 0 0 10px rgba(0, 0, 0, 0.12);}
.PicList002949 .item+.item{margin-top: 3%;}
.PicList002949 .item a:hover{color:#176de5;}
.PicList002949 .txt .inner{padding: 0 3vw;}
.PicList002949 .txt p.dot2{line-height:30px; max-height:60px;color: #333; margin: 0 0 3vw; font-size: 16px;}
.PicList002949 .tit{font-size: 24px; font-weight: bold; }
.PicList002949 .tit:after{display: block; margin:1.4vw 0; content: '';background:#176de5; width: 48px; height: 2px;}
.PicList002949 .item .more{padding-right: 25px;display: inline-block;background: url("../images/PicList002949_more.png") no-repeat right center;color: #333;}
.PicList002949 .item a:hover .more{background-image: url("../images/PicList002949_more_on.png");}
@media(min-width:1025px){
.PicList002949 .pic{ width:720px;}
}
@media(min-width:641px) and (max-width:1024px){
.PicList002949 .pic{ width:50%;}
.PicList002949 .tit{font-size: 3vw;}
}
@media(max-width:640px){
.PicList002949 .ytable,
.PicList002949 .ytable-cell{display: block;}
.PicList002949 .txt .inner{padding: 5vw;font-size: 3.5vw;}
.PicList002949 .tit{font-size: 5vw;}
}

.Contact{line-height: 1;}
.Contact .main-title{margin-bottom: 45px;font-size: 34px;color: #333333;text-align: center;}
.Contact .join{padding: 4.6% 0;}
.Contact .culture{padding: 4.6% 0;background-color: #f3f6ff;overflow: hidden;}
.Contact .culture .list{position: relative;max-width: 610px;margin: 0 auto;}
.Contact .culture .list .img img{width: 100%}
.Contact .culture .list .box{padding: 30px;background-color: #fff;text-align: center;}
.Contact .culture .list .box .title{font-size: 22px;color: #333333;}
.Contact .culture .list .box .text{margin-top: 15px;font-size: 16px;color: #666666;line-height: 2;}
.Contact .culture .list .swiper-slide{position: relative;}
.Contact .culture .list .swiper-slide:after{display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;content: '';background-color: rgba(255, 255, 255, .6);z-index: 1;}
.Contact .culture .list .swiper-slide.swiper-slide-active:after{display: none;}
.Contact .culture .list .swiper{overflow: inherit;}
.Contact .culture .list .prev,
.Contact .culture .list .next {
    position: absolute;
    top: 42%;
    margin-top: -34px;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 30;
    border-radius: 50%;
}
.Contact .culture .list .next:before {
    content: '';
    position: absolute;
    border: solid #176de5;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 20px;
    left: 17px;
}
.Contact .culture .list .prev:before {
    content: '';
    position: absolute;
    border: solid #176de5;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 20px;
    right: 20px;
}
.Contact .culture .list .prev {
    left: -65px;
    background: #fff;
}

.Contact .culture .list .next {
    right: -65px;
    background: #fff;
}
.Contact .culture .list .prev:hover,
.Contact .culture .list .next:hover {
    background: #176de5;
}
.Contact .culture .list .prev:hover:before,
.Contact .culture .list .next:hover:before {
    border: solid #fff;
    border-left: 0;
    border-top: 0;
}

.Contact .moment{padding: 4.6% 0;}
.Contact .moment .list{position: relative;}
.Contact .moment .swiper-slide{display: flex;}
.Contact .moment .swiper-slide .img{position: relative;width: 50%}
.Contact .moment .swiper-slide .img:after{position: absolute;right: 0;top: 0;height: 100%;width: 7.14%;content: '';background-size: cover;background-image: url('../images/Contact-moment.png');z-index: 1;}
.Contact .moment .swiper-slide .img img{width: 100%}
.Contact .moment .swiper-slide .box{width: 50%;padding: 4.1% 7.1%;background-color: #f7f9ff;box-sizing: border-box}
.Contact .moment .swiper-slide .box .title{font-size: 24px;color: #333333;}
.Contact .moment .swiper-slide .box .text{margin-top: 40px;font-size: 16px;color: #666666;line-height: 1.8;}
.Contact .moment .list .btn{position: absolute;display: flex;align-items: center;right: 9.5%;bottom: 16%;z-index: 1;}
.Contact .moment .list .btn .swiper-scrollbar{position: relative;left: auto;bottom: auto;width: 400px;height: 1px;background: #eeeeee;border-radius: 1px;}
.Contact .moment .list .btn .swiper-scrollbar .swiper-scrollbar-drag{background:#176de5}


.Contact .moment .list .btn .prev,
.Contact .moment .list .btn .next {
    position: relative;
    width: 45px;
    height: 45px;
    cursor: pointer;
    z-index: 30;
    border-radius: 50%;
}
.Contact .moment .list .btn .next:before {
    content: '';
    position: absolute;
    border: solid #176de5;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    top: 20px;
    left: 17px;
}
.Contact .moment .list .btn .prev:before {
    content: '';
    position: absolute;
    border: solid #176de5;
    border-width: 0 1px 1px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    top: 20px;
    right: 20px;
}
.Contact .moment .list .btn .prev {
    background: #fff;
    margin-left: 20px;
}

.Contact .moment .list .btn .next {
    background: #fff;
    margin-left: 20px;
}
.Contact .moment .list .btn .prev:hover,
.Contact .moment .list .btn .next:hover {
    background: #176de5;
}
.Contact .moment .list .btn .prev:hover:before,
.Contact .moment .list .btn .next:hover:before {
    border: solid #fff;
    border-left: 0;
    border-top: 0;
}

.recruit{padding: 4.6%;background-size: cover;}
.recruit .main-title{margin-bottom: 35px;text-align: left;color: #fff;}
.recruit .more a{display: flex;align-items: center;justify-content: center;font-size: 16px;color: #fff;width: 180px;height: 50px;border: 2px solid #fff;box-sizing: border-box;border-radius: 50px;}
.recruit .more a:after{display: block;content: '';width: 25px;height: 14px;margin-left: 20px;background-image: url('../images/recruit.png')}
@media(max-width:640px){
    .Contact .main-title{margin-bottom: 30px;font-size: 26px;}
    .Contact .moment .swiper-slide{display: block;}
    .Contact .moment .swiper-slide .img{width: 100%}
    .Contact .moment .swiper-slide .box{width: 100%;padding: 30px 20px;}
    .recruit .main-title{text-align: center;}
    .recruit .more a{margin: 0 auto;}
    .Contact .moment .swiper-slide .box .title{font-size: 20px;line-height: 1.5;}
    .Contact .moment .list .btn{position: relative;right: auto;bottom: auto;justify-content: center}
    .Contact .moment .list .btn .swiper-scrollbar{display: none;}
    .Contact .moment .swiper-slide .box .text{margin-top: 20px;}
}



.listtitle{color: #333;font-size:40px;margin-bottom:3vw; text-align: center; font-weight: bold;}
.listtitle:after{display: block; content: '';margin: 14px auto 0;width:50px; height: 4px; background:#176de5}


/*贸易数字化场景应用中心*/
.RighInfo002810{padding: 6% 0;}
.RighInfo002810 .box+.box{margin-top:3vw;}
.RighInfo002810 .icon img{height: 50px; margin-bottom: 10px;}
.RighInfo002810 .tit{font-size:30px; color: #333; line-height: 1.5; padding-right: 80px; background:url(../images/yh.svg) no-repeat right top; background-size:auto 70px; padding-top: 20px; font-weight: bold;}
.RighInfo002810 .txt{font-size:17px; color: #444; line-height:2; margin-top:1.5vw; text-align:justify;}
.RighInfo002810 p{margin: 0;}
.RighInfo002810 p+p{margin-top:16px;}
.RighInfo002810 .num{position: relative; font-size:24px; font-weight: bold; color: #176de5; font-family: Arial; margin-top: 3vw;}
.RighInfo002810 .num:after{display: block; content: ''; background:#176de5; opacity: 0.5; position: absolute; width:96%; height: 1px; top: 50%; margin-top:-0.5px; right: 0;}

@media(min-width:769px){
.RighInfo002810 .pic{width:52.381%; padding-top:20px; padding-right:20px; position: relative;}
.RighInfo002810 .pic:after{display: block; content: '';width:90%; height:90%; background:#f7f7f7; position: absolute; right: 0; top: 0; z-index: -1;}
.RighInfo002810 .info{padding-right: 4vw;}
.RighInfo002810 .box:nth-child(2n) .pic{ padding-right:0; padding-left:20px;}
.RighInfo002810 .box:nth-child(2n) .pic:after{right:auto; left: 0; }
.RighInfo002810 .box:nth-child(2n) .info{padding-right:0; padding-left: 4vw;}
.RighInfo002810 .box:nth-child(2n) .num{text-align: right;}
.RighInfo002810 .box:nth-child(2n) .num:after{right: auto; left: 0;}

}
@media(max-width:768px){
.RighInfo002810 .ytable,
.RighInfo002810 .ytable-cell{display: block;}
}
  



/*贸易企业数字化转型服务中心*/
.RighInfo002811{padding-top:6%;}
.RighInfo002811 .listtitle{text-align:left;}
.RighInfo002811 .listtitle:after{margin-left: 0;}
.RighInfo002811 .txt{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002811 p{margin: 0;}
.RighInfo002811 p+p{margin-top:16px;}
.RighInfo002811 .yx{padding:6% 0; background: #f8f8f8; margin-top: 6%;}
.RighInfo002811 .subtit{font-size:30px; color: #333; text-align: center; padding-bottom:3vw; font-weight: bold;}
.RighInfo002811 .list li{padding:20px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); text-align: center;}
.RighInfo002811 .list .icon img{height: 80px; display: block; margin: 0 auto;}
.RighInfo002811 .list .tit{font-size: 20px; color: #333; font-weight: bold; margin:18px 0;}
.RighInfo002811 .list p{font-size:16px; color: #555; line-height: 1.75;}
@media(min-width:769px){
.RighInfo002811 .pic{width:47.5%; padding-top:20px; padding-left:20px; position: relative;}
.RighInfo002811 .pic:after{display: block; content: '';width:90%; height:90%; background:#f7f7f7; position: absolute;left: 0; top: 0; z-index: -1;}
.RighInfo002811 .info{padding-left: 4vw;}
.RighInfo002811 .list .ul{display: flex;}
.RighInfo002811 .list .ul+.ul{margin-top:2vw;}
.RighInfo002811 .list li{width: 50%; padding:2vw;}
.RighInfo002811 .list li:not(:last-child){margin-right: 3%;}
}
@media(max-width:768px){
.RighInfo002811 .ytable,
.RighInfo002811 .ytable-cell{display: block;}
}
  

/*数字化展馆*/
.RighInfo002812{padding:6% 0;}
.RighInfo002812 .word,
.RighInfo002812 .info{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002812 .word{text-align: center;}
.RighInfo002812 p{margin: 0;}
.RighInfo002812 p+p{margin-top:16px;}
.RighInfo002812 .subtit{font-size:24px; color:#176de5; text-align: center; padding:4vw 0 2vw; font-weight: bold;}
.RighInfo002812 .tit{font-size:22px; color:#333;  margin-bottom:1.5vw; font-weight: bold; padding-left: 10px; border-left: 2px solid #176de5; line-height: 1;}
.RighInfo002812 .box{background: #f8f8f8;}
@media(min-width:769px){
.RighInfo002812 .word{display:block;padding:0 70px;padding-top: 24px;position: relative;background: url(../images/yh.svg) no-repeat right top;background-size:50px auto; width: 70%; margin: 0 auto;}
.RighInfo002812 .word:before{position: absolute; content: ''; left: 0; top: 0;width:50px;height: 100%; background: url(../images/yh2.svg) no-repeat left top;background-size: contain;}
.RighInfo002812 .pic{width:50%;}
.RighInfo002812 .info{padding:4vw;}
}
@media(max-width:768px){
.RighInfo002812 .ytable,
.RighInfo002812 .ytable-cell{display: block;}
}




/*行业发展中心*/
.RighInfo002813{padding-top:6%;}
.RighInfo002813 .listtitle{text-align:left;}
.RighInfo002813 .listtitle:after{margin-left: 0;}
.RighInfo002813 .txt{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002813 p{margin: 0;}
.RighInfo002813 p+p{margin-top:16px;}
.RighInfo002813 .yx{padding:6% 0; background: #f8f8f8; margin-top: 6%;}
@media(min-width:769px){
.RighInfo002813 .pic{width:47.5%; padding-top:20px; padding-right:20px; position: relative;}
.RighInfo002813 .pic:after{display: block; content: '';width:90%; height:90%; background:#f7f7f7; position: absolute;right: 0; top: 0; z-index: -1;}
.RighInfo002813 .info{padding-right: 4vw;}
}
@media(max-width:768px){
.RighInfo002813 .ytable,
.RighInfo002813 .ytable-cell{display: block;}
}
  


/*地区合作中心*/
.RighInfo002814{padding-top:6%;}
.RighInfo002814 .word,
.RighInfo002814 .info{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002814 .word{text-align: center; }
.RighInfo002814 p{margin: 0;}
.RighInfo002814 p+p{margin-top:16px;}
.RighInfo002814 .yx{padding:6% 0; background: #f8f8f8; margin-top: 6%;}
.RighInfo002814 .subtit{font-size:28px; color:#333; text-align: center; margin-bottom:3vw; font-weight: bold;}
.RighInfo002814 .tit{font-size:22px; color:#333;  margin-bottom:1.5vw; font-weight: bold; padding-left: 10px; border-left: 2px solid #176de5; line-height: 1;}
.RighInfo002814 .box+.box{margin-top: 3vw;}
@media(min-width:769px){
.RighInfo002814 .word{display:block;padding:0 70px;padding-top: 24px;position: relative;background: url(../images/yh.svg) no-repeat right top;background-size:50px auto; width: 70%; margin: 0 auto;}
.RighInfo002814 .word:before{position: absolute; content: ''; left: 0; top: 0;width:50px;height: 100%; background: url(../images/yh2.svg) no-repeat left top;background-size: contain;}
.RighInfo002814 .pic{width:62.5%;}
.RighInfo002814 .info .txt{background: #fff; padding:4vw; position: relative; z-index:2; margin-right: -4.5vw;}
.RighInfo002814 .box:nth-child(2n) .info .txt{ margin-right:0; margin-left: -4.5vw;}
}
@media(max-width:768px){
.RighInfo002814 .ytable,
.RighInfo002814 .ytable-cell{display: block;}
}



/*技术中心*/
.RighInfo002815{padding-top:6%;}
.RighInfo002815 .listtitle{text-align:left;}
.RighInfo002815 .listtitle:after{margin-left: 0;}
.RighInfo002815 .txt{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002815 p{margin: 0;}
.RighInfo002815 p+p{margin-top:16px;}
.RighInfo002815 .yx{padding:6% 0; background: #f8f8f8; margin-top: 6%;}
.RighInfo002815 .subtit{font-size:30px; color: #333; text-align: center; padding-bottom:3vw; font-weight: bold;}
.RighInfo002815 .list li{padding:20px; background: #fff; box-shadow: 0 0 5px rgba(0,0,0,.1); text-align: center;}
.RighInfo002815 .list .icon img{height: 80px; display: block; margin: 0 auto;}
.RighInfo002815 .list .tit{font-size: 20px; color: #333; font-weight: bold; margin:18px 0;}
.RighInfo002815 .list p{font-size:16px; color: #555; line-height: 1.75;}
@media(min-width:769px){
.RighInfo002815 .pic{width:47.5%; padding-top:20px; padding-right:20px; position: relative;}
.RighInfo002815 .pic:after{display: block; content: '';width:90%; height:90%; background:#f7f7f7; position: absolute;right: 0; top: 0; z-index: -1;}
.RighInfo002815 .info{padding-right: 4vw;}
.RighInfo002815 .list .ul{display: flex;}
.RighInfo002815 .list .ul+.ul{margin-top:2vw;}
.RighInfo002815 .list li{width: 50%; padding:2vw;}
.RighInfo002815 .list li:not(:last-child){margin-right: 3%;}
}
@media(max-width:768px){
.RighInfo002815 .ytable,
.RighInfo002815 .ytable-cell{display: block;}
}
  


/*企业中心*/
.RighInfo002816{padding-top:6%;}
.RighInfo002816 .word,
.RighInfo002816 .info{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002816 .word{text-align: center;}
.RighInfo002816 .pic{margin-top: 2vw;}
.RighInfo002816 p{margin: 0;}
.RighInfo002816 p+p{margin-top:16px;}
.RighInfo002816 .yx{padding:6% 0; background: #f8f8f8; margin-top: 6%;}
.RighInfo002816 .subtit{font-size:28px; color:#333; text-align: center; margin-bottom:3vw; font-weight: bold;}

@media(min-width:769px){
.RighInfo002816 .word{display:block;padding:0 70px;padding-top: 24px;position: relative;background: url(../images/yh.svg) no-repeat right top;background-size:50px auto; width: 70%; margin: 0 auto;}
.RighInfo002816 .word:before{position: absolute; content: ''; left: 0; top: 0;width:50px;height: 100%; background: url(../images/yh2.svg) no-repeat left top;background-size: contain;}
}



/*金融服务中心*/
.RighInfo002817{padding-top:6%;}
.RighInfo002817 .listtitle{text-align:left;}
.RighInfo002817 .listtitle:after{margin-left: 0;}
.RighInfo002817 .txt,
.RighInfo002817 .word{font-size:17px; color: #444; line-height: 2;  text-align:justify;}
.RighInfo002817 p{margin: 0;}
.RighInfo002817 p+p{margin-top:16px;}
.RighInfo002817 .yx{padding:6% 0; background: #f8f8f8; margin-top: 6%;}
.RighInfo002817 .subtit{font-size:30px; color: #333; text-align: center; padding-bottom:3vw; font-weight: bold;}
.RighInfo002817 .tit{font-size:22px; color:#333;  margin-bottom:1.5vw; font-weight: bold; padding-left: 10px; border-left: 2px solid #176de5; line-height: 1;}
.RighInfo002817 .box{background: #fff;}
.RighInfo002817 .word{position: relative; z-index:2; overflow: hidden;}
.RighInfo002817 .num{position:absolute;font-size: 14vw; text-align: center;font-family:Arial; font-weight:bold; top:65%; left: 0; color: #176de5; opacity: 0.08; z-index: -1; line-height: 1; width: 100%;}

@media(min-width:769px){
.RighInfo002817 .pic{width:50%; padding-top:20px; padding-left:20px; position: relative;}
.RighInfo002817 .pic:after{display: block; content: '';width:90%; height:90%; background:#f7f7f7; position: absolute;left: 0; top: 0; z-index: -1;}
.RighInfo002817 .info{padding-left: 4vw;}
.RighInfo002817 .img{width:50%;}
.RighInfo002817 .word{padding:4vw;}
}
@media(max-width:768px){
.RighInfo002817 .ytable,
.RighInfo002817 .ytable-cell{display: block;}
}




.join .table-nav ul{display: flex;justify-content: center;align-items: center;}
.join .table-nav ul li{display: flex;align-items: center;margin-right: 40px;font-size: 16px;color: #666666}
.join .table-nav ul li:last-child{margin-right: 0;}
.join .table-nav ul li:before{display: block;content: '';width: 23px;height: 23px;margin-right: 10px;}
.join .table-nav ul li:nth-of-type(1):before{background-image: url('../images/join-icon1.png')}
.join .table-nav ul li:nth-of-type(2):before{background-image: url('../images/join-icon2.png')}
.join .table-nav ul li:nth-of-type(3):before{background-image: url('../images/join-icon3.png')}
.join .table-nav ul li:nth-of-type(4):before{background-image: url('../images/join-icon4.png')}
.join .table-nav ul li:nth-of-type(5):before{background-image: url('../images/join-icon5.png')}
.join .table-nav ul li.on:nth-of-type(1):before{background-image: url('../images/join-icon1on.png')}
.join .table-nav ul li.on:nth-of-type(2):before{background-image: url('../images/join-icon2on.png')}
.join .table-nav ul li.on:nth-of-type(3):before{background-image: url('../images/join-icon3on.png')}
.join .table-nav ul li.on:nth-of-type(4):before{background-image: url('../images/join-icon4on.png')}
.join .table-nav ul li.on:nth-of-type(5):before{background-image: url('../images/join-icon5on.png')}
.join .table-nav ul li:after{display: block;content: '';width: 1px;height: 22px;margin-left: 40px;background-color: #eaeaea;}
.join .table-nav ul li:last-child:after{display: none;}
.join .table-nav ul li.on{color: #176de5;}
.join .table-box{max-width: 1155px;width: 100%;margin: 60px auto 0 auto;}
.join .table-box .item{display: none;}
.join .table-box .item.on{display: block;}
.join .table-box .item img{display: block;object-fit: cover;border-radius: 10px;overflow: hidden;}
@media(min-width:1200px){
.join .table-box .item:nth-of-type(1) .img-list{position: relative;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(1){width: 358px;height: 438px;margin: 0 auto;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(2){position: absolute;left: 99px;top: 54px;width: 100px;height: 103px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(3){position: absolute;left: 0px;top: 165px;width: 199px;height: 117px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(4){position: absolute;left: 209px;top: 35px;width: 177px;height: 246px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(5){position: absolute;left: 68px;top: 291px;width: 130px;height: 84px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(6){position: absolute;left: 209px;top: 291px;width: 176px;height: 132px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(7){position: absolute;right: 120px;top: 35px;width: 266px;height: 137px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(8){position: absolute;right: 234px;top: 180px;width: 153px;height: 229px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(9){position: absolute;right: 0;top: 180px;width: 223px;height: 132px;}
.join .table-box .item:nth-of-type(1) .img-list img:nth-of-type(10){position: absolute;right: 95px;top: 322px;width: 128px;height: 80px;}
.join .table-box .item:nth-of-type(2) .img-list,.join .table-box .item:nth-of-type(4) .img-list{display: flex;flex-flow: wrap;margin: -1%;}
.join .table-box .item:nth-of-type(2) .img-list img:nth-of-type(1),.join .table-box .item:nth-of-type(4) .img-list img:nth-of-type(1){width: 48%;height: 270px;margin: 1%;}
.join .table-box .item:nth-of-type(2) .img-list img:nth-of-type(2),.join .table-box .item:nth-of-type(4) .img-list img:nth-of-type(2){width: 48%;height: 270px;margin: 1%;}
.join .table-box .item:nth-of-type(2) .img-list img:nth-of-type(3),.join .table-box .item:nth-of-type(4) .img-list img:nth-of-type(3){width: 31.33%;height: 180px;margin: 1%;}
.join .table-box .item:nth-of-type(2) .img-list img:nth-of-type(4),.join .table-box .item:nth-of-type(4) .img-list img:nth-of-type(4){width: 31.33%;height: 180px;margin: 1%;}
.join .table-box .item:nth-of-type(2) .img-list img:nth-of-type(5),.join .table-box .item:nth-of-type(4) .img-list img:nth-of-type(5){width: 31.33%;height: 180px;margin: 1%;}
.join .table-box .item:nth-of-type(3) .img-list,.join .table-box .item:nth-of-type(5) .img-list{display: flex;flex-flow: wrap;margin: -1%;}
.join .table-box .item:nth-of-type(3) .img-list img:nth-of-type(1),.join .table-box .item:nth-of-type(5) .img-list img:nth-of-type(1){width: 31.33%;height: 180px;margin: 1%;}
.join .table-box .item:nth-of-type(3) .img-list img:nth-of-type(2),.join .table-box .item:nth-of-type(5) .img-list img:nth-of-type(2){width: 31.33%;height: 180px;margin: 1%;}
.join .table-box .item:nth-of-type(3) .img-list img:nth-of-type(3),.join .table-box .item:nth-of-type(5) .img-list img:nth-of-type(3){width: 31.33%;height: 180px;margin: 1%;}
.join .table-box .item:nth-of-type(3) .img-list img:nth-of-type(4),.join .table-box .item:nth-of-type(5) .img-list img:nth-of-type(4){width: 48%;height: 270px;margin: 1%;}
.join .table-box .item:nth-of-type(3) .img-list img:nth-of-type(5),.join .table-box .item:nth-of-type(5) .img-list img:nth-of-type(5){width: 48%;height: 270px;margin: 1%;}
}
@media(max-width:640px){
    .join .table-nav ul{flex-flow: wrap;}
    .join .table-nav ul li{margin: 1%;width: 31%;justify-content: center}
    .join .table-nav ul li:after{display: none;}
    .join .table-box .item img{width: 100%;margin-bottom: 20px;}
}


.About{margin: 6% 0;}
.About .one-box .flex{display: flex;justify-content: space-between}
.About .one-box .box{width: 46%}
.About .one-box .box .title{position: relative;font-size: 30px;color: #333333;line-height: 1.7;}
.About .one-box .box .title:before{display: block;content: '';width: 41px;height: 40px;margin-bottom: 30px;background-image: url('../images/About-icon1.png')}
.About .one-box .box .text{margin-top: 40px;font-size: 16px;color: #666666;line-height: 2;}
.About .one-box .box .text span{color: #176de5;}
.About .one-box .img{width: 47.6%;}
.About .one-box .img img{width: 100%}
.About .two-box{margin-top: 4%;}
.About .two-box .list ul{display: flex;flex-flow: wrap}
.About .two-box .list ul li{position: relative;width: 25%}
.About .two-box .list ul li .img img{width: 100%}
.About .two-box .list ul li .box{position: absolute;left: 0;top: 50%;width: 100%;z-index: 2;transform: translateY(-50%)}
.About .two-box .list ul li .box .icon{text-align: center;}
.About .two-box .list ul li .box .title{margin-top: 45px;padding: 0 5%;text-align: center;font-size: 20px;color: #fff;line-height: 2;}
.About .two-box .list ul li:after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: block;background: linear-gradient(to top, rgba(23, 109, 229, .9), transparent);z-index: 1;}
.About .three-box{margin-top: 4%;}
.About .three-box .top-box{display: flex;justify-content: space-between;align-items: center}
.About .three-box .top-box .img{width: 42%}
.About .three-box .top-box .img img{width: 100%}
.About .three-box .top-box .box{width: 50.8%}
.About .three-box .top-box .box .title{position: relative;font-size: 30px;color: #333333;line-height: 1.7;}
.About .three-box .top-box .box .title:before{display: block;content: '';width: 41px;height: 40px;margin-left: auto;margin-bottom: 30px;background-image: url('../images/About-icon2.png')}
.About .three-box .top-box .box .text{margin-top: 40px;font-size: 16px;color: #666666;line-height: 2;}
.About .three-box .top-box .box  .text span{color: #176de5;}
.About .three-box .video{position: relative;margin-top: 3%;}
.About .three-box .video .img img{width: 100%}
.About .three-box .video .play{position: absolute;left: 50%;top: 50%;font-size: 34px;color: #ffffff;text-align: center;transform: translate(-50%,-50%);z-index: 3;}
.About .three-box .video .play:before{display: block;content: '';margin: 0 auto 35px auto;width: 80px;height: 80px;background-image: url('../images/play.png')}
@media(max-width:640px){
    .About .one-box .flex{display: block;}
    .About .one-box .box{width: 100%}
    .About .one-box .box .title{font-size: 26px;}
    .About .one-box .img{width: 100%;margin-top: 20px;}
    .About .two-box .list ul li{width: 100%;margin-bottom: 10px;}
    .About .three-box .top-box{display: block;}
    .About .three-box .top-box .img{width: 100%}
    .About .three-box .top-box .box{width: 100%;margin-top: 20px;}
    .About .three-box .top-box .box .title{font-size: 26px;}
    .About .three-box .video .play{font-size: 24px;width: 100%}
    .About .three-box .video .play:before{width: 40px;height: 40px;margin: 0 auto 15px auto;background-size: 100%}
}