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



/*滚动条宽高及背景*/
::-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: #d4a16b;
}

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

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


/*  */

section {
    width: 100%;
    background-image: url(/uploads/image/tyimages/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: #957041;
    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 #957041; */
    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: #957041;
    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: #957041;
    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 #957041;
}

.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: 138px;
}

.hlogo .img2 {
    display: none;
}

.hlan a {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    padding: 5px 25px;
    font-size: 14px;
    text-transform: uppercase;
    border-radius: 8px;
    color: rgb(255 255 255 / 60%);
    border: 1px solid rgb(255 255 255 / 40%);
}

.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: 18px;
    color: rgb(255 255 255 / 80%);
    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: #d19e69;
}

/* 展开 */

.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 #bf874b;
}

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

.hnav_zk dd:hover {
    color: #957041;
}


/*  */
.hmenu {
    display: none;
    width: 100px;
    height: 100%;
    /* border-left: 1px solid rgb(155 155 155 / 18%); */
    background: #957041;
    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: 50%;
    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-right: 30px;
}

.headerrtop .hlan a {
    color: #666;
    border: 1px solid #999;
    padding: 0px 8px;
    font-size: 12px;
}

.headerrbot .hnav ul li a.nav_a {
    padding: 0 0 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: #957041;
}



/* 下拉导航变化 */

.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(/uploads/image/tyimages/foot_bg.png) 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: #957041;
}

/*  */

.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: #957041;
}



/* =================================================================================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, .36);
    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: #d7a36c;
    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(/uploads/image/tyimages/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: ;
    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: #957041;
    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(149 112 65 / 28%);
}

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

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

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

.indprol_li.on span {
    color: #957041;
}

.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: #957041;
}


/*  */
.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: #957041 !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 {
    border-top: 1px solid #dddddd;
}

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

.indnewtext {
    padding: 35px 0;
}

.indnewtext i {
    display: block;
    font-size: 16px;
    color: #957041;
    font-weight: 600;
}

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

.indnewbox{
    position: relative;
}

.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: #957041;
}

/*  */
@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;
}


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


.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 0;
    text-align: center;
    font-size: 18px;
    color: #b4b4b4;
    margin-left: 100px;
    position: relative;
    transition: all .48s;
}

.dwnavr a::after {
    content: '';
    width: 0%;
    height: 2px;
    border-bottom: 2px solid #9a774b;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translatex(-50%);
    transition: all .48s;
}

.dwnavr a.on {
    font-weight: 500;
    color: #9a774b;
    border-color: #9a774b;
}

.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: #9a774b;
}

.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: #957041;
    border-color: #957041;
}

.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: #9a774b;
}

.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: #9a774b;
}

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

.abjj_li span b {
    font-size: 48px;
    font-family: 'rousseau';
    line-height: 1;
    color: #9a774b;
    margin-right: 15px;
}

.abjj_li span i {
    font-size: 18px;
    color: #9a774b;
}

.abjj_li p {
    display: flex;
    align-items: center;
    font-size: 18px;
    font-weight: 300;
    color: #9a774b;
}

.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: ;
    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: ;
    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: #9a774b;
    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: ;
    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: #9a774b;
}

.abhisli p {
    font-size: 16px;
    font-weight: 600;
    color: #9a774b;
}

.abhisli.on {
    background: #9a774b;
}

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

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

.abhisli:hover {
    background: #9a774b;
}

.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: #9a774b;
    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: ;
    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: #9a774b;
}

.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: #9a774b;
}

/*  */

.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:  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: #9a774b;
}

.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: 2;
}

/*  */

.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: #9a774b;
    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: #9a774b;
    font-size: 20px;
    font-weight: 600;
}

/*  */

.squcs {
    background-image: ;
    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: #9a774b;
    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: #9a774b;
    border-radius: 8px 0 0 8px;
    position: absolute;
    left: 0;
    top: 5%;
    transform: translatex(-99%);
}

.squjtimg::after {
    content: '';
    width: 10%;
    height: 55%;
    background: #9a774b;
    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(188, 159, 95, 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: #9a774b;
}

.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: #9a774b;
    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: #957041;
}

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

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

.squserchange span:hover {
    color: #fff;
    background: #957041;
}

.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: #957041;
    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: #957041;
}

