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

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

.padd {
    padding: 88px 0;
}

.paddN {
    padding: 138px 0 88px;
}

.Tit {
    margin-bottom: 40px;
}

.Tit.Tit_m {
    display: none;
}

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

.Tit.white span {
    color: #fff;
}

/* .Tit.white span::after {
    background: url(../images/tit01_w.png) no-repeat;
    background-size: cover;
} */

.Tit span {
    font-size: 55px;
    line-height: 1.2;
    color: #dd9f5f;
    font-family: 'SourceHanSerifCN';
    position: relative;
}

.Tit span::after {
    content: '';
    width: 15px;
    height: 15px;
    background: url(../images/tit01.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 4px;
}

.Tit img {
    width: 12px;
    margin-left: 5px;
    vertical-align: top;
}

.More a {
    display: inline-block;
    padding: 8px 32px;
    letter-spacing: 2px;
    background: #dd9f5f;
    color: #fff;
    border-radius: 24px 4px 24px 4px;
    transition: all .48s;
}

.More a img {
    width: 12px;
    vertical-align: baseline;
    margin-right: 5px;
}

.More a:hover {
    transform: translateY(10px);
    transition: all .48s;
}




/* 导航 */

.header {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 999;
    transition: all .48s;
    border-bottom: 1px solid rgb(255 255 255 / 20%);
}

.header .inner {
    width: 94%;
    padding-left: 11%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
}

.header .img2 {
    display: none;
}

.hNav ul {
    display: flex;
    justify-content: space-between;
    border-right: 1px solid rgba(255, 255, 255, .18);
}

.hNav ul li {
    position: relative;
}

.hNav ul li::after {
    content: '';
    width: 1px;
    height: 16%;
    background: rgba(255, 255, 255, .18);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hNav ul li:last-child::after {
    display: none;
}

.hNav ul li a {
    display: block;
    margin: 0 20px;
    padding: 30px 20px;
    color: #fff;
    font-size: 16px;
    transition: all .48s;
    position: relative;
}

.hNav ul li a.on {
    color: #fff !important;
    background-image: url(../images/nav.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.hNav ul li:nth-child(2) a.on {
    background-size: 85% 75%;
}

.hLogo {
    width: 10%;
    position: absolute;
    left: 2%;
    left: 0%;
    top: 50%;
    transform: translateY(-50%);

}

.hLogo img {
    width: 45px;
}

.Logo_colour {
    display: none;
}


.hNav ul li a:hover {
    transition: all .48s;
}

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

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

/*  */
.headR {
    display: flex;
    align-items: center;
    padding-left: 3%;
}

.hSs {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all .48s;
}

.hSs {
    position: relative;
}

.hSs svg {
    width: 20px;
    height: 20px;
    position: relative;
    z-index: 2;
    cursor: pointer;
}

.hSs svg path {
    fill: #fff;
}

.hSs span {
    display: block;
    padding: 0 10px;
    padding-right: 15px;
    color: #fff;
    font-size: 16px;
    position: relative;
}

.hSs span::after {
    content: '';
    width: 1px;
    height: 60%;
    background: rgba(255, 255, 255, .18);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.hSs a {
    display: block;
    margin-left: 15px;
    color: #fff;
    font-size: 18px;
}


/* 搜索 */
.search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: #EFEFEF;
    z-index: 230000;
    display: none;
}

.searchBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.searchXq {
    width: 60%;
}

.searchXq span {
    display: block;
    text-align: center;
    font-size: 36px;
    text-transform: uppercase;
    color: #666;
    font-weight: bold;
    margin-bottom: 118px;
}

.searchIpt {
    display: flex;

}

.searchIpt input {
    border: none;
    width: 100%;
    border-radius: 0;
    background: transparent;
    outline: none;
    resize: none;
    margin: 0;
    padding: 0 20px;
    z-index: 1;
    display: block;
    color: #000;
    font-size: 20px;
    text-transform: uppercase;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .1);
}

.searchIpt input::placeholder {
    color: #A7A6A6;
    font-size: 20px;
    text-transform: uppercase;
}

.searchIpt a {
    display: flex;
    align-items: center;
    padding: 0 25px;
    font-size: 20px;
    text-transform: uppercase;
    border-bottom: 2px solid #333;
}

.searchIpt a svg {
    width: 36px;
    height: 28px;
    margin-left: 20px;
}

.searchIpt a svg path {
    fill: #333;
}

.close {
    width: 40px;
    position: absolute;
    top: 40px;
    right: 5%;
    cursor: pointer;
}

.hamburger-box .line {
    position: absolute;
    left: 0;
    display: block;
    background-color: currentColor;
    width: 100%;
    height: 2px;
    -webkit-transition: .4s;
    transition: .4s;
    -webkit-transform-origin: center;
    transform-origin: center;
}

.hamburger-box .line--1 {
    width: 100%;
    transform: translate3d(0, -50%, 0) rotate(45deg);
    top: 50%;
}

.hamburger-box .line--3 {
    width: 100%;
    transform: translate3d(0, 50%, 0) rotate(-45deg);
    bottom: 50%;
}

/* 导航展开 */
.hZk {
    width: 100%;
    position: absolute;
    left: 0;
    top: 90px;
    box-shadow: 0 0 1px rgba(0, 0, 0, .18);
    display: none;
}

.hNav_zkBox {
    width: 100%;
    padding: 10px;
    background: #fff;
}

.hNav_zkL {
    text-align: center;
}

.hNav ul li .hNav_zkL a {
    height: auto;
    line-height: 45px;
    padding: 0 0;
    margin: 0 0;
    font-size: 16px;
    color: #333;
    border-bottom: 1px solid #e2e4e6;
    transition: all .48s;
}

.hNav ul li .hNav_zkL a::after {
    display: none;
}


.hNav ul li .hNav_zkL a:hover {
    color: #116cbe;
    border-color: #116cbe;
}




/*900px导航*/

.headMenu {
    cursor: pointer;
    position: fixed;
    z-index: 99999;
    right: 0;
    top: 17px;
    display: none;
    margin-right: 24px;
}

.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #fff;
    -webkit-transition: all 0.48s ease-in-out;
    -moz-transition: all 0.48s ease-in-out;
    -ms-transition: all 0.48s ease-in-out;
    -o-transition: all 0.48s ease-in-out;
    transition: all 0.48s ease-in-out;
}

.headerMain-bg .headMenu span {
    background: #333;
}

.header.white .headMenu span {
    background: #333;
}

.header.black .headMenu span {
    background: #333;
}

.header.white.headerMain-bg .headMenu span {
    background: #333;
}

.headMenu.active span {
    background: #333;
}

.headMenu.active span.headMenu_span1 {
    transform: rotate(45deg) translate(6px, 7px);
}

.headMenu.active span.headMenu_span2 {
    opacity: 0;
}

.headMenu.active span.headMenu_span3 {
    transform: rotate(-45deg) translate(4px, -6px);
}

.moHead_mlb {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    /* background-image: url(../images/bg3.jpg); */
    background: #eee;
    background-repeat: no-repeat;
    background-position: center left;
    background-size: cover;
    z-index: 99990;
    padding: 80px 20px 0;
}

.moHead_mlb::after{
    content: '';
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    position: absolute;
    left: 0;
    top: 64px;
}

.moHead_mlb .moHead_ico {
    text-align: center;
}

.moHead_mlb .moHead_ico a:last-child {
    display: inline-block;
}

/* .moHead_mlb ul {
    padding: 68px 0;
} */

.moHead_mlb li {
    font-size: 15px;
    line-height: 2;
    padding: 14px 0;
    border-bottom: 1px dotted rgba(27, 47, 95, 0.18);

    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.moHead_mlb a {
    color: #242b3e;
    letter-spacing: 1px;
}

.moHead_mlb a svg {
    float: right;
    width: 21px;
    height: 24px;
    opacity: 0.8;
}

.moHead_mlb a svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico a {
    vertical-align: top;
    margin: 0 14px;
    display: inline-block;
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50%;
    border: 1px solid rgba(27, 47, 95, 0.23);
}

.moHead_mlb .moHead_ico svg {
    width: 24px;
    height: 24px;
}

.moHead_mlb .moHead_ico svg path {
    fill: #242b3e;
}

.moHead_mlb .moHead_ico img, .moHead_mlb .moHead_ico svg {
    margin-top: 10px;
}

.moHead_mlb i {
    position: relative;
    display: block;
    float: right;
    transition: all .48s;
}

.moHead_mlb i img{
    width: 19px;
}

.moHead_ej {
    width: 100%;
    position: relative;
    display: none;
    padding-top: 8px;
}

.moHead_ej a {
    display: block;
    font-size: 14px;
    padding: 3px 0;
    color: #999;
}

.moHead_mlb a.on i::before {
    opacity: 0;
    transition: all .48s;
}

.moHead_mlb li.on i{
    transform: rotate(180deg);
}


@media (max-width: 480px) {
    .moHead_mlb a {
        font-size: 16px;
    }
}

/* 下拉导航变化 */

.headerMain-bg.header {
    position: fixed;
    border-bottom: none;
    background: #fff;
    box-shadow: 0 0px 2px 0 rgb(0 0 0 / 18%);
}

.none-bg.header {
    background: none !important;
}

.headerMain-bg .hNav ul li a {
    color: #333;
}

.headerMain-bg .hNav ul li::after {
    background: rgba(0, 0, 0, .18);
}

.headerMain-bg .hNav ul {
    border-right: 1px solid rgba(0, 0, 0, .18);
}

.headerMain-bg .hSs svg path {
    fill: #333;
}

.headerMain-bg .hSs span {
    color: #333;
}

.headerMain-bg .hSs a {
    color: #333;
}

/* 白底导航 */
.header.white {
    background: #fff;
}

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

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

.header.white .hNav ul {
    border-right: 1px solid rgba(0, 0, 0, .18);
}

.header.white .hNav ul li a {
    color: #333;
}

.header.white .hNav ul li a.on {
    color: #fff;
}

.header.white .hNav ul li::after,
.hSs span::after {
    background: rgba(0, 0, 0, .18);
}

.header.white .hSs svg path {
    fill: #333;
}

.header.white .hSs span {
    color: #333;
}

.header.white .hSs a {
    color: #333;
}

/* 黑底导航 */

.header.black {
    /* background: none; */
    border-bottom: 1px solid rgb(0 0 0 / 8%);
}

.header.black.headerMain-bg {
    /* border-bottom: none; */
    box-shadow: none;
}

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

.header.black .img2 {
    display: block;
}

.header.black .hNav ul {
    border-right: 1px solid rgba(0, 0, 0, .18);
}

.header.black .hNav ul li a {
    color: #333;
}

.header.black .hNav ul li a.on {
    color: #fff;
}

.header.black .hNav ul li::after,
.hSs span::after {
    background: rgba(0, 0, 0, .18);
}

.header.black .hSs svg path {
    fill: #333;
}

.header.black .hSs span {
    color: #333;
}

.header.black .hSs a {
    color: #333;
}

/* 底部 */

.footer {
    width: 100%;
    position: relative;
}

.footer .inner {
    width: 82%;
    position: relative;
    z-index: 2;
}

.footTop {
    padding: 30px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #e4e3e3;
}

.footLogo img {
    width: 66px;
}

.footIcon a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #e4e3e3;
    margin: 0 10px;
}

.footIcon a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    padding: 20%;
}

/*  */
.footerXq {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.footCon {
    width: 20%;
    padding: 40px 0 50px;
    padding-right: 5%;
    border-right: 1px solid #e4e3e3;
}



.footCon_item {
    margin-bottom: 30px;
}

.footCon_item span {
    color: #5c5c5c;
    font-size: 18px;
}

.footCon_item p {
    color: #999;
    text-transform: uppercase;
}

.footNav {
    width: 78%;
    padding: 40px 0 50px;
}

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

.footNav ul li a {
    font-size: 13px;
    color: #999;
    display: block;
    margin-bottom: 12px;
}

.footNav ul li a span {
    font-size: 16px;
    color: #5c5c5c;
    display: block;
    margin-bottom: 20px;
}

.footBot {
    padding: 12px 0;
    border-top: 1px solid #e4e3e3;
    position: relative;
    z-index: 2;
}

.footBot p {
    color: #999;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footBot p span {
    /* padding-left: 20px; */
    color: #999;
}

.footBot p a {
    color: #999;
}

/*  */

.footPic {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.footPic .swiper-container {
    height: 100%;
}

.footPic .swiper-slide {
    width: 200%;
}

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

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



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

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

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

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

/*  */






















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

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

.indBanBox .inner {
    height: 100%;
}

.indBan {
    height: 100%;
    overflow: hidden;
}

.indBan .swiper-container {
    height: 100%;
}

.indBan .swiper-slide {
    width: 100%;
}

.banImg {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.banImg .img_m{
    display: none;
}

.banImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    position: absolute;
    left: 0;
    top: 0;

}

.banImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 5s;
}


.indBan .swiper-slide-active .banImg img {
    /* transform: scale(1.2); */
    transition: all 10s;
}


.banBut {
    display: flex;
    width: 115px;
    justify-content: space-between;
    position: absolute;
    left: 8%;
    bottom: 15%;
    z-index: 999;
    transition: all .48s;
}

.banBut::after {
    content: '';
    width: 1px;
    height: 60%;
    background: rgba(255, 255, 255, .48);
    position: absolute;
    left: 50%;
    top: 20%;
}

.banBut a {
    display: flex;
    align-items: center;
    color: #fff;
      font-family: 'SourceHanSerifCN';
    line-height: 1.4;
    font-size: 18px;
}

.banBut a img {
    width: 20px;
    margin: 0 5px;
}


.indBan .swiper-pagination {
    width: 84%;
    height: 2px;
    left: 8%;
    top: initial;
    bottom: 10%;
    background: rgb(255 255 255 / 62%);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #d61e15;
    height: 2px;
    top: 0px;
}

.indBanText {
    width: 50%;
    position: absolute;
    left: 8%;
    top: 35%;
    z-index: 2;
}

.indBanText span {
    display: block;
    font-size: 68px;
      font-family: 'SourceHanSerifCN';
    line-height: 1.4;
    color: #fff;
    letter-spacing: 2px;
}

.indBanText span.s1 {
    font-size: 42px;
    margin-bottom: 20px;
}

.indBanText p {
    width: 70%;
    color: #eee;
    font-size: 28px;
    line-height: 1.4;
    letter-spacing: 1.5px;
}

/*  */

.banBullet {
    width: 160px;
    position: absolute;
    left: 8%;
    bottom: 32%;
}

.banBullet .swiper-slide {
    padding: 0 15px;
}

.banBullet span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #fff;
    border-radius: 50%;
    position: relative;
}


.banBullet span svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0.4);
    opacity: 0;
}

