@font-face {
    font-family: "OPPOSans";
    src: url(../font/OPPOSans-L.ttf);
    font-weight: 600;
}
@font-face {
    font-family: "OPPOSans";
    src: url(../font/OPPOSans-M.ttf);
    font-weight: 600;
}


@font-face {
    font-family: "OPPOSans";
    src: url(../font/OPPOSans-B-2.ttf);
    font-weight: 600;
}

@font-face {
    font-family: "BebasNeue";
    src: url(../font/BebasNeue-1.otf);
}



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

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

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

.fanYe a.on {
    color: #fff;
    background: #06a5c3;
    border-color: #06a5c3;
}



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

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

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


/*  */
html.on {
    overflow: hidden;
}

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

.padd {
    padding: 108px 0;
}

.marN {
    margin-top: 140px;
}

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

.Tit span {
    display: flex;
    align-items: center;
    color: #00a6c4;
    font-size: 21px;
    text-transform: uppercase;
    margin-bottom: 10px;
}


.Tit span img {
    width: 16px;
    margin-bottom: 5px;
    margin-right: 5px;
}

.Tit p {
    display: block;
    margin-bottom: 45px;
    color: #3d3d3d;
    font-size: 46px;
    text-transform: capitalize;
    font-weight: 600;
    line-height: 1;
}

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

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

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


/*  */

.More a {
    position: relative;
    z-index: 999;
    display: inline-block;
    padding: 10px 50px;
    color: #00a6c4;
    border: 1px solid #00a6c4;
    font-size: 18px;
    
    border-radius: 0;
    text-transform: uppercase;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.More a::after {
    content: '';
    width: 0%;
    height: 100%;
    background: #00a6c4;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.More a img {
    width: 16px;
}

.More.white a {
    color: #fff;
    border-color: #fff;
}

.More.white a::after {
    background: #fff;
}

.More a:hover {
    color: #fff;
}

.More.white a:hover {
    color: #00a6c4;
}

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

.More.bg a {
    color: #fff;
}

.More.bg a::after {
    width: 100%;
    background: #00a6c4;
}

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

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

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

.header.headN {
    box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
}

.header::after {
    content: '';
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all 1s;
}

/*  */
.header.show .hLog a {
    color: #333;
}

.header.show .hLog svg path {
    fill: #333;
}

.header.show .hSs input {
    border-color: #d6d6d6;
}

.header.show .hSs input::placeholder {
    color: #333;
}

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

.header.show .hLan a {
    color: #333;
    border-color: #d6d6d6;
}

/*  */

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

.header.show .hNav ul li a.nav_a svg path {
    fill: #333;
}

/*  */

.headerTop {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0 12px 8%;
    border-bottom: 1px solid #eee;
}

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

.hLogo img {
    width: 200px;
}

.hLogo .img2 {
    display: none;
}

.hLogo span {
    font-size: 18px;
    margin-left: 30px;
}

.headerMain-bg.header .hLogo span {
    display: none;
}

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

.hLog a {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #00a6c4;
    margin-right: 15px;
}

.hLog a svg {
    width: 18px;
    height: 18px;
    margin-right: 6px;
}

.hLog svg path {
    fill: #333;
}

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

.hLan a {
    display: block;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    color: #00a6c4;
    text-transform: uppercase;
    font-size: 14px;
    text-align: center;
    line-height: 32px;
    margin: 0 5px;
}

.hLan a.on {
    background: #00a6c4;
    color: #fff;
    border-color: #00a6c4;
}

.hCx {
    margin-right: 20px;
}

.hCx a {
    display: inline-block;
    padding: 6px 30px;
    font-size: 16px;
    background: #00a6c4;
    color: #fff;
}

/*  */

.headerBot {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8%;

    border-bottom: 1px solid #eee;
}

.headerMain-bg .headerBot {
    padding-left: 4%;
}

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

.headerMain-bg .hNav ul {
    height: 100%;
}

.headerMain-bg .hNav {
    align-items: center;
}

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

.hNav ul li a.nav_a {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all .48s;
}

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

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

.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 #333;
    font-size: 18px;
    text-transform: uppercase;
}


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


/*  */
.hSs {
    width: 20%;
    min-width: 260px;
    display: flex;
    align-items: center;
    position: relative;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}

.hSs input {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: none;
    color: #666;
    border: none;
    padding: 8px 10px;

}

.headerMain-bg .hSs input {
    display: none;
}

.hSs input::placeholder {
    color: #999;
    font-size: 16px;
}

.hSs svg {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
}

.hSs svg path {
    fill: #333;
}

/*  */
.navZk {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 20px;
    transform: translateY(100%);
    padding-top: 19px;
    z-index: 999;
    /* box-shadow: 0 0 10px rgba(0, 0, 0, 0.18); */
    display: none;
}

.navZkBox {
    background: rgba(255, 255, 255, 0.9);
    padding: 0 8% 40px;
    display: flex;
}

.navZkXq {
    width: 24%;
}

.navZk a,
.navSan_but {
    padding: 18px 0;
    font-size: 16px;
    font-weight: 600;
    color: #999 !important;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d0d0d0;
    transition: all .48s;
}

.navZk a svg,
.navSan_but svg {
    width: 18px;
    height: 18px;
}

.navZk a svg path,
.navSan_but svg path {
    fill: #999;
}

.navSan {
    padding-top: 19px;
    position: absolute;
    top: 0;
    right: 0;
    width: 72%;
    padding-left: 100px;
    z-index: 999;
    display: none;
}

.navSan::after {
    content: '';
    width: 1px;
    height: 90%;
    border-left: 1px solid #ccc;
    position: absolute;
    left: 50px;
    top: 20px;
}

.navSanBox {
    display: flex;
}

.navSanXq {
    width: 30%;
    margin-right: 3%;
}

.navZk a:hover {
    color: #000 !important;
}

.navSan_but:hover {
    color: #000 !important;
}

.navZk a:hover svg path {
    fill: #000;
}

.navSan_but:hover svg path {
    fill: #000;
}



/* 下拉导航变化 */

.headerMain-bg.header {
    background: none;
    box-shadow: 0 0px 1px 0 rgb(0 0 0 / 20%);
    display: flex;
    justify-content: space-between;
}

.headerMain-bg.header .hSs {
    border-left: none;
    border-right: none;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #eee;
}