.squhditem:hover p {
    color: #957041;
}

.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: ;
    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: ;
    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: #9a774b;
    border-color: #9a774b;
}

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

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

.heayyli:hover {
    background: #9a774b;
}

.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: #9a774b;
    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(154 119 75 / 48%);
    padding-bottom: 20px;
    margin-bottom: 30px;
    position: relative;
}

.heayy_li span::after {
    content: '';
    width: 16%;
    height: 2px;
    background: #9a774b;
    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(149 112 65 / 26%);
    position: relative;
}

.heajj_li span::after {
    content: '';
    width: 20%;
    height: 2px;
    background: #9a774b;
    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: #9a774b;
    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: ;
    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: #9a774b;
    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: #9a774b;
    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:  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: #9a774b;
    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: #957041;
    border-radius: 8px;
}

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

.heazypro_li.on p {
    display: block;
}

.heazypro_li:hover span {
    color: #fff;
    background: #957041;
    border-radius: 8px;
}

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

/*  */

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

.heayfbox {
    position: relative;
    background-image: ;
    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: #9a774b;
    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: ;
    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: #9a774b;
    border-bottom: 1px solid #9a774b;
}

.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: #9a774b;
    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: #9a774b;
}

.heawtr a:hover span {
    color: #9a774b;
}

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

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

/*  */
.heatd {
    background-image: ;
    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: #957041;
}

/*  */

@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: ;
    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: ;
    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: #9a774b;
    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: #9a774b;
    opacity: .48;
}

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

/*  */

.djryu {
    width: 100%;
    background-image: ;
    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: #9a774b;
}

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

/*  */

.djwy {
    width: 100%;
    background-image: ;
    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: #9a774b;
    display: block;
    margin-bottom: 20px;
}

.djwytext i {
    display: block;
    width: 65%;
    height: 1px;
    border-bottom: 1px dashed #9a774b;
    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: #9a774b;
    margin-bottom: 20px;
}

/*  */

.djjg {
    width: 100%;
    background-image: ;
    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(/uploads/image/tyimages/join_bg.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(/uploads/image/tyimages/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: #9a774b;
    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(/uploads/image/tyimages/body.png);
}

.joinlc {
    width: 100%;
    background-image: ;
    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: ;
    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: ;
    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 #9a774b;
    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: ;
    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: ;
    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: ;
    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: ;
    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 #d1c5b3;
    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: #9a774b;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.conjj_li {
    display: flex;
    align-items: center;
    margin-bottom: 75px;
}

.conjj_liimg {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    background: #957041;
    margin-right: 15px;
}

.conjj_li img {
    width: 100%;
    height: 100%;
    padding: 26%;
    object-fit: contain;
}

.conjj_li p span {
    display: block;
    font-size: 21px;
    font-weight: 500;
    margin-bottom: 10px;
}

.conjj_li p i {
    font-size: 18px;
}


/*  */

.conxs {
    width: 100%;
    background-image: ;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}


.conxsbox .swiper-slide {
    height: auto;
    padding: 10px 0;
}

.conxsitem {
    height: 100%;
    padding: 40px 45px;
    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: 21px;
    line-height: 1.4;
    font-weight: 500;

    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: #957041;
}

.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: #957041;
}

.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: #957041;
    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(/uploads/image/tyimages/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(/uploads/image/tyimages/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:  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:  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: ;
    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: #9a774b;
    font-size: 22px;
    margin-right: 10px;
    cursor: pointer;
}

.buspytop_tit span.on {
    color: #fff;
    background: #9a774b;
}

.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: ;
    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: #9a774b;
    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: ;
    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 #9a774b;
    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: #9a774b;
    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: ;
    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:  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: #957041;
    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: #957041;
}

.bshare-custom a:hover {
    background: #957041;
}

.bshare-custom a:hover svg path {
    fill: #fff;
}

/*  */
.z_menu_nav dl:hover::after {
    width: 40px;
}

.z_menu_nav dl dt a:hover {
    color: #d7a36c;
}

.z_menu_nav dl dd a:hover {
    color: #d7a36c;
}

/*  */

.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: #957041;
    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: #d7a36c;
}

.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:  no-repeat center;
    background-size: 100%;
}

.radiobox input[type=radio]:checked {
    background:  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;
    }
}