/* =====================================================================公共 */



/*滚动条宽高及背景*/
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

/*轨道颜色、内阴影及圆角*/
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff;
    border-radius: 0px;
}

/*滑块*/
::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #006dc6;
}

/*两端按钮*/
::-webkit-scrollbar-button {
    background-color: none;
    height: 0;
}

/*右下角汇合处样式*/
::-webkit-scrollbar-corner {
    background: khaki;
}


/*  */

section {
    width: 100%;
    background-image: url(../image/body.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.inner {
    width: 84%;
    margin: 0 auto;
}

.padd {
    padding: 98px 0;
}

.paddB {
    padding: 98px 0;
    border-bottom: 1px solid #dddddd;
}

.Tit {
    margin-bottom: 60px;
    position: relative;
}

.Tit span {
    font-size: 44px;
    letter-spacing: 2px;
    line-height: 1.4;
    font-weight: 600;
}

.Tit span b {
    color: #0066cc;
    font-size: 44px;
    letter-spacing: 2px;
    font-weight: 600;
}

.Tit .titP {
    font-size: 20px;
    margin-top: 20px;
    color: #353535;
}


.Tit.center {
    text-align: center;
}

.Tit.center span {
    justify-content: center;
}

.Tit.white span {
    color: #fff;

}

.Tit.white b {
    color: #fff;

}

.Tit.white p {
    color: rgba(255, 255, 255, .68);
}

.Tit.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*  */

.More a, .More small {
    position: relative;
    z-index: 999;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    padding: 12px 40px;
    border-radius: 8px;
    /* border: 1px solid #0066cc; */
    color: #fff;
    background: #d7a36c;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .48s;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
}

.More a::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background-color: #0066cc;
    transform-origin: right;
    transform: scaleX(0.2);
    opacity: 0;
    transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 1.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    z-index: -1;
}


.More b {
    position: relative;
    z-index: 999;
    display: inline-flex;
    align-items: center;
    font-size: 21px;
    color: #0066cc;
    line-height: 1.4;
    letter-spacing: 2px;
    text-transform: uppercase;
    transition: all .48s;
}


.More a img, .More b img, .More small img {
    width: 22px;
    margin-left: 20px;
}

.More.black a {
    color: #606465;
}

.More.white a {
    color: #fff !important;
    border-color: rgba(255, 255, 255, .68) !important;
}

.More a .img2 {
    display: none;
}

.More.white a .img2 {
    display: block;
}

.More.white a .img1 {
    display: none;
}

.More.small a {
    padding: 6px 18px;
    background: none;
    border: 1px solid #0066cc;
}

.More.small a, .More.small b {
    font-size: 14px;
}

.More.small a img, .More.small b img {
    width: 16px;
    margin-left: 10px;
}

.More.small.white a, .More.small.white b {
    color: #fff;
}

/*  */


.more_s {
    overflow: hidden;
}

.More .more_s i {
    font-size: 16px;
    letter-spacing: 2px;
    color: #fff;
    position: relative;
    display: block;
    transform: translateX(0);
}

.More .more_s i::before {
    position: absolute;
    top: 0;
    left: -160%;
    content: attr(data-mouse-hover-btn);
}

/*  */

.More a:hover::after {
    transform-origin: left;
    opacity: 1;
    transform: scaleX(1);
    transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: opacity 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96), transform 0.8s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i {
    transform: translateX(160%);
}

.More a:hover .more_s i:nth-child(1) {
    transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i:nth-child(2) {
    transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s 0.04s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i:nth-child(3) {
    transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s 0.08s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .more_s i:nth-child(4) {
    transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -webkit-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -moz-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -ms-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
    -o-transition: transform 1.2s 0.12s cubic-bezier(0.45, 0.12, 0.04, 0.96);
}

.More a:hover .img1 {
    display: none;
}

.More a:hover .img2 {
    display: block;
}

/* =====================================================index */

/* header */

.header {
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transition: all .48s;
}

.headerTop {
    padding: 20px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
    transition: all .48s;
}

.menu img {
    width: 30px;
}

.menu .img2 {
    display: none;
}

.hLogo img {
    width: 178px;
}

.hLogo .img2 {
    display: none;
}
.hLan{ padding-left: 11px;}
.hLan a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 8px;
    color: rgb(255 255 255 / 100%);
    border: 1px solid rgb(255 255 255 / 40%);
}
.hLan a img {
    height: 16px;
    margin-right: 10px;
}
.hLan a svg  {
    width: 16px;
    height: 16px;
    margin-left: 6px;
}

.hLan a svg path {
    fill: rgb(255 255 255 / 60%);
}

.headerRTop .hLan a svg {
    width: 12px;
    height: 12px;
}

.headerRTop .hLan a svg path {
    fill: #666;
}

/*  */
.headerBot {
    display: flex;
    align-items: center;
    transition: all .48s;
}

.headerBot .hLan {
    display: none;
    margin-left: 40px;
}

.hNav {
    width: 100%;
}

.hNav ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.hNav ul li {
    height: 100%;
    display: inline-flex;
    align-items: center;
}

.hNav ul li a.nav_a {
    padding-top: 15px;
    font-size: 20px;
    color:#efefef;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .48s;
    padding-bottom: 5px;
}

.hNav ul li a.nav_a svg {
    width: 18px;
    height: 18px;
}

.hNav ul li a.nav_a svg path {
    fill: #fff;
}

.hNav ul li:last-child a.nav_a {
    padding-right: 0;
}

.hNFl {
    margin-left: 60px;
}

.hNFl a {
    display: inline-block;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #fff;
    font-size: 18px;
    text-transform: uppercase;
}


.hNav ul li:hover::after {
    width: 100%;
}

.hNav ul li a.nav_a:hover {
    color: #C9C9C9;

}

/* 展开 */

.hNav ul li {
    position: relative;
}

.hNav_zk {
    display: none;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    background: #fff;
    padding: 5px 0 0;
    border-top: 3px solid #0066cc;
}

.hNav_zk dd {
    text-align: center;
    white-space: nowrap;
    padding: 10px 30px;
    border-bottom: 1px solid #eee;
}

.hNav_zk dd:hover {
    color: #0066cc;
}


/*  */
.hmenu {
    display: none;
    width: 100px;
    height: 100%;
    /* border-left: 1px solid rgb(155 155 155 / 18%); */
    background: #0066cc;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}

.hmenu img {
    width: 30px;
}

.headerMain-bg.header .hmenu {
    display: flex;
}

.headerMain-bg.header {
    transform: translateY(-100%);
    animation: .68s .68s showDown linear forwards;
    display: none;
}

.headerMain-bg.header .inner {
    width: 90%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@keyframes showDown {
    0% {
        transform: translateY(-100%);
    }

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

.headerMain-bg.header .headerTop {
    padding: 20px 0 20px;
}

.headerMain-bg.header .headerTop .menu,
.headerMain-bg.header .headerTop .hLan {
    display: none;
}

.headerMain-bg.header .headerBot {
    width: 80%;
    padding-right: 50px;
}

.headerMain-bg.header .hNav ul li a.nav_a {
    padding-top: 0;
}

.headerMain-bg.header .headerBot .hLan {
    display: block;
}

/* 下拉导航 */

.headerNew {
    width: 100%;
    background: #fff;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    transform: translateY(-100%);
    box-shadow: 0 0 10px rgb(155 155 155 / 18%);
    transition: all .68s;
}

.headerNew.headerN {
    transform: translateY(0%);
}

.headerNew.on {
    transform: translateY(0%);
}

.headerNew .headerNewBox {
    padding-left: 2%;
    padding-right: 100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerR {
    width: 60%;
    padding-right: 20px;
}

.JoinHead .headerR {
    width: 40%;
}

.headerRTop {
    padding: 15px 0 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.headerRTop .hNav {

    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.headerRTop .hNav a {
    margin-left: 30px;
    
}
.headerRTop .hNav a img{ float: left; margin-right: 10px;}
.headerRTop .hLan a {
    color: #666;
    border: 1px solid #999;
    padding: 0px 8px;
    font-size: 12px;
}

.headerRBot .hNav ul li a.nav_a {
    padding: 0 10px 20px;
    font-size: 18px;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .48s;
}

.headerNew .menu {
    display: flex;
    width: 100px;
    height: 80%;
    border-left: 1px solid rgb(155 155 155 / 18%);
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 0%;
    transform: translateY(-50%);
}

.headerNew .menu img {
    width: 30px;
}

.headerRBot .hNav ul li a.nav_a:hover {
    color: #0066cc;
}



/* 下拉导航变化 */

.headerMain-bg.header {
    background: #fff;
    box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
}

.header.white {
    background: #fff;
    /* display: flex;
    justify-content: space-between; */
}

.header.white .hPhone a, .header.white .hLan a {
    color: #333;
    border-color: #999;
}

.header.white .hLan a.on {
    color: #fff;
}

.header.white .hLan::after {
    background: rgba(0, 0, 0, .3);
}

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

.headerMain-bg.header .img1 {
    display: none;
}


.headerMain-bg.header .img2 {
    display: inline-block;
}

.header.white .img2 {
    display: inline-block;
}

.headerMain-bg.header .hNav ul li a, .header.white .hNav ul li a {
    color: #333;
    border-color: #999;
}

.headerMain-bg.header .hPhone a, .headerMain-bg.header .hLan a {
    color: #333;
    border-color: #999;
}

.headerMain-bg.header .hLan a.on {
    color: #fff;
}

.headerMain-bg.header .hPhone svg path, .header.white .hPhone svg path {
    fill: #333;
}

.headerMain-bg.header .hLan::after {
    background: rgba(0, 0, 0, .3);
}


/* footer */

.footer {
    background: url(../image/foot_bg.jpg) no-repeat;
    background-size: cover;
}

.footNav {
    padding: 90px 0 90px;
    width: 100%;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
    position: relative;
}

.footNav ul {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footNav ul li p {
    display: flex;
    color: #898a8c;
    font-size: 16px;
}

.footNav ul li p a {
    text-decoration: underline;
}

.footNav ul li p a:hover {
    color: #fff;
}

.footNav ul li a {
    display: block;
    color: #898a8c;
    font-size: 18px;
    margin-bottom: 10px;
}

.footNav ul li a span {
    font-size: 21px;
    color: #d3cdcd;
    display: block;
    margin-bottom: 20px;
    /* border-bottom: 1px solid #5e5e5f; */
    position: relative;
}

/*  */
.footBox {
    display: flex;
    justify-content: space-between;
    padding: 30px 0;
    border-bottom: 1px solid rgb(255 255 255 / 14%);
}

.footCon span {
    color: #d3cdcd;
    font-size: 21px;
    display: block;
    margin-bottom: 20px;
}

.footCon p {
    color: #898a8c;
    font-size: 16px;
    margin-bottom: 10px;
}

.footCon p a {
    display: block;
    color: #d3cdcd;
    font-size: 30px;
    font-family: "SourceHanSansSC";
    line-height: 1.4;
}

.footCon p span {
    display: block;
    color: #d3cdcd;
    font-size: 16px;
}

/*  */
.footLink {
    width: 58%;
}

.footLink span {
    color: #d3cdcd;
    font-size: 21px;
    display: block;
    margin-bottom: 20px;
}

.footLink a {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    width: 23%;
    margin-left: 1%;
    margin-bottom: 10px;
    /* border: 1px solid #454546; */
    background: #262626;
    border-radius: 4px;
    padding: 12px 15px;
    color: #898a8c;
}

.footLink a img {
    width: 12px;
    transform: rotate(270deg);
}

.footLink a:hover {
    color: #fff;
    background: #0066cc;
}

/*  */

.footBot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 35px 0;
}

.footBot p,
.footBot a {
    color: #898a8c;
}

.footNav ul li a:hover {
    color: #fff;
}



/* =================================================================================index */

.indBan {
    width: 100%;
    height: 100vh;
    position: relative;
}

.indBanBox {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 999;
}

.indBan_xq {
    width: 100%;
    height: 100%;
}

.indBanBox .swiper-container {
    width: 100%;
    height: 100%;
}

.indBanImg {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.img_m {
    display: none;
}

.banImg {
    width: 100%;
    height: 100%;
    position: relative;
}

.banImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .16);
    position: absolute;
    left: 0;
    top: 0;
}

.banImg img,
.banImg video {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: scale(1.1);
    transition: all 8s;
}

.banText {
    position: absolute;
    left: 8%;
    bottom: 20%;
    z-index: 2;
}

.banText span {
    display: block;
    color: #fff;
    font-size: 48px;
    letter-spacing: 4px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 30px;
}

.banText p {
    color: rgb(255 255 255 / 80%);
    font-size: 20px;
    letter-spacing: 1px;
    text-transform: uppercase;
    line-height: 2;
    margin-bottom: 40px;
}

/*  */
.indBan_change {
    display: flex;
    align-items: center;
    position: absolute;
    left: 8%;
    bottom: 15%;
    z-index: 999;
}

.indBanBox .swiper-pagination {
    width: auto;
    position: initial;
}

.indBanBox .swiper-pagination-bullet {
    width: 68px;
    height: 4px;
    border-radius: 0px;
    background: rgb(255 255 255 / 40%);
    opacity: .48;
}

.indBanBox .swiper-pagination-bullet::after {
    content: '';
    width: 0%;
    height: 100%;
    border-radius: 4px;
    background: #0066cc;
    border-radius: 0px;
    position: absolute;
    left: 0;
    top: 0;
}

.indBanBox .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    animation: Width 8s linear forwards;
    animation-play-state: running;
}

.indBanBox.on .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    animation-play-state: paused;
}

.indBanBox .swiper-pagination-bullet-active {
    opacity: 1;
}

.indBan .swiper-slide-active .banImg img {
    transform: scale(1);
}

@keyframes Width {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.suspend {
    cursor: pointer;
}

.suspend img {
    width: 16px;
}

.suspend .img2 {
    display: none;
}

.suspend.on .img2 {
    display: block;
}

.suspend.on .img1 {
    display: none;
}

/*  */
.js_indBanBox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.js_indBanBox .swiper-pagination {
    width: auto;
    height: 80px;
    position: absolute;
    left: 8%;
    bottom: 52%;
    z-index: 999;
    color: #fff;
    display: flex;
    align-items: center;
    letter-spacing: 10px;
}

.js_indBanBox span {
    color: #fff;
    font-size: 21px;
    line-height: 1;
    display: block;
}

.js_indBanBox span.swiper-pagination-current {
    font-size: 42px;
    margin-right: 10px;
}

@media(min-width:1920px) {
    .js_indBanBox .swiper-pagination {
        bottom: 44%;
    }
}

/*  */
.section {
    width: 100%;
    padding-top: 20px;
    background-image: url(../image/section_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.indAbItem {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    height: 42vh;
}

.indAbItem:last-child {
    margin-bottom: 0;
}

.indAb_li {
    width: calc(35% - 45px);
    height: 100%;
    position: relative;
}

.indAb_li.big {
    width: 65%;
}

.indAbImg {
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.indAbText {
    position: absolute;
    left: 40px;
    bottom: 40px;
}

.indAbText p {
    color: #fff;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 5px;
}

.indAbText .More b {
    color: #fff;
}

.indAb_li:hover .indAbImg img {
    transform: scale(1.1);
}

/*  */
.indPro {
    border-bottom: none;
}

.indProBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 120px 0 0;
    position: relative;
}

.indProImg {
    width: 92%;
    height: 100%;
    border-radius: 60px 0 0 0;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}

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

.indProImg img:first-child {
    display: block;
}

.indProL {
    width: 40%;
    padding: 140px 8% 160px;
    border-radius: 0 25px 0 0;
    background: #fff;
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.indProL::after {
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../image/indProL_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    right: -20%;
    top: -25%;
    z-index: -1;
}

.indProL_li {
    display: flex;
    justify-content: space-between;
    padding: 28px 0;
    border-top: 1px solid rgb(163 173 176 / 30%);
    margin-bottom: 0px;
    cursor: pointer;
    position: relative;
}

.indProL_li::after {
    content: '';
    width: 0;
    height: 2px;
    background: #0066cc;
    position: absolute;
    left: 0;
    top: -2px;
    transition: all 1s;
}

.indProL_li:last-child {
    margin-bottom: 0;
}

.indProL_img img {
    width: 30px;
}

.indProL_img .img2 {
    display: none;
}

.indProL_text {
    width: calc(100% - 55px);
}

.indProL_text span {
    display: block;
    font-size: 28px;
    line-height: 1;
    margin-bottom: 20px;
}

.indProL_text p {
    color: #666;
    font-size: 18px;
    margin-bottom: 40px;
}

.indProL_text .More {
    display: none;
}

.indProL_text .More.black {
    display: block;
}

.More.black b {
    color: #333;
}

/*  */
.indProL_li.on {
    border-color: rgb(0 102 204 / 28%);
}

.indProL_li.on::after {
    width: 15%;
}

.indProL_li.on .img2 {
    display: block;
}

.indProL_li.on .img1 {
    display: none;
}

.indProL_li.on span {
    color: #0066cc;
}

.indProL_li.on p {
    color: #b7a68c;
    display: block;
}

.indProL_li.on .indProL_text .More {
    display: block;
}

.indProL_li.on .indProL_text .More.black {
    display: none;
}

.indProL_li:hover .img2 {
    display: block;
}

.indProL_li:hover .img1 {
    display: none;
}

.indProL_li:hover span {
    color: #0066cc;
}


/*  */
.indProR_box {
    width: 56%;
    padding-right: 8%;
}

.indProR_xq {
    display: none;
}

.indProR_xq:first-child {
    display: block;
}

.indProR {
    width: 100%;
    height: 72vh;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.indProR_li {
    width: calc(50% - 15px);
    position: relative;
    cursor: pointer;
    border-radius: 24px;
    overflow: hidden;
    transition: all .48s;
    margin-bottom: 30px;
}

.indProR_text {
    position: absolute;
    left: 50%;
    top: 70%;
    transform: translateX(-50%);
    z-index: 2;
    opacity: 0;
    text-align: center;
    transition: all .48s .1s;
}

.indProR_li span {
    white-space: nowrap;
    display: block;
    font-size: 24px;
    color: rgb(255 255 255 / 90%);
    /* margin-bottom: 20px; */
    transition: all.48s;
    position: absolute;
    left: 50%;
    top: 80%;
    transform: translateX(-50%);
}

.indProR_li p {
    width: 300px;
    font-size: 16px;
    color: rgb(255 255 255 / 90%);
    margin-bottom: 10px;
    transition: all.48s;
}

.indProR_img {
    width: 100%;
    height: 100%;
    position: relative;
}

.indProR_img::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0);
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}

.indProR_box .More small {
    color: #fff;
    font-size: 12px;
    padding: 8px 15px;
}

.indProR_box .More small img {
    width: 18px;
    margin-left: 15px;
}

@media(min-width:1024px) {
    .indProR_li .More a:hover {
        border-color: #0066cc !important;
    }

    .indProR_li:hover .indProR_img::after {
        background: rgba(0, 0, 0, 0.28);
    }

    .indProR_li:hover span {
        top: 58%;
    }

    .indProR_li:hover .indProR_text {
        opacity: 1;
    }
}



/*  */
.indNew {
    
}

.indNewImg {
    padding-top: 60%;
    border-radius: 24px;
}

.indNewText {
    padding: 35px 0;
}

.indNewText i {
    display: block;
    font-size: 16px;
    color: #0066cc;
    font-weight: 600;
}

.indNewText span {
    display: block;
    padding: 15px 0 25px;
    font-size: 24px;
}

.indNewBox{
    position: relative;
    margin-top: 30px;
}

.indNewBut {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.indNewBut img {
    width: 20px;
}

.indNewBut.prev {
    left: -5%;
}

.indNewBut.next {
    right: -5%;
}

/*  */
.indNewItem:hover .indNewImg img {
    transform: scale(1.1);
}

.indNewItem:hover .indNewText span {
    color: #0066cc;
}

/*  */
@media(max-width:1480px) {

    /*  */
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    .banText span {
        font-size: 38px;
    }

    .banText p {
        font-size: 18px;
    }

    /*  */
    .indAbItem {
        margin-bottom: 30px;
    }

    .indAb_li {
        width: calc(35% - 30px);
    }

    .indAbText p {
        font-size: 30px;
    }

    /*  */
    .indProL {
        padding: 80px 8% 80px;
    }

    .indProL_text span {
        font-size: 24px;
        margin-bottom: 15px;
    }

    .indProL_img img {
        width: 24px;
    }

    .indProL_text {
        width: calc(100% - 40px);
    }

    .indProL_text p {
        font-size: 16px;
        margin-bottom: 30px;
    }

    .indProR_li span {
        font-size: 21px;
    }

    .indProR_li p {
        width: 260px;
        font-size: 14px;
        margin-bottom: 5px;
    }

    .More.small a {
        padding: 4px 14px;
    }

    .indProR_li:hover span {
        top: 55%;
    }

    /*  */
    .indNewText {
        padding: 25px 0;
    }

    .indNewText span {
        font-size: 20px;
        padding: 10px 0 20px;
    }
}

/* ================================================================================= */

/* 内页公共 */
.dinW {
    position: absolute;
    top: -80px;
}

.banN {
    width: 100%;
    height: 60vh;
    margin-top: 96px;
}

.banNImg {
    width: 100%;
    height: 100%;
    position: relative;
}

.banN_m {
    display: none;
}

.banNImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(107deg, rgba(0, 0, 0, 0.4) 20%, rgba(10, 35, 73, 0) 100%);
    position: absolute;
    left: 0;
    top: 0;
}

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

/*  */

.banNText {
    width: 90%;
    position: absolute;
    left: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
}

.banNText span {
    color: #fff;
    display: block;
    font-size: 60px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 0.3em;
}


.banNText p {
    color: rgba(255, 255, 255, 0.6);
    font-size: 26px;
    letter-spacing: 0.2em;
}    
}


.gd {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    animation: dong3 1.5s linear infinite;
}

.gd img {
    width: 24px;
}

@keyframes dong3 {
    0% {
        transform: translate(-50%, 0);
    }

    50% {
        transform: translate(-50%, 15px);
    }

    100% {
        transform: translate(-50%, 0);
    }
}

/*  */

.dwNav {
    width: 100%;
    border-bottom: 1px solid #e8eaee;
}

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

.dwNavL {
    display: flex;
    align-items: center;
    color: #91939B;
}

.dwNavL a {
    color: #91939B;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.dwNavL i {
    color: #91939B;
    font-size: 16px;
    margin: 0 10px;
}

.dwNavL svg {
    width: 18px;
    height: 18px;
    margin: 0 10px;
}

.dwNavL svg path {
    fill: #91939B;
}

/*  */
.dwNavR {
    display: flex;
    align-items: center;
}

.dwNavR a {
    padding: 35px 10px;
    text-align: center;
    font-size: 17px;
    color: #b4b4b4;
    margin-left: 20px;
    position: relative;
    transition: all .48s;
}

.dwNavR a::after {
    content: '';
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #0066cc;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    transition: all .48s;
}

.dwNavR a.on {
    font-weight: 500;
    color: #0066cc;
    border-color: #0066cc;
}

.joinXz .dwNavR a.on {
    font-weight: 500;
    color: #0d96ff;
    border-color: #0d96ff;
}

.joinXz .dwNavR a::after {
    border-color: #0d96ff;
}

.joinXz .dwNavR a:hover {
    font-weight: 500;
    color: #0d96ff;
    border-color: #0d96ff;
}

.dwNavR a.on::after {
    width: 100%;
}

.dwNavR a:hover {
    font-weight: 500;
    color: #0066cc;
}

.dwNavR a:hover::after {
    width: 100%;
}


/*  */

.fanYe {
    margin-top: 60px;
    text-align: center;
}

.fanYe a {
    display: inline-block !important;
    padding: 4px 30px;
    border-radius: 4px;
    border: 1px solid #cdcdce;
    margin: 0 5px;
    text-transform: uppercase;
}

.fanYe a.on {
    color: #fff;
    background: #0066cc;
    border-color: #0066cc;
}

.joinXz .fanYe a.on {
    color: #fff;
    background: #0d96ff;
    border-color: #0d96ff;
}

@media(max-width:1480px) {
    .Tit {
        margin-bottom: 48px;
    }

    .Tit span,
    .Tit span b {
        font-size: 42px;
    }

    .Tit .titP {
        margin-top: 10px;
    }

    .More a {
        padding: 10px 35px;
    }

    /*  */
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .banNText span {
        font-size: 48px;
    }

    .banNText p {
        font-size: 24px;
    }

    .dwNavR a {
        padding: 30px 0;
        font-size: 16px;
        margin-left: 80px;
    }
}

/* ===========================================================================about */


/*  */
.abJj {
    position: relative;
}

#abJj {
    position: absolute;
    top: -80px;
}

.abJjBox {
    position: relative;
}

.abJjImg {
    width: 100%;
    padding-top: 46%;
}

.abJjImgB {
    display: none;
}

.abJjText {
    width: 56%;
    padding: 70px 8% 90px 100px;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #ffffff;
    border-radius: 8px 0 0 0;
}

.abJjText .abJjText1 {
    width: 60px;
    margin-bottom: 5px;
}

.abJjText .abJjText2 {
    width: 130px;
    position: absolute;
    right: 8%;
    top: 25%;
}

.abJjText .Tit {
    margin-bottom: 30px;
}

.abJj_i {
    display: block;
    width: 2px;
    height: 70px;
    margin: 20px 0;
    background: #0066cc;
}

.abJjText p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;
}

.abJjUl {
    width: 92%;
    padding: 50px 0 50px 8%;
    border-radius: 0 8px 8px 0;
    background: #f4f0ec;
    display: flex;
}

.abJj_li {
    flex: 1;
    font-size: 18px;
    color: #0066cc;
}

.abJj_li span {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 18px;
    color: #0066cc;
}

.abJj_li span b {
    font-size: 48px;
    font-family: 'Rousseau';
    line-height: 1;
    color: #0066cc;
    margin-right: 15px;
}

.abJj_li span i {
    font-size: 18px;
    color: #0066cc;
}

.abJj_li p {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    color: #0066cc;
}

.abJj_li p img {
    width: 14px;
    margin-right: 5px;
}

/*  */

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

#abWh {
    position: absolute;
    top: -80px;
}

.abWh_bg {
    width: 100%;
    position: absolute;
    left: 0;
    top: 5%;
}

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

.abWhCen {
    width: 25%;
    padding-top: 27%;
    position: relative;
    z-index: 2;
}

.abWhCen span {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-image: url(../image/abWhCen.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: .4;
}

.abWhCen .abWhCen_img {
    width: 92%;
    height: 92%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

/*  */

.abWhCen i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100%;
    background-image: url(../image/abWhCen_i.png);
    background-repeat: no-repeat;
    background-size: cover;
    transform: translate(-50%, -50%) scale(.3);
    opacity: .6;
    -webkit-animation: scaleWave 4s linear 0s infinite;
    animation: scaleWave 4s linear 0s infinite;
    transition: all .48s;
}

.abWhCen .i1 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.abWhCen .i2 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s;
}

.abWhCen .i3 {
    -webkit-animation-delay: 3s;
    animation-delay: 3s;
}


@-webkit-keyframes scaleWave {
    0% {
        opacity: .6;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }

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

@keyframes scaleWave {
    0% {
        opacity: .6;
        -webkit-transform: translate(-50%, -50%) scale(.3);
        transform: translate(-50%, -50%) scale(.3)
    }

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

.abWhText {
    width: 30%;
}

.abWh_li {
    position: relative;
    margin-bottom: 80px;
}

.abWh_li:last-child {
    margin-bottom: 0;
}

.abWh_li span {
    display: flex;
    align-items: center;
    padding-bottom: 5px;
    border-bottom: 2px solid #e4e4e4;
    font-size: 32px;
    color: #0066cc;
    font-weight: 600;
    margin-bottom: 20px;
    position: relative;
}

.abWh_li span::before {
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #c9c9c9;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(50%, 50%);
    z-index: 2;
}

.abWh_li span::after {
    content: '';
    width: 100px;
    height: 1px;
    border-bottom: 1px dashed #e4e4e4;
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(100%, 100%);
}

.abWh_li:nth-child(1) span::after {
    transform: translate(100%, 100%) rotate(40deg);
    transform-origin: left;
}

.abWh_li:nth-child(3) span::after {
    width: 80px;
    transform: translate(100%, 100%) rotate(-40deg);
    transform-origin: left;
}

.abWh_li span img {
    width: 25px;
    margin-right: 10px;
}

.abWh_li p {
    font-size: 21px;
    min-height: 68px;
    font-weight: 600;
}

/*  */

.abWhR .abWh_li {
    text-align: right;
}

.abWhR .abWh_li span {
    justify-content: flex-end;
}

.abWhR .abWh_li span img {
    margin-right: 0px;
    margin-left: 10px;
}

.abWhR .abWh_li span::before {
    left: 0;
    transform: translate(-50%, 50%);
}

.abWhL .abWh_li:nth-child(2) {
    left: -100px;
}

.abWhR .abWh_li:nth-child(2) {
    right: -100px;
}

.abWhR .abWh_li span::after {
    right: initial;
    left: 0;
    transform: translate(-100%, 100%);
}

.abWhR .abWh_li:nth-child(1) span::after {
    transform: translate(-100%, 100%) rotate(-40deg);
    transform-origin: right;
}

.abWhR .abWh_li:nth-child(3) span::after {
    width: 80px;
    transform: translate(-100%, 100%) rotate(40deg);
    transform-origin: right;
}

/*  */

.abHis {
    width: 100%;
    background: url(../image/20221031141317871627.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#abHis {
    position: absolute;
    top: -80px;
}

.abHisUl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 68px;
}

.abHisLi {
    width: calc(25% - 10px);
    background: #ffffff;
    padding: 15px 0;
    text-align: center;
    transition: all .48s;
}

.abHisLi:nth-child(1) {
    border-radius: 8px 0 0 8px;
}

.abHisLi:nth-child(4) {
    border-radius: 0 8px 8px 0;
}

.abHisLi span {
    font-size: 18px;
    font-weight: 600;
    color: #0066cc;
}

.abHisLi p {
    font-size: 16px;
    font-weight: 600;
    color: #0066cc;
}

.abHisLi.on {
    background: #0066cc;
}

.abHisLi.on span {
    color: #fff;
}

.abHisLi.on p {
    color: #fff;
}

.abHisLi:hover {
    background: #0066cc;
}

.abHisLi:hover span {
    color: #fff;
}

.abHisLi:hover p {
    color: #fff;
}

/*  */
.abHisXqBox {
    display: none;
}

.abHisXqBox:first-child {
    display: block;
}

.abHisXq {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.abHisImg {
    width: 45%;
    padding-top: 28.5%;
    border-radius: 8px;
    overflow: initial;
}

.abHisImg span {
    font-size: 54px;
    color: #0066cc;
    font-weight: 600;
    line-height: 1;
     font-family: 'Rousseau';
    writing-mode: vertical-rl;
    white-space: nowrap;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
}

.abHisText {
    width: 55%;
    height: 380px;
    overflow-y: scroll;
    padding: 0 5%;
}

.abHis_li {
    /*display: flex;*/
    align-items: baseline;
    margin-bottom: 16px;
}

.abHis_li span {
    color: #fff;
     font-family: 'Rousseau';
    margin-right: 25px;
    font-size: 20px;
}

.abHis_li p {
    color: #cecfce;
    font-size: 18px;
    line-height: 2;
}

.abHisText::-webkit-scrollbar {
    width: 2px;
    height: 2px;
}

/*轨道颜色、内阴影及圆角*/
.abHisText::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #686a6d;
    border-radius: 0px;
}

/*滑块*/
.abHisText::-webkit-scrollbar-thumb {
    border-radius: 2px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff;
}

/*  */

.abRyu {
    width: 100%;
    background: url(../image/abRyu_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#abRyu {
    position: absolute;
    top: -80px;
}

.abRyuBox .swiper-container {
    padding-bottom: 60px;
}

.abRyuImg {
    width: 90%;
    margin: 0 auto 110px;
    padding-top: 60%;
}

.abRyuBox .swiper-slide p {
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    opacity: 0;
    transform: translateY(40px);
    transition: all .48s .68s;
}

.abRyuBox .swiper-slide-active p {
    opacity: 1;
    transform: translateY(0px);
}

.abRyuImg_i {
    width: 42%;
    position: absolute;
    left: 50%;
    top: 57%;
    transform: translateX(-50%);
}

.abRyuImg_i img {
    width: 100%;
}

.abRyuBox .swiper-slide {
    transform: scale(0.6);
    padding: 10px;
    transition: all .68s;
}

.abRyuBox .swiper-slide::after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.abRyuBox .swiper-slide-active {
    transform: scale(1);
}

/*  */

.abRyu_but {
    width: 72px;
    height: 72px;
    border: 1px solid #999;
    display: flex;
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 2%;
    transform: translateY(-50%);
    z-index: 2;
    transition: all .48s;
}

.abRyu_but svg {
    width: 26px;
    height: 26px;
}

.abRyu_but svg path {
    fill: #333;
}

.abRyu_but.prev {
    left: 8%;
}

.abRyu_but.next {
    right: 8%;
}

.abRyu_but.next svg {
    transform: rotate(180deg);
}

.abRyu_but:hover {
    background: #0066cc;
}

.abRyu_but:hover svg path {
    fill: #fff;
}

.abRyuBox .swiper-pagination {
     font-family: 'Rousseau';
    font-size: 18px;
}

.abRyuBox .swiper-pagination span {
     font-family: 'Rousseau';
    font-size: 18px;
}

.abRyuBox .swiper-pagination-current {
    color: #0066cc;
}

/*  */

.jionJcImg {
    width: 100%;
    padding-top: 62%;
}

.jionJcImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 30%);
    position: absolute;
    left: 0;
    top: 0;
}

.jionJcImg p {
    width: 100%;
    color: #fff;
    font-size: 18px;
    position: absolute;
    left: 0;
    bottom: 30px;
    text-align: center;
    opacity: 0;
    transition: all .48s;
    z-index: 2;
}

.jionJcBox .swiper-slide-active .jionJcImg p {
    opacity: 1;
}


.jionJcBox .swiper-container {
    padding-bottom: 40px;
}

.jionJcBox .swiper-pagination {
    bottom: 0;
}

.jionJcBox .swiper-pagination-bullet {
    background: rgba(155, 155, 155, 0.58);
}

.jionJcBox .swiper-pagination-bullet-active {
    background: #7abe43;
}

/*  */

@media(max-width:1480px) {

    /*  */

    /*  */


    /*  */
    .abJjText .abJjText1 {
        width: 45px;
    }

    .abJjText .abJjText2 {
        width: 100px;
    }

    .abJj_i {
        height: 60px;
        margin: 12px 0;
    }

    .abJjText p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    .abJjUl {
        padding: 40px 0 40px 8%;
    }

    .abJj_li span {
        margin-bottom: 0;
    }

    .abJj_li span b {
        font-size: 42px;
    }

    /*  */
    .abWh_li span {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .abWh_li p {
        font-size: 18px;
        min-height: 64px;
    }

    .abWh_li {
        margin-bottom: 65px;
    }

    /*  */
    .abHisUl {
        margin-bottom: 50px;
    }

    .abHisLi {
        padding: 6px 0;
    }

    .abHisLi span {
        font-size: 16px;
    }

    .abHisLi p {
        font-size: 14px;
    }

    .abHisImg span {
        font-size: 42px;
    }

    .abHisText {
        height: 300px;
    }

    .abHis_li span {
        font-size: 18px;
    }

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

    /*  */
    .abRyuImg {
        margin: 0 auto 68px;
    }

    .abRyuBox .swiper-slide p {
        font-size: 21px;
    }

    .abRyu_but {
        width: 58px;
        height: 58px;
    }
}

@media(max-width:1368px) {

    /*  */


    .abRyuBox .swiper-slide {
        transform: scale(0.8);
    }

    .abRyuBox .swiper-slide-active {
        transform: scale(1);
    }

    .abRyuImg {
        margin: 0 auto 60px;
    }

    .abRyuBox .swiper-slide p {
        font-size: 18px;
    }

    .abRyuImg_i {
        top: 54%;
    }
}



/* ===============================================================square */

/* 1115add */
.squJjBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.squJjText{
    width: 45%;
}
.squJjImg {
    width: 50%;
    padding-top: 36%;
    border-radius: 8px;
}
.squZs_last{
    background: url(../image/20221115170107568484.jpg) no-repeat;
    background-size: cover;
}

.squZs_last .Tit{
    display: flex;
    align-items: baseline;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    position: relative;
}
.squZs_last .Tit::after{
    content: '';
    width: 100px;
    height: 2px;
    border-bottom: 2px solid #fff;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.squZs_last .Tit .titP{
    margin-top: 0;
    margin-left: 25px;
}

.squZs_i{
    margin-top: 0 !important;
    display: flex;
    align-items: center;
}

.squZs_i svg{
    width: 32px;
    height: 32px;
    margin-right: 8px;
}

.squZs_i svg path{
    fill: #0066cc;
}

.squZs_i a{
    font-size: 36px !important;
    font-weight: initial !important;
     font-family: 'Rousseau';
}

.squZs_i i{
    color: #fff;
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: 50px;
    padding: 5px 20px;
    margin-left: 10px;
}

@media (max-width: 1024px){
    .squZs_i a {
        font-size: 28px !important;
    }

    .squJjText{
        width: 100%;
        margin-bottom: 30px;
    }
    .squJjImg{
        width: 100%;
        padding-top: 66%;
    }
}

@media (max-width: 680px){
    .squZs_i svg {
        width: 28px;
        height: 28px;
    }

    .squJjBox {
        margin-top: 20px;
    }

    .squZs_last .Tit::after {
        width: 75px;
    }

    .squZs_last .Tit {
        flex-wrap: wrap;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .squZs_last .Tit .titP{
        margin-left: 0;
        margin-top: 10px;
    }

    .squZs_i{
        flex-wrap: wrap;
    }

    .squZs_i i{
        margin-left: 0;
        margin-top: 10px;
    }
}


/*  */

.squJj {
    position: relative;

}

.squJj::after {
    content: '';
    width: 84%;
    height: 1px;
    background: rgb(200 202 203 / 46%);
    position: absolute;
    left: 8%;
    bottom: 0;
}

.squJj_p p {
    font-size: 18px;
    line-height: 200%;
    padding-bottom: 15px;
}

/*  */

.squZsBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.squZsImg {
    width: 50%;
    transform: translate(15px, 18px);
    padding-top: 34%;
    overflow: initial;
    border-radius: 8px;
}

.squZsImg img {
    border-radius: 8px;
    z-index: 2;
}

.squZsImg::after {
    content: '';
    width: 90%;
    height: 90%;
    background: #efeeeb;
    border-radius: 8px;
    position: absolute;
    left: -15px;
    top: -18px;
}


.squZsText {
    width: 50%;
    padding-left: 8%;
}

.squZsText span {
    display: block;
    font-size: 36px;
    line-height: 1;
    padding-bottom: 30px;
    margin-bottom: 35px;
    border-bottom: 1px solid #d7e0e3;
    position: relative;
}

.squZsText span::after {
    content: '';
    width: 115px;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.squZsText p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 20px;
}

.squZs_i {
    margin-top: 80px;
    font-size: 21px;
    font-weight: 600;
}

.squZs_i a {
    color: #0066cc;
    font-size: 20px;
    font-weight: 600;
}

/*  */

.squCs {
    background-image: url(../image/20221031152134438885.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}


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

.squCsL {
    width: 33%;
}

.squCsR {
    width: 67%;
}

.squCsR_li {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 30px 25px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
}

.squCsR_li span {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 24px;
    font-weight: 600;
}

.squCsR_li span img {
    width: 20px;
    margin-right: 10px;
}

.squCsR_li>div {
    width: 65%;
    display: flex;
    flex-wrap: wrap;
}

.squCsR_li p {
    width: 50%;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    margin-bottom: 20px;
}

/*  */

.squJtBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.squJtText {
    width: 48%;
}

.squJtText .Tit span {
    display: block;
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #d7e0e3;
    position: relative;
}

.squJtText .Tit span::after {
    content: '';
    width: 115px;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.squJt_li {
    margin-bottom: 68px;
    display: flex;
    align-items: flex-start;
}

.squJt_li img {
    width: 25px;
    margin-right: 15px;
}

.squJt_li span {
    font-size: 21px;
    line-height: 1;
    display: block;
    margin-bottom: 10px;
}

.squJt_li p {
    font-size: 18px;
    color: #999;
}

.squJtImg {
    width: 40%;
    padding-top: 50%;
    overflow: initial;
    border-radius: 8px;
}

.squJtImg::before {
    content: '';
    width: 6%;
    height: 35%;
    background: #0066cc;
    border-radius: 8px 0 0 8px;
    position: absolute;
    left: 0;
    top: 5%;
    transform: translateX(-99%);
}

.squJtImg::after {
    content: '';
    width: 10%;
    height: 55%;
    background: #0066cc;
    border-radius: 0 8px 8px 0;
    position: absolute;
    right: 0;
    bottom: 5%;
    transform: translateX(100%);
}

/*  */

.squSyBox {
    position: relative;
}

.squSyImg {
    padding-top: 68%;
    border-radius: 8px;
}

.squSy_a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.squSy_a.prev {
    left: -5%;
}

.squSy_a.next {
    right: -5%;
}

.squSy_a img {
    width: 25px;
}


.squSyImg:hover img {
    transform: scale(1.1);
}

/*  */

.squYqBox {
    position: relative;
}

.squYqImg {
    padding-top: 66%;
    border-radius: 8px;
    /* border: 2px solid rgba(0, 102, 204, 0.6); */
}

.squYqBox .swiper-slide p {
    font-size: 24px;
    font-weight: 600;
    margin-top: 30px;
    opacity: 0;
    transition: all .48s;
}

.squYqBox .swiper-slide-active p {
    opacity: 1;
}

.squYqBox .swiper-pagination {
    width: auto;
    left: 72%;
    bottom: 0;
    font-size: 24px;
    /* opacity: 0; */
}

.squYqBox .swiper-pagination span {
    font-size: 24px;
}

.squYqBox .swiper-pagination-current {
    color: #0066cc;
}

.squYqBox .squYq_but {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 55px;
    height: 55px;
    border-radius: 50%;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.18);
    position: absolute;
    top: 40%;
    z-index: 2;
}

.squYq_but img {
    width: 100%;
    height: 100%;
    padding: 30%;
    object-fit: contain;
}

.squYqBox .prev {
    left: 3%;
}

.squYqBox .next {
    right: 3%;
}

/*  */

.squRzuImg {
    padding-top: 45%;
    border-radius: 20px;
    border: 1px solid #e1e5e6;
}

.squRzuImg img {
    object-fit: contain;
    padding: 13%;
}

.squRzuImg:hover img {
    transform: scale(1.1);
}

/*  */

.squSer {
    position: relative;
}

.squSer .inner {
    position: relative;
    z-index: 2;
}

.squSer_but {
    position: absolute;
    top: 125px;
    right: 0;
    z-index: 2;
}

.squSer_but a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.4);
    margin-left: 30px;
}

.squSer_but a img {
    width: 100%;
    height: 100%;
    padding: 28%;
    object-fit: contain;
}

.squSerChange {
    margin-bottom: 100px;
}

.squSerChange span {
    display: inline-flex;
    border-radius: 8px;
    align-items: center;
    padding: 10px 50px;
    color: #0066cc;
    background: #e1e0d8;
    font-size: 20px;
    margin-right: 10px;
    cursor: pointer;
}

.squSerChange span img {
    width: 20px;
    margin-right: 10px;
}

.squSerChange span .img2 {
    display: none;
}

.squSerChange span.on {
    color: #fff;
    background: #0066cc;
}

.squSerChange span.on .img2 {
    display: block;
}

.squSerChange span.on .img1 {
    display: none;
}

.squSerChange span:hover {
    color: #fff;
    background: #0066cc;
}

.squSerChange span:hover .img2 {
    display: block;
}

.squSerChange span:hover .img1 {
    display: none;
}

.squSerBox {
    margin-bottom: 80px;
}

.squSerImg {
    padding-top: 156%;
    border-radius: 8px;
}

.squSerImg img {
    border-radius: 8px;
}

.squSerText {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    padding: 35px 45px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.squSerText span {
    font-size: 26px;
    font-weight: 600;
    color: #fff;
}

.squSer_p {
    border-bottom: 1px solid rgba(255, 255, 255, 0.28);
}

.squSerText p {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    color: #fff;
    border-top: 1px solid rgba(255, 255, 255, 0.28);
}

.squSerText p i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
}

.squSerBoxImg {
    width: 56%;
    padding-top: 56%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px 0 0 8px;
}


/*  */
.squSerBox .swiper-slide:hover .squSerImg img {
    transform: scale(1.1);
}

/*  */
.squHdBox .swiper-slide {
    padding: 10px;
}

.squHdItem {
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    padding: 60px 40px;
    position: relative;
    transition: all .48s;
}

.squHdItem::after {
    content: '';
    width: 100%;
    height: 6px;
    background: #0066cc;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 8px 8px 0 0;
    opacity: 0;
    transition: all .48s;
}

.squHdItem span {
    font-size: 24px;
    font-weight: 600;
    display: block;
    margin-bottom: 15px;
}

.squHdImg{
    width: 100%;
    padding-top: 65%;
    border-radius: 8px;
    margin-bottom: 30px;
}


.squHdItem p {
    font-size: 16px;
    min-height: 52px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.squHdItem:hover {
    background: #fbf9f8;
}

.squHdItem:hover span {
    color: #0066cc;
}

.squHdItem:hover p {
    color: #0066cc;
}

.squHdItem:hover::after {
    opacity: 1;
}

/*  */
.squLd {
    margin-top: 80px;
}

.squLd h3 {
    text-align: center;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
}

.squLdBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.squLd_li {
    display: flex;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eee;
    position: relative;
    transition: all .48s;
}

.squLd_li i {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 46px;
    background-image: url(../image/squLd_li_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 10px;
}

.squLd_li img {
    width: 100%;
    height: 100%;
    padding: 32%;
    object-fit: contain;
}

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

.squLd_li:hover::after {
    opacity: 1;
}


.squLd_text {
    width: 40%;
}

.squLd_img {
    width: 55%;
    padding-top: 30%;
    border-radius: 8px;
}


/*  */
@media(max-width:1680px) {

    /* ============================================================广场 */
    .squJj_p p {
        font-size: 17px;
    }

    .squZs_i {
        margin-top: 50px;
        font-size: 18px;
    }
}

@media(max-width:1480px) {
    .squJj_p p {
        font-size: 16px;
    }

    .squZsText p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .squZs_i {
        margin-top: 40px;
        font-size: 18px;
    }

    .squZs_i a {
        font-size: 18px;
    }

    /*  */
    .squLd {
        margin-top: 90px;
    }

    .squLd_li p {
        font-size: 14px;
    }

    .squLd_li i {
        width: 30px;
        height: 32px;
    }

    /*  */
    .squCsR_li span {
        font-size: 21px;
    }

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

    .squCsR_li>div {
        width: 70%;
    }

    /*  */

    .squSerChange span {
        padding: 8px 35px;
        font-size: 18px !important;
    }
}

@media(max-width:1368px) {
    .squYqBox .squYq_but {
        width: 46px;
        height: 46px;
    }

    .squSer_but a {
        width: 52px;
        height: 52px;
    }

    /*  */
    .squCsR_li span {
        font-size: 18px;
    }

    .squCsR_li p {
        font-size: 14px;
        margin-bottom: 12px;
    }

    .squCsR_li {
        padding: 25px 20px 30px;
    }

    /*  */
    .squSerChange {
        margin-bottom: 68px;
    }

    .squSerText span {
        font-size: 22px;
    }

    .squSerText {
        padding: 30px 25px;
    }
}



/* ===========================================================================健康 */

.heaJj .Tit {
    margin-bottom: 30px;
}

.heaJjText {
    width: 90%;
    margin: 0 auto;
    text-align: center;
}

.heaJj_p {
    margin-bottom: 60px;
}

.heaJj_p p {
    font-size: 18px;
    margin-bottom: 20px;
}

.heaJjImg {
    margin-top: 60px;
    padding-top: 22%;
    border-radius: 8px;
}


/*  */

.heaYy {
    width: 100%;
    background: url(../image/20221031165616483912.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#heaYy {
    position: absolute;
    top: -80px;
}

.heaYy .Tit {
    margin-bottom: 40px;
}

.heaYyUl {
    display: flex;
    justify-content: center;
    margin-bottom: 68px;
}

.heaYyLi {
    width: 26%;
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.4);
    padding: 15px 0;
    margin: 0 15px;
    text-align: center;
    border-radius: 8px;
    transition: all .48s;
}

.heaYyLi span {
    font-size: 18px;
    color: #fff;
}

.heaYyLi span img {
    width: 20px;
}


.heaYyLi.on {
    background: #0066cc;
    border-color: #0066cc;
}

.heaYyLi.on span {
    color: #fff;
}

.heaYyLi.on p {
    color: #fff;
}

.heaYyLi:hover {
    background: #0066cc;
}

.heaYyLi:hover span {
    color: #fff;
}

.heaYyLi:hover p {
    color: #fff;
}

/*  */
.heaYyXqBox {
    display: none;
}

.heaYyXqBox:first-child {
    display: block;
}

.heaYyXq {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heaYyImgBox {
    width: 45%;
}

.heaYyImgBox .swiper-slide {
    padding: 10px;
}

.heaYyImg {
    width: 100%;
    padding-top: 59%;
    border-radius: 8px;
    overflow: initial;
    position: relative;
}

.heaYyImg::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #0066cc;
    position: absolute;
    left: -10px;
    bottom: -10px;
}

.heaYyImg img {
    z-index: 2;
}

/*  */

.heaYyText {
    width: 55%;
    padding: 0 5%;
}

.heaYy_li span {
    display: block;
    color: #fff;
    font-size: 32px;
    border-bottom: 1px solid rgb(0 102 204 / 48%);
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}

.heaYy_li span::after {
    content: '';
    width: 16%;
    height: 2px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: 0;
}

.heaYy_li p {
    color: #cecfce;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;
}

.heaYyImgBox .swiper-pagination {
    width: auto;
    left: 50px;
}

.heaYyImgBox .swiper-pagination-bullet-active {
    background: #fff;
}

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

.heaJj_li {
    width: calc(20% - 80px);
    text-align: center;
}

.heaJj_li span {
    font-size: 18px;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid rgb(0 102 204 / 26%);
    position: relative;
}

.heaJj_li span::after {
    content: '';
    width: 20%;
    height: 2px;
    background: #0066cc;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
}

.heaJj_li span b {
    font-size: 50px;
    line-height: 1;
     font-family: 'Rousseau';
    margin-right: 5px;
}

.heaJj_li p {
    font-size: 18px;
    color: #666;
}


/*  */
.heaPt {
    position: relative;
}

#heaPt {
    position: absolute;
    top: -80px;
}

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

.heaPtL {
    width: 60%;
    padding-right: 5%;
    border-right: 1px solid #bec6ca;
}

.heaPtL .Tit {
    margin-bottom: 45px;
}

.heaPtL p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 20px;
}



.heaPtR {
    width: 40%;
    padding-left: 5%;
}

.heaPtR_ewm {
    margin-bottom: 30px;
    display: flex;
    justify-content: space-between;
}

.heaPtR_ewm>div {
    width: calc(50% - 10px);
    border-radius: 8px;
    background: #fdfeff;
    box-shadow: 0 0 1px #949494;
}

.heaPtR_ewm>div span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #e5e7e8;
    padding: 30px;
}

.heaPtR_ewm>div span img {
    width: 60%;
}

.heaPtR_ewm>div p {
    padding: 8px 0;
    text-align: center;
    font-size: 18px;
    background: #fdfeff;
    border-radius: 0 0 8px 8px;
}

.heaPtR_img {
    padding-top: 40%;
    border-radius: 8px;
}

.heaPtR_img p {
    width: 100%;
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    color: #0066cc;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}


.heaPtUl {
    margin: 60px 0 80px;
    width: 80%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

/*.heaPt_li:nth-child(2):after {*/
/*    content: '';*/
/*    width: 1px;*/
/*    height: 80%;*/
/*    background: #c0c8ca;*/
/*    position: absolute;*/
/*    left: -50%;*/
/*    top: 10%;*/
/*}*/

/*.heaPt_li:nth-child(2)::before {*/
/*    content: '';*/
/*    width: 1px;*/
/*    height: 80%;*/
/*    background: #c0c8ca;*/
/*    position: absolute;*/
/*    right: -50%;*/
/*    top: 10%;*/
/*}*/

.heaPt_li {
    font-size: 18px;
    position: relative;
}

.heaPt_li span {
    display: flex;
    align-items: center;
    margin-bottom: 5px;
    font-size: 18px;
    color: #333;
}

.heaPt_li span b {
    font-size: 48px;
     font-family: 'Rousseau';
    line-height: 1;
    color: #333;
    margin-right: 15px;
}

.heaPt_li span i {
    font-size: 18px;
    color: #333;
}

.heaPt_li p {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    color: #666;
    margin-bottom: 0;
}

.heaPt_li p img {
    width: 14px;
    margin-right: 5px;
}


/*  */


.heaSc {
    padding-bottom: 0 !important;
    border-top: 1px solid #bec6ca;
    position: relative;
}

#heaSc {
    position: absolute;
    top: -80px;
}

.heaSc .Tit {
    padding: 0 10%;
}

.heaScBox {
    position: relative;
}

.heaScBox .swiper-slide {
    padding: 10px;
    border-radius: 8px;
    background: #f3f0ec;
    border: 1px solid #c7bcae;
}

.heaScImg {
    padding-top: 178%;
    border-radius: 8px;
}

.heaSc_a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.heaSc_a.prev {
    left: -5%;
}

.heaSc_a.next {
    right: -5%;
}

.heaSc_a img {
    width: 25px;
}


/*  */

.heaZy {
    width: 100%;
    background-image: url(../image/heaZy_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

#heaZy {
    position: absolute;
    top: -80px;
}

.heaZyTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heaZyTop_img {
    width: 42%;
    padding-top: 29%;
    border-radius: 8px;
    overflow: initial;
    position: relative;
}

.heaZyTop_img img {
    z-index: 2;
    border-radius: 8px;
}

.heaZyTop_img::after {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 8px;
    background: #0066cc;
    position: absolute;
    right: -10px;
    bottom: -10px;
}

.heaZyTop_text {
    width: 58%;
    padding-right: 5%;
}

.heaZyTop_text .Tit {
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d8d9;
    margin-bottom: 48px;
}

.heaZyTop_text .Tit::after {
    content: '';
    width: 13%;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.heaZyTop_text p {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
    margin-bottom: 20px;
}

.heaZyBot {
    margin-top: 40px;
    padding-left: 8%;
}

.heaZyBot .swiper-container {
    position: relative;
    padding-bottom: 60px;
}

.heaZyBot .swiper-container::after {
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, 0) 18%);
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
}

.heaZyBot_img {
    padding-top: 60%;
    border-radius: 8px;
}

.heaZyBot .swiper-scrollbar {
    background: none;
    bottom: 0px;
    height: 30px;
}

.heaZyBot .swiper-scrollbar-drag {
    height: 30px;
    background: url(../image/heaZyBot_car.png) no-repeat center;
    cursor: pointer;
}

.heaZyBot .swiper-scrollbar::after {
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px dashed #c7baa8;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

/*  */
.heaZyBot_img:hover img {
    transform: scale(1.1);
}

/*  */
.heaZyPro {
    margin-top: 110px;
}

.heaZyProBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heaZyPro_img {
    width: 48%;
    border-radius: 8px;
    padding-top: 36%;
}

.heaZyPro_text {
    width: 48%;
}

.heaZyPro_text h5 {
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 35px;
}

.heaZyPro_li {
    margin-bottom: 10px;
}

.heaZyPro_li span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 40px 15px 25px;
    border-bottom: 1px solid #d0d1d2;
    font-size: 21px;

    cursor: pointer;
    transition: all .48s;
}

.heaZyPro_li span i {
    display: block;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #0066cc;
    position: relative;
    transition: all .48s;
}

.heaZyPro_li span i::after {
    content: '';
    width: 40px;
    height: 40px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.heaZyPro_li p {
    display: none;
    padding: 20px;
    font-size: 16px;
    line-height: 2;
    color: #666;
    transition: all .48s;
}

.heaZyPro_li.on span {
    color: #fff;
    background: #0066cc;
    border-radius: 8px;
}

.heaZyPro_li.on span i {
    background: #fff;
}

.heaZyPro_li.on p {
    display: block;
}

.heaZyPro_li:hover span {
    color: #fff;
    background: #0066cc;
    border-radius: 8px;
}

.heaZyPro_li:hover span i {
    background: #fff;
}

/*  */

.heaYf {
    padding-bottom: 0 !important;
}

.heaYfBox {
    position: relative;
    background-image: url(../image/20221031170344261339.jpg);
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
}

.heaYfImg {
    width: 100%;
    padding-top: 42%;
}

.heaYfXq {
    display: flex;
    width: 100%;

}

.heaYfItem {
    flex: 1;
    text-align: center;
    padding: 60px 70px 70px;
    transition: all .48s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.heaYfItem img {
    width: 50px;
    height: 60px;
    object-fit: contain;
    margin: 0 auto 25px;
    transition: all .48s;
    transform: translateY(150px);
}

.heaYfItem span {
    display: block;
    font-size: 42px;
    line-height: 1;
    color: #fff;
    padding-bottom: 20px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0);
    transition: all .48s;
    position: relative;

    transform: translateY(150px);
}

.heaYfItem span::after {
    content: '';
    width: 0;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 50%;
    bottom: -1px;
    transform: translateX(-50%);
    transition: all .48s;
}

.heaYfItem_p {
    min-height: 436px;
}

.heaYfItem p {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 16px;
    line-height: 2;
    margin-bottom: 20px;
    /* display: none; */
    opacity: 0;
    transition: all .48s;
}

.heaYfItem p:last-child {
    margin-bottom: 0;
}


.heaYfItem:hover {
    background: #9d6e38;
}

.heaYfItem:hover span {
    border-color: rgba(255, 255, 255, 0.4);
}

.heaYfItem:hover span::after {
    width: 10%;
}

.heaYfItem:hover p {
    color: #fff;
    display: block;
    opacity: 1;
}

.heaYfItem:hover img {
    transform: translateY(0);
}

.heaYfItem:hover span {
    transform: translateY(0);
}


/*  */
.heaJd {
    position: relative;
}

.heaJdBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.heaJdImg {
    width: 48%;
    padding-top: 32%;
    border-radius: 8px 8px 160px 8px;
}

.heaJdText {
    width: 52%;
    padding-left: 5%;
}

.heaJdText .Tit {
    padding-bottom: 30px;
    border-bottom: 1px solid #d7d8d9;
    margin-bottom: 48px;
}

.heaJdText .Tit::after {
    content: '';
    width: 13%;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.heaJdText p {
    font-size: 18px;
    line-height: 2;
    color: #666;
    margin-bottom: 25px;
}



/*  */
.heaJd_kc {
    margin-top: 100px;
    position: relative;
}

.heaJd_kc h5 {
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 20px;
}

.heaJd_kc .swiper-slide {
    padding: 10px;
}

.heaJd_kcItem {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 8%);
    overflow: hidden;
}

.heaJd_kcItem img {
    width: 100%;
}

.heaJd_kcItem p {
    padding: 15px 0;
    font-size: 18px;
    font-weight: 600;
}

.heaJd_a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
}

.heaJd_a img {
    width: 25px;
}

.heaJd_a.prev {
    left: -5%;
}

.heaJd_a.next {
    right: -5%;
}

/*  */

.heaWt {
    background-image: url(../image/heaWt_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

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

.heaWtL {
    width: 400px;
}

.heaWtL .Tit {
    margin-bottom: 40px;
}

.heaWtL .Tit .titP {
    margin-top: 5px;
}

.heaWtL_nav {
    width: 85%;
    padding: 20px 30px 40px;
    border-radius: 8px;
    background: #fff;
}

.heaWtL_navM {
    display: none;
}

.heaWtL_nav span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 16px;
    padding: 14px 20px;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.heaWtL_nav span.on {
    color: #0066cc;
    border-bottom: 1px solid #0066cc;
}

.heaWtL_nav span img {
    width: 6px;
    opacity: .68;
}

/*  */

.heaWtR {
    width: calc(100% - 480px);
}

.heaWtR h6 {
    display: flex;
    align-items: center;
    font-size: 26px;
    font-weight: 600;
    padding-bottom: 25px;
    margin-bottom: 55px;
    border-bottom: 1px solid #a8aaaa;
    position: relative;
}

.heaWtR h6::after {
    content: '';
    width: 8%;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.heaWtR h6 img {
    width: 26px;
    margin-right: 15px;
}

.heaWtR .heaWtR_p a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 20px;
    border-bottom: 1px solid #d3d5d7;
    margin-bottom: 20px;
    cursor: pointer;
    transition: all .48s;
}

.heaWtR a img {
    width: 20px;
}

.heaWtR a .img2 {
    display: none;
}

.heaWtR a span {
    font-size: 18px;
    color: #666;
}

.heaWtR a:hover {
    border-color: #0066cc;
}

.heaWtR a:hover span {
    color: #0066cc;
}

.heaWtR a:hover .img2 {
    display: block;
}

.heaWtR a:hover .img1 {
    display: none;
}

/*  */
.heaTd {
    background-image: url(../image/heaTd_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.heaTdImg {
    padding-top: 62%;
    border-radius: 8px;
}

.heaTdImg:hover img {
    transform: scale(1.1);
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .heaJj_li {
        width: calc(20% - 50px);
    }

    .heaJj_li span b {
        font-size: 34px;
    }

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

    /*  */
    .heaYyUl {
        margin-bottom: 48px;
    }

    .heaYyLi {
        padding: 12px 0;
    }

    .heaYyLi span {
        font-size: 16px;
    }

    .heaYy_li span {
        font-size: 28px;
        padding-bottom: 15px;
        margin-bottom: 20px;
    }

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

    /*  */
    .heaPtL .Tit {
        margin-bottom: 32px;
    }

    .heaPtL p {
        font-size: 14px;
        margin-bottom: 15px;
    }

    .heaPt_li span b {
        font-size: 36px;
        margin-right: 10px;
    }

    .heaPtUl {
        margin: 40px 0 60px;
    }

    .heaPtR_ewm>div p {
        font-size: 16px;
    }

    .heaPtR_ewm>div span {
        padding: 15px;
    }

    .heaPtR_img p {
        font-size: 26px;
    }

    .heaSc_a img {
        width: 18px;
    }

    /*  */
    .heaZyTop_text p {
        font-size: 16px;
        line-height: 1.6;
        margin-bottom: 15px;
    }

    .heaZyTop_text .Tit {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .heaZyBot {
        margin-top: 25px;
    }

    .heaZyBot .swiper-scrollbar-drag {
        height: 25px;
        background-size: contain;
    }

    /*  */
    .heaZyPro_li span {
        padding: 12px 40px 12px 25px;
        font-size: 18px;
    }

    .heaZyPro_li p {
        padding: 15px;
        font-size: 14px;
    }

    /*  */
    .heaYfItem img {
        width: 40px;
        height: 50px;
        margin: 0px auto 20px;
    }

    .heaYfItem span {
        font-size: 34px;
        padding-bottom: 30px;
        margin-bottom: 40px;
    }

    .heaYfItem p {
        font-size: 14px;
        line-height: 1.8;
        margin-bottom: 15px;
    }

    .heaYfItem {
        padding: 50px 30px 60px;
    }

    /*  */
    .heaJdText .Tit {
        padding-bottom: 20px;
        margin-bottom: 30px;
    }

    .heaJdText p {
        font-size: 15px;
        margin-bottom: 18px;
    }

    .heaJd_kc {
        margin-top: 60px;
    }

    .heaJd_kc h5 {
        font-size: 22px;
        margin-bottom: 10px;
    }

    .heaJd_kcItem p {
        padding: 12px 20px;
        font-size: 16px;
        min-height: 76px;
    }

}

@media(max-width:1368px) {
    .heaYfItem_p {
        min-height: 392px;
    }
}


/* ============================================================================ 国际 */

.intern_p p {
    font-size: 18px;
    margin-bottom: 30px;
}

.intern_p p:last-child {
    margin-bottom: 0;
}

/*  */
.internLink {
    position: relative;
}

#interCgfw {
    position: absolute;
    top: -80px;
}

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

.internLinkItem {
    width: calc(33.33% - 50px);
}

.internLinkImg {
    padding-top: 57%;
    border-radius: 8px;
}

.internLinkImg img {
    border-radius: 8px;
}

.internLinkItem p {
    color: #5b544b;
    padding-top: 20px;
    font-size: 30px;
    font-weight: 300;
    margin-bottom: 20px;
}

.internLinkItem .More a {
    font-size: 14px;
    padding: 8px 20px;
}

.internLinkItem:hover .internLinkImg img {
    transform: scale(1.1);
}

.internLinkItem:hover p {
    color: #0066cc;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */

    .intern_p p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .internLinkItem {
        width: calc(33.33% - 30px);
    }

    .internLinkItem p {
        padding-top: 15px;
        font-size: 26px;
        margin-bottom: 15px;
    }

    .internLinkItem .More a {
        padding: 6px 15px;
    }

    .More .more_s i {
        font-size: 14px;
    }

}


/* ==================================================================================教育 */

.teach {
    position: relative;
}

.teach::after {
    content: '';
    width: 84%;
    height: 1px;
    background: #d1c5b3;
    position: absolute;
    left: 8%;
    bottom: 0;
}

.teach_p p {
    font-size: 18px;
    line-height: 2;
}

/*  */
.teachItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 100px;
    margin-bottom: 100px;
    border-bottom: 1px solid #f5ecde;
    position: relative;
}

#teaZhjy, #teaJsyx, #teaYypx {
    position: absolute;
    top: -100px;
}

.teachItem:last-child {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}

.teachItem:nth-child(2n) .teachText {
    order: -1;
}

.teachText {
    width: 55%;
}

.teachText .teachText_span {
    font-size: 34px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px;
}

.teachText p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
}

.teachImg {
    width: 40%;
    padding-top: 34%;
    border-radius: 8px;
}

.teachImg:hover img {
    transform: scale(1.1);
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */

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

    .teachText .teachText_span {
        font-size: 32px;
        margin-bottom: 20px;
    }

    .teachText p {
        font-size: 16px;
        margin-bottom: 20px;
    }


}

@media(max-width:1368px) {
    .teachItem {
        padding-bottom: 68px;
        margin-bottom: 68px;
    }

    .teachText p {
        font-size: 14px;
        margin-bottom: 15px;
    }
}


/* ==================================================================================党建 */

.djGk {
    width: 100%;
    background-image: url(../image/djGk_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.djGk_p {
    width: 72%;
    margin: 10px auto 0;
}

.djGk_p p {
    text-align: center;
    font-size: 18px;
    margin-bottom: 30px;
}

.djGk_p p:last-child {
    margin-bottom: 0;
}

.djGkBox {
    display: block;
    position: relative;
}

.djGkImg {
    width: 100%;
    padding-top: 41%;
    border-radius: 8px;
}

.djGkText {
    width: 44%;
    padding: 80px 55px;
    height: calc(100% - 50px);
    background: url(../image/djGkText.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 8px 8px 0 0;
    position: absolute;
    right: 50px;
    bottom: 0;
}

.djGkText .swiper-slide {
    opacity: 0 !important;
}

.djGkText .swiper-slide-active {
    opacity: 1 !important;
}

.djGkText .swiper-slide span {
    font-size: 34px;
    font-weight: 600;
    color: #0066cc;
    display: block;
    margin-bottom: 30px;
}

.djGkText .swiper-slide p {
    font-size: 16px;
    line-height: 2;
}

.djGkText .swiper-pagination {
    margin-top: 40px;
}

.djGkText .swiper-pagination-bullet {
    background: #0066cc;
    opacity: .48;
}

.djGkText .swiper-pagination-bullet-active {
    opacity: 1;
}

/*  */

.djRyu {
    width: 100%;
    background-image: url(../image/djRyu_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.djRyuBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.djRyuImg {
    width: 32%;
    padding-top: 43%;
    border-radius: 8px;
}

.djRyuText {
    width: 68%;
    padding-left: 5%;
}

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

.djRyu_li {
    width: calc(50% - 10px);
    border-radius: 50px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
    padding: 15px 25px;
    background: #fff;
    margin-bottom: 16px;
    transition: all .48s;
}

.djRyu_li img {
    width: 26px;
    margin-right: 14px;
}

.djRyu_li span {
    font-size: 16px;
    transition: all .48s;
}

.djRyu_li:hover {
    background: #0066cc;
}

.djRyu_li:hover span {
    color: #fff;
}

/*  */

.djWy {
    width: 100%;
    background-image: url(../image/djWy_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

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

.djWyItem {
    width: calc(20% - 60px);
    position: relative;
}

.djWyImg {
    width: 100%;
    padding-top: 157%;
}

.djWyText {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
}

.djWyText img {
    width: 40px;
    margin-bottom: 36px;
}

.djWyText span {
    font-size: 32px;
    line-height: 1;
    font-weight: 600;
    color: #0066cc;
    display: block;
    margin-bottom: 20px;
}

.djWyText i {
    display: block;
    width: 65%;
    height: 1px;
    border-bottom: 1px dashed #0066cc;
    position: relative;
    margin-bottom: 20px;
}

.djWyText i::before {
    content: '';
    width: 6px;
    height: 6px;
    background: #b98d68;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.djWyText i::after {
    content: '';
    width: 6px;
    height: 6px;
    background: #b98d68;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(45deg);
}

.djWyText p {
    font-size: 18px;
    color: #0066cc;
    margin-bottom: 20px;
}

/*  */

.djJg {
    width: 100%;
    background-image: url(../image/djJg_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.djJgBox img {
    width: 100%;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .djGkText .swiper-slide p {
        font-size: 14px;
        line-height: 1.8;
    }

    .djGkText .swiper-slide span {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .djGkText {
        width: 50%;
        padding: 40px 40px;
    }

    .djGkText .swiper-pagination {
        margin-top: 20px;
    }

    .djRyu_li {
        width: 100%;
        padding: 12px 25px;
    }

    /*  */
    .djWyItem {
        width: calc(20% - 40px);
    }

    .djWyText img {
        width: 35px;
        margin-bottom: 30px;
    }

    .djWyText span {
        font-size: 28px;
    }

}


/* ==================================================================================新闻 */

.new .indNew {
    border-top: none;
}

.new .indNewBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.new .indNewBox::after {
    content: '';
    width: calc(33.33% - 40px);
}

.new .indNewItem {
    width: calc(33.33% - 40px);
    margin-bottom: 30px;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .indNewText span {
        font-size: 20px;
        padding: 10px 0 20px;
    }

    .indNewText {
        padding: 25px 0;
    }

    .fanYe {
        margin-top: 80px;
    }

}



/* =====================================================================join */
.JoinHead {
    background: none;
}

.JoinHead .headerR {
    padding-right: 35px;
}

.JoinHead .headerRBot {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.JoinHead .hNav {
    width: 78%;
}

.JoinHead .headerRBot .hNav ul li a.nav_a {
    padding: 40px 0;
    color: #fff;
}

.JoinHead .hLan a {
    color: #fff;
    border-color: #fff;
}

.JoinHead .hLan a svg path {
    fill: #fff;
}

/*  */

.join {
    width: 100%;
    height: 100vh;
    background-image: url(../image/20230905144758888568.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.joinUl {
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    bottom: 35px;
    padding: 40px 0;
    background: rgba(255, 255, 255, .2);
    border-top: 1px solid rgba(255, 255, 255, .48);
    border-bottom: 1px solid rgba(255, 255, 255, .48);
}

.joinLi {
    display: block;
    flex: 1;
    text-align: center;
    position: relative;
}

.joinLi::after {
    content: '';
    width: 1px;
    height: 80%;
    border-left: 1px solid rgba(255, 255, 255, .48);
    position: absolute;
    right: 0;
    top: 10%;
}

.joinLi:nth-child(3)::after {
    display: none;
}

.joinLi img {
    width: 54px;
    margin-bottom: 25px;
}

.joinLi span {
    display: block;
    font-size: 36px;
    line-height: 1;
    color: #fff;
    font-weight: 600;
}

.joinLi i {
    width: 45%;
    margin: 20px auto;
    height: 1px;
    display: block;
    border-bottom: 1px dashed rgba(255, 255, 255, .48);
    position: relative;
}

.joinLi i::before {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-50%, -50%) rotate(45deg);
}

.joinLi i::after {
    content: '';
    width: 8px;
    height: 8px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%) rotate(45deg);
}


.joinLi p {
    color: rgba(255, 255, 255, .8);
    font-size: 18px;
    letter-spacing: 1px;
}

.join_p {
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 0;
}

.join_p p {
    padding: 5px 0;
    color: rgba(255, 255, 255, .48);
    text-transform: uppercase;
}

/*  */

.joinIpt {
    width: 56%;
    position: absolute;
    left: 20.5%;
    top: 23%;
}

.joinIpt_top {
    display: flex;
}

.joinIpt_top span {
    display: block;
    padding: 4px 15px;
    background: #fff;
    border: 1px solid #000;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    margin-left: 5px;
    color: #999;
    cursor: pointer;
}

.joinIpt_top span.on {
    background: #ffa415;
    color: rgba(255, 255, 255, .8);
}

.joinIpt_bot {
    width: 100%;
    height: 70px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid #000;
    position: relative;
}

.joinIpt_bot input {
    width: 100%;
    height: 100%;
    background: none;
    border: none;
    padding: 5px 18px;
}

.joinIpt_bot input::placeholder {
    font-size: 16px;
    color: #999;
}

.joinIpt_bot a {
    width: 110px;
    height: 100%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #0d96ff;
    border-radius: 0 8px 8px 0;
    position: absolute;
    right: 0;
    top: 0;
}

.joinIpt_bot a svg {
    width: 30px;
    height: 30px;
}

.joinIpt_bot a svg path {
    fill: #fff;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .JoinHead .headerRBot .hNav ul li a.nav_a {
        padding: 30px 0 !important;
    }

    .hLan a {
        padding: 2px 20px;
    }


    /*  */

    .joinIpt_bot {
        height: 40px;
    }

    .joinIpt_bot input::placeholder {
        font-size: 14px;
    }

    .joinIpt_bot a {
        width: 80px;
    }

    .joinIpt_bot a svg {
        width: 24px;
        height: 24px;
    }

    .joinLi img {
        width: 42px;
        margin-bottom: 20px;
    }

    .joinLi span {
        display: block;
        font-size: 30px;
    }

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

    .joinUl {
        bottom: 40px;
        padding: 30px 0;
    }
}

@media(max-width:1368px) {
    .joinIpt {
        top: 27%;
    }

    .joinLi img {
        width: 36px;
    }

    .joinLi span {
        font-size: 26px;
    }
}


/* =====================================================================校招 */
.joinSz {
    width: 100%;
    background-image: url(../image/body.png);
    background-repeat: no-repeat;
    background-size: cover;
}


.joinSz_ul {
    margin-bottom: 80px;
}

.joinSz_ul form {
    width: 100%;
    height: 58px;
    display: flex;
    flex: auto;
}

.joinSz_li {
    width: 15%;
    margin-right: 1.5%;
}

.joinSz_li:nth-child(5) {
    width: 22.5%;
}

.joinSz_a {
    width: 10%;
    height: 100%;
    line-height: 58px;
    padding: 0 20px;
    border-radius: 4px;
    background: #0066cc;
    color: #fff;
    text-align: center;
    font-size: 16px;
    letter-spacing: 5px;
}
.joinSz_li input {
    width: 100%;
    height: 100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 18px;
    font-size: 16px;
    letter-spacing: 2px;
    background: none;
}
.joinSz_li select {
    width: 100%;
    border: 1px solid #cccccc;
    border-radius: 4px;
    padding: 0 18px;
    font-size: 16px;
    letter-spacing: 2px;
    background: none;
}

.joinXz .joinSz_li select {
    border-color: #d0e9fe;
}

.joinSz_li select {
    width: 100%;
    height: 100%;
}

/*  */

.joinSz.joinXz {
    background-image: url(../image/body.png);
}

.joinLc {
    width: 100%;
    background-image: url(../image/joinLc_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.joinLcBox {
    display: flex;
    flex-wrap: wrap;
}

.joinLc_item {
    width: 25%;
    padding: 15px;
    position: relative;
}

.joinLc_item::after {
    content: '';
    width: 20px;
    height: 14px;
    background-image: url(../image/joinLc_r.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

.joinLc_item:nth-child(4n)::after {
    display: none;
}

.joinLc_li {
    padding: 64px 0;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    position: relative;
}


.joinLc_li img {
    width: 50px;
    margin-bottom: 20px;
}

.joinLc_li span {
    display: block;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
}

.joinLc_li i {
    display: inline-flex;
    align-items: center;
    background: #f9f9fa;
    padding: 2px 20px;
    border-radius: 50px;
    color: #bbbbbb;
}

.joinLc_li i img {
    width: 8px;
    margin-bottom: 0;
    opacity: .48;
}

/*  */

.joinLc_xz {
    background: #fff;
    background-image: url(../image/joinLc_xz_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.joinLcBox_xz .joinLc_item {
    width: 20%;
    padding: 15px 60px;
}

.joinLcBox_xz .joinLc_li {
    background: none;
    padding: 0;
}

.joinLcBox_xz .joinLc_li img {
    width: 90%;
    margin: 0 auto 20px;
}

.joinLcBox_xz .joinLc_item:nth-child(4n)::after {
    display: block;
}

.joinLcBox_xz .joinLc_item:nth-child(6n)::after {
    display: none;
}


/*  */
.joinSzBox {
    display: flex;
}

.joinSzL {
    width: 80%;
    padding-right: 5%;
    border-right: 1px solid #cbcbcb;
}

.joinXz .joinSzL {
    border-color: #d0e9fe;
}

.joinSzL_head {
    background: #9d6e38;
    padding: 0 80px;
    border-radius: 8px;
    overflow: hidden;
}

.joinSzL_li {
    display: flex;
    justify-content: space-between;
    cursor: pointer;
}

.joinSzL_li span {
    flex: 1;
    text-align: center;
}

.joinSzL_li span:first-child {
    text-align: left;
}

.joinSzL_li span:last-child {
    flex: 0.4;
}

.joinSzL_head .joinSzL_li span {
    display: block;
    padding: 15px 0;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
}

.joinSzL_body .joinSzL_li {
    padding: 0 80px;
    border-bottom: 1px solid #e6d9cb;
}

.joinXz .joinSzL_body .joinSzL_li {
    border-bottom: 1px solid rgb(11 151 255 / 18%);
}

.joinSzL_body .joinSzL_li span {
    font-size: 16px;
    padding: 30px 0;
}


/*  */

.joinSzR {
    width: 20%;
    padding-left: 3%;
    padding-top: 15px;
}

.joinSzR h3 {
    font-size: 24px;
    line-height: 1;
    font-weight: 600;
    padding-left: 15px;
    border-left: 3px solid #0066cc;
    margin-bottom: 25px;
}

.joinXz .joinSzR h3 {
    border-color: rgb(11 151 255 / 100%);
}

.joinSzR a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 18px;
    border-radius: 8px;
    border: 1px solid #e6e6e6;
    background: #f4fcff;
    margin-bottom: 10px;
}

.joinXz .joinSzR a {
    border: 1px solid rgb(11 151 255 / 20%);
    background: rgb(11 151 255 / 12%);
}

.joinSzR a span {
    font-size: 14px;
    color: #3b2a18;
}

.joinSzR a img {
    width: 14px;
    height: 14px;
    object-fit: contain;
}


/*  */

.joinWt {
    background-image: url(../image/joinWt_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

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

.joinWtItem {
    width: calc(33.33% - 60px);
}

.joinWt_li {
    padding: 40px 30px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.08);
    background: #fff;
    margin-bottom: 30px;
}

.joinWt_li span {
    display: block;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #cccccc;
    padding-left: 55px;
    position: relative;
}

.joinWt_li span i {
    display: block;
    width: 40px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 30px;
    font-size: 18px;
    color: #fff;
    background: #0d96ff;
    position: absolute;
    left: 0;
    top: 0;
}

.joinWt_li p {
    color: #666;
    line-height: 2;
    margin-bottom: 20px;
}

.joinWt_li p:last-child {
    margin-bottom: 0;
}

.joinWt_more {
    margin-top: 60px;
    text-align: center;
}

.joinWt_more p {
    font-size: 18px;
    color: #666;
    margin-bottom: 10px;
}

.joinWt_more img {
    width: 16px;
    animation: wup 1s linear infinite;
}

@keyframes wup {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(10px);
    }

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

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .joinSz_ul form {
        height: 45px;
    }

    .joinSz_a {
        line-height: 45px;
    }

    .joinSz_ul {
        margin-bottom: 60px;
    }

    .joinSzL_head {
        padding: 0 60px;
    }

    .joinSzL_body .joinSzL_li {
        padding: 0px 60px;
    }

    .joinSzL_body .joinSzL_li span {
        font-size: 14px;
        padding: 20px 0;
    }

    .joinSzR p {
        padding: 10px 18px;
    }


    /*  */
    .joinLc_li span {
        display: block;
        font-size: 18px;
        line-height: 1.4;
    }

    .joinWtItem {
        width: calc(33.33% - 20px);
    }
}

@media(max-width:1280px) {
    .joinSzL_head .joinSzL_li span {
        font-size: 16px;
    }

    .joinSzL_body .joinSzL_li span {
        padding: 15px 0;
    }

    .joinSz_ul {
        margin-bottom: 40px;
    }
}


/* =====================================================================社招 */

.joinLc {
    width: 100%;
    background-image: url(../image/joinLc_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.joinLcBox {
    display: flex;
    flex-wrap: wrap;
}

.joinLc_item {
    width: 25%;
    padding: 15px;
    position: relative;
}

.joinLc_item::after {
    content: '';
    width: 20px;
    height: 14px;
    background-image: url(../image/joinLc_r.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

.joinLc_item:nth-child(4n)::after {
    display: none;
}

.joinLc_li {
    padding: 64px 0;
    text-align: center;
    background: #fff;
    border-radius: 8px;
    position: relative;
    transition: all .48s;
}


.joinLc_li img {
    width: 50px;
    margin-bottom: 20px;
}

.joinLc_li span {
    display: block;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
}

.joinLc_li i {
    display: inline-flex;
    align-items: center;
    background: #f9f9fa;
    padding: 2px 20px;
    border-radius: 50px;
    color: #bbbbbb;
}

.joinLc_li i img {
    width: 8px;
    margin-bottom: 0;
    opacity: .48;
}

/*  */
.joinLc_li:hover {
    background: #fbf9f8;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.08);
}


/*  */


@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .joinSz_ul form {
        height: 45px;
    }

    .joinSz_a {
        line-height: 45px;
    }

    .joinSz_ul {
        margin-bottom: 60px;
    }

    .joinSzL_head {
        padding: 0 60px;
    }

    .joinSzL_body .joinSzL_li {
        padding: 0px 60px;
    }

    .joinSzL_body .joinSzL_li span {
        font-size: 14px;
        padding: 20px 0;
    }

    .joinSzR p {
        padding: 10px 18px;
    }


    /*  */
    .joinLc_li {
        padding: 45px 0;
    }

    .joinLc_li img {
        width: 42px;
    }

    .joinLc_li span {
        font-size: 18px;
    }
}


/* ==================================================================================新闻 */
.conJj {
    width: 100%;
    background-image: url(../image/20221102150702420664.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.conJjBox {
    padding-left: 8% !important;
    position: relative;
}

.conJjBox::after {
    content: '';
    width: 84%;
    height: 1px;
    border-bottom: 1px solid #f0f9fe;
    position: absolute;
    left: 8%;
    bottom: 0;
}

.conJjText {
    width: 34%;
    margin-bottom: 5%;
}

.conJjText .Tit {
    margin-bottom: 80px;
    padding-bottom: 35px;
    border-bottom: 1px solid #cedde4;
}

.conJjText .Tit::after {
    content: '';
    width: 22%;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.conJj_li {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.conJj_liImg {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #0066cc;
    margin-right: 15px;
}

.conJj_li img {
    width: 100%;
    height: 100%;
    padding: 26%;
    object-fit: contain;
}

.conJj_li p span {
    display: block;
    font-size: 21px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 0px;
    color:#0066cc;
}

.conJj_li p i {
    font-size: 18px;
}


/*  */

.conXs {
    width: 100%;
    background-image: url(../image/conXs_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.conXsBox .swiper-slide {
    height: auto;
    padding: 10px 0;
}

.conXsItem {
    height: 100%;
    padding: 40px 20px;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transition: all .48s;
}

.conXsItem .img2 {
    display: none;
}

.conXs_tit {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 25px;
    position: relative;
}

.conXs_tit span {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bolder;

    width: calc(100% - 65px);
}

.conXs_tit i {
    display: block;
    width: 45px;
    height: 45px;
    border-radius: 8px;
    background: #fff;
}

.conXs_tit i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    padding: 15%;
}

.conEwm{
    display: none;
    width: 160px;
    position: absolute;
    top: 0px;
    right: 70px;
}
.conEwm img{
    width: 100%;
}

.conXs_ul {
    margin-bottom: 40px;
}

.conXs_li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 12px;
}

.conXs_li img {
    width: 18px;
    margin-right: 15px;
}

.conXs_li p {
    font-size: 14px;
}

/*  */
.conXsBox .swiper-slide-active .conXsItem {
    background: #0066cc;
}

.conXsBox .swiper-slide-active .img2 {
    display: block;
}

.conXsBox .swiper-slide-active .img1 {
    display: none;
}

.conXsBox .swiper-slide-active .conXs_tit span {
    color: #fff;
}

.conXsBox .swiper-slide-active .conXs_li p {
    color: #fff;
}

.conXsBox .swiper-slide:hover .conXsItem {
    background: #0066cc;
}

.conXsBox .swiper-slide:hover .img2 {
    display: block;
}

.conXsBox .swiper-slide:hover .img1 {
    display: none;
}

.conXsBox .swiper-slide:hover .conXs_tit span {
    color: #fff;
}

.conXsBox .swiper-slide:hover .conXs_li p {
    color: #fff;
}

.conXsBox .swiper-container {
    padding-bottom: 60px;
}

.conXsBox .swiper-pagination {
    bottom: 0;
}

.conXsBox .swiper-pagination-bullet {
    background: #0066cc;
    opacity: .28;
}

.conXsBox .swiper-pagination-bullet-active {
    opacity: 1;
}

/*  */

.store-center {
    margin-bottom: 60px;
    position: relative;
}

.mapBox {
    height: 640px;
}

#swiper22 {
    position: absolute;
    height: 580px;
    opacity: 0.95;
    position: absolute;
    right: 15px;
    top: 30px;
    width: 300px;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    overflow: hidden;
}

#swiper22 .prev, #swiper22 .next {
    background: #fff url(../image/img_140.png) no-repeat center center;
    height: 47px;
    border-bottom: 1px solid #dee0de;
    transition: all 0.3s;
    display: block;
    width: 300px;
    overflow: hidden;
    cursor: pointer;
}

#swiper22 .next {
    border-top: 1px solid #dee0de;
    background: #fff url(../image/img_141.png) no-repeat center center;
    position: absolute;
    left: 0;
    bottom: 0;
}

#swiper22 .swiper-slide {
    width: 100%;
    height: 125px;
    padding: 15px 20px;
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    display: inline-block;
}

#swiper22 .swiper-slide.on {
    background: #fff6ea;
}

#swiper22 .swiper-map {
    background: url(../images/img_139.png) no-repeat left 3px;
    padding-left: 25px;
}

#swiper22 .swiper-slide h4 {
    font-size: 18px;
    color: #333;
    line-height: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}

#swiper22 .swiper-slide p {
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 14px;
    line-height: 20px;
}

#swiper22 .swiper-wrapper {
    width: 100%;
    /* height: 328px; */
    margin: 0 auto;
    position: relative;
}

.BMap_Marker div img {
    display: none !important;
}

.BMap_Marker div {
    background: url(../images/img_999.png) no-repeat !important;
    background-size: auto 100% !important;
}

#mapTopBtn,
#mapBottBtn {
    max-height: 47px;
    position: relative;
    z-index: 10;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .conJjText {
        width: 40%;
    }

    .conJjText .Tit {
        margin-bottom: 60px;
        padding-bottom: 30px;
    }

    .conJj_li {
        margin-bottom: 30px;
    }

    .conJj_liImg {
        width: 50px;
        height: 50px;
    }

    .conJj_li p span {
        font-size: 18px;
        margin-bottom: 0px;
    }

    .conJj_li p i {
        font-size: 16px;
    }

}

@media(max-width:1480px) {
    .conXs_tit i {
        width: 36px;
        height: 36px;
    }
}



/* ==================================================================================商学院 */
.busJj {
    position: relative;
}

.busJjBox {
    display: flex;
}

.busJjText {
    width: 70%;
    padding-right: 5%
}

.busJjText p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;
}

.busJjImg {
    width: 30%;
    padding-top: 40%;
    border-radius: 8px 8px 0 0;
}

/*  */

.busPy {
    width: 100%;
    background-image: url(../image/busPy_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.busPyTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.busPyTop_img {
    width: 46%;
    padding-top: 30%;
}

.busPyTop_text {
    width: 54%;
    padding-left: 5%;
}

.busPyTop_tit {
    padding-bottom: 12px;
    border-bottom: 1px solid #e1d7ca;
    margin-bottom: 46px;
}

.busPyTop_tit span {
    display: inline-block;
    padding: 8px 40px;
    border-radius: 8px;
    color: #0066cc;
    font-size: 22px;
    margin-right: 10px;
    cursor: pointer;
}

.busPyTop_tit span.on {
    color: #fff;
    background: #0066cc;
}

.busPyTop_xq p {
    font-size: 18px;
    color: #666;
    line-height: 2;
}

.busPyBot {
    margin-top: 40px;
}

.busPyBot_img {
    padding-top: 60%;
    border-radius: 8px;
}

/*  */

.busTx {
    width: 100%;
    background-image: url(../image/20221102141832818019.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.busTx .More {
    margin-top: 36px;
}

.busTx .More a {
    color: #333 !important;
    background: #fff !important;
}

.busTx .More a:hover::after {
    display: none;
}

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

.busTx_li {
    padding: 85px 0 100px;
    width: calc(20% - 20px);
    border-radius: 8px 8px 60px 8px;
    border: 1px solid rgba(255, 255, 255, 0.3);
    background: rgba(255, 255, 255, 0.4);
    text-align: center;
}

.busTx_li i {
    display: flex;
    width: 90px;
    height: 90px;
    padding: 4%;
    background: #f7f7f7;
    border-radius: 50%;
    margin: 0 auto 30px;
}

.busTx_li i img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.busTx_li span {
    color: #fff;
    display: block;
    font-size: 24px;
    font-weight: 600;
}

/*  */
.busHz {
    position: relative;
}

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

.busHzText {
    width: 50%;
    padding-right: 8%;
}

.busHzText .Tit span {
    display: block;
    position: relative;
    padding-bottom: 30px;
    border-bottom: 1px solid #d6e0e5;
}

.busHzText .Tit span::after {
    content: '';
    width: 115px;
    height: 3px;
    background: #0066cc;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.busHzText p {
    font-size: 18px;
    line-height: 2;
    margin-bottom: 20px;
}

.busHzImg {
    width: 50%;
    padding-top: 32.5%;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
    .busJjText p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    /*  */
    .busPyTop_tit span {
        padding: 4px 30px;
        font-size: 18px;
        margin-right: 5px;
    }

    .busPyTop_tit {
        margin-bottom: 28px;
    }

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

    /*  */
    .busTx .Tit .titP {
        width: 90%;
        margin: 20px auto 0;
    }

    .busTx_li i {
        width: 80px;
        height: 80px;
    }

    .busTx_li {
        padding: 60px 0 80px;
    }

    .busTx_li span {
        font-size: 21px;
    }

    /*  */
    .busHzText p {
        font-size: 16px;
        line-height: 2;
        margin-bottom: 10px;
    }
}


/*  */


/* ==================================================================================课程体系 */

.train {
    overflow: hidden;
}

.trainItem {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.trainText {
    width: 60%;
    padding-right: 5%;
}

.trainItem:nth-child(2n) .trainText {
    padding-right: 0;
    padding-left: 5%;
}

.train_tit {
    padding-bottom: 70px;
    margin-bottom: 60px;
    position: relative;
}

.train_tit::after {
    content: '';
    width: 13%;
    height: 2px;
    background: #333;
    position: absolute;
    left: 0;
    bottom: 0;
}

.train_tit::before {
    content: '';
    width: 150%;
    height: 1px;
    border-bottom: 1px solid #e1e3e4;
    position: absolute;
    left: -20%;
    bottom: 0;
}

.train_tit span {
    display: block;
    font-size: 36px;
    line-height: 1;
    font-weight: 600;
    color: #333;
    text-transform: uppercase;
    margin-bottom: 20px;
    position: relative;
    transition: all .48s;
}

.train_tit span i {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-20%, -50%);
    color: #333;
    font-size: 160px;
     font-family: 'Rousseau';
    line-height: 1;
    opacity: .1;
    transition: all .48s;
}

.train_tit p {
    font-size: 18px;
    line-height: 2;
    color: #333;
    transition: all .48s;
}

.trainImg {
    width: 40%;
    padding-top: 46%;
    border-radius: 160px 8px 8px 8px;
}

.trainItem:nth-child(2n) .trainImg {
    order: -1;
    border-radius: 8px 160px 8px 8px;
}

.train_p p {
    line-height: 2;
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.train_p p b {
    font-weight: 600;
    font-size: 16px;
}

/*  */
.trainText:hover .train_tit::after {
    background: #9d6e38;
}

.trainText:hover .train_tit span {
    color: #9d6e38;
}

.trainText:hover .train_tit span i {
    color: #9d6e38;
}

.trainText:hover .train_tit p {
    color: #9d6e38;
}

/*  */


@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }


    /*  */

    .train_tit span {
        font-size: 32px;
        margin-bottom: 15px;
    }

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

    .train_tit span i {
        font-size: 115px;
    }

    .train_tit {
        padding-bottom: 40px;
        margin-bottom: 40px;

    }

    /*  */
    .train_p p {
        font-size: 14px;
        margin-bottom: 15px;
    }

}


/* ==================================================================================员工发展 */


.deveJs {
    background: #f5f6fa;
}

.deveJsImg {
    width: 100%;
}

.deveJsImg img {
    width: 100%;
}

/*  */

.deveJy {
    background-image: url(../image/deveJy_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.deveJyBox {
    padding: 60px;
    position: relative;
    background: #faf7f4;
}

.deveJyBox .swiper-slide{
    opacity: 0 !important;
}
.deveJyBox .swiper-slide-active{
    opacity: 1 !important;
}

/* .deveJyBox::after {
    content: '';
    width: 100%;
    height: 85%;
    background: #faf7f4;
    position: absolute;
    left: 0;
    bottom: 0;
} */

/* .deveJy .Tit {
    position: absolute;
    left: 60px;
    top: 0;
} */

.deveJyBox .swiper-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.deveJyText {
    width: 70%;
    padding-left: 5%;
    padding-right: 4%;
    height: 50vh;
    overflow-y: scroll;
}

.deveJy_li {
    margin-bottom: 40px;
}

.deveJy_li:last-child{
    margin-bottom: 0;
}

.deveJy_li span {
    display: block;
    font-size: 21px;
    line-height: 0.9;
    font-weight: 600;
    padding-left: 15px;
    border-left: 2px solid #0066cc;
    margin-bottom: 15px;
}

.deveJy_li p {
    color: #666;
    font-size: 16px;
    margin-bottom: 10px;
}

.deveJyImgBox {
    width: 30%;
}

.deveJyImg {
    padding-top: 110%;
    border-radius: 8px;
}

.deveJyText_div{
    margin-bottom: 40px;
}

.deveJyText_div span {
    display: flex;
    align-items: flex-end;
    font-size: 32px;
    line-height: 1;
    color: #0066cc;
    font-weight: 600;
    margin-bottom: 20px;
}

.deveJyText_div span i {
    color: #666;
    font-size: 16px;
    line-height: 1;
}

.deveJyText_div p {
    font-size: 18px;
    color: #666;
}


.deveJyBox .swiper-pagination {
    width: auto;
    position: initial;
    text-align: left;
    display: none;
}

.deveJyBox .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #cacaca;
    margin: 0 10px !important;
}

.deveJyBox .swiper-pagination-bullet-active {
    background: #9e040c;
}

/*  */

.deveTx {
    padding-bottom: 0 !important;
}

.deveTxBox {
    position: relative;
}

.deveTxImg {
    width: 100%;
    padding-top: 42%;
}

.deveTxXq {
    display: flex;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.deveTxItem {
    flex: 1;
    text-align: center;
    padding: 260px 75px 100px;
    transition: all .48s;
    border-right: 1px solid rgba(255, 255, 255, 0.18);
}

.deveTxItem i {
    display: block;
    font-size: 52px;
    line-height: 1;
    color: #fff;
    margin-bottom: 15px;
     font-family: 'Rousseau';
}

.deveTxItem span {
    display: block;
    font-size: 34px;
    line-height: 1;
    color: #fff;
    margin-bottom: 120px;
}

.deveTxItem p {
    display: block;
    color: rgba(255, 255, 255, 0.6);
    font-size: 18px;
    line-height: 2;
}


.deveTxItem:hover {
    background: #9d6e38;
}

.deveTxItem:hover p {
    color: #fff;
}

/*  */

.deveFl {
    background-image: url(../image/deveFl_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.deveFlBox {
    display: flex;
    justify-content: space-between;
    margin-top: 100px;
}

.deveFlItem {
    text-align: center;
    width: calc(25% - 20px);
    position: relative;
    padding: 80px 40px 108px;
    border-radius: 8px;
    border: 1px solid #ded7cf;
    background: #f3ede8;
}

.join-money-quan {
    position: absolute;
    width: 80px;
    height: 80px;
    border: 1px solid #ded7cf;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    background-color: #f3ede8;
    left: 50%;
    margin-left: -40px;
    top: -40px;
    z-index: 10;
}
.deveFlItem .join-money-quan img {
    width: 68%;
    margin: 13px auto;
    position: relative;
    left: 0;
    top: 0;
}

.deveFlItem img {
    width: 80%;
    position: absolute;
    left: 10%;
    top: 10%;
}

.deveFlItem i {
    font-size: 148px;
    font-weight: 600;
    line-height: 0.8;
    color: #ede5dd;
    position: absolute;
    right: 0;
    bottom: 0;
     font-family: 'Rousseau';
}

.deveFlItem span {
    display: block;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 30px;
}

.deveFlItem p {
    font-size: 18px;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
}

/*  */

@media(max-width:1480px) {
    .hLogo img {
        width: 118px;
    }

    .hNav ul li a.nav_a {
        font-size: 16px;
    }

    /*  */
   

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

    .deveJy_li {
        margin-bottom: 30px;
    }

    .deveJy_li span {
        font-size: 18px;
        padding-left: 10px;
        margin-bottom: 10px;
    }

    .deveJyBox .swiper-pagination {
        bottom: 0;
    }

    /*  */
    .deveTxItem i {
        font-size: 46px;
    }

    .deveTxItem span {
        display: block;
        font-size: 26px;
        margin-bottom: 60px;
    }

    .deveTxItem p {
        font-size: 14px;
    }

    .deveTxItem p br {
        display: none;
    }

    /*  */
    .deveFlItem span {
        font-size: 21px;
        margin-bottom: 20px;
    }

    .deveFlItem p {
        font-size: 16px;
        margin-bottom: 8px;
    }

    .deveFlItem i {
        font-size: 118px;
    }

    .deveFlItem {
        padding: 35px 35px 85px;
    }

}

@media(max-width:1368px) {
    .deveTxItem {
        padding: 210px 60px 100px;
    }

    .deveTxItem span {
        margin-bottom: 40px;
    }
}






/* ===============================导航 */
.menu_m {
    display: none;
}

.z_menu_mask {
    width: 100%;
    height: 100vh;
    transition: ease 1s;
    transform: translateY(-100%);
    visibility: hidden;
    position: fixed;
    left: 0;
    top: 0;
    padding: 10% 5% 5% 10%;
    box-sizing: border-box;
    background: linear-gradient(#434957, #2b2f38);
    /* background: url(./images/menu_mask2.jpg) no-repeat center; */
    background-size: cover;
    z-index: 20000;
}

.z_menu_mask.on {
    opacity: 1;
    visibility: visible;
    transform: translateY(0%);
}

.z_menu_Logo {
    position: absolute;
    left: 10%;
    top: 3vw;
    text-align: center;
    cursor: pointer;
}

.z_menu_Logo img {
    width: 160px;
}

.z_menu_close {
    position: absolute;
    left: 3%;
    top: 3.8vw;
    text-align: center;
    cursor: pointer;
}

.z_menu_mask .flwarp {
    float: left;
}

.z_slg {
    width: 12vw;
    margin-bottom: 2vw;
}

.z_slg img {
    width: 100%;
}

.z_slg2 {
    font-size: 2.08333vw;
    font-weight: bold;
    color: #fff;
    margin-bottom: 2.6vw;
}

.z_menu_mask .frwarp {
    width: 50vw;
    width: 100%;
    float: right;
}

.z_flex_ul {
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    -webkit-flex-direction: row;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    justify-content: space-between;
}

.z_menu_nav dl {
    display: inline-block;
    width: calc(20% - 40px);
    padding-top: 2vw;
    border-top: 2px solid rgb(255 255 255 / 18%);
    margin-bottom: 2.5vw;
    position: relative;
}

.z_menu_nav dl::after {
    content: '';
    width: 18px;
    height: 4px;
    background: #ffcc00;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: -1px;
    transform: translateY(-50%);
    transition: all .48s;
}

.z_menu_nav dl dt {
    margin-bottom: 20px;
}

.z_menu_nav dl a {
    display: block;
    color: #fff;
}

.z_menu_nav dl dt a {
    font-size: 21px;
    font-weight: bold;
}

.z_menu_nav dl dd a {
    font-size: 18px;
    line-height: 2;
}


/*  */

.z_menu_copy {
    color: #fff;
    float: left;
    line-height: 44px;
}

.bshare-custom {
    float: right;
}

.bshare-custom {
    font-size: 13px;
    line-height: 16px !important;
}

.bshare-custom a {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 25px;
    transition: all .48s;
}

.bshare-custom a svg {
    width: 22px;
    height: 22px;
    transition: all .48s;
}

.bshare-custom a svg path {
    fill: #0066cc;
}

.bshare-custom a:hover {
    background: #0066cc;
}

.bshare-custom a:hover svg path {
    fill: #fff;
}

/*  */
.z_menu_nav dl:hover::after {
    width: 40px;
}

.z_menu_nav dl dt a:hover {
    color: #ffcc00;
}

.z_menu_nav dl dd a:hover {
    color: #ffcc00;
}

/*  */

.z_menu_top {
    margin: 8% 0;
}

.z_menu_btm {
    padding-top: 2vw;
    border-top: 2px solid rgb(255 255 255 / 18%);
    position: relative;
}

.z_menu_btm::after {
    content: '';
    width: 18px;
    height: 4px;
    background: #ffcc00;
    border-radius: 10px;
    position: absolute;
    left: 0;
    top: -1px;
    transform: translateY(-50%);
}

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

.z_menu_btmLi {
    width: calc(20% - 30px);
    padding: 15px 20px;
    background: #fff;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.z_menu_btmLi i {
    color: #2b2f38;
    font-size: 16px;
}

.z_menu_btmLi .icon {
    position: relative;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.z_menu_btmLi .icon::before {
    content: '';
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #f6f6f4;
    position: absolute;
    left: 0;
    top: 0;
}

.z_menu_btmLi .icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: translate3d(0, 0, 0) scale(calc(4 / 40));
    background: #d7a36c;
    border-radius: 50%;
}

.z_menu_btmLi .icon svg {
    position: absolute;
    width: 5px;
    height: 8px;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0) scale(0);
    transition: transform 0.4s cubic-bezier(0.43, 0.05, 0.17, 1), opacity 0.3s cubic-bezier(0.18, 0.06, 0.23, 1);
    z-index: 1;
}

.z_menu_btmLi .icon svg path {
    fill: #fff;
}

.z_menu_btmLi:hover .icon svg {
    transform: translate3d(-50%, -50%, 0px) scale(1) !important;
    transition-delay: 0.2s;
}

.z_menu_btmLi .icon[data-icon-color="1"]:after {
    background: #0066cc;
}

.z_menu_btmLi:hover .icon:after {
    transform: translate3d(0, 0, 0) scale(1) !important;
    transition: transform 0.5s 0s cubic-bezier(0.43, 0.05, 0.17, 1);
    transition-delay: 0s;
}

/*  */

.z_menu_con {
    position: absolute;
    right: 5%;
    top: 3vw;
}

.z_menu_con .z_menu_btmLi {
    width: 200px;
    padding: 8px 20px;
}

/*  */

@media (max-width: 1480px) {
    .z_menu_Logo img {
        width: 120px;
    }

    .z_menu_close img {
        width: 20px;
    }

    .z_menu_con .z_menu_btmLi {
        width: 180px;
        padding: 5px 15px;
    }

    .z_menu_btmLi i {
        font-size: 14px;
    }

    .z_menu_btmLi .icon {
        width: 30px;
        height: 30px;
    }

    /*  */
    .z_menu_nav dl dt a {
        font-size: 18px;
    }

    .z_menu_nav dl dd a {
        font-size: 16px;
    }

    .z_menu_btmLi {
        padding: 10px 15px;
    }
}

@media (max-width: 1024px) {
    .z_menu_mask {
        overflow-y: scroll;
    }

    .z_menu_nav dl {
        width: 100%;
        margin-bottom: 30px;
    }

    .z_menu_btmLi {
        width: calc(25% - 10px);
    }

    .z_menu_btmLi {
        padding: 6px 15px;
    }
}

@media (max-width: 680px) {
    .z_menu_Logo img {
        width: 88px;
    }

    .z_menu_Logo {
        left: 5%;
        top: 25px;
    }

    .z_menu_mask {
        padding: 80px 5% 80px 5%;
    }

    .z_menu_con .z_menu_btmLi {
        width: 120px;
        padding: 4px 15px;
    }

    .z_menu_btmLi .icon {
        width: 20px;
        height: 20px;
    }

    .z_menu_close {
        top: 25px;
        left: initial;
        right: 3%;
    }

    .z_menu_con {
        top: 25px;
        right: 16%;
    }

    .z_menu_nav dl dt {
        margin-bottom: 5px;
    }

    .z_menu_nav dl dd a {
        font-size: 14px;
    }

    /*  */
    .z_menu_btm {
        padding-top: 20px;
    }

    .z_menu_btmUl {
        flex-wrap: wrap;
    }

    .z_menu_btmLi {
        width: calc(50% - 5px);
        margin-bottom: 10px;
    }
}



/* 1020 add */
@media (max-width: 1024px) {
    .menu_pc {
        display: none;
    }

    .menu_m {
        display: block;
    }

    .z_menu_mask {
        padding: 0 5% 28px;
        background: #fff;
    }
}

.menu_mTop {
    padding: 15px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 15px;
}

.menu_mTop_logo img {
    width: 88px;
}

.menu_mTop_close {
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: 1px solid #d6d3d3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.menu_mTop_close img {
    width: 14px;
}

/*  */

.menu_mNav li {
    background: #f6f6f6;
    padding: 20px 20px;
    border-radius: 8px;
    margin-bottom: 5px;
    position: relative;
}

.menu_mNav li .menu_mA {
    position: relative;
}

.menu_mNav li a span {
    color: #666;
    font-size: 18px;
    letter-spacing: 1px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.menu_mNav li .menu_mA i {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #666;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 8px;
    transition: all .48s;
}

.menu_mNav li .menu_mA i.on {
    transform: translateY(-50%) rotate(90deg);
    background: rgb(215 163 108 / 86%);
}

.menu_mNav li .menu_mA svg {
    width: 16px;
    height: 16px;
}

.menu_mNav li .menu_mA svg path {
    fill: #fff;
}

.menu_mNav li .menu_mZk {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #ddd;
    display: none;
}

.menu_mNav li .menu_mZk a {
    display: block;
    color: #666;
    font-size: 16px;
    line-height: 1.8;
}



/* join_xz 新增 */

.joinXc table tr:nth-of-type(2n){
    background: #eaeaea;
}

.joinXc {
    position: relative;
}

.joinLc_xzItem:first-child {
    display: block;
}

.joinLc_xzItem {
    display: none;
}

.squSerChange.joinChange span {
    color: #0d96ff;
}

.squSerChange.joinChange span.on {
    color: #fff;
    background: #0d96ff;
}

.squSerChange.joinChange span:hover {
    color: #fff;
    background: #0d96ff;
}

.joinTd.heaTd .heaTdImg {
    padding-top: 72%;
}

.squSerChange.joinChange {
    margin: 30px 0 0;
}

.joinTd.heaTd .heaTdBox {
    display: none;
}

.joinTd.heaTd .heaTdBox:first-child {
    display: block;
}

.joinTd .abRyu_but {
    top: 50%;
    bottom: initial;
}

.joinTd .abRyu_but.prev {
    left: -6%;
}

.joinTd .abRyu_but.next {
    right: -6%;
}

.joinTd .abRyu_but:hover {
    background: #0d96ff;
    border-color: #0d96ff;
}

@media (max-width: 1368px) {
    .joinTd .abRyu_but.prev {
        left: -5%;
    }

    .joinTd .abRyu_but.next {
        right: -5%;
    }

    .joinTd .abRyu_but {
        width: 40px;
        height: 40px;
    }
}


/* ==========================================================join_info */
.hrXqBox {
    background-color: #f5f5f5;
}

.hrXqBox .inner {
    max-width: 1400px;
}

.div-a {
    background: #fff;
    padding: 30px 30px 34px;
    overflow: hidden;
}

.div-a .a-top {
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #f1f1f1;
}

.div-a .a-top span {
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 4rem;
    margin-bottom: 1rem;
    display: block;
    letter-spacing: 1px;
    text-align: left;
    padding: 0 40px;
}


/*  */

.hrXq .box-s {
    padding: 0 40px 30px;
    background: #fafafa;
    width: 100%;
    margin: 0 auto;
    position: relative;
    text-align: left;
}

.hrXq .box-s dl {
    padding: 3% 0;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
    overflow: hidden;
}

.hrXq .box-s dd {
    float: left;
    width: 18%;
    color: #666;
    line-height: 36px;
    font-size: 13px;
}

.hrXq .box-s dd:nth-child(2) {
    width: 28%;
}

.hrXq .requir {
    overflow: hidden;
    padding: 22px 0 42px;
    width: 100%;
    border-bottom: 1px solid #e8e8e8;
}

.hrXq .requir-l {
    width: 48%;
    float: left;
    /* display: inline-block; */
}

.hrXq .requir-r {
    width: 48%;
    float: right;
}

.hrXq .requir h2 {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    padding-bottom: 10px;
    font-weight: 500;
}

.hrXq-tip {
    margin: 20px 0;
    letter-spacing: 0.5px;
}

.hrXq-tip span {
    color: red;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.8rem;
    margin-right: 10px;
    vertical-align: sub;
}

.hrXq-tip p {
    letter-spacing: 1px;
    color: #666;
}

.hrXq .hrXq-a {
    margin: 27px 10px 0 0;
    width: 150px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    background: #bc9f5f;
    color: #fff;
    font-size: 15px;
    display: inline-block;
}

@media (max-width: 1024px) {
    .div-a {
        padding: 20px 30px 30px;
    }

    .hrXq .box-s dl {
        padding: 2% 0;
    }

    .hrXq .box-s dd {
        width: 48% !important;
    }

    .hrXq .requir-l,
    .hrXq .requir-r {
        width: 100%;
        float: left;
    }
}

@media (max-width: 900px) {
    .hrXq .box-s dd {
        width: 100% !important;
    }

    .hrXq .box-s {
        padding: 0 20px 20px;
    }

    .hrXq-tip {
        margin: 10px 0;
    }

    .hrXq .hrXq-a {
        margin: 10px 5px 0 0;
        width: 120px;
        height: 34px;
        line-height: 34px;
        font-size: 12px;
    }
}

@media (max-width: 680px) {
    .div-a {
        padding: 14px 20px;
    }
}


/*  */

.join-upload {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.8);
    z-index: 9999;
    text-align: center;
}

.join-upload-box {
    position: relative;
    display: inline-block;
    width: 56vh;
    background: rgba(255, 255, 255, 0.4);
    margin: 0 auto;
    top: 50%;
    transform: translateY(-50%);
    padding: 10px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.join-upload-box .join-upload-cls {
    cursor: pointer;
    font-weight: bold;
    line-height: 1;
    position: absolute;
    top: -33px;
    right: -33px;
    font-size: 3rem;
    color: #fff;
}

.join-upload-div {
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    padding: 3% 6%;
    text-align: center;
}

.join-upload-div input {
    margin: 0 auto;
    width: 60%;
}

.join-upload-div h1 {
    font-size: 1.4rem;
    border-bottom: 1px solid rgba(153, 153, 153, 0.28);
    margin-bottom: 1rem;
    font-weight: 500;
    line-height: 3rem;
    padding-bottom: 0.4rem;
    letter-spacing: 1px;
}

.join-upload-div p {
    margin-bottom: 3%;
}

.join-upload-div div {
    display: inline-block;
    text-align: left;
}

.join-upload-div div span {
    font-size: 13px;
    display: block;
    line-height: 40px;
}

.join-upload-div input {
    margin: 0 auto;
    width: 60%;
}

.sure {
    display: inline-block;
    padding: 10px 20px;
    background: #bc9f5f;
    margin: 6% 0 3%;
    color: #fff;
}

.join-upload_xq {
    margin-bottom: 40px;
}

.join-upload_ipt {
    width: 46%;
    margin: 10px 1.5%;
}

.join-upload_ipt label i {
    color: #d73b3b;
}

.join-upload_ipt input {
    width: 100%;
    background: none;
    border: 1px solid #999;
    padding: 4px 10px;
}



/* ==========================================================join_mo */
.joinMoBox {
    padding: 80px;
    background: #f5f5f5;
}

.w100 {
    width: 100% !important;
}

.w80 {
    width: 80% !important;
}

.w50 {
    width: 50% !important;
}

.w20 {
    width: 20% !important;
}

/*  */
.radioBox input {
    -webkit-appearance: none;
    width: 20px !important;
    height: 20px !important;
    padding: 0 !important;
    border: 1px solid #c9c9c9;
    outline: none;
    margin-right: 22px;
    cursor: pointer;
}

.radioBox input[type=checkbox]:checked {
    background: url(../image/checkBox.png) no-repeat center;
    background-size: 100%;
}

.radioBox input[type=radio]:checked {
    background: url(../image/checkBox.png) no-repeat center;
    background-size: 100%;
}

.radioBox .xuan {
    width: calc(100% - 110px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*  */

/* .joinMo .inner {
    max-width: 1400px;
} */

.joinMo_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 30px;
}

.joinMo_ipt {
    width: 30%;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    position: relative;
}

.joinMo_ipt label {
    font-size: 16px;
    line-height: 1;
    margin-right: 10px;
}

.joinMo_ipt input {
    flex: auto;
    border-bottom: 1px solid #666;
    background: none;
}

.joinMo_ipt.red::after {
    content: '*';
    color: #ff3e4a;
    position: absolute;
    left: -10px;
    top: 50%;
    transform: translateY(-50%);
}

.joinMo_li h5 {
    width: 100%;
    font-size: 18px;
    color: #02020b;
    background: #999;
    padding: 2px 10px;
    margin-bottom: 10px;
}

.joinMo_li .w80 {
    width: 80%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.joinMo_li .w100 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.joinMo_check {
    flex: auto;
    margin-right: 10px;
}

.joinMo_ipt.check input {
    width: 10px;
    height: 10px;
    border: 1px solid #333;
    margin-right: 5px;
}

/*  */

.joinMo_table {
    width: 100%;
}

.joinMo_table table {
    width: 100%;
    border-spacing: 0px;
    border-collapse: collapse;
}

.joinMo_table table td {
    border: 1px solid #666;
    text-align: center;
    padding: 5px 10px;
    min-height: 34px;
}

.joinMo_table table td i.red {
    color: #ff3e4a;
}

.joinMo_table table td span {
    display: block;
    min-height: 24px;
}

/*  */
.joinMo_bot {
    display: flex;
    align-items: center;
}

.joinMo_botL {
    width: 15%;
    text-align: center;
}

.joinMo_botL img {
    width: 100%;
}

.joinMo_botL span {
    display: block;
}

.joinMo_botR {
    width: 85%;
    padding-left: 5%;
}

.joinMo_botR p {
    font-size: 16px;
    line-height: 2;
    margin-bottom: 30px;
}

.joinMo_botR .joinMo_ipt {
    margin-left: 70%;
}

/*  */
.joinMo_li .w20 {
    padding-left: 5%;
}

.joinMo_img {
    width: 100%;
    height: 180px;
    border: 1px solid #666;
    position: relative;
}

.joinMo_img p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
}

.joinMo_img p svg {
    width: 30px;
    height: 30px;
    margin-bottom: 10px;
}

.joinMo_img p span {
    display: block;
}

.joinMo_img input {
    width: 100%;
    height: 100%;
    opacity: 0;
    position: relative;
    z-index: 2;
}

/* pc */

.joinMo_pcUl {
    margin-top: 10px;
    display: flex;
    flex-wrap: wrap;
    background: #f6f6f6;
    padding: 40px 60px;
}


.joinMo_tit {
    width: 100%;
    font-size: 24px;
    font-weight: 600;
    color: #333;
    position: relative;
    margin-bottom: 20px;
}

.joinMo_tit::after {
    content: '';
    width: 4px;
    height: 20px;
    background: #d7a36c;
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.joinMo_pcUl:nth-child(1) {
    margin-top: 0;
}

.joinMo_pcLi {
    width: 25%;
    padding: 10px 1%;
    display: flex;
    align-items: center;
}

.joinMo_pcLi label {
    display: block;
    width: 100px;
    text-align: right;
    font-size: 18px;
    color: #666;
    font-weight: 400;
    margin-right: 20px;
    position: relative;
    /* margin-bottom: 5px; */
}

.joinMo_pcLi label i {
    color: #ff3e4a;
    position: absolute;
    right: -10px;
    top: 0;
}

.joinMo_pcLi input,
.joinMo_pcLi select {
    width: calc(100% - 120px);
    color: #b4b4b4;
    font-size: 18px;
    padding: 6px 20px;
    font-weight: 400;
    background: #fff;
}

.joinMo_pcLi input::placeholder {
    color: #b4b4b4;
    font-size: 18px;
    font-weight: 400;
}

.joinMo_pcLi .flex {
    display: flex;
    align-items: center;
    position: relative;
}

.joinMo_pcLi .flex input {
    padding-left: 20px;
    border-left: none;
    position: relative;
}

.joinMo_pcLi.radioBox>div {
    height: 60%;
    display: flex;
    align-items: center;
}

.joinMo_pcLi.radioBox>div label {
    width: auto;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.joinMo_pcLi.radioBox>div label input {
    margin-right: 10px;
}

.joinMo_pcA {
    display: block;
    width: 200px;
    margin: 30px auto 0;
    padding: 8px 0;
    background: #d7a36c;
    text-align: center;
    color: #fff;
    font-size: 18px;
    letter-spacing: 5px;
    border-radius: 8px;
}

/*  */

@media(max-width:1680px) {
    .joinMo_pcLi label {
        width: 88px;
        font-size: 16px;
    }

    .joinMo_pcLi input,
    .joinMo_pcLi select {
        font-size: 16px;
        width: calc(100% - 110px);
    }

    .joinMo_pcLi input::placeholder {
        font-size: 16px;
    }

    /*  */

    .radioBox input {
        width: 18px !important;
        height: 18px !important;
    }
}

@media(max-width:1480px) {
    .joinMo_pcLi {
        width: 33.33%;
    }

}

@media(max-width:1368px) {


    .joinMo_pcUl {
        padding: 30px 40px;
    }

    .joinMo_tit {
        font-size: 21px;
        margin-bottom: 15px;
    }

    .joinMo_tit::after {
        width: 3px;
        height: 16px;
        left: -10px;
    }

    .joinMo_pcLi label {
        width: 80px;
        font-size: 14px;
    }

    .joinMo_pcLi input,
    .joinMo_pcLi select {
        font-size: 14px;
        width: calc(100% - 100px);
    }

    .joinMo_pcLi input::placeholder {
        font-size: 14px;
    }

    .radioBox input {
        width: 15px !important;
        height: 15px !important;
    }
}

@media(max-width:1280px) {
    .w50 {
        width: 100% !important;
    }
}

@media(max-width:1024px) {
    .joinMo_pcLi {
        width: 50%;
    }
}

@media(max-width:768px) {
    .joinMo_tit {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .joinMo_pcLi {
        width: 100%;
        padding: 6px 0%;
    }

    .joinMo_pcLi label {
        margin-right: 15px;
    }

    .joinMo_pcUl {
        padding: 15px 25px;
    }

    .joinMo_pcLi.radioBox>div {
        width: calc(100% - 100px);
        flex-wrap: wrap;
    }

    .joinMo_pcLi.radioBox>div label {
        margin-right: 10px;
    }

    .joinMo_pcA {
        font-size: 16px;
    }
}