.headerMain-bg.header .hSs {
    width: auto;
    min-width: auto;
}

.headerMain-bg.header .headerTop {
    margin-bottom: 0;
    border-bottom: none;
}

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

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

.headerMain-bg.header .headerBot {
    width: calc(100% - 300px);
}

.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 {
    color: #333;
}

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

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

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

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

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


/*900px导航*/

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

.headMenu span {
    display: block;
    width: 26px;
    height: 2px;
    margin: 6px 0;
    background: #333;
    -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;
}

.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;
    left: 0;
    bottom: 0;
    z-index: 9999;
    width: 100%;
    height: calc(100vh - 66px);
    background: #00a6c4;
    box-shadow: 0 5px 5px rgb(0 0 0 / 50%);
}

.moHead_mlbXq {
    width: 100%;
    height: 100%;
    padding-bottom: 65px;
    overflow-y: scroll;
    position: relative;
}

.moHead_mlb li {
    width: 100%;
    max-width: none;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    position: relative;
}

.moHead_mlb li:nth-child(4) {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.moHead_mlb li a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    padding: 15px 20px;
    display: block;
}

.moHead_mlb li.open {
    border-bottom: none;
}

.moHead_mlb li.open a {
    color: #fff;
}

.toggle {
    background: #1893aa;
    position: absolute;
    content: "";
    display: block;
    width: 54px;
    height: 55px;
    top: 0px;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .48s;
}

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

.toggle svg path {
    fill: #fff;
}

.toggle.open {
    transform: rotate(90deg);
}

.mlb_zk {
    display: none;
}

.mlb_zk a {
    display: block;
    font-size: 14px !important;
    border-top: 1px solid rgb(255 255 255 / 5%);
    color: #fff !important;
    background: #02698e;
    padding: 13px;
    padding-left: 30px !important;
}

.mlb_foot {
    width: 100%;
    background: #02698e;
    position: absolute;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: space-between;
    padding: 20px;
}

.mlb_foot a {
    font-size: 16px;
    color: #fff;
    display: block;
    flex: 1;
    text-align: center;
    position: relative;
}

.mlb_foot a::after {
    content: '';
    width: 1px;
    height: 80%;
    border-right: 1px solid rgb(255 255 255 / 15%);
    position: absolute;
    right: 0;
    top: 10%;
}

.mlb_foot a:last-child::after {
    display: none;
}

.navSan {
    display: none;
}

.mlb_zkSan {

    background: #02698e;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgb(255 255 255 / 5%);
}

.mlb_zkSan span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    color: #fff;
    font-size: 14px;
    padding: 15px 30px;
}

.mlb_zkSan span.on svg {
    transform: rotate(90deg);
}

.mlb_zkSan svg {
    width: 18px;
    height: 18px;
    transition: all .48s;
}

.mlb_zkSan svg path {
    fill: #fff;
}

.mlb_zkSan_xq {
    width: 100%;
    display: none;
}

.mlb_zkSan_xq a {
    display: block;
    font-size: 14px;
    border-top: 1px solid rgb(255 255 255 / 5%);
    color: #fff;
    background: #02698e;
    padding: 15px 30px;
    padding-left: 50px !important;
}

@media(max-width:680px) {
    .moHead_mlb {
        height: calc(100vh - 58px);
    }
}


/* footer */
.footer {
    width: 100%;
    border-top: 1px solid #f6f6f6;
}

.footBox {
    padding: 40px 0;
    display: flex;
    justify-content: space-between;
}

.footLogo {
    width: 30%;
    margin-right: 5%;
}

.footLogo img {
    width: 220px;
    margin-bottom: 25px;
}

.footLogo p {
    font-size: 15px;
}

/*  */
.foot_dz {
    width: 35%;
}

.foot_dz span {
    display: block;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.footXq_li p {
    font-size: 18px;
    color: #666;
    margin-bottom: 15px;
    text-transform: uppercase;
}

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

.footXq_li p b {
    font-size: 18px;
    color: #666;
    text-transform: uppercase;
}

/*  */
.foot_con {
    width: 25%;
}

.foot_con span {
    display: block;
    color: #333;
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.foot_con>div img {
    width: 38px;
    margin-right: 15px;
}

.footWx {
    position: relative;
}

.footWx_img {
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    -webkit-transform: translate(-50%, 100%);
    -moz-transform: translate(-50%, 100%);
    -ms-transform: translate(-50%, 100%);
    -o-transform: translate(-50%, 100%);
    transition: all.48s;
    -webkit-transition: all.48s;
    -moz-transition: all.48s;
    -ms-transition: all.48s;
    -o-transition: all.48s;
}

.footWx_img img {
    width: 100px !important;
    margin: 20px 0 0;
}

.footWx:hover .footWx_img {
    opacity: 1;
}

/*  */

.footBot {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0;
    border-top: 1px solid #ddd;
}

.footBot p img {
    width: 14px;
}

.footBot p,
.footBot p a {
    color: #999;
}



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


.change_but a {
    display: inline-block;
    width: 40px;
    height: 40px;
    background-color: rgb(232, 235, 241);
    border-radius: 50%;
    border: 1px solid rgba(66, 86, 122, 0.1);
    box-shadow: rgb(56 119 238 / 10%) 0px 0px 15px;
    cursor: pointer;
    position: relative;
    margin-right: 10px;
}

.change_but a::after {
    content: "";
    position: absolute;
    top: 35%;
    left: 50%;
    border-right: 2px solid rgb(56, 119, 238);
    border-bottom: 2px solid rgb(56, 119, 238);
    height: 0.416667vw;
    width: 0.416667vw;
    transform-origin: center center;
    transform: rotate(-45deg) translate(-50%, -50%);
}

.change_but a.prev::after {
    transform-origin: center center;
    transform: rotate(130deg) translate(15%, 15%);
}


/* 弹窗 */
.checkBox {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.48);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999;
    display: none;
}

.check {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100vh - 50px);
    max-width: 680px;
    width: 100%;
    background-color: #fff;
    overflow: auto;
    padding: 80px 0 100px;
    z-index: 2;
}

.close_check {
    cursor: pointer;
}


.checkXq {
    position: relative;
    overflow-y: auto;
    max-height: 100%;
    padding: 0 10%;
}



.check_form {
    margin: 0 auto;
    max-width: 720px;
}

.check_form .Tit {
    margin-bottom: 60px;
}