.banBullet .swiper-slide-thumb-active span svg {
    opacity: 1;
    animation: jdt3 4s linear forwards;
}

@keyframes jdt3 {
    0% {
        stroke-dasharray: 0 190;
        stroke-dashoffset: 0;
    }

    100% {
        stroke-dasharray: 190 0;
        stroke-dashoffset: 0;
    }
}

/*  */

.indAb {
    width: 100%;
    height: 100vh;
    background: #fff;
    position: relative;
    padding-top: 89px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.indAb .inner {
    width: 94%;
    height: 100%;
}

.indAb::before {
    content: '';
    width: 50%;
    height: 100%;
    background-image: url(../images/indAb.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: right;
    position: absolute;
    right: 0;
    bottom: 0;
}


.indAbBox {
    width: 100%;
    height: 100%;
    padding: 50px 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.indAbL {
    width: 48%;
    height: 100%;
    /* padding-top: 43%; */
    position: relative;
    border-radius: 6% 10px 6% 10px;
}

.indAbL img {
    width: 100%;
    height: 100%;
    border-radius: 6% 10px 6% 10px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.indAbR {
    width: 48%;
    height: 100%;
    overflow-y: hidden;
}

.indAbText {
    padding-top: 30px;
}

.indAbText p {
    width: 90%;
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 2px;
    color: #5c5c5c;
    margin-bottom: 30px;
}

.indAbText .More {
    margin-top: 80px;
}

.indAbImg {
    width: 60%;
    margin-left: 40%;
    padding-top: 35%;
    position: relative;
    right: 0;
    border-radius: 4px;
}

.indAbImg img {
    width: 100%;
    height: 100%;
    border-radius: 4px;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.indAbPic {
    width: 100%;
    height: 300px;
    position: absolute;
    left: 0;
    bottom: 0;
}

.indAbPic .swiper-container {
    height: 100%;
}

.indAbPic .swiper-slide {
    width: 200%;
}

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

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

.swiper-container-free-mode>.swiper-wrapper {
    -webkit-transition-timing-function: linear;
    /*之前是ease-out*/
    -moz-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    transition-timing-function: linear;
    margin: 0 auto;
}


/*  */

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

.indCyBox .Tit1 {
    display: none;
}

.Tit2{
    position: absolute;
    left: 8%;
    top: 20%;
    z-index: 2;
}

@media (max-width: 1480px){
    .Tit2{
        left: 5%;
    }
}



.indCy {
    height: 100%;
    overflow: hidden;
}

.indCy .swiper-container {
    height: 100%;
}

.indCyImg {
    position: relative;
    overflow: hidden;
    height: 100%;
}

.indCyImg::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
    position: absolute;
    left: 0;
    top: 0;

}

.indCyImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 5s;
}

.indCyBut {
    display: flex;
    width: 120px;
    justify-content: space-between;
    position: absolute;
    left: 8%;
    bottom: 35%;
    z-index: 999;
    transition: all .48s;
}

.indCyBut a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

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


.indCyText {
    width: 40%;
    position: absolute;
    left: 8%;
    top: 30%;
    z-index: 2;
}

.indCyText .More {
    display: none;
    margin-top: 20px;
}

.indCyText span {
    display: block;
    font-size: 46px;
    line-height: 1.4;
    color: #fff;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.indCyText p {
    width: 85%;
    color: rgba(255, 255, 255, .68);
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 1px;
}


.indCy .swiper-pagination {
    width: auto;
    left: 8%;
    bottom: initial;
    top: 22%;
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
    display: flex;
    align-items: flex-start;
}

.indCy .swiper-pagination span {
    color: #fff;
    font-size: 20px;
    line-height: 1.4;
}

.indCy .swiper-pagination span.swiper-pagination-current {
    font-size: 66px;
    line-height: 0.7;
    margin-right: 5px;
}

.indCy .swiper-pagination span.swiper-pagination-total {
    margin-left: 5px;
}

/*  */
.indBanCye {
    width: 84%;
    position: absolute;
    left: 8%;
    bottom: 1px;
    z-index: 2;
}

.indBanCyeBox {
    width: 100%;
}

.indBanCyeBox .swiper-wrapper {
    align-items: flex-end;
}

.indBanCye_item {
    /* width: 33.33%; */
    display: block;
    padding: 50px 55px;
    border-radius: 4px 4px 0 0;
}

.indBanCye_itemA {
    padding: 60px;
    left: 5%;
    background-image: url(../images/indBanCye_itemA.png);
    background-repeat: no-repeat;
    background-size: cover;
    /* background-position: top; */
}


.indBanCye_itemB {
    background: #dd9f5f;
}

.indBanCye_itemC {
    background: #fff;
}

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

.indBanCye_text>div {
    display: flex;
    align-items: center;
}

.indBanCye_text span {
    display: inline-block;
    color: #fff;
    font-size: 18px;
    padding-right: 20px;
    position: relative;
}

.indBanCye_text span::after {
    content: '';
    width: 8px;
    height: 8px;
    background: url(../images/tit01.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 0;
    bottom: 4px;
}

.indBanCye_text b {
    display: inline-block;
    color: rgba(255, 255, 255, .68);
    font-size: 12px;
    line-height: 1.2;
}

.indBanCye_text img {
    width: 25px;
}

.indBanCye_itemC .indBanCye_text span {
    color: #333;
}

.indBanCye_itemC .indBanCye_text b {
    color: #666;
}

.indBanCye_itemC .indBanCye_zk p {
    color: #666;
}

.indBanCye_zk {
    opacity: 0;
    padding-top: 0px;
    transition: all .48s;
}

.indBanCye_zk p {
    color: rgba(255, 255, 255, .68);
    height: 0;
    transition: all .48s;
}

.swiper-slide-thumb-active .indBanCye_zk {
    opacity: 1;
    padding-top: 50px;
    transition: all .48s;
}

.swiper-slide-thumb-active .indBanCye_zk p {
    height: 50px;
    transition: all .48s;
}

/*  */
.indPro {
    width: 100%;
    height: 100%;
    padding-top: 89px;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* .indPro::after {
    content: '';
    width: 100%;
    height: 50%;
    background: #f8ecdf;
    position: absolute;
    left: 0;
    bottom: 0;
} */

.indPro .Tit {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
}

.indProImg {
    width: 100%;
    position: relative;
    padding-top: 148%;
    border-radius: 18px 8px 18px 8px;
}

.indProImg img {
    border-radius: 18px 8px 18px 8px;
}

.indProBut {
    display: flex;
    width: 120px;
    justify-content: space-between;
    transition: all .48s;
}

.indProBut a {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.indProBut a.prev {
    transform: rotate(-90deg);
}

.indProBut a.next {
    transform: rotate(90deg);
}

.indProBut a img {
    width: 100%;
    height: 100%;
    margin-left: 0;
}

.indProText {
    margin-top: 30px;
}

.indProText h5 {
    color: #010101;
    font-size: 18px;
    /* font-weight: bold; */
    text-align: center;
}

.indProText p {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 10px 0;
}

.indProText p span {
    font-size: 22px;
    color: #010101;
}

.indProText p span b {
    font-size: 14px;
    color: #010101;
}

.indProText p i {
    font-size: 16px;
    color: #010101;
}


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

.indPro_li {
    text-align: center;
    margin-left: 120px;
    cursor: pointer;
}

.indPro_li i {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    position: relative;
}

.indPro_li i::after {
    content: '';
    width: 120px;
    height: 1px;
    border-top: 1px solid rgb(221 159 95 / 50%);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(-110%, -50%);
}

.indPro_li i img {
    width: 100%;
    height: 100%;
    padding: 20%;
    margin-left: 0;
    position: absolute;
    left: 0;
    top: 0;
}

.indPro_li i .img2 {
    display: none;
}

.indPro_li p {
    display: block;
}

.indPro_li:first-child i::after {
    display: none;
}

.indPro_li.on i {
    background: #dd9f5f;
}

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

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

/*  */
.indNew {
    width: 100%;
    height: 100vh;
    padding-top: 90px;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.indNew .inner {
    width: 82%;
}

.indNewBox {
    display: flex;
}

.newMore {
    display: none;
    text-align: center;
    margin-top: 20px;
}

.indNewL {
    width: 50%;
}

.indNewL .Tit.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 60px;
}

.indNewR {
    width: 50%;
    padding-left: 5%;

    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.indNewItem {
    display: block;
    border-radius: 10px;
    border: 1px solid #dedede;
    transition: all .48s;
}

.indNewR .indNewItem:last-child .indNewText{
    padding: 40px 35px;
}


.indNewItem .indNewImg {
    width: 100%;
    border-radius: 10px;
    position: relative;
    padding-top: 44%;
    overflow: hidden;
    transition: all .48s;
}

.indNewItem b img {
    width: 30px;
}

.indNewItem b .img2 {
    display: none;
}

.indNewText {
    padding: 25px 35px;
}

.indNewText i {
    display: block;
    color: #dd9f5f;
    font-size: 12px;
    margin-bottom: 10px;
}

.indNewText span {
    color: #5c5c5c;
    display: block;
    font-size: 18px;
    line-height: 1.4;
    margin-bottom: 30px;
}


.indNewR .indNewItem:first-child {
    margin-bottom: 30px;
}

.indNewText p {
    color: #fff;
    font-size: 14px;
}

.indNewItem .indNewImg:hover img {
    transform: scale(1.08);
    transition: all .48s;
}

.indNewItem:hover {
    background: #dd9f5f;
    transition: all .48s;
}

.indNewItem:hover .indNewText i {
    color: #fff;
    transition: all .48s;
}

.indNewItem:hover .indNewText span {
    color: #fff;
    transition: all .48s;
}

.indNewItem:hover b .img2 {
    display: block;
}

.indNewItem:hover b .img1 {
    display: none;
}









@media(max-width:1480px) {
    .More a {
        padding: 5px 28px;
        letter-spacing: 1px;
        border-radius: 20px 4px 20px 4px;
    }

    .inner {
        width: 90%;
    }

    .Tit {
        margin-bottom: 28px;
    }

    .Tit span {
        font-size: 46px;
    }

    .Tit img {
        width: 8px;
    }

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

    .hNav ul li a {
        margin: 0 15px;
        padding: 22px 15px;
        font-size: 15px;
    }
    
    .hZk{
        top: 71px;
    }

    .hSs span {
        font-size: 15px;
    }

    .hSs svg {
        width: 18px;
        height: 18px;
    }

    .hSs a {
        font-size: 17px;
    }

    /*  */
    .indBanText,
    .banBullet,
    .banBut {
        left: 5%;
    }

    .indBan .swiper-pagination {
        width: 90%;
        left: 5%;
    }

    .indBanText span {
        font-size: 52px;
    }


    .indBanText p {
        width: 75%;
        font-size: 21px;
        letter-spacing: 1px;
    }

    /*  */
    .indAb {
        padding-top: 71px;
    }

    .indAbBox {
        padding: 40px 0;
    }

    .indAbText p {
        font-size: 14px;
        letter-spacing: 1px;
        margin-bottom: 20px;
    }

    .indAbText .More {
        margin-top: 45px;
    }

    .indAbText {
        padding-top: 18px;
    }

    .indAbPic {
        height: 220px;
    }

    /*  */
    .indCy .swiper-pagination span.swiper-pagination-current {
        font-size: 54px;
    }

    .indCy .swiper-pagination,
    .indCy .swiper-pagination span {
        font-size: 18px;
    }

    .indCyText span {
        font-size: 38px;
        margin-bottom: 15px;
    }

    .indCyText p {
        font-size: 14px;
        width: 80%;
    }

    .indCyBut {
        width: 100px;
    }

    .indCyBut a {
        width: 40px;
        height: 40px;
    }

    .indBanCye_item {
        padding: 35px 40px;
    }

    .indBanCye_itemA {
        padding: 45px;
    }

    .swiper-slide-thumb-active .indBanCye_zk {
        padding-top: 30px;
    }

    .indBanCye_zk p {
        font-size: 13px;
        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 2;
    }

    .indCyBut,
    .indCy .swiper-pagination,
    .indCyText {
        left: 5%;
    }

    .indBanCye {
        width: 90%;
        left: 5%;
    }

    /*  */
    .indPro {
        padding-top: 70px;
    }

    .indProBut {
        width: 100px;
    }

    .indProBut a {
        width: 40px;
        height: 40px;
    }

    .indProText h5 {
        font-size: 16px;
        padding-bottom: 12px;
    }

    .indProText p {
        padding: 4px 0;
    }

    .indProText p span {
        font-size: 18px;
    }

    .indProText p span b {
        font-size: 12px;
    }

    .indProText p i {
        font-size: 14px;
    }

    .indPro_li {
        margin-left: 80px;
    }

    .indPro_li i::after {
        width: 80px;
    }

    .indPro_li i {
        width: 30px;
        height: 30px;
    }

    .indPro_li p {
        line-height: 1;
    }

    /*  */
    .indNew {
        padding-top: 70px;
    }

    .indNewText span {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .indNewText p {
        font-size: 12px;
    }

    .indNewText {
        padding: 20px 30px;
    }

    /*  */
    .footer .inner {
        width: 90%;
    }

    .footLogo img {
        width: 52px;
    }

    .footTop {
        padding: 20px 0;
    }

    .footIcon a {
        width: 34px;
        height: 34px;
    }

    .footNav ul li a span {
        margin-bottom: 12px;
    }

    .footNav ul li a {
        margin-bottom: 8px;
    }

    .footCon_item {
        margin-bottom: 20px;
    }

    .footCon {
        padding: 30px 0 40px;
        padding-right: 2%;
    }

    .footNav {
        padding: 30px 2% 40px;
    }
}





/* ================================================================================about */
.abGsjj {
    width: 100%;
    height: calc(100vh - 89px);
    margin-top: 89px;
    background-image: url(../images/gsjj_bg.png);
    background-repeat: no-repeat;
    background-size: cover;

    display: flex;
    flex-direction: column;
    justify-content: center;
}

.abGsjjBox {
    display: flex;
}

.abGsjjImg {
    width: 46.25%;
    padding-top: 43%;
    border-radius: 45px 10px 45px 10px;
}


.abGsjjImg img {
    border-radius: 45px 10px 45px 10px;
}

.abGsjjText {
    width: 53.75%;
    padding-left: 8%;
    padding-top: 20px;
}

.abGsjjText h5 {
    font-size: 38px;
    line-height: 1;
    font-weight: bold;
    color: #fff;
    margin-bottom: 10px;
}

.abGsjjText h5 b {
    color: #fff;
    font-size: 22px;
    padding-left: 8px;
}

.abGsjjText h6 {
    color: rgba(255, 255, 255, .68);
    margin-bottom: 40px;
}

.abGsjjText p {
    width: 53%;
    color: rgba(255, 255, 255, .8);
    line-height: 2.2;
    padding: 10px 40px 0;
    position: relative;
}

.abGsjjText p i img {
    width: 24px;
}

.abGsjjText p .i1 {
    position: absolute;
    left: 0;
    top: 0;
}

.abGsjjText p .i2 {
    position: absolute;
    right: 0;
    bottom: 0;
}

/*  */
.dwSF {
    position: relative;
    top: -170px;
}

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

.abGsjsImg {
    width: 35%;
    position: absolute;
    top: 5%;
    right: 5%;
    padding-top: 37.2%;
}

.abGsjsImg_m {
    display: none;
}

.abGsjsImg.fixed {
    position: fixed;
    right: 5%;
    top: 140px;
}

.abGsjsImg.pos {
    top: auto;
    bottom: 60px;
}

.abGsjsL {
    width: 52%;
}

.abGsjsTxt p {
    font-size: 18px;
    margin-bottom: 28px;
}

.abShuju {
    width: 90%;
    margin-top: 45px;
    display: flex;
    justify-content: space-between;
}

.abShuju_li b {
    color: #d2281c;
    font-size: 64px;
    line-height: 1;
    font-weight: bold;
}

.abShuju_li i {
    color: #d2281c;
    text-transform: uppercase;
}

.abShuju_li dd {
    font-size: 18px;
    font-weight: bold;
}

/*  */
.abLn {
    margin-top: 120px;
}

.abLn .xian {
    width: 100%;
    height: 1px;
    background: #dfdfe0;
    position: relative;
    margin-bottom: 30px;
}

.abLn .xian::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 5px;
    height: 5px;
    background: #fff;
    border-radius: 50%;
    border: 4px solid #d2281c;
}

.abLn .xian::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    width: 180px;
    height: 1px;
    background: #d2281c;
    z-index: 2;
}

.abLn_li {
    width: calc(50% - 20px);
    padding: 40px 0;
    border-bottom: 1px solid #ececec;
    position: relative;
}

.abLn_liXq {
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

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

.abLn_liL b {
    font-size: 36px;
    font-weight: bold;
    line-height: 0.8;
    margin-right: 35px;
}


.abLn_liL p span {
    font-size: 24px;
    line-height: 1;
    font-weight: bold;
    display: block;
}

.abLn_liL p i {
    font-size: 12px;
    line-height: 1;
}

.abLn_liL p i img {
    width: 10px;
}


.abLn_liXq a img {
    width: 40px;
}

.abLn_zk {
    padding-top: 20px;
    padding-left: 75px;
    display: none;
}

.abLn_zk p {
    font-size: 16px;
    margin: 5px 0;
}

.abLnXq {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.abLnXq_img {
    position: absolute;
    right: -80px;
    top: 0;
}

.abLnXq_img img {
    width: 380px;
}

/*  */
.abHis {
    width: 100%;
    background-image: url(../images/abHis_bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.abHis .Tit {
    padding-bottom: 30px;
    border-bottom: 1px solid rgb(217 159 100 / 25%);
}

.abHisXqBox {
    display: none;
}

.abHisXq {
    display: flex;
    flex-wrap: wrap;
}

.abHi_tit {
    width: 100%;
    margin-bottom: 30px;
}

.abHi_tit span {
    font-size: 26px;
    font-weight: bold;
    color: #5f5f5f;
}

.abHisImg {
    width: 46%;
    padding-top: 28%;
    border-radius: 45px 10px 45px 10px;
}

.abHisImg img {
    border-radius: 45px 10px 45px 10px;
}

.abHisText {
    width: 54%;
    height: 450px;
    overflow-y: scroll;
    padding-left: 40px;
}


.abHis_li {
    margin-bottom: 30px;
}

.abHis_li span {
    color: #dd9f5f;
    font-size: 26px;
    line-height: 1;
    display: block;
    margin-bottom: 30px;
}

.abHis_li span b {
    color: #dd9f5f;
    font-size: 26px;
    font-weight: bold;
}

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

/*  */
.abHisTime {
    border-top: 2px solid #e1e1e1;
    margin-top: 120px;
    display: flex;
    justify-content: space-between;
}

.abHisTime span {
    color: #adadad;
    padding-top: 50px;
    font-size: 26px;
    line-height: 1;
    font-weight: bold;
    margin-top: -2px;
    cursor: pointer;
    border-top: 2px solid #e1e1e1;
}

.abHisTime span.on {
    color: #dd9f5f;
    border-top: 2px solid #dd9f5f;
}

/*  */
.abRyu {
    width: 100%;
    background-image: url(../images/abRyu_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding: 128px 0 168px;
}

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

.abRyuText p {
    width: 50%;
    font-size: 18px;
}

.abRyu_ul {
    margin-top: 250px;
    display: flex;
    justify-content: space-between;
}

.abRyu_li {
    width: calc(25% - 20px);
    padding: 35px 30px;
    background: #fff;
    border-radius: 10px 45px 10px 45px;
    box-shadow: 0 0 30px rgba(0, 0, 0, .18);
    display: block;
    transition: all .48s;
}

.abRyu_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 15px;
    border-bottom: 1px solid #e9e8e8;
    position: relative;
    margin-bottom: 30px;
}

.abRyu_top::after {
    content: '';
    width: 20px;
    height: 3px;
    background: #d2281c;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.abRyu_top span {
    color: #d2281c;
}

.abRyu_top span b {
    font-size: 52px;
    line-height: 1;
    font-weight: bold;
    color: #d2281c;
}

.abRyu_li img {
    width: 26px;
}

.abRyu_li p {
    font-size: 22px;
    font-weight: bold;
    transition: all .48s;
}

.abRyu_top .img2 {
    display: none;
}

.abRyu_li:hover {
    transform: translateY(-20px);
    transition: all .48s;
}

.abRyu_li:hover p {
    color: #d2281c;
}

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

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

/*  */
/* <!-- 责任 --> */
.abZr {
    width: 100%;
    background-image: url(../images/abZr_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

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

.abZrText {
    width: 54%;
    padding-right: 11%;
}

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

.abZr_con {
    display: flex;
    align-items: center;
    margin-top: 100px;
}

.abZr_con span {
    font-size: 20px;
    font-weight: bold;
}

.abZrBox .swiper-pagination {
    width: 55%;
    height: 2px;
    position: initial;
    margin: 0 15px;
}

.abZrBox .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e62c1e;
}

.abZrBut {
    margin-left: 40px;
}

.abZrBut a img {
    width: 40px;
}

/*  */
.abZrImgBox {
    width: 46%;
}

.abZrImg {
    padding-top: 93%;
    border-radius: 45px 10px 45px 10px;
}

.abZrImg img {
    border-radius: 45px 10px 45px 10px;
}

.abZrImg span {
    width: 100%;
    display: block;
    position: absolute;
    left: 0;
    bottom: 20px;
    color: #fff;
    font-size: 18px;
    text-align: center;
}

/*  */
.abWh {
    width: 100%;
    background-image: url(../images/abWh_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    padding-bottom: 150px;
}

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

.abWhBox {
    position: relative;
}

.abWh .Tit {
    margin-bottom: 0px;
}

.abWhXq {
    width: 100%;
}

.abWhXq .swiper-container {
    padding-left: 8%;
}

.abWhXq .swiper-wrapper {
    position: relative;
}

.abWhXq .swiper-wrapper::after {
    content: '';
    width: calc(100vw * 3);
    height: 100%;
    background-image: url(../images/abWh_x.png);
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -15%;
    top: -2%;
    opacity: .48;
    z-index: -1;
}

.abWhImg {
    padding-top: 72%;
    border-radius: 45px 10px 45px 10px;
}

.abWhImg img {
    border-radius: 45px 10px 45px 10px;
}

.abWhImg span {
    display: inline-block;
    color: #fff;
    font-size: 106px;
    line-height: 0.7;
    font-weight: bold;
    position: absolute;
    right: 30px;
    bottom: 0;
}

.abWhXq p {
    font-size: 24px;
    font-weight: bold;
    margin-top: 25px;
}

.abWhXq .swiper-slide {
    padding-top: 240px;
}

.abWhXq .swiper-slide:nth-child(2n) {

    padding-top: 75px;
}




.abWhBut a {
    display: inline-block;
    margin-right: 10px;
}

.abWhBut a img {
    width: 50px;
}

/*  */
@media (max-width: 1680px) {
    .Tit span {
        font-size: 48px;
    }

    /* =============================================================about */
    .abGsjjText p {
        width: 66%;
    }

    .abGsjjText p i img {
        width: 21px;
    }

    /*  */
    .abLn_li {
        padding: 36px 0;
    }

    .abShuju_li b {
        font-size: 58px;
    }

    .abLn {
        margin-top: 100px;
    }

    .abLn_liL p span {
        font-size: 21px;
    }

    .abLn_liL b {
        font-size: 32px;
    }

    .abLn_liXq a img {
        width: 34px;
    }

    /*  */
    .abHisTime {
        margin-top: 100px;
    }

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

    /*  */
    .abWhXq p {
        font-size: 21px;
    }

    .abWhBut a img {
        width: 45px;
    }

}

@media (max-width: 1480px) {
    .abGsjj {
        height: calc(100vh - 70px);
        margin-top: 70px;
    }

    .abGsjjText {
        padding-top: 0;
    }

    .abGsjjText h5 {
        font-size: 32px;
    }

    .abGsjjText h5 b {
        font-size: 18px;
    }

    .abGsjjText p {
        width: 66%;
        line-height: 2;
    }

    .abGsjjText p i img {
        width: 20px;
    }

    .abGsjjText h6 {
        margin-bottom: 22px;
    }

    /*  */
    .abGsjsTxt p {
        font-size: 16px;
        margin-bottom: 20px;
    }

    .abShuju_li b {
        font-size: 48px;
    }

    .abShuju_li dd {
        font-size: 16px;
    }

    .abLn_li {
        padding: 30px 0;
    }

    .abLn_liL b {
        font-size: 32px;
    }

    .abLn_liL p span {
        font-size: 22px;
    }

    .abLn_liXq a img {
        width: 28px;
    }

    .abLnXq_img {
        right: -50px;
    }

    .abLnXq_img img {
        width: 288px;
    }

    /*  */
    .abHi_tit {
        margin-bottom: 20px;
    }

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

    .abHis_li span {
        font-size: 22px;
        margin-bottom: 20px;
    }

    .abHis_li span b {
        font-size: 22px;
    }

    .abHis_li p {
        padding-bottom: 15px;
    }

    .abHisTime {
        margin-top: 80px;
    }

    .abHisTime span {
        padding-top: 30px;
        font-size: 22px;
    }

    /*  */
    .abRyu {
        padding: 108px 0 108px;
    }

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

    .abRyu_ul {
        margin-top: 200px;
    }

    .abRyu_li {
        padding: 30px 25px;
    }

    .abRyu_top span b {
        font-size: 40px;
    }

    .abRyu_top {
        margin-bottom: 18px;
    }

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

    /*  */
    .abZrText p {
        font-size: 16px;
        margin-bottom: 15px;
    }

    /*  */
    .abWh {
        padding-bottom: 108px;
    }

    .abWhImg span {
        font-size: 80px;
    }

    .abWhXq p {
        font-size: 20px;
        margin-top: 20px;
    }

    .abWhXq .swiper-slide {
        padding-top: 220px;
    }

    .abWhXq .swiper-container {
        padding-left: 5%;
    }

    .abWhXq .swiper-slide:nth-child(2n) {
        padding-top: 60px;
    }

    .abWhBut a img {
        width: 45px;
    }
}

/* ============================================================================honor */
.honBan {
    width: 100%;
    height: 620px;
    background: url(../images/honBan.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.honBan .inner {
    height: 100%;
    display: flex;
    align-items: center;
}

.honBan_li {
    display: inline-block;
    margin-right: 110px;
}

.honBan_li:last-child {
    margin-right: 0;
}

.honBan_li span {
    display: block;
    padding-right: 110px;
    padding-bottom: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .28);
    position: relative;
    margin-bottom: 20px;
    color: #fff;
}

.honBan_li span b {
    color: #fff;
    font-size: 50px;
    line-height: 1;
    font-weight: bold;
}

.honBan_li p {
    font-size: 18px;
    color: #fff;
}

/*  */
.honor {
    background: url(../images/honor_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.honTit {
    position: relative;
    margin-bottom: 48px;
}

.honTit::after {
    content: '';
    width: calc(100% - 90px);
    height: 1px;
    background: #cbcbce;
    position: absolute;
    right: 0;
    top: 50%;
}

.honTit span {
    font-size: 18px;
    font-weight: bold;
}

/*  */
.honImg {
    padding-top: 68%;
}

.honTop{
    position: relative;
}

.honTop .swiper-slide p {
    text-align: center;
    font-size: 20px;
    margin-top: 15px;
}

.honTop .swiper-container {
    padding-bottom: 68px;
}

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

.honTop .swiper-pagination-bullet {
    margin: 0 4px !important;
    background: #d2281c;
    opacity: .48;
}

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

.honTop .prev ,
.honTop .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.honTop .prev img,
.honTop .next img{
    width: 30px;
}

.honTop .prev{
    left: -50px;
}

.honTop .next{
    right: -50px;
}

/*  */
.bonTime {
    padding: 0 110px;
    position: relative;
}

.honBot .honTit::after {
    width: calc(100% - 130px);
}

.bonTime .swiper-slide {
    text-align: center;
    cursor: pointer;
}

.bonTime span {
    display: block;
    font-size: 16px;
}

.bonTime i {
    position: relative;
    opacity: 0;
}

.bonTime i::after {
    content: '';
    width: 20px;
    height: 1px;
    background: rgba(210, 40, 28, .18);
    position: absolute;
    left: -5px;
    top: 50%;
    transform: translateX(-100%);
}

.bonTime i::before {
    content: '';
    width: 20px;
    height: 1px;
    background: rgba(210, 40, 28, .18);
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateX(100%);
}

.bonTime img {
    width: 14px;
}

.bonTime .swiper-slide-thumb-active span {
    color: #d2281c;
}

.bonTime .swiper-slide-thumb-active i {
    opacity: 1;
}

.bonTime a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.bonTime a img {
    width: 12px;
}

.bonTime .prev {
    left: 0;
}

.bonTime .next {
    right: 0;
}

/*  */
.bonText {
    margin-top: 48px;
}

.bonText .swiper-slide {
    display: flex;
    justify-content: space-between;
    opacity: 0 !important;
}

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

.bonText_l {
    width: 20%;
    padding-right: 70px;
}

.bonText_l span {
    font-size: 24px;
    display: block;
    margin-bottom: 25px;
    cursor: pointer;
}

.bonText_l span.on {
    color: #d2281c;
}

/*  */
.bonText_r {
    width: 80%;
    padding-left: 70px;
    border-left: 1px solid #c8c9cd;
    max-height: 420px;
    overflow-y: scroll;
}

.bonText_li {
    display: none;
}

.bonText_r span {
    display: block;
    margin-bottom: 25px;
    font-size: 16px;
}

/* ==========================================================================industry */
.industry {
    width: 100%;
    height: 100vh;
    background-image: url(../images/bg1.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.industry .Tit {
    padding-left: 8%;
}

.industryImg {
    width: 100%;
    padding-top: 60%;
    border-radius: 45px 10px 45px 10px;
}

.industryImg img {
    border-radius: 45px 10px 45px 10px;
}

.industryImg span {
    color: #fff;
    display: inline-block;
    font-size: 26px;
    line-height: 1.75;
    color: #fff;
    position: absolute;
    bottom: 20px;
    z-index: 10;
    left: 35px;
    transition: all 0.36s;
}

.industry_p {
    text-align: center;
    font-size: 21px;
    padding-top: 10px;
    color: #333;
    display: none;
}

.industryBox .swiper-container {
    padding-bottom: 100px;
}

.industryBox .swiper-wrapper {
    padding-left: 8%;
}

.industryBox .swiper-slide {
    cursor: pointer;
}


.industryBox .swiper-pagination {
    width: 220px;
    bottom: 0;
    left: 8%;
    top: initial;
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.45);
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #d61e15;
    border-radius: 4px;
}

/*  */

.induChangeBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    position: relative;
}

.induBut {
    position: absolute;
    right: 0;
    top: 0;
}

.induBut a {
    display: inline-block;
    margin: 0 4px;
}

.induBut a img {
    width: 50px;
}

.induChangeBox .swiper-pagination {
    width: 90%;
    height: 2px;
    position: initial;
}

.induChangeBox i {
    width: 10%;
    display: inline-block;
    font-size: 36px;
}

/*  */
body.on {
    overflow-y: hidden;
}

.industryTcBox {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    transform: translateY(120%);
    transition: all 1s;
    background: #fff;

}

.industryTcBox.on {
    transform: translateX(0);
}

.industryTcXq {
    width: 100%;
    height: 100vh;
}

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

.industryTcXq .swiper-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.industryTc_bot {
    padding-top: 88px;

    transition: all 0.6s;
    transition-delay: 1s;
    width: 100%;
    height: 100vh;
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.industryTc_botXq {
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.industryTc_img {
    width: 42%;
    padding-top: 46%;
    border-radius: 45px 10px 45px 10px;
}

.industryTc_img img {
    border-radius: 45px 10px 45px 10px;
}

.industryTc_Text {
    width: 50%;
    padding-right: 80px;
}

.industryTc_Text p {
    font-size: 16px;
    margin-bottom: 40px;
}

.industryTc_close {
    position: absolute;
    top: 24px;
    right: 40px;
    width: 56px;
    height: 56px;
    background: #dd9f5f;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
}

.industryTc_close img {
    width: 16px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}

.industryTcXq .swiper-pagination {
    width: 20px;
    right: initial;
    right: 4%;
}

.industryTcXq .swiper-pagination-bullet {
    background: #dd9f5f;
    opacity: .48;
}

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

/*  */
@media (max-width: 1480px) {
    .industryBox .swiper-container {
        padding-bottom: 68px;
    }

    .industry .Tit,
    .industryBox .swiper-wrapper {
        padding-left: 6%;
    }

    .induBut a img {
        width: 40px;
    }

    /*  */
    .industryTc_Text {
        padding: 30px;
    }

    .industryTc_close {
        width: 46px;
        height: 46px;
    }
}

/* ================================================================================pro */
.product {
    width: 100%;
    height: 100vh;
    background-image: url(../images/pro_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

.proBox {
    width: 100%;
    height: 100%;
    padding: 90px 8% 0 20%;
    position: relative;
}

.proL {
    /* height: 100%; */
    position: absolute;
    left: 5%;
    top: 25%;
    display: flex;
    flex-direction: column;
}

.proL .pro_li {
    flex: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 35px 65px;
    border-radius: 45px 10px 45px 10px;
    background: rgba(255, 255, 255, .48);

    text-align: center;
    margin-bottom: 35px;
    cursor: pointer;
    transition: all .48s;
}

.proL .pro_li:last-child {
    margin-bottom: 0;
}

.proL .pro_li img {
    width: 45px;
    margin-bottom: 10px;
}

.proL .pro_li .img2 {
    display: none;
}

.proL .pro_li span {
    display: block;
    color: #333;
    font-size: 24px;
    line-height: 1.2;
}

.proL .pro_li.on span {
    color: #fff;
}

.proL .pro_li.on {
    background: #dca66e;
}

.proL .pro_li.on .img1 {
    display: none;
}

.proL .pro_li.on .img2 {
    display: block;
}

/*  */
.proRbox {
    height: 100%;
    position: relative;
}

.proR {
    height: 100%;
    position: relative;
    display: none;
}

.proR .swiper-container {
    height: 100%;
}

.proR .swiper-slide {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

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

.proText {
    width: 50%;
    padding-top: 60px;
    padding-right: 6.5%;
}

.proText .Tit {
    margin-bottom: 58px;
    opacity: 0;
    transform: translateX(-30px);
    transition: all .48s .5s;
}

.proText span {
    color: #333;
}

.proText p {
    font-size: 18px;
    margin-bottom: 35px;
    opacity: 0;
    transform: translateX(-30px);
    transition: all .48s .6s;
}

.proText .More {
    opacity: 0;
    transform: translateX(-30px);
    transition: all .48s .7s;
}

.proImg {
    width: 50%;
    padding-top: 49%;
    border-radius: 45px 10px 45px 10px;
}

.proImg img {
    border-radius: 45px 10px 45px 10px;
}

/*  */
.proR_con {
    width: 50%;
    display: flex;
    align-items: center;
    position: absolute;
    left: 0;
    bottom: 140px;
    z-index: 2;
}

.proR_con span {
    font-size: 20px;
    font-weight: bold;
}

.proR .swiper-pagination {
    width: 55%;
    height: 2px;
    position: initial;
    margin: 0 15px;
}

.proR .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #e62c1e;
}

.proRBut {
    margin-left: 40px;
}

.proRBut a img {
    width: 40px;
}


/*  */
.proR .swiper-slide-active .proText .Tit {
    opacity: 1;
    transform: translateX(0);
}

.proR .swiper-slide-active .proText p {
    opacity: 1;
    transform: translateX(0);
}

.proR .swiper-slide-active .proText .More {
    opacity: 1;
    transform: translateX(0);
}

/*  */
body.on {
    overflow-y: hidden;
}

.industryTcBox {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 989;
    transform: translateY(120%);
    transition: all 1s;
    background: #fff;
}

.industryTcBox.on {
    transform: translateX(0);
}

.industryTcXq {
    width: 100%;
    height: 100vh;
}

.proList_imgBox .swiper-pagination {
    width: 100%;
    bottom: 0;
}

.industryTcXq .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 40px;
}

.industryTcXq.cy .swiper-container {
    padding-bottom: 0;
}

.industryTcXq .swiper-pagination-bullet {
    background: rgb(220 159 95 / 58%);
}

.industryTcXq .swiper-pagination-bullet-active {
    background: rgb(220 159 95);
}

.industryTcXq .swiper-slide {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.industryTc_close {
    position: absolute;
    top: 124px;
    right: 40px;
    width: 56px;
    height: 56px;
    background: #dd9f5f;
    border-radius: 50%;
    cursor: pointer;
    z-index: 9;
}

.industryTc_close img {
    width: 16px !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
}


.proList {
    background: #E4E8E7;
    height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.proList_ul {
    display: flex;
    justify-content: center;
}

.proList_li {
    width: 200px;
    margin: 0 20px;
    cursor: pointer;
}

.proList_li span {
    display: block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-radius: 1000px;
    font-size: 16px;
    background: #fff;
    color: #dd9f5f;
}

.proList_li.on span {
    color: #fff;
    background: #dd9f5f;
}

/*  */
.proList_imgBox {
    margin-top: 68px;
}

.proList_img {
    padding-top: 120%;
    border-radius: 45px 10px 45px 10px;
}

.proList_img img {
    border-radius: 45px 10px 45px 10px;
}

.proList_imgB {
    padding-top: 42%;
}

@media (max-width: 1480px) {
    .proList_li {
        width: 180px;
    }

    .proList_li span {
        padding: 15px 0;
    }

    .industryTc_close {
        width: 40px;
        height: 40px;
    }

    .proList_imgBox {
        margin-top: 48px;
    }
}

/*  */
@media (max-width: 1480px) {
    .proL {
        top: 30%;
    }

    .proL .pro_li {
        padding: 30px;
        min-width: 130px;
    }

    .proL .pro_li img {
        width: 35px;
    }

    .proL .pro_li span {
        font-size: 18px;
    }

    /*  */
    .proText {
        padding-top: 20px;
    }

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

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

    .proRBut a img {
        width: 35px;
    }

    .proRBut {
        margin-left: 25px;
    }
}

/* ===================================================================================================new */
.newTop {
    display: flex;
}

.newTopImg {
    width: 65.26%;
    border-radius: 6% 10px 6% 10px;
    padding-top: 40%;
}

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

.newTopImg img {
    border-radius: 6% 10px 6% 10px;
}

.newTopText {
    width: calc(100% - 65.26%);
    padding-left: 4.5%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.newTop_li {
    flex: auto;
    margin-bottom: 40px;
    border-bottom: 1px solid #e5e5e5;
}

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

.newTop_li span {
    font-size: 16px;
    line-height: 1.75;
    color: #dd9f5f;
}

.newTop_li p {
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.65;
    color: #333333;
    overflow: hidden;
    transition: all 0.36s;
}

.newBot {
    width: 100%;
    margin-top: 88px;
}

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

.newBot_sel {
    width: 270px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    height: 64px;
    line-height: 64px;
    padding: 0 24px;
}

.newBot_sel form{
    width: 100%;
    height: 100%;
}

.newBot_sel select {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    cursor: pointer;
    font-size: 14px;
    color: #999999;
}

.newBot_ipt {
    width: calc(100% - 270px);
    padding-left: 17px;
    position: relative;
}

.newBot_ipt img {
    width: 26px;
    position: absolute;
    right: 24px;
    top: 50%;
    transform: translateY(-50%);
}

.newBot_ipt input {
    width: 100%;
    height: 64px;
    line-height: 64px;
    border: 1px solid #e5e5e5;
    border-radius: 14px;
    padding: 0 24px;
    cursor: pointer;
    font-size: 14px;
    color: #999999;
}

.newBot_ipt input::placeholder {
    color: #999;
}

/*  */
.newBotXq {
    display: flex;
    flex-wrap: wrap;
    margin-top: 68px;
}

.newBot_item {
    display: block;
    width: calc(33.33% - 34px);
    margin-right: 50px;
    height: 535px;
    background: #fff;
    margin-bottom: 50px;
    box-shadow: 0px 0px 84px 0px rgb(0 0 0 / 7%);

    padding: 40px;
    position: relative;
    border-radius: 6% 10px 6% 10px;
    overflow: hidden;
    box-sizing: border-box;
}

.newBot_item:nth-child(3n) {
    margin-right: 0;
}

.newBot_img {
    padding-top: 0%;
    border-radius: 10px;
    transition: .56s;
}

.newBot_img img {
    border-radius: 10px;
}


.newBot_text {
    padding-top: 80px;
    transition: all .48s;
}

.newBot_text i, .newBot_text small {
    display: block;
    font-size: 16px;
    line-height: 1.75;
    color: #dd9f5f;
}

.newBot_text span {
    display: block;
    font-size: 22px;
    line-height: 33px;
    height: 99px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin: 30px 0;
    transition: all .48s;
}

.newBot_text p {
    font-size: 16px;
    color: #666666;
    line-height: 24px;
    height: 48px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin-bottom: 30px;
    transition: all .48s;
}

.newBot_item.ok:hover .newBot_img {
    padding-top: 60%;
}

.newBot_item.ok:hover .newBot_text {
    padding-top: 10px;
}

.newBot_item.ok:hover .newBot_text span {
    margin: 10px 0;
}

.newBot_item.ok:hover .newBot_text p {
    height: 0;
    margin-bottom: 0;
}

/*  */
@media (max-width: 1680px) {
    .newTop_li {
        margin-bottom: 25px;
    }

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

    /*  */
    .newBot_item {
        height: 505px;
    }

    .newBot_text span {
        font-size: 20px;
    }
}

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

    /*  */
    .newBot_item {
        height: 440px;
    }

    .newBot_text {
        padding-top: 40px;
    }

    .newBot_text span {
        font-size: 18px;
        margin: 20px 0;
    }
}

/* ===============================================================================hr */
/* <!-- 理念愿景 --> */

.hrYj {
    background: url(../images/hrYj_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
}

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

.hrYjText {
    width: 45%;
}

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

.hrYjImg {
    width: 50%;
    padding-top: 45%;
}

/*  */

.hrZp {
    background: #ebebeb;
}

.hrZpTop {
    width: 100%;
    padding-right: 360px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.hrZp_ipt {
    width: 30%;
    padding: 22px 40px;
    border-radius: 1000px;

    background: #fff;
    position: relative;
}

.hrZp_ipt select,
.hrZp_ipt input {
    width: 100%;
    height: 100%;
    border: none;
    background: none;
    font-size: 18px;

}

.hrZp_ipt input::placeholder {
    font-size: 18px;
    color: #666;
}

.hrZp_ipt svg {
    width: 20px;
    height: 20px;
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}

.hrZpTop a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 200px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #dd9f5f;
    border-radius: 1000px;
    font-size: 20px;
    color: #fff;
}

.hrZpTop a svg {
    width: 20px;
    height: 20px;
    margin-left: 10px;
}

.hrZpTop a svg path {
    fill: #fff;
}

/*  */
.hrZpBot {
    margin-top: 75px;
}

.hrZp_li {
    background-image: url(../images/hrZp_li.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 20px;
    border-radius: 30px;
    /* background: #fff; */
    padding: 0 60px;
}

.hrZp_div {
    width: 100%;
    height: 80px;
    border-radius: 1000px;

    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

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

.hrZp_L i {
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #666666;
    border-radius: 50%;
    margin-right: 20px;
}

.hrZp_L span {
    color: #666666;
    font-weight: 600;
    font-size: 16px;
}

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

.hrZp_R span {
    color: #666666;
    font-weight: 600;
    margin-right: 20px;
    font-size: 16px;
}

.hrZp_R svg {
    width: 16px;
    height: 16px;
    transition: all .48s;
}

.hrZp_R svg path {
    fill: #666;
}

.hrZp_div.on .hrZp_R svg {
    transform: rotate(90deg) translateX(-5px);
}

/*  */
.hrZp_zk {
    width: 100%;
    padding: 60px 0;
    border-top: 1px solid rgba(102, 102, 102, 0.2);
    display: none;
}

.hrZp_zk .list {
    margin-bottom: 80px;
}

.hrZp_zk .list .mc {
    font-size: 18px;
    color: #dd9f5f;
    font-weight: bold;
    margin-bottom: 30px;
    position: relative;
}

.hrZp_zk .list .mc::after {
    content: '';
    width: calc(100% - 120px);
    height: 1px;
    background: rgb(221 159 95 / 20%);
    position: absolute;
    right: 0;
    top: 50%;
}

.hrZp_zk .list .list_p {
    font-size: 16px;
    color: #666666;
    line-height: 2.2;
}

.hrZp_zk a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 80px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 20px;
    color: #dd9f5f;
    transition: all .48s;
}

.hrZp_zk a svg {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.hrZp_zk a:hover {
    color: #fff;
    background: #dd9f5f;
    border-color: #dd9f5f;
}

.hrZp_zk a:hover svg path {
    fill: #fff;
    transition: all .48s;
}


/*  */

.jobTcBox {
    width: 100%;
    height: 100vh;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}

.jobTc {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 68%);
    position: relative;
}

.jobTcBox .jobTc_xq {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;

    width: 80%;
    padding: 80px;
    background: #fff;
    border-radius: 10px 45px 10px 45px;
    box-shadow: 0 7px 40px -10px rgb(29 48 48 / 25%);
}

.jobTc_xq form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.jobTc_xq form .list {
    width: 31%;
    margin-bottom: 40px;
}

.jobTc_xq .list h5 {
    margin-bottom: 20px;
    padding-left: 25px;
    color: #666;
}

.f-18 {
    font-size: 18px;
}

.jobTc_xq .list .inBox,
.inSelect {
    width: 100%;
    border: 1px solid #e2e2e2;
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 80px;
}

.jobTc_xq .list .inBox input,
.jobTc_xq .list .inSelect select {
    border: none;
    width: 80%;
    height: 70%;
    font-size: 18px;
}

.jobTc_xq .row {
    width: 100%;
}

.jobTc_xq .row a {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 260px;
    height: 80px;
    border: 1px solid #ebe9e6;
    box-shadow: 0 15px 30px -10px rgb(97 97 97 / 15%);
    border-radius: 1000px;
    font-size: 20px;
    color: #dd9f5f;
    transition: all .48s;
}

.jobTc_xq .row a:hover {
    background: #dd9f5f;
}

.jobTc_xq .row a:hover span {
    color: #fff;
}

.jobTc_close {
    position: absolute;
    right: 40px;
    top: 40px;
    cursor: pointer;
}

.jobTc_close svg {
    width: 40px;
    height: 40px;
}

/*  */
@media (max-width: 1480px) {
    .hrYjText p {
        font-size: 14px;
    }

    /*  */
    .hrZp_ipt {
        padding: 16px 30px;
    }

    .hrZp_ipt select,
    .hrZp_ipt input {
        font-size: 16px;
    }

    .hrZp_ipt input::placeholder {
        font-size: 16px;
    }

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

    .hrZpBot {
        margin-top: 56px;
    }

    .hrZp_div {
        height: 68px;
    }

    .hrZp_zk a {
        width: 220px;
        height: 68px;
    }

    .hrZp_zk .list .list_p {
        line-height: 2;
    }

    .hrZp_zk .list {
        margin-bottom: 48px;
    }

    /*  */
    .jobTc_xq .list .inBox,
    .inSelect {
        height: 68px;
    }

    .jobTc_xq .list .inBox input,
    .jobTc_xq .list .inSelect select {
        font-size: 16px;
    }

    .jobTc_xq .row a {
        width: 220px;
        height: 68px;
    }

    .jobTc_xq .list h5 {
        margin-bottom: 10px;
    }

    .f-18 {
        font-size: 16px;
    }
}

/* ============================================================================pro_list */
.proList {
    background: #E4E8E7;
    height: 100vh;
    padding-top: 90px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.proList_ul {
    display: flex;
    justify-content: center;
}

.proList_li {
    width: 200px;
    margin: 0 20px;
    cursor: pointer;
}

.proList_li span {
    display: block;
    width: 100%;
    padding: 20px 0;
    text-align: center;
    border-radius: 1000px;
    font-size: 16px;
    background: #fff;
    color: #dd9f5f;
}

.proList_li.on span {
    color: #fff;
    background: #dd9f5f;
}

/*  */
.proList_imgBox {
    margin-top: 68px;
}

.proList_img {
    padding-top: 46%;
    border-radius: 45px 10px 45px 10px;
}
.proList_imgXqA .proList_img {
    padding-top: 120%;
}

.proList_img img {
    border-radius: 45px 10px 45px 10px;
}

.proList_imgB {
    padding-top: 42%;
}

@media (max-width: 1480px) {
    .proList {
        padding-top: 40px;
    }

    .proList_li {
        width: 180px;
    }

    .proList_li span {
        padding: 15px 0;
    }
}

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

/* 地图 */
.dTu {
    width: 100%;
    height: 85vh;
    position: relative;
}

#dTu {
    width: 100%;
    height: 100%;
}

.conXq {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    background: #dca66e;
    border-radius: 45px 10px 45px 10px;
    box-shadow: 0 0 20px rgba(0, 0, 0, .18);
    /* padding: 60px; */
    padding: 80px 50px;
    z-index: 9;
}

.conXq span {
    font-size: 36px;
    color: #fff;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
}

.conXq p {
    color: rgb(255 255 255 / 80%);
    font-size: 16px;
}

.conBotBox {
    display: flex;
    flex-wrap: wrap;
}

.conBot_li {
    width: calc(25% - 40px);
    margin-right: 40px;
    margin-bottom: 40px;
    background: #f9f9f9;
    border-radius: 45px 10px 45px 10px;

    padding: 60px 40px;
    transition: all .48s;
}

.conBot_li:last-child {
    margin-right: 0;
}

.conBot_li span {
    font-size: 18px;
    font-weight: bold;
    display: block;
    margin-bottom: 30px;
}

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

.conBot_li:hover {
    transform: translate(10px, -10px);
    transition: all .48s;
}

@media (max-width: 1480px) {
    .contact {
        margin-top: 70px;
    }

    .conXq {
        padding: 80px 40px;
    }

    .conBot_li {
        padding: 30px 40px;
    }

    .conBot_li span {
        font-size: 21px;
        margin-bottom: 20px;
    }

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