.check_ipt {
    margin-bottom: 36px;
    text-align: left;
    position: relative;
}

.check_ipt label {
    display: block;
    font-size: 16px;
    font-family: inherit;
    line-height: 1.6;
    font-weight: 400;
    color: #727272;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
}

.check_ipt label i {
    color: #f36b50;
}

.check_ipt select,
.check_ipt input {
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 13px 50px 13px 33px;
    border: 1px solid #5f5f5f;
    color: #727272;
    cursor: pointer;

}

.select_i {
    width: 50px;
    height: 40px;
    background: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.select_i svg {
    width: 14px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.check_ipt input::placeholder {
    font-size: 16px;
    color: #727272;
}

.check_form .More a {
    background: #00a6c4;
    color: #fff;
    margin-right: 20px;
    padding: 12px 50px;
}





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

.xian {
    width: 1px;
    height: 100%;
    border-left: 1px solid #e0dedf;
    opacity: .68;
    position: absolute;
    top: 0;
    z-index: 998;
}

.xian1 {
    left: 8%;
}

.xian2 {
    left: 24.8%;
}

.xian3 {
    left: 41.6%;
}

.xian4 {
    left: 58.4%;
}

.xian5 {
    left: 75.2%;
}

.xian6 {
    left: 92%;
}


/* ban */
.indBan {
    width: 100%;
    height: calc(100vh - 78px);
    margin-top: 78px;
    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, .2);
    position: absolute;
    left: 0;
    top: 0;
} */

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

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

.indBanText {
    position: absolute;
    left: 8%;
    top: 72%;
    transform: translateY(-50%);
    z-index: 2;
}

.indBanText b {
    display: block;
    color: #fff;
    font-size: 26px;
    margin-bottom: 5px;
}

.indBanText span {
    display: block;
    color: #fff;
    font-size: 56px;
    font-weight: 600;
    line-height: 1.4;
    margin-bottom: 35px;
}

.indBanText p {
    color: rgb(255 255 255 / 60%);
    font-size: 24px;
    
    letter-spacing: 2px;
    text-transform: uppercase;
    line-height: 1.4;
}


.indBan .swiper-pagination {
    width: auto;
    position: absolute;
    left: 8%;
    bottom: 250px;
}

.indBan .swiper-pagination-bullet {
    width: 2px;
    height: 12px;
    border-radius: 4px;
    background: #fff;
    opacity: .48;
    margin-right: 20px !important;
}

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

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

/*  */
.js_indBan {
    width: 40%;
    position: absolute;
    left: 5%;
    bottom: 15%;
    z-index: 2;
}

.js_indBan .swiper-pagination {
    position: initial;
    width: 100%;
    height: 1px;
    margin-bottom: 90px;
    text-align: left;
}

.js_indBan .swiper-pagination-bullet {
    width: 140px;
    height: 2px;
    background: rgb(247 248 249 / 50%);
    position: relative;
}

.js_indBan .swiper-pagination-bullet.swiper-pagination-bullet-active::after {
    content: '';
    width: 0;
    height: 100%;
    background: rgb(247 248 249 / 90%);
    position: absolute;
    left: 0;
    top: 0;
    animation: Width 6s linear forwards;
}

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

    100% {
        width: 100%;
    }
}

.banBut {
    display: flex;
    width: 292px;
    justify-content: space-between;
    transition: all .48s;
    position: relative;
}

.banBut::after {
    content: '';
    width: 1px;
    height: 60%;
    border-left: 1px solid rgb(255 255 255 / 30%);
    position: absolute;
    left: 50%;
    top: 20%;
}

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

.banBut a span {
    display: block;
    color: rgb(255 255 255 / 80%);
    line-height: 1.4;
    font-size: 18px;
    margin: 0 15px;
}

.banBut a img {
    width: 20px;
}

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

.indBan_a {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    cursor: pointer;
}

.indBan_a.prev {
    left: 2%;
}

.indBan_a.next {
    right: 2%;
}

.indBan_a img {
    width: 40px;
}


/* indpro */
.indPro {
    width: 100%;
    background: #f3f3f3;
    position: relative;
}

.indProBox {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 999;
}

.indPro_text {
    width: 24.8%;
    padding-left: 8%;
    position: relative;
}

.indPro_tit span {
    display: flex;
    align-items: center;
    color: #00a6c4;
    font-size: 21px;
    
    text-transform: uppercase;
    margin-bottom: 10px;
}

.indPro_tit span img {
    width: 18px;
    margin-bottom: 4px;
    margin-right: 5px;
}

.indPro_tit p {
    padding-left: 20px;
    display: block;
    margin-bottom: 45px;
    color: #3d3d3d;
    font-size: 46px;
    font-weight: 600;
    line-height: 1;
}


.js_indPro {
    width: 68%;
    height: 240px;
    position: absolute;
    top: 30%;
}

.js_indPro .swiper-slide {
    border-bottom: 1px solid #e0dedf;
    padding: 20px 0;
    display: flex;
    align-items: center;
}

.js_indPro span {
    padding-left: 40px;
    color: #00a6c4;
    font-size: 21px;
    line-height: 1;
    cursor: pointer;
}

.js_indPro .swiper-slide-thumb-active {
    background: #00a6c4;
    border-radius: 4px 0 0 4px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.18);
}

.js_indPro .swiper-slide-thumb-active span {
    color: #fff;
}


.js_indProR {
    width: 75.2%;
    position: relative;
    z-index: 999;
}

.js_indProR .swiper-slide {
    display: flex;
    justify-content: flex-end;
}

.indPro_img {
    width: 77.6%;
    height: 72vh;
    position: relative;
    z-index: 999;
}

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

.indPro_p {
    width: 38%;
    height: 70%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: rgb(0 166 196 / 90%);
    padding: 50px;
    z-index: 999;

    clip: rect(0px, 0px, auto, 0px);
}

.swiper-slide-active .indPro_p {
    clip: rect(0px, 1000px, auto, 0px);
    transition: all 2s;
}

.indPro_p i {
    color: #fff;
    padding-left: 50px;
    display: block;
    margin-bottom: 30px;
    position: relative;
}

.indPro_p i::after {
    content: '';
    width: 40px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.indPro_p span {
    display: block;
    font-size: 26px;
    
    text-transform: uppercase;
    color: #fff;
}

.indPro_p b {
    display: block;
    font-size: 30px;
    line-height: 1;
    margin-bottom: 30px;
    color: #fff;
}

.indPro_p p {
    font-size: 16px;
    line-height: 1.6;
    color: rgb(255 255 255 / 60%);
    margin-bottom: 40px;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}


.indPro_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

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

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


/*  首页承诺 */
.indCn {
    position: relative;
}

.indCn .Tit {
    display: flex;
    align-items: center;
    margin-bottom: 80px;
}

.indCn .Tit p {
    margin-bottom: 0;
}

.indCn .Tit_xq {
    width: 40%;
}

.indCn_r h5 {
    font-size: 21px;
}

.indCn_r {
    width: 60%;
    padding-left: 10px;
}

.indCn_but {
    display: block;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
}

.indCn_but img {
    width: 40px;
}

.indCn_but.prev {
    left: 3%;
}

.indCn_but.next {
    right: 3%;
}


.indCnBox {
    padding: 0 8%;
    position: relative;
    z-index: 999;
}

.indYsImg {
    width: 100%;
    position: relative;
    padding-top: 100%;
}

.indYsImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.indCnBox .swiper-slide {
    position: relative;
}

.indCnBox .swiper-slide::after {
    content: '';
    width: 100%;
    height: 50%;
    background: rgb(0 166 196 / 60%);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all .48s;
}

.indCnBox .swiper-slide span {
    display: flex;
    align-items: center;
    padding: 0 38px;
    color: #fff;
    
    text-transform: uppercase;
    font-size: 21px;
    position: absolute;
    left: 0;
    top: 50px;
    z-index: 2;
}

.indCnBox .swiper-slide span img {
    width: 32px;
    transform: scale(0.6);
    margin-right: 5px;
    margin-bottom: 5px;
}

.indCnBox .swiper-slide p {
    padding: 0 38px;
    color: #fff;
    font-size: 18px;
    min-height: 144px;
    position: absolute;
    left: 0;
    bottom: 40px;
    z-index: 2;

    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.indCnBox .swiper-slide:hover::after {
    height: 100%;
}

.indCnBox .swiper-slide:hover p {
    -webkit-line-clamp: 10;
}


/* 首页愿景 */
.indYj {
    width: 100%;
    position: relative;
    background-image: url(../images/indYj2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

/* .indYj::after {
    content: '';
    width: 50%;
    height: 100%;
    background: rgb(0 166 196 / 45%);
    position: absolute;
    right: 0;
    top: 0;
} */

.indYjBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 2;
}

.indYjImg {
    width: 50%;
    padding-top: 30%;
}

.indYjText {
    width: 50%;
    padding: 5%;
    background: #00a6c4;
}

.indYj_text {
    width: 100%;
}

.indYj_text p {
    color: #fff;
    font-size: 21px;
    margin-bottom: 100px;
}

.indYj_right {
    position: absolute;
    right: 7%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 2;
    text-align: center;
}

.indYj_right p {
    font-size: 21px;
    
    color: #fff;
    text-transform: uppercase;
    letter-spacing: 4px;
    line-height: 1;
    writing-mode: tb-rl;
    margin: 0 auto;
    margin-top: 50px;
    padding-bottom: 420px;
    position: relative;
}

.indYj_right p::after {
    content: '';
    width: 1px;
    height: 380px;
    background: rgba(251, 251, 251, 0.3);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* 报价 */

.indBj {
    width: 100%;
    background: #f6f6f6;
}

.indBjBox {
    text-align: center;
}

.indBjText {
    width: 80%;
    margin: 0 auto;
    border: 1px solid #ddd;
    background: #fff 0 0 no-repeat padding-box;
    border-radius: 4px;
    padding: 60px 10%;
}

.indBjText_xq span {
    color: #333;
    display: block;
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 30px;
    letter-spacing: 1px;
}

.indBjText_xq p {
    color: #666;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 40px;
}


.indBjText_xq i {
    font-size: 21px;
    font-weight: 600;
    
}

.indBjText_xq i b {
    font-size: 21px;
    color: #f36b50;
    font-weight: 600;
    
}

.indBjImg {
    width: 45%;
    position: relative;
    padding-top: 50%;
    overflow: hidden;
}

.indBjImg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .48s;
}


/* ===============================================================================内页公共 */
.banNImg {
    width: 100%;
    padding-top: 28%;
}

.marN {
    margin-top: 140px;
}


/* ===============================================================================product */

/* 拼箱 */
.proAb {
    margin-top: 140px;
}

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

.proText .Tit p {
    margin-bottom: 20px;
}

.proText .Tit p small {
    color: #fff;
    font-size: 20px;
    margin-left: 10px;
}

.proText {
    width: 50%;
    padding: 5% 5%;
    background: #00a6c4;
    display: flex;
    align-items: center;
}

.proText_p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
}

.proText_li p {
    font-size: 17px;
    color: rgba(255, 255, 255, .8);
    margin-bottom: 20px;
}

.proImg {
    width: 50%;
    position: relative;
    padding-top: 45%;
}

.proText_xq .More {
    margin-top: 40px;
}

/*  */

.proSol h6 {
    font-size: 18px;
}

.proSolBox {
    border: 1px solid #ddd;
    padding: 40px;
}

.proSol_li {
    display: block;
    border: 1px solid #ddd;
    padding: 24px;
    margin-bottom: 8px;
}

.proSol_li span {
    display: block;
    color: #00a6c4;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px;
}

.proSol_li p {
    font-size: 18px;
    color: #000;
    margin-bottom: 25px;
}

.proSol_li a {
    display: inline-flex;
    align-items: center;
    color: #00a6c4;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.proSol_li a img {
    width: 16px;
    margin-left: 5px;
}

/* 海运 */

/* .proItem:nth-child(2n) .proImg {
    order: -1;
} */

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

.proCpItem {
    width: calc(33.33% - 20px);
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.proCpBox::after {
    content: '';
    width: calc(33.33% - 20px);
}

.proCpImg {
    background: #00a6c4;
    padding-top: 52%;
}

.proCpImg svg {
    width: 100%;
    height: 100%;
    padding: 5%;
    position: absolute;
    left: 0;
    top: 0;
}

.proCpImg svg path {
    fill: #fff;
}

.proCpText {
    padding: 40px 50px;
}

.proCpText b {
    display: block;
    color: #666;
    margin-bottom: 10px;
}

.proCpText span {
    display: block;
    color: #000;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

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

.proCpText p.proHy {
    min-height: 230px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical;
}

@media (max-width: 900px) {
    .proCpText p.proHy {
        -webkit-line-clamp: 9;
        min-height: 202px;
    }
}

@media (max-width: 680px) {
    .proCpText {
        padding: 25px 20px;
    }
    .proCpText p{
        min-height: auto;
    }
}


.proCpText a {
    display: flex;
    align-items: center;
    color: #00a6c4;
    font-size: 16px;
}

.proCpText a svg {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}

.proCpText a svg path {
    fill: #00a6c4;
}


/* ==================================================================================资源 */
.proTab {
    width: 100%;
    padding: 0 5%;
    justify-content: space-between;
    border-bottom: 1px solid #f6f7f9;
    position: relative;
    background: #fff;
    z-index: 9;
    display: flex;
    align-items: center;
    display: none;
}

.proTab_zk {
    width: 100%;
    display: flex;
    padding: 15px 0;
    justify-content: space-between;
    align-items: center;
}

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

.proTab_zk svg {
    width: 20px;
    height: 20px;
    transition: all .48s;
}

.proTab_zk.on svg {
    transform: rotate(180deg);
}

.proTabEJ {
    width: 100%;
    padding: 0 5%;
    position: absolute;
    left: 0;
    top: 63px;
    background: #fff;
    z-index: 9;
    box-shadow: 0 15px 15px 0px rgb(0 0 0 / 18%);
    display: none;
}

.proTabEJ_li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
    border-bottom: 1px solid #eaeaea;
    cursor: pointer;
}


/*  */

.dwQGL {
    position: relative;
    top: -170px;
}

.serBox .inner {
    width: 84%;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.serNav {
    width: 300px;
    position: absolute;
    left: 0;
    top: 0;
}

.serNav.fixed {
    position: fixed;
    left: 8%;
    top: 150px;
}

.serNav.pos {
    top: auto;
    bottom: 0;
}

.serNav h5 {
    font-size: 36px;
    line-height: 1.6;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    position: relative;
}

.serNav h5::after {
    content: '';
    width: 55px;
    height: 2px;
    background: #00a6c4;
    position: absolute;
    left: 0;
    bottom: -1px;
}

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

.serNav_sx span {
    display: flex;
    align-items: center;
    width: 50%;
    font-size: 18px;
    position: relative;
}

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

.serNav_sx span::after {
    content: '';
    width: 1px;
    height: 60%;
    background: #e7e7e7;
    position: absolute;
    right: 0;
    top: 20%;
}

.serNav_sx b {
    width: 50%;
    display: block;
    text-align: right;
    font-size: 18px;
    color: #00a6c4;
}


.serNav_li {
    display: block;
    padding: 30px 0;
    border-bottom: 1px solid #e7e7e7;
}

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

.serNav_tit span {
    font-size: 16px;
    padding-right: 10px;
}

.serNav_li.on .serNav_tit span {
    color: #00a6c4;
}

.serNav_tit img {
    width: 14px;
}

/*  */
.serXuz {
    width: calc(100% - 300px);
    margin-left: 300px;
    padding-left: 120px;
    position: relative;
    min-height: 800px;
}

.serXuz::after {
    content: '';
    width: 1px;
    height: calc(100% + 30px);
    border-left: 1px dashed #e7e7e7;
    position: absolute;
    top: -25px;
    left: 60px;
}

.serXuz_li {
    margin-bottom: 58px;
}

.serXuz_li span {
    font-size: 21px;
    font-weight: bold;
    display: block;
    margin-bottom: 20px;
}

.serXuz_li p {
    padding: 2px 0;
    font-size: 16px;
}

.serXuz_li p b {
    font-weight: bold;
    font-size: 16px;
}

.serXuz_li p i {
    color: #00a6c4;
    font-size: 16px;
}

.serXuz_li table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    border-top: 1px solid #f7d3d2;
    border-left: 1px solid #f7d3d2;
    text-align: center;
    font-size: 16px;
    color: #4d4d4d;
    margin-top: 24px;
}

.serXuz_li table thead tr {
    height: 64px;
}

.serXuz_li table thead td {
    font-size: 16px;
    color: #00a6c4;
    font-weight: bold;
    background: #fef8f8;
}

.serXuz_li table tr {
    height: 50px;
}

.serXuz_li table td {
    padding: 0 10px;
    line-height: 1.4;
    border-right: 1px solid #f7d3d2;
    border-bottom: 1px solid #f7d3d2;
}

.serXuz_li h6 {
    margin: 20px 0 5px;
    font-weight: bold;
    font-size: 16px;
}

/* ===================================================================================new */
.new {
    background: #f6f6f6;
}

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

.newL {
    width: 40%;
    padding-right: 5%;
    padding-top: 2%;
}

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

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


.newL_p p {
    width: 90%;
    font-size: 18px;
    margin-bottom: 40px;
}

.newBut {
    position: absolute;
    right: 60px;
    bottom: 60px;
    z-index: 2;
}

.newBut a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #fff;
    margin-right: 15px;
}

.newBut a.prev {
    transform: rotate(180deg);
}

.newBut a img {
    width: 100%;
    height: 100%;
    padding: 15%;
}

/*  */

.newR {
    width: 60%;
    position: relative;
    padding-top: 40%;
    overflow: hidden;
}

.newR .swiper-container {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

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

/* .newR img {
    transform: scale(1.7);
} */

.newRBox {
    width: 60%;
    padding: 80px 60px;
    background: rgb(0 166 196 / 90%);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

.newRBox i {
    color: #fff;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.newRBox span {
    color: #fff;
    font-size: 21px;
    display: block;
    margin-bottom: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.newRBox p {
    color: rgb(255 255 255 / 60%);
    font-size: 18px;
    margin-bottom: 60px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;

}

.newRBox b {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    display: inline-flex;
    align-items: center;
    opacity: .6;
}

.newRBox b img {
    width: 26px;
    margin-left: 15px;
    position: initial;
}


/*  */

.newXq {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 108px;
}

.newXq::after {
    content: '';
    width: calc(33.33% - 30px);
}

.newItem {
    display: block;
    width: calc(33.33% - 30px);
    position: relative;
    margin-bottom: 40px;
}

.newImg {
    width: 100%;
    position: relative;
    left: 0;
    top: 0;
    padding-top: 52%;
}

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

.newText {
    width: 100%;
    position: relative;
    z-index: 2;
    background: #fff;
    transition: all .48s;
    padding: 30px 30px;
}

.newText i {
    color: #333;
    font-size: 16px;
    display: block;
    margin-bottom: 5px;
}

.newText span {
    color: #333;
    font-size: 21px;
    display: block;
    margin-bottom: 20px;
    min-height: 68px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.newText b {
    color: #333;
    font-weight: 600;
    font-size: 21px;
    display: inline-flex;
    align-items: center;
}

.newText b img {
    width: 26px;
    margin-left: 15px;
    position: initial;
}

.newText b .img2 {
    display: none;
}

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

.newItem:hover .newText b {
    color: #00a6c4;
}

.newItem:hover .newText b .img2 {
    display: block;
}

.newItem:hover .newText b .img1 {
    display: none;
}

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

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

.abLi {
    display: block;
    width: calc(33.33% - 30px);
    border-radius: 8px;
}

.abLi_img {
    padding-top: 56%;
    border-radius: 8px 8px 0 0;
}

.abLi_text {
    border-radius: 0 0 8px 8px;
    padding: 60px 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, .18);
    text-align: center;
}

.abLi_text span {
    display: inline-block;
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 1px;
    margin-bottom: 20px;
    position: relative;
}

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

/* .abLi_text span::after {
    content: '';
    width: 60%;
    height: 3px;
    background: #00a6c4;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
} */

.abLi_text i {
    display: block;
    color: #0056b3;
    text-decoration: underline;
}

/*  */

.abHz {
    background: #f6f6f6;
}

.abHz .Tit h6 {
    width: 80%;
    margin: 0 auto;
    font-size: 18px;
}

/* .abHzBox {
    margin-bottom: 80px;
} */
.abHzItem {
    display: flex;
    justify-content: center;
}

.abHzItem:first-child {
    margin-bottom: 50px;
}

.abHzItem:first-child .abHz_li {
    width: calc(16.66% - 50px);
    margin-right: 50px;
}

.abHz_li {
    width: calc(20% - 50px);
    margin-right: 50px;
}

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

.abHzImg {
    width: 100%;
    padding-top: 26%;
}

.abHzImg img {
    object-fit: contain;
}


/* ========================================ab1 */

.about {
    background: #fff;
}

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

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

.abText {
    width: 50%;
    height: 100%;
    background: rgb(6 165 195 / 90%);
    position: absolute;
    right: 0%;
    top: 50%;
    transform: translateY(-50%);
    padding: 50px 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.abText .Tit p {
    margin-bottom: 0;
}


.ab_p {
    width: 100%;
}

.ab_p span {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

.ab_p p {
    color: #fff;
    font-size: 18px;
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative;
}

.ab_p p i {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    border: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 8px;
}

.abText_a {
    display: flex;
    margin-top: 20px;
    margin-left: 20px;
}

.abText_a a {
    margin-right: 20px;
    opacity: 1;
}

.abText_a a.swiper-button-disabled {
    opacity: .68;
}

.abText_a img {
    width: 40px;
}

/* 关于承诺 */

.abCn {
    background: #f6f6f6;
}

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

.abCnText {
    width: 45%;
}

.abCnText .abCn_p p {
    width: 90%;
    font-size: 18px;
    margin-bottom: 15px;
}

.abCnImg {
    width: 50%;
    padding-top: 36%;
}

/* 关于愿景 */

/* .abYj .inner {
    width: 70%;
} */

.abYj_p {
    text-align: center;
    margin-bottom: 40px;
}

.abYj_p p {
    width: 92%;
    font-size: 18px;
    margin: 0 auto;
}

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

@media (max-width: 1680px){
    .Tit p {
        font-size: 32px;
    }
    .ab_p p {
        font-size: 16px;
        line-height: 1.4;
    }
}
@media (max-width: 1480px){
    .Tit {
        margin-bottom: 30px;
    }
    .ab_p p {
        font-size: 14px;
    }

    .abText {
        width: 56%;
    }
}


/* ========================================ab2 */
.abFz {
    padding-bottom: 0 !important;
}

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

.abFzItem:first-child {
    padding-top: 20px;
}

.abFzItem:nth-child(2n) {
    background: #f6f6f6;
}

.abFzItem:nth-child(2n) .abFzText {
    order: -1;
}

.abFzText {
    width: 50%;
    padding: 0 5%;
}

.abFzText .abFz_p img {
    width: 80px;
    margin-bottom: 40px;
}

.abFzText .abFz_p span {
    display: block;
    margin-bottom: 30px;
    color: #333;
    font-size: 40px;
    font-weight: 600;
    line-height: 1;
}

.abFzText .abFz_p p {
    width: 90%;
    font-size: 18px;
    line-height: 2;
    margin-bottom: 30px;
}

.abFzImg {
    width: 50%;
    padding-top: 34%;
}

@media (max-width: 1680px){
    .abFzText .abFz_p span{
        font-size: 36px;
    }
    .abFzText .abFz_p p {
        width: 90%;
    }

}


/* ========================================ab3 */

.abDyBox {
    background: #f6f6f6;
    padding: 60px 80px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.abDyBox::after {
    content: '';
    width: calc(50% - 40px);
}

.abDyItem {
    width: calc(50% - 40px);
    margin-bottom: 35px;
}

.abDyImg {
    width: 100%;
    padding-top: 56%;
}

.abDyText {
    padding: 20px 0;
    width: 100%;
}

.abDyText p {
    color: #666;
    font-size: 18px;
    min-height: 87px;
}


/* ========================================ab4 */

.abDd {
    border-top: 1px solid #eee;
}

.abDd_img img {
    width: 100%;
}

/*  */

.abDd_top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
    position: relative;
}

.abDd_top::after {
    content: '';
    width: 1px;
    height: 100%;
    border-left: 1px dashed #c5c5c5;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.abDb_item {
    width: 50%;
    padding: 0 5%;
}

.abDb_item span {
    display: block;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #28234d;
}

.abDb_item p {
    color: #727272;
    font-size: 17px;
    font-family: inherit;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
}

.abDb_item p b {
    font-weight: 600;
    font-size: 16px;
    color: #727272;
    text-transform: uppercase;
}

/*  */

.abDd_ul {
    width: 70%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.abDd_li {
    width: calc(50% - 10px);
    padding: 40px 40px 45px;
    margin: 10px 0;
    background-color: #f6f6f6;
    cursor: default;
    position: relative;
}

.abDd_li i {
    width: 100%;
    height: 6px;
    position: absolute;
    left: 0;
    top: 0;
}

.abDd_liTop {
    padding-bottom: 25px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cacaca;
}

.abDd_liTop span {
    display: block;
    font-size: 21px;
    line-height: 1.3;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    color: #28234d;
}

.abDd_liTop p {
    color: #727272;
    font-size: 18px;
    font-family: inherit;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: 0.6px;
    margin-bottom: 5px;
}

.abDd_liTop p b {
    font-weight: 600;
    font-size: 18px;
    color: #727272;
}

.abDd_liBot p {
    font-size: 18px;
    color: #727272;
}


/* ========================================ab5 */

.abRz .inner {
    width: 80%;
}

.abRz .Tit h6 {
    width: 90%;
    font-size: 18px;
    margin-bottom: 20px;
}

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

.abRzItem {
    width: calc(33.33% - 30px);
    text-align: center;
    background: #f5f5f5;
    padding: 60px;
    margin-bottom: 40px;
}

.abRzImg {
    width: 80%;
    margin: 0 auto;
    padding-top: 42%;
    margin-bottom: 30px;
}

.abRzImg img {
    object-fit: contain;
}

.abRzItem p {
    font-size: 16px;
    font-style: italic;
    color: #666;
}

/* ==============================================================================hr */

.hrAb {
    position: relative;
}

/*  */
.hrAbText {
    text-align: center;
    padding-bottom: 80px;
    margin-bottom: 80px;
    border-bottom: 1px solid #eaeaea;
}

.hrAbText span {
    display: block;
    color: #111;
    font-size: 46px;
    margin-bottom: 60px;
}

.hrAbText p {
    font-style: italic;
    font-size: 21px;
    margin-bottom: 30px;
    line-height: 1.8;
    color: #666;
}

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

.hrAbText p b {
    font-size: 36px;
    font-weight: 600;
    display: block;
    color: #06a5c3;
    margin-bottom: 10px;
}

.hrAbImg {
    width: 80%;
    padding-top: 28%;
    margin: 0 auto;
}

/*  */

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

.hrAbLi {
    /* width: calc(33.33% - 40px); */
    width: 100% !important;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.hrAbLi::after {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .48);
    background: #06a5c3;
    position: absolute;
    left: 0;
    top: 0;
}

.hrAbLi_img {
    width: 30%;
    padding-top: 19%;
    z-index: 2;
}

.hrAbLi_text {
    width: 70%;
    padding: 40px 50px 40px;
    position: relative;
    z-index: 2;
}

.hrAbLi:nth-child(2) .hrAbLi_text{
    order: -1;
}

.hrAbLi_text span {
    display: block;
    font-size: 26px;
    font-weight: 600;
    color: #00a6c4;
    color: #fff;
    margin-bottom: 10px;
}

.hrAbLi_text p {
    font-size: 16px;
    color: rgba(255, 255, 255, .68);
}

/*  */

.hrHr {
    background: #f6f6f6;
}

/*  */
.hrHr_li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 95px;
}

.hrHr_li:nth-child(2) .hrHr_liImg {
    order: -1;
}

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

.hrHr_liText {
    width: 40%;
    padding: 0 5%;
}

.hrHr_liText span {
    font-size: 46px;
    font-weight: 600;
    display: block;
    margin-bottom: 30px;
}

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

.hrHr_liImg {
    width: 60%;
    padding-top: 37%;
}

/* ====================================================================================hr_xq */
.hrHrXqBox {
    width: 100%;
}

.hrHrXq_item {
    padding: 0 8%;
    padding-bottom: 90px;
    margin-bottom: 90px;
    border-bottom: 1px solid #eaeaea;

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

.hrHrXq_item:nth-child(2n) .hrHrXq_text {
    order: -1;
}

.hrHrXq_img {
    width: 50%;
    padding-top: 31%;
}

.hrHrXq_text {
    width: 50%;
    padding: 0 5%;
}

.hrHrXq_item b {
    font-size: 16px;
    line-height: 1;
    font-weight: 600;
    color: #00a6c4;
    display: block;
    margin-bottom: 5px;
}

.hrHrXq_item span {
    display: block;
    font-size: 120px;
    line-height: 1;
    font-weight: 600;
    color: #00a6c4;
    margin-bottom: 40px;
    -webkit-text-stroke: 1px #101010;
    color: transparent;
}

.hrHrXq_item img {
    width: 100%;
    margin-bottom: 25px;
}

.hrHrXq_item p {
    text-align: left;
    font-size: 20px;
    line-height: 2;
}

/* ========================================================================================con */

.banNText {
    width: 45%;
    position: absolute;
    left: 8%;
    top: 50%;
    transform: translateY(-50%);
}

.banNText span {
    display: block;
    color: #fff;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 25px;
}

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

/*  */

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

.conText {
    width: 60%;
}

.conText .Tit h6 {
    font-size: 18px;
}

.con_li {
    margin-bottom: 20px;
}

.con_li span {
    display: block;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 20px;
}

.con_li p {
    font-size: 18px;
    /* padding-left: 20px; */
}

.con_p {
    margin-top: 40px;
}

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

.con_p a {
    color: #00a6c4;
    font-size: 18px;
    display: block;
    margin-bottom: 5px;
    padding-left: 20px;
}

/*  */
.conR {
    width: 34%;
    padding: 30px 40px;
    background-color: #F6F6F6;
}

.conR span {
    font-size: 30px;
    font-weight: 600;
    display: block;
    margin-bottom: 20px;
}

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

.conR form {
    width: 100%;
}

.conIpt {
    position: relative;
    margin-bottom: 15px;
    padding: 12px 25px;
    border: 1px solid #d0d0d0;
    background: #fff;
}

.conIpt.on input, .conIpt.on textarea {
    padding-top: 20px;
}

.conIpt.on i {
    font-size: 12px;
    color: #f00;
}

.conIpt.on b {
    font-size: 12px;
}

.conIpt i {
    width: 100%;
    display: block;
    font-size: 16px;
    position: absolute;
}

.conIpt b {
    color: #f00;
    font-size: 16px;
    position: absolute;
    left: -2px;
    top: 50%;
    transform: translate(-100%, -50%);
    -webkit-transform: translate(-100%, -50%);
    -moz-transform: translate(-100%, -50%);
    -ms-transform: translate(-100%, -50%);
    -o-transform: translate(-100%, -50%);
}

.conIpt.red::after {
    content: '*';
    color: #f00;
    font-size: 16px;
    position: absolute;
    top: 50%;
    left: 18px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.conR form input,
.conR form select {
    width: 100%;
    font-size: 16px;
    background: none;
    position: relative;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.conR form textarea {
    width: 100%;
    height: 140px;
    font-size: 16px;
    transition: all .48s;
    -webkit-transition: all .48s;
    -moz-transition: all .48s;
    -ms-transition: all .48s;
    -o-transition: all .48s;
}

.conR form input::placeholder,
.conR form textarea::placeholder {
    color: #666;
    font-size: 16px;
}

.conR form input::after {
    content: " *";
    color: #f00;
}

/* ==================================================================================bj */

.baoJia {
    border-top: 1px solid #eee;
}

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

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

.baoJiaText {
    width: 50%;
    padding-left: 5%;
}

.baoJia_p p {
    font-size: 18px;
    margin-bottom: 40px;
}

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

.baoJia_p form input {
    width: calc(50% - 10px);
    font-size: 16px;
    margin-bottom: 15px;
    padding: 12px 18px;
    border: 1px solid #d0d0d0;
}

.baoJia_p form input.w100 {
    width: 100%;
}

.baoJia_p form textarea {
    width: 100%;
    height: 140px;
    font-size: 16px;
    padding: 12px 18px;
    border: 1px solid #d0d0d0;
    margin-bottom: 15px;
}

.baoJia_p form input::placeholder,
.baoJia_p form textarea::placeholder {
    color: #666;
    font-size: 16px;
}

/* =================================================================================筛选弹窗详情 */
.track {
    margin-top: 140px;
    padding: 40px 0 98px;
}

.track_form span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 46px;
}

.track_form span a {
    display: inline-flex;
    align-items: center;
    border-radius: 4px;
    background: #06a5c3;
    color: #fff;
    padding: 8px 15px;
    font-size: 16px;
}

.track_form span a:hover {
    background: #ededed;
}

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

.track_form h6 {
    font-size: 16px;
    margin-bottom: 10px;
}

.track_form form {
    display: flex;
}

.track_form form select {
    width: 140px;
    border-radius: 6px;
    border: 1px solid #999;
    padding: 10px;
    margin-right: 5px;
}

.track_form form input {
    width: 265px;
    border-radius: 6px;
    border: 1px solid #999;
    padding: 10px;
    margin-right: 5px;
}

.track_form form input::placeholder {
    font-size: 16px;
    text-transform: uppercase;
}

.track_form form a {
    padding: 10px 20px;
    background: #00233d;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    border-radius: 4px;
}

.track_form p {
    color: #999;
    margin: 30px 0;
}

/*  */

.check_ipt {
    margin-bottom: 36px;
    text-align: left;
    position: relative;
}

.check_ipt label {
    display: block;
    font-size: 16px;
    font-family: inherit;
    line-height: 1.6;
    font-weight: 400;
    color: #727272;
    letter-spacing: 0.6px;
    margin-bottom: 15px;
}

.check_ipt label i {
    color: #f36b50;
}

.check_ipt select,
.check_ipt input {
    font-size: 16px;
    width: 100%;
    display: block;
    padding: 13px 50px 13px 33px;
    border: 1px solid #5f5f5f;
    color: #727272;
    cursor: pointer;

}

.select_i {
    width: 50px;
    height: 40px;
    background: #fff;
    position: absolute;
    right: 5px;
    bottom: 5px;
}

.check_ipt input::placeholder {
    font-size: 16px;
    color: #727272;
}

/*  */

.track_ts {
    width: 70%;
    border-radius: 8px;
    background: rgb(0 166 196 / 38%);
    padding: 15px 20px;
    font-size: 18px;
    display: flex;
    align-items: center;
    margin-bottom: 30px;
}

.track_ts img {
    width: 30px;
    margin-right: 10px;
}

/*  */
.track_xx {
    background: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #ccc;
    display: flex;
    margin-bottom: 20px;
}

.track_xxL {
    width: 80px;
    background: #00a6c4;
    border-radius: 8px 0 0 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.track_xxL img {
    width: 30px;
}

.track_xxR {
    width: calc(100% - 80px);
    padding: 25px 0;
    padding-left: 20px;
    display: flex;
    align-items: center;
}

.track_div {
    margin-right: 40px;
}

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

.track_div p {
    font-size: 21px;
}

/*  */
.track_tableTop {
    background: #f7f7f7;
    border-radius: 8px;
    border: 1px solid #ccc;
    display: flex;
    padding: 25px;
    font-size: 18px;
}

.track_tableTop img {
    width: 30px;
    margin-right: 20px;
}

.track_tableTop span {
    font-size: 18px;
    margin-right: 20px;
}

.track_tableItem {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    border: 1px solid #ccc;
    display: flex;
    padding: 25px;
    font-size: 18px;
}

.track_tableLi {
    flex: auto;
    display: flex;
    align-items: flex-start;
}

.track_tableLi img {
    width: 30px;
    margin-right: 20px;
}

.track_tableLi span {
    font-size: 18px;
    font-weight: 600;
}

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








/* =========================================================❤️增加 */

/* 视频 */

.footImg {
    position: relative;
    padding-top: 18%;
}

.planOne_play {
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.48s;
    cursor: pointer;
}

.planOne_play img {
    width: 58px;
    height: auto;
    position: initial;
}

.planOne_play p {
    color: #fff;
    font-size: 21px;
    margin-top: 20px;
}

/* tc */
.footVideo_tc {
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.68);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99999;
    display: none;
}

.footVideo {
    width: 60%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.footVideo video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

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

.close {
    position: absolute;
    left: 50%;
    bottom: 10%;
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer;
}

.close img {
    width: 40px;
}


@media (max-width: 768px) {
    .footImg {
        padding-top: 46%;
    }

    .planOne_play img {
        width: 38px;
    }

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

    .footVideo {
        width: 90%;
    }
}