@import url('https://fonts.googleapis.com/css2?family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
/*=============================================
             =  首页(i)  =
===============================================*/
#i-middle .header {
    position: relative
}
.i-middle {
    background-color: #f4f4f4;
}
.i-middle .i-middle-one {
    position: relative;
}
/* .i-middle .i-middle-one .mySwiper1 {
    position: relative;
    overflow: hidden;
}
.i-middle .i-middle-one .mySwiper1 .swiper-pagination {
    bottom: 17px;
    left: 50%;
    transform: translateX(-50%);
}
.i-middle .i-middle-one .mySwiper1 .swiper-pagination .swiper-pagination-bullet {
    background: #CACACA;
}
.i-middle .i-middle-one .mySwiper1 .swiper-pagination .swiper-pagination-bullet-active {
    background: #fff;
} */
.i-middle .i-middle-one .container-xl {
    position: absolute;
    left: 50%;
    top: 60%;
    transform: translate(-50%, -80%);
    z-index: 1;
    max-width: 1620px;
}
.i-middle .i-middle-one .container-xl > .banner-box .t1{
    color: #ffffff;
    font-size: 42px;
    line-height: 56px;
    text-align: center;
    font-weight: 500;
    text-transform: uppercase;
}
.i-middle .i-middle-one .container-xl > .banner-box{
    width: 56%;
    margin-left: auto;
}
.i-middle .i-middle-one .swiper-button-next,
.i-middle .i-middle-one .swiper-button-prev{
    display: none;
}
.i-middle .i-middle-one .container-xl > .banner-box p{
    font-size: 22px;
    line-height: 46px;
    text-align: center;
    text-transform: uppercase;
    border-radius: 23px;
    padding: 0 25px;
    background-color: #db261b;
    color: #ffffff;
    margin-top: 15px;
}
.i-middle .i-middle-two {
    padding: 170px 0 140px 0;
    background: linear-gradient(180deg,#F4F4F4 0%,#FCFCFC 100%); 
}
.i-middle .i-middle-two .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.i-middle .i-middle-two .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.i-middle .i-middle-two .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-two .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-two .container-xl .up .up-mid{
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #db261b;
}
.i-middle .i-middle-two .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.i-middle .i-middle-two .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-two .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-two .container-xl .mid{
    margin-top: 15px;
    font-weight: 500;
    font-size: 42px;
    line-height: 56px;
    color: #333333;
    text-align: center;
}
.i-middle .i-middle-two  .container-xl .down{
    padding: 55px 0 0 0;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3{
    margin-bottom: 15px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div{
    background-color: #ffffff;
    padding-bottom: 25px;
    height: 100%;
    border: 3px solid transparent;
    box-shadow: 0px 20px 50px 0px rgba(0, 0, 0, 0.02);
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt1{
    background-color: #db261b;
    padding: 10px 22px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt1 p{
    color: #fff;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 26px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-all;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 50px;
    padding-left: 30px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt1 p::before{
    position: absolute;
    content: "";
    left: 0;
    top: 1px;   
    background: url(../../images/icon/1.webp) no-repeat;
    width: 22px;
    height: 22px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-img{
    padding: 25px 22px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt2{
    padding: 0 22px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt2 p{
    color: #888888;
    font-size: 14px;
    line-height: 24px;
    font-weight: 400;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt2 a{
    color: #333333;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 10px;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div .down-txt2 a:hover{
    color: #D1121B;
}
.i-middle .i-middle-two  .container-xl .down .row .col-md-3 > div:hover{
    border: 3px solid #db261b;
}
.i-middle .i-middle-three{
    padding: 0 0 0 0;
    display: flex;
    align-items: center;
    gap: 90px;
    background: linear-gradient(180deg,#FCFCFC 0%,#FFFFFF 100%); 
}
.i-middle .i-middle-three .left{
    width: calc(50% - 150px);
    display: flex;
    align-items: center;
}
.i-middle .i-middle-three .left > div:nth-child(1){
    width: calc(50% - 30px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-three .left > div:nth-child(2){
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #fff;
    margin-left: 60px;
}
.i-middle .i-middle-three .left > div:nth-child(3){
    width: calc(50% - 44px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-three .mid{
    width: 120px;
    height: 120px;
    border: 6px solid #dddddd;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.i-middle .i-middle-three .mid p{
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    text-align: center;
    width: 60px;
    z-index: 2;
    text-transform: uppercase;
}
.i-middle .i-middle-three .mid::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 92px;
    height: 92px;
    background-color: #db261b;
    border-radius: 50%;
}
.i-middle .i-middle-three .right{
    width: calc(50% - 150px);
    display: flex;
    align-items: center;
}
.i-middle .i-middle-three .right > div:nth-child(1){
    width: calc(50% - 44px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-three .right > div:nth-child(2){
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #fff;
    margin-right: 60px;
}
.i-middle .i-middle-three .right > div:nth-child(3){
    width: calc(50% - 30px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-four{
    padding: 130px 0 180px 0;
    background-color: #fff;
}
.i-middle .i-middle-four .container-xl .title{
    display: flex;
    gap: 60px;
    align-items: center;
}
.i-middle .i-middle-four .container-xl .title p{
    color: #333333;
    font-size: 42px;
    font-weight: 500;
    line-height: 56px;
}
.i-middle .i-middle-four .container-xl .title .circle-ico{
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 5px solid #db261b;
    background-color: #fff;
}
.i-middle .i-middle-four .container-xl .title .circle-ico::after{
    position: absolute;
    content: "";
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 4px;
    background-color: #db261b;
}
.i-middle .i-middle-four .container-xl .label{
    margin-top: 27px;
    display: flex;
    gap: 55px;
}
.i-middle .i-middle-four .container-xl .label .label-left ul{
    display: flex;
    margin-bottom: 30px;
    gap: 75px;
    position: relative;
}
.i-middle .i-middle-four .container-xl .label .label-left ul::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 1px;
    background-color: #CCCCCC;
    bottom: 1px;
    left: 0;
}
.i-middle .i-middle-four .container-xl .label .label-left ul li{
    font-weight: 500;
    font-size: 23px;
    color: #999999;
    line-height: 46px;
    /* border-bottom: 1px solid #CCCCCC; */
    cursor: pointer;
    position: relative;
    padding-bottom: 10px;
    z-index: 2;
}
.i-middle .i-middle-four .container-xl .label .label-left ul li.active{
    color: #D1121B;
    border-bottom: 3px solid #D1121B;
}
.i-middle .i-middle-four .container-xl .label .label-left ul li.active::after{
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    bottom: -11px;
    z-index: 2;
}
.i-middle .i-middle-four .container-xl .label .label-right{
    background: #D1121B;
    padding: 17px 30px;
    margin-bottom: 30px;
}
.i-middle .i-middle-four .container-xl .label .label-right > a{
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
    padding-right: 30px;
    text-transform: uppercase;
}
.i-middle .i-middle-four .container-xl .label .label-right > a::before{
    position: absolute;
    content: ">>";
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    font-size: 18px;
    color: #FFFFFF;
}
.i-middle .i-middle-four .container-xl .content > div{
    flex-wrap: wrap;
    justify-content: space-between;
    display: none;
}
.i-middle .i-middle-four .container-xl .content > div.active{
    display: flex;
}
.i-middle .i-middle-four .container-xl .content .con-left{
    width: 48.6%;
    background: #FFFFFF;
    box-shadow: 0px 20px 80px 0px rgba(99,99,99,0.1);
}
.i-middle .i-middle-four .container-xl .content .con-left .text{
    padding: 50px;
}
.i-middle .i-middle-four .container-xl .content .con-left .text p:nth-child(1){
    font-weight: 600;
    font-size: 26px;
    color: #333333;
    line-height: 34px;
}
.i-middle .i-middle-four .container-xl .content .con-left .text p:nth-child(2){
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
}
.i-middle .i-middle-four .container-xl .content .con-left .text a{
    margin-top: 35px;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.i-middle .i-middle-four .container-xl .content .con-right{
    width: 48.5%;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box{
    display: flex;
    padding: 20px 55px 20px 20px;
    margin-bottom: 35px;
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.1);
    border: 3px solid transparent;
    position: relative;
    align-items: center;
    justify-content: space-between;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box:last-child{
    margin-bottom: 0;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box::before{
    position: absolute;
    content: "";
    left: 19px;
    top: -9px;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    opacity: 0;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box::after{
    position: absolute;
    content: "";
    left: 57px;
    top: -9px;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    opacity: 0;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box .left{
    width: 34%;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box .right{
    width: 60%;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box .right a{
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box .right a:hover{
    color: #D1121B;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box .right p{
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box:hover{
    background: rgba(255,255,255,0);
    border: 3px solid #D1121B;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box:hover::before{
    opacity: 1;
}
.i-middle .i-middle-four .container-xl .content .con-right .con-box:hover::after{
    opacity: 1;
}
.i-middle .i-middle-five{
    padding: 160px 0 140px 0;
}
.i-middle .i-middle-five .container-xl {
    max-width: 1675px;
    padding-right: 0;
    margin-right: 0;
    display: flex;
    justify-content: space-between;
}
.i-middle .i-middle-five .container-xl .left{
    width: 39%;
}
.i-middle .i-middle-five .container-xl .left .small-title{
    display: flex;
    gap: 30px;
    align-items: center;
}
.i-middle .i-middle-five .container-xl .left .small-title .circle-ico{
    position: relative;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid #db261b;
    background-color: #fff;
}
.i-middle .i-middle-five .container-xl .left .small-title .circle-ico::after{
    position: absolute;
    content: "";
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    width: 12px;
    height: 3px;
    background-color: #db261b;
}
.i-middle .i-middle-five .container-xl .left .small-title p{
    font-weight: 500;
    font-size: 16px;
    color: #D1121B;
    line-height: 24px;
    text-transform: uppercase;
}
.i-middle .i-middle-five .container-xl .left .title{
    margin-top: 20px;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.i-middle .i-middle-five .container-xl .left .text{
    margin-top: 40px;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
}
.i-middle .i-middle-five .container-xl .left .qt{
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
}
.i-middle .i-middle-five .container-xl .left .qt p{
    font-weight: 400;
    font-size: 20px;
    color: #999999;
    line-height: 36px;
    position: relative;
    padding-left: 39px;
    margin-right: 30px;
}
.i-middle .i-middle-five .container-xl .left .qt p::after{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../../images/icon/6.webp);
    width: 23px;
    height: 18px;
}
.i-middle .i-middle-five .container-xl .left .button{
    margin-top: 50px;
    max-width: 330px;
    background: #D1121B;
    padding: 20px;
}
.i-middle .i-middle-five .container-xl .left .button a{
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    position: relative;
    padding-right: 20px;
    text-transform: uppercase;
}
.i-middle .i-middle-five .container-xl .right{
    width: 56.6%;
}
.i-middle .i-middle-six{
    background-color: #fff;
    padding: 180px 0 120px 0;
}
.i-middle .i-middle-six  .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.i-middle .i-middle-six  .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.i-middle .i-middle-six  .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-six .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-six .container-xl .up .up-mid{
    font-size: 20px;
    line-height: 32px;
    font-weight: 500;
    color: #db261b;
    text-transform: uppercase;
}
.i-middle .i-middle-six  .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.i-middle .i-middle-six .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-six  .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #999999;
    z-index: 1;
}
.i-middle .i-middle-six .container-xl > .title{
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
    margin-top: 20px;
}
.i-middle .i-middle-six .container-xl > .text{
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    max-width: 1000px;
    text-align: center;
    margin: auto;
    margin-top: 10px;
}
.i-middle .i-middle-six .container-xl > .cont{
    margin-top: 60px;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4{
    margin-bottom: 40px;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div{
    background-color: #fff;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text{
    padding: 45px 39px 30px 39px;
    border: 3px solid transparent;
    position: relative;
    height: 100%;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text::before{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 39px;
    top: -10px;
    opacity: 0;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text::after{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 77px;
    top: -10px;
    opacity: 0;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text p:nth-child(1){
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text p:nth-child(2){
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div:hover > .text{
    background: rgba(209,18,27,0);
    border: 3px solid #D1121B;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div:hover > .text::after{
    opacity: 1;
}
.i-middle .i-middle-six .container-xl > .cont .col-md-4 > div:hover > .text::before{
    opacity: 1;
}
.i-middle .i-middle-seven{
    padding: 0 0 0 0;
    display: flex;
    align-items: center;
    gap: 90px;
    background: linear-gradient(180deg,#FFFFFF 0%,#f4f4f4 100%); 
}
.i-middle .i-middle-seven .left{
    width: calc(50% - 130px);
    display: flex;
    align-items: center;
}
.i-middle .i-middle-seven .left > div:nth-child(1){
    width: calc(50% - 30px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-seven .left > div:nth-child(2){
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #fff;
    margin-left: 60px;
}
.i-middle .i-middle-seven .left > div:nth-child(3){
    width: calc(50% - 44px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-seven .mid{
    width: 80px;
    height: 80px;
    border: 6px solid #dddddd;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.i-middle .i-middle-seven .mid img{
    z-index: 2;
}
.i-middle .i-middle-seven .mid::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 30px;
    height: 30px;
    background-color: #db261b;
    border-radius: 50%;
}
.i-middle .i-middle-seven .right{
    width: calc(50% - 130px);
    display: flex;
    align-items: center;
}
.i-middle .i-middle-seven .right > div:nth-child(1){
    width: calc(50% - 44px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-seven .right > div:nth-child(2){
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #fff;
    margin-right: 60px;
}
.i-middle .i-middle-seven .right > div:nth-child(3){
    width: calc(50% - 30px);
    height: 2px;
    background-color: #cccccc;
}
.i-middle .i-middle-eight{
    padding: 140px 0 190px 0;
}
.i-middle .i-middle-eight .up .title{
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    margin: auto;
    text-align: center;
}
.i-middle .i-middle-eight .up .title span{
    color: #D1121B;
}
.i-middle .i-middle-eight .up .text{
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin-top: 15px;
}
.i-middle .i-middle-eight .down{
    margin-top: 40px;
    position: relative;
}
.i-middle .i-middle-eight .down .t1{
    position: relative;
    z-index: 2;
}
.i-middle .i-middle-eight .down .t1 .container-xl{
    background: #FFFFFF;
    box-shadow: 0px 10px 20px 0px rgba(99,99,99,0.08);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 25px;
    padding: 27px 0;
}
.i-middle .i-middle-eight .down .t1 .container-xl > p{
    position: relative;
    padding-left: 34px;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 36px;
}
.i-middle .i-middle-eight .down .t1 .container-xl > p::after{
    position: absolute;
    content: "";
    background: url(../../images/icon/8.webp) no-repeat;
    width: 19px;
    height: 19px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.i-middle .i-middle-eight .down .t2{
    margin-top: -49px;
    position: relative;
    z-index: 1;
}
.i-middle .i-middle-eight .down .t2 .container-xl{
    max-width: 1530px;
    background: #FFFFFF;
    box-shadow: 0px 20px 80px 0px rgba(99,99,99,0.08);
    padding: 85px 50px 75px 50px;
    position: relative;
}
.i-middle .i-middle-eight .down .t2 .container-xl .mySwiper2{
    overflow: hidden;
}
.i-middle .i-middle-eight .down .t2 .container-xl .mySwiper2 .swiper-slide > div{
    position: relative;
}
.i-middle .i-middle-eight .down .t2 .container-xl .mySwiper2 .swiper-slide > div .text{
    position: absolute;
    width: 160px;
    height: 40px;
    background: rgba(255, 255, 255, 0.3);
    border-radius: 20px;
    padding-left: 43px;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 40px;
    bottom: 20px;
    left: 20px;
}
.i-middle .i-middle-eight .down .t2 .container-xl .mySwiper2 .swiper-slide > div .text::before{
    position: absolute;
    content: "";
    left: 19px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 18px;
    background: url(../../images/icon/11.webp) no-repeat;
}
.i-middle .i-middle-eight .down .t2 .container-xl .swiper-left{
    position: absolute;
    top: 50%;
    left: -90px;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 6px solid #DDDDDD;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}
.i-middle .i-middle-eight .down .t2 .container-xl .swiper-right{
    position: absolute;
    top: 50%;
    right: -90px;
    transform: translateY(-50%);
    width: 60px;
    height: 60px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 6px solid #DDDDDD;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 3;
    cursor: pointer;
}
.i-middle .i-middle-eight .down .t2 .container-xl .swiper-left:hover,
.i-middle .i-middle-eight .down .t2 .container-xl .swiper-right:hover,
.i-middle .i-middle-eight .down .t2 .container-xl .swiper-left:active,
.i-middle .i-middle-eight .down .t2 .container-xl .swiper-right:active{
    border: 6px solid #D1121B;
}
.i-middle .i-middle-nine{
    padding: 0 0 280px 0;
    background-color: #fff;
    position: relative;
}
.i-middle .i-middle-nine .container-xl{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    position: absolute;
    top: 13%;
    left: 50%;
    transform: translateX(-50%);
}
.i-middle .i-middle-nine .container-xl .left{
    width: 47.5%;
}
.i-middle .i-middle-nine .container-xl .left .t1{
    font-weight: 500;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 52px;
}
.i-middle .i-middle-nine .container-xl .left .t2{
    margin-top: 15px;
}
.i-middle .i-middle-nine .container-xl .left .t2 p{
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    padding-left: 30px;
    position: relative;
}
.i-middle .i-middle-nine .container-xl .left .t2 p::before{
    position: absolute;
    content: "√";
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    left: 0;
    top: 0px;
}
.i-middle .i-middle-nine .container-xl .left .t3{
    margin-top: 40px;
}
.i-middle .i-middle-nine .container-xl .left .t3 a{
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 19px;
    text-decoration-line: underline;
}
.i-middle .i-middle-nine .container-xl .left .t3 a:hover{
    color: #D1121B;
}
.i-middle .i-middle-nine .container-xl .left .t4{
    margin-top: 70px;
}
.i-middle .i-middle-nine .container-xl .right{
    width: 48.6%;
    background: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgba(99,99,99,0.1);
    padding: 90px 55px 50px 55px;
}
.i-middle .i-middle-nine .form-feedback .btn{
    margin-top: 10px;
    background: #D1121B;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding:  15px 0;
    max-width: 240px;
}
.i-middle .i-middle-nine .container-xl .right .form-row input,
.i-middle .i-middle-nine .container-xl .right .form-row textarea{
    background: #F4F4F4;
    border: 2px solid transparent;
}
.i-middle .i-middle-nine .container-xl .right .form-group{
    margin-bottom: 20px;
}
.i-middle .i-middle-nine .container-xl .right .form-row input:focus,
.i-middle .i-middle-nine .container-xl .right .form-row textarea:focus{
    border: 2px solid #D1121B;
}
.i-middle .i-middle-nine .container-xl .right .form-row input::placeholder,
.i-middle .i-middle-nine .container-xl .right .form-row textarea::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.i-middle .i-middle-ten{
    padding: 100px 0;
    background-color: #fff;
}
.i-middle .i-middle-ten .container-xl .title{
    display: flex;
    gap: 60px;
    align-items: center;
}
.i-middle .i-middle-ten .container-xl .title p{
    color: #333333;
    font-size: 42px;
    font-weight: 500;
    line-height: 56px;
    text-transform: uppercase;
}
.i-middle .i-middle-ten .container-xl .title .circle-ico{
    position: relative;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    border: 5px solid #db261b;
    background-color: #fff;
}
.i-middle .i-middle-ten .container-xl .title .circle-ico::after{
    position: absolute;
    content: "";
    left: 23px;
    top: 50%;
    transform: translateY(-50%);
    width: 23px;
    height: 4px;
    background-color: #db261b;
}
.i-middle .i-middle-ten .container-xl > .cont{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.i-middle .i-middle-ten .container-xl > .cont .left {
    display: flex;
    justify-content: space-between;
    width: 49%;
}
.i-middle .i-middle-ten .container-xl > .cont .left .left-box{
    width: calc(50% - 10px);
    margin-bottom: 40px;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div{
    background-color: #fff;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text{
    padding: 33px 45px 27px 29px;
    border: 3px solid transparent;
    position: relative;
    height: 100%;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text::before{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 39px;
    top: -10px;
    opacity: 0;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text::after{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 77px;
    top: -10px;
    opacity: 0;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text p:nth-child(1){
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text p:nth-child(2){
    margin-top: 30px;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div:hover > .text{
    background: rgba(209,18,27,0);
    border: 3px solid #D1121B;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div:hover > .text::after{
    opacity: 1;
}
.i-middle .i-middle-ten .container-xl > .cont .left-box > div:hover > .text::before{
    opacity: 1;
}
.i-middle .i-middle-ten .container-xl > .cont .right{width: 49%;}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box {
    background: #F4F4F4;
    margin-bottom: 19px;
    cursor: pointer;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title {
    display: flex;
    padding: 11.5px 30px;
    justify-content: space-between;
    align-items: center;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title .but {
    color: #D1121B;
    height: 20px;
    width: 20px;
    position: relative;
    cursor: pointer;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 20px;
    height: 1px;
    background-color: #D1121B;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 1px;
    height: 20px;
    background-color: #D1121B;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .content {
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 28px;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box.active{
    background: #fff;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box.active .content {
    height: auto;
    padding: 10px 30px;
}
.i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box.active .title .but::after{
    opacity: 0;
}
@media (max-width: 1680px){
    .i-middle .i-middle-eight .down .t2 .container-xl .swiper-right{
        right: 0px;
    }
    .i-middle .i-middle-eight .down .t2 .container-xl .swiper-left{
        left: 0px;
    }
}
@media (max-width: 1655px) {
    .i-middle .i-middle-five .container-xl .left .title{
        font-size: 32px;
        line-height: 42px;
    }
    .i-middle .i-middle-five .container-xl .left .text{
        margin-top: 20px;
    }
    .i-middle .i-middle-five .container-xl .left .qt{margin-top: 20px;}
    .i-middle .i-middle-five .container-xl .left .button{margin-top: 20px;}
    .i-middle .i-middle-five .container-xl .left .qt p{font-size: 18px;line-height: 26px;}
    .i-middle .i-middle-five .container-xl .left .button{max-width: 230px;padding: 15px;}
}
@media (max-width: 768px) {
    .i-middle .i-middle-one .container-xl > .banner-box .t1{font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-one .container-xl > .banner-box{width: 100% !important;}
    .i-middle .i-middle-two{padding: 15px 0;}
    .i-middle .i-middle-two .container-xl .up .up-left,
    .i-middle .i-middle-two .container-xl .up .up-right{display: none;}
    .i-middle .i-middle-two .container-xl .up .up-mid{font-size: 24px !important;line-height: 32px !important;}
    .i-middle .i-middle-two .container-xl .mid{font-size: 22px;line-height: 30px;}
    .i-middle .i-middle-two .container-xl .down{padding: 15px 0 0 0;}
    .i-middle .i-middle-two .container-xl .down .row .col-md-3 > div{padding-bottom: 15px;}
    .i-middle .i-middle-two .container-xl .down .row .col-md-3 > div .down-txt1{padding: 10px 15px;}
    .i-middle .i-middle-two .container-xl .down .row .col-md-3 > div .down-txt1 p{font-size: 16px;line-height: 24px;height: auto;}
    .i-middle .i-middle-two .container-xl .down .row .col-md-3 > div .down-img{padding: 15px 12px;}
    .i-middle .i-middle-two .container-xl .down .row .col-md-3 > div .down-txt2{padding: 0 12px;}
    .i-middle .i-middle-three{display: none;}
    .i-middle .i-middle-four{padding: 15px 0;}
    .i-middle .i-middle-four .container-xl .title .circle-ico{display: none;}
    .i-middle .i-middle-four .container-xl .title p{font-size: 24px;line-height: 32px;}
    .i-middle .i-middle-four .container-xl .label{margin-top: 15px;flex-wrap: wrap;gap: 15px;}
    .i-middle .i-middle-four .container-xl .label .label-left ul{margin-bottom: 0;gap: 5px;}
    .i-middle .i-middle-four .container-xl .label .label-left ul li{font-size: 12px;line-height: 20px;}
    .i-middle .i-middle-four .container-xl .label .label-right{margin-bottom: 15px;padding: 5px 15px;}
    .i-middle .i-middle-four .container-xl .label .label-right > a{font-size: 14px;}
    .i-middle .i-middle-four .container-xl .label .label-right > a::before{font-size: 14px;}
    .i-middle .i-middle-four .container-xl .content .con-left{width: 100%;}
    .i-middle .i-middle-four .container-xl .content .con-right{width: 100%;margin-top: 15px;}
    .i-middle .i-middle-four .container-xl .content .con-left .text{padding: 15px;}
    .i-middle .i-middle-four .container-xl .content .con-left .text p{font-size: 14px;line-height: 22px;}
    .i-middle .i-middle-four .container-xl .content .con-left .text p:nth-child(1){font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-four .container-xl .content .con-left .text a{font-size: 16px;margin-top: 15px;}
    .i-middle .i-middle-four .container-xl .content .con-right .con-box{padding: 15px;margin-bottom: 15px;flex-wrap: wrap;}
    .i-middle .i-middle-four .container-xl .content .con-right .con-box .left{width: 100%;}
    .i-middle .i-middle-four .container-xl .content .con-right .con-box .right{width: 100%;}
    .i-middle .i-middle-four .container-xl .content .con-right .con-box .right a{font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-four .container-xl .content .con-right .con-box .right p{font-size: 14px;line-height: 22px;}
    .i-middle .i-middle-five{padding: 15px 0;}
    .i-middle .i-middle-five .container-xl{flex-wrap: wrap;padding-right: 15px;margin-right: auto;}
    .i-middle .i-middle-five .container-xl .left .title{font-size: 24px;line-height: 32px;margin-top: 15px;}
    .i-middle .i-middle-five .container-xl .left .text{font-size: 16px;line-height: 24px;margin-top: 15px;}
    .i-middle .i-middle-five .container-xl .left .qt{margin-top: 15px;}
    .i-middle .i-middle-five .container-xl .left .qt p{font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-five .container-xl .left .button{margin-top: 15px;padding: 5px;max-width: 180px;padding: 10px;}
    .i-middle .i-middle-five .container-xl .right{margin-top: 15px;}
    .i-middle .i-middle-six{padding: 15px 0;}
    .i-middle .i-middle-six .container-xl .up .up-left{display: none;}
    .i-middle .i-middle-six .container-xl .up .up-right{display: none;}
    .i-middle .i-middle-six .container-xl .up .up-mid{font-size: 24px !important;line-height: 32px !important;}
    .i-middle .i-middle-six .container-xl > .title{font-size: 24px;line-height: 32px;margin-top: 15px;}
    .i-middle .i-middle-six .container-xl > .text{font-size: 14px;line-height: 22px;margin-top: 15px;}
    .i-middle .i-middle-six .container-xl > .cont{margin-top: 15px;}
    .i-middle .i-middle-six .container-xl > .cont .col-md-4{margin-bottom: 15px;}
    .i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text{padding: 15px;}
    .i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text p:nth-child(1){font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-six .container-xl > .cont .col-md-4 > div > .text p:nth-child(2){font-size: 14px;line-height: 22px;margin-top: 15px;}
    .i-middle .i-middle-seven{display: none;}
    .i-middle .i-middle-eight{padding: 15px 0;}
    .i-middle .i-middle-eight .up .title{font-size: 24px;line-height: 32px;}
    .i-middle .i-middle-eight .up .text{font-size: 14px;line-height: 22px;margin-top: 15px;}
    .i-middle .i-middle-eight .down{margin-top: 15px;}
    .i-middle .i-middle-eight .down .t1 .container-xl{padding: 15px;flex-wrap: wrap;gap: 6px;justify-content: flex-start;}
    .i-middle .i-middle-eight .down .t1 .container-xl > p{font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-eight .down .t2{margin-top: 15px;}
    .i-middle .i-middle-eight .down .t2 .container-xl{padding: 15px;}
    .i-middle .i-middle-eight .down .t2 .container-xl .swiper-left,.i-middle .i-middle-eight .down .t2 .container-xl .swiper-right{display: none;}
    .i-middle .i-middle-eight .down .t2 .container-xl .mySwiper2 .swiper-slide > div .text{max-width: calc(100% - 20px);height: 30px;line-height: 30px;bottom: 5px;}
    .i-middle .i-middle-nine{padding: 15px 0;}
    .i-middle .i-middle-nine .container-xl{position: relative;top: 0;left: 0;transform: none;flex-wrap: wrap;}
    .i-middle .i-middle-nine .container-xl .left,.i-middle .i-middle-nine .container-xl .right{width: 100%;}
    .i-middle .i-middle-nine > img{display: none;}
    .i-middle .i-middle-nine .container-xl .left .t1{color: #333333;}
    .i-middle .i-middle-nine .container-xl .left .t2 p{color: #333333;padding-left: 15px;}
    .i-middle .i-middle-nine .container-xl .left .t2 p::before{color: #333333;font-size: 14px;line-height: 22px;}
    .i-middle .i-middle-nine .container-xl .left .t3{margin-top: 15px;}
    .i-middle .i-middle-nine .container-xl .left .t3 a{color: #333333;}
    .i-middle .i-middle-nine .container-xl .left .t4{margin-top: 15px;}
    .i-middle .i-middle-nine .container-xl .right{margin-top: 15px;padding: 15px;}
    .i-middle .i-middle-nine .container-xl .right .form-group{margin-bottom: 15px;}
    .i-middle .i-middle-nine .form-feedback .btn{margin-top: 0;padding: 10px 0;}
    .i-middle .i-middle-ten{padding: 15px 0;}
    .i-middle .i-middle-ten .container-xl .title .circle-ico{display: none;}
    .i-middle .i-middle-ten .container-xl .title p{font-size: 24px;line-height: 32px;}
    .i-middle .i-middle-ten .container-xl > .cont{margin-top: 15px;}
    .i-middle .i-middle-ten .container-xl > .cont .left,.i-middle .i-middle-ten .container-xl > .cont .right{width: 100%;}
    .i-middle .i-middle-ten .container-xl > .cont .left .left-box{margin-bottom: 15px;width: calc(50% - 5px);}
    .i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text{padding: 10px;}
    .i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text p:nth-child(1){font-size: 16px;line-height: 24px;}
    .i-middle .i-middle-ten .container-xl > .cont .left-box > div > .text p:nth-child(2){margin-top: 15px;font-size: 14px;line-height: 22px;}
    .i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box{margin-bottom: 15px;}
    .i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title{padding: 10px;gap: 0;}
    .i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box.active .content{padding: 10px;}
    .i-middle .i-middle-ten .container-xl > .cont .right .dropdown-box .title .but{min-width: 20px;}
}

/*=============================================
             =  产品中心(pi)  =
===============================================*/
#pi-middle header{
    position: relative;
}
#pi-middle .footer .footer-top{
    background-color: #fff;
}
.pi-middle .pi-middle-one{
    position: relative;
}
.pi-middle .pi-middle-one .container-xl{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%,0);
}
.pi-middle .pi-middle-one .title{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 100%;
}
.pi-middle .pi-middle-one .title .container-xl{
    top: 0;
    left: 50%;
    transform: translate(-50%,0);
}
.pi-middle .pi-middle-one .title h1{
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    color: #fff;
}
.pi-middle .pi-middle-two{
    padding: 140px 0 40px 0;
}
.pi-middle .pi-middle-two .t1{
    text-align: center;
    font-weight: 500;
    color: #333333;
    font-size: 42px;
    line-height: 52px;
}
.pi-middle .pi-middle-two .t2{
    margin-top: 20px;
    text-align: center;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
}
.pi-middle .pi-middle-three {
    padding: 0 0 300px 0;
}
.pi-middle .pi-middle-three .box{
    display: flex;
    justify-content: space-between;
    padding-bottom: 30px;
    border-bottom: 1px solid #dddddd;
    margin-top: 100px;
}
.pi-middle .pi-middle-three .box .left{
    width: 37%;
    display: flex;
    gap: 40px;
}
.pi-middle .pi-middle-three .box .left .t1{
    font-weight: 700;
    color: #d1121b;
    font-size: 68px;
    line-height: 68px;
}
.pi-middle .pi-middle-three .box .left .t2 a{
    color: #333333;
    font-weight: 500;
    font-size: 36px;
    line-height: 48px;
}
.pi-middle .pi-middle-three .box .left .t2 p{
    margin-top: 18px;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 28px;
}
.pi-middle .pi-middle-three .box .right{
    width: 55%;
}
.pi-middle .pi-middle-three .box .right .col-md-6{
    margin-bottom: 50px;
}
.pi-middle .pi-middle-three .box .right .col-md-6 > div{
    height: 100%;
    display: flex;
    gap: 25px;
    flex-direction: column;
}
.pi-middle .pi-middle-three .box .right .col-md-6 > div .image{
    background-color: #fff;
    box-shadow: 0px 0px 10px 0px rgba(99, 99, 99, 0.2);
    border-radius: 18px;
    height: 250px;
}
.pi-middle .pi-middle-three .box .right .col-md-6 > div .image a{
    display: flex;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.pi-middle .pi-middle-three .box .right .col-md-6 > div .image a img{
    width: auto;
}
.pi-middle .pi-middle-three .box .right .col-md-6 > div .text{
    font-weight: 500;
    font-size: 20px;
    line-height: 32px;
    color: #333333;
}
.pi-middle .pi-middle-three .box:last-child{
    border-bottom: 0;
}
@media (max-width: 768px) {
    #pi-middle header{position: fixed;}
    .pi-middle .pi-middle-one > img{position: absolute;width: 100%;height: 100%;}
    .pi-middle .pi-middle-one .container-xl{position: relative;top: 0;left: 0;transform: none;}
    .pi-middle .pi-middle-one .title{position: relative;top: 0;left: 0;transform: none;}
    .pi-middle .pi-middle-one .title h1{font-size: 24px;line-height: 32px;}
    .pi-middle .pi-middle-two{padding: 15px 0;}
    .pi-middle .pi-middle-two .t2{margin-top: 15px;}
    .pi-middle .pi-middle-three{padding: 15px 0;padding-top: 0;}
    .pi-middle .pi-middle-three .box{flex-wrap: wrap;padding-bottom: 15px;margin-top: 15px;}
    .pi-middle .pi-middle-three .box .left,
    .pi-middle .pi-middle-three .box .right{width: 100%;}
    .pi-middle .pi-middle-three .box .left{gap: 15px;}
    .pi-middle .pi-middle-three .box .left .t1{font-size: 24px;line-height: 32px;}
    .pi-middle .pi-middle-three .box .left .t2 a{font-size: 24px;line-height: 32px;}
    .pi-middle .pi-middle-three .box .left .t2 p{font-size: 14px;line-height: 22px;margin-top: 15px;}
    .pi-middle .pi-middle-three .box .right .col-md-6{width: 50%;margin-bottom: 15px;}
    .pi-middle .pi-middle-three .box .right .col-md-6 > div{gap: 15px;}
    .pi-middle .pi-middle-three .box .right .col-md-6 > div .image{height: 150px;}
    .pi-middle .pi-middle-three .box .right .col-md-6 > div .text{font-size: 14px;line-height: 22px;}
}

/*=============================================
             =  产品列表(pl)  =
===============================================*/
#pl-middle header{
    position: relative;
}
#pl-middle .footer .footer-top{
    background-color: #fff;
}
.pl-middle .pl-middle-one{
    position: relative;
}
.pl-middle .pl-middle-one > img:nth-child(2){
    position: absolute;
    bottom: 0;
    width: 100%;
    height: auto;
    z-index: 2;
    left: 0;
}
.pl-middle .pl-middle-one .container-xl{
    position: absolute;
    top: 20px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 3;
}
.pl-middle .pl-middle-one .title{
    position: absolute;
    left: 0;
    top: 14%;
    width: 100%;
}
.pl-middle .pl-middle-one .title .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pl-middle .pl-middle-one .title .left{
    width: 45%;
}
.pl-middle .pl-middle-one .title .left h1{
    font-weight: 600;
    font-size: 42px;
    line-height: 56px;
    color: #fff;
}
.pl-middle .pl-middle-one .title .left > div{
    display: flex;
    gap: 20px;
    margin-top: 40px;
}
.pl-middle .pl-middle-one .title .right{
    width: 45%;
}
.pl-middle .pl-middle-two{
    padding: 30px 0 30px 0;
    border-bottom: 1px solid #DDDDDD;
}
.pl-middle .pl-middle-two .container-xl > div{
    display: flex;
    gap: 40px;
}
.pl-middle .pl-middle-two .container-xl > div > a{
    display: block;
    min-width: 100px;
    background: transparent;
    border-radius: 4px;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 22px;
    padding: 10px 15px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pl-middle .pl-middle-two .container-xl > div > a:hover{
    background-color: #d1121b;
    color: #fff;
}
.pl-middle .pl-middle-two .container-xl > div > a.active{
    background-color: #d1121b;
    color: #fff;
}
.pl-middle .pl-middle-three{
    padding: 125px 0;
}
.pl-middle .pl-middle-three .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.pl-middle .pl-middle-three .t2{
    max-width: 1380px;
    margin: auto;
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 32px;
    text-align: center;
}
.pl-middle .pl-middle-three .t3{
    margin: auto;
    margin-top: 50px;
    max-width: 600px;
    width: 100%;
    background: #D1121B;
}
.pl-middle .pl-middle-three .t3 a{
    width: 100%;
    height: 100%;
    padding: 20px 15px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    text-transform: uppercase;
}
.pl-middle .pl-middle-four{
    padding: 0 0 120px 0;
}
.pl-middle .pl-middle-four .container-xl{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1440px;
}
.pl-middle .pl-middle-four .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pl-middle .pl-middle-four .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-four .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-four .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-four .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.pl-middle .pl-middle-four .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-four .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-four .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}

.pl-middle .pl-middle-four .container-xl .down{
    margin-top: 80px;
    margin-right: -20px;
    margin-left: -20px;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4{
    padding-right: 20px;
    padding-left: 20px;
    margin-bottom: 40px;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(99,99,99,0.2);
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .image{
    background: #F8F8F8;
    margin: 16px 20px 0 20px;
    padding: 30px 15px;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .image a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .image a img{
    width: auto;
    mix-blend-mode: multiply;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text{
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 50px;
    padding-right: 30px;
    position: relative;
    border: 3px solid transparent;
    height: 100%;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text h4{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 32px;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 20px;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text::before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 29px;
    top: -9px;
    opacity: 0;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text::after{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 67px;
    top: -9px;
    opacity: 0;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div:hover .image{
    background-color: #fff;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div:hover .text::before{
    opacity: 1;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div:hover .text::after{
    opacity: 1;
}
.pl-middle .pl-middle-four .container-xl .down .col-md-4 > div:hover .text{
    border-color: #D1121B;
}
.pl-middle .pl-middle-five{
    padding: 0 0 35px 0;
}
.pl-middle .pl-middle-five .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pl-middle .pl-middle-five .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-five .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-five .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-five .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.pl-middle .pl-middle-five .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-five .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-five .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-five .container-xl .mid{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    margin-top: 25px;
}
.pl-middle .pl-middle-five .container-xl .down{
    margin-top: 100px;
}
.pl-middle .pl-middle-five .container-xl .down .box{
    margin-bottom: 120px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pl-middle .pl-middle-five .container-xl .down .box .image{
    width: 47.2%;
    position: relative;
}
.pl-middle .pl-middle-five .container-xl .down .box .image > a{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.pl-middle .pl-middle-five .container-xl .down .box .image > a > img{
    border-radius: 20px;
}
.pl-middle .pl-middle-five .container-xl .down .box .image > div{
    position: absolute;
    right: -146px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(99,99,99,0.2);
    border-radius: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding: 60px 50px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    color: #333333;
    line-height: 42px;
}
.pl-middle .pl-middle-five .container-xl .down .box:nth-child(2n) .image > div{
    right: auto;
    left: -146px;
}
.pl-middle .pl-middle-five .container-xl .down .box .text{
    width: 35%;
}
.pl-middle .pl-middle-five .container-xl .down .box .text > h5{
    color: #333333;
    font-weight: 600;
    font-size: 24px;
    line-height: 32px;
}
.pl-middle .pl-middle-five .container-xl .down .box .text > p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.pl-middle .pl-middle-five .container-xl .down .box .text > .but{
    margin-top: 40px;
    width: 82%;
    max-width: 400px;
    background: #D1121B;
}
.pl-middle .pl-middle-five .container-xl .down .box .text > .but > a{
    width: 100%;
    height: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    padding: 20px 15px;
    text-transform: uppercase;
}
.pl-middle .pl-middle-seven{
    padding: 100px 0 150px 0;
}
.pl-middle .pl-middle-seven .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.pl-middle .pl-middle-seven .t2{
    margin-top: 70px;
}
.pl-middle .pl-middle-seven .t2 table{
    border: 1px ;
    width: 100%;
}
.pl-middle .pl-middle-seven .t2 table tr th{
    background: #D1121B;
    font-family: Poppins;
    font-weight: 500;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 50px;
    padding-left: 20px;
}
.pl-middle .pl-middle-seven .t2 table tr th:nth-child(1){
    padding-left: 40px;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(1){
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 52px;
    width: 24%;
    padding-left: 40px;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(2),
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(3){
    width: 38%;
    padding: 20px;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div,
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div > p:nth-child(1),
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div > p:nth-child(1){
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div > p:nth-child(2),
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div > p:nth-child(2){
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div:nth-child(2),
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div:nth-child(2){
    position: relative;
    padding-left: 26px;
}
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div:nth-child(2)::before,
.pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div:nth-child(2)::before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top: 13px solid transparent;
    border-bottom: 13px solid transparent;
    border-right: 16px solid #D1121B;
}
.pl-middle .pl-middle-seven .t3{
    margin-top: 9px;
    height: 10px;
    background: #D1121B;
    width: 100%;
}
.pl-middle .pl-middle-eight{
    background: url(../../images/pl-14.webp) no-repeat;
    object-fit: cover;
    padding: 110px 0;
}
.pl-middle .pl-middle-eight .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.pl-middle .pl-middle-eight .container-xl .left{
    width: 41%;
}
.pl-middle .pl-middle-eight .container-xl .left .title{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 27px;
    position: relative;
    text-indent: 45px;
    text-transform: uppercase;
}
.pl-middle .pl-middle-eight .container-xl .left .title::before{
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    border: 3px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 5px;
}
.pl-middle .pl-middle-eight .container-xl .left .title::after{
    position: absolute;
    content: '';
    width: 12px;
    height: 3px;
    background: #D1121B;
    left: 17px;
    top: 12px;
}
.pl-middle .pl-middle-eight .container-xl .left .txt{
    font-family: Poppins;
    font-weight: 500;
    font-size: 27px;
    color: #333333;
    line-height: 42px;
    margin-top: 25px;
}
.pl-middle .pl-middle-eight .container-xl .right{
    width: 59%;
    display: flex;
    margin-left: -10px;
    margin-right: -10px;
}
.pl-middle .pl-middle-eight .container-xl .right .box{
    width: 33.33%;
    padding-left: 10px;
    padding-right: 10px;
}
.pl-middle .pl-middle-eight .container-xl .right .box > div{
    background: #FFFFFF;
    box-shadow: 0px 3px 3px 0px rgba(99,99,99,0.3);
    border-radius: 10px;
    height: 100%;
    padding: 35px;
}
.pl-middle .pl-middle-eight .container-xl .right .box > div > p:nth-child(1){
    font-weight: 500;
    font-size: 42px;
    color: #D1121B;
    text-align: center;
}
.pl-middle .pl-middle-eight .container-xl .right .box > div > p:nth-child(2){
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 20px;
    margin-top: 15px;
    text-align: center;
}
.pl-middle .pl-middle-nine{
    padding: 140px 0 130px 0;
}
.pl-middle .pl-middle-nine .container-xl{
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
}
.pl-middle .pl-middle-nine .row{
    margin-left: -20px;
    margin-right: -20px;
}
.pl-middle .pl-middle-nine .row .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 40px;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div{
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text{
    height: 100%;
    border: 3px solid transparent;
    position: relative;
    padding: 45px 30px 50px 39px;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 39px;
    opacity: 0;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text::after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 77px;
    opacity: 0;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text > div{
    display: flex;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text > h5{
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    display: block;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text > p{
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text:hover::before,
.pl-middle .pl-middle-nine .row .col-md-4 > div .text:hover::after{
    opacity: 1;
}
.pl-middle .pl-middle-nine .row .col-md-4 > div .text:hover{
    border: 3px solid #D1121B;
}
.pl-middle .pl-middle-ten{
    padding: 0 0 150px 0;
}
.pl-middle .pl-middle-ten .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pl-middle .pl-middle-ten .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-ten .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-ten .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-ten .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 32px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.pl-middle .pl-middle-ten .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-ten .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-ten .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-ten .container-xl .mid{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    margin-top: 25px;
    margin-bottom: 130px;
}
.pl-middle .pl-middle-ten .container-xl .down{
    position: relative;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1{
    position: relative;
    overflow: hidden;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide{
    position: relative;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .image{background: #000000;}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .image img{opacity: 0.8;}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text{
    position: absolute;
    bottom: 36px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    padding: 0 20px;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text > p{
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 32ppx;  
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text > div{
    height: 0;
    overflow: hidden;
    transition: .6s ease;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text > div > .lin{
    margin: auto;
    position: relative;
    width: 13px;
    height: 13px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 2px solid #FFFFFF;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text > div > .lin::before{
    position: absolute;
    content: "";
    width: 34px;
    height: 3px;
    background: #FFFFFF;
    left: -34px;
    top: 50%;
    transform: translateY(-50%);
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text > div > .lin::after{
    position: absolute;
    content: "";
    width: 34px;
    height: 3px;
    background: #FFFFFF;
    right: -34px;
    top: 50%;
    transform: translateY(-50%);
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide .text > div > p{
    margin-top: 30px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 28px;
    text-align: center;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide:hover .image img{
    opacity: 0.5;
}
.pl-middle .pl-middle-ten .container-xl .down .mySwiper1 .swiper-slide:hover .text > div{
    height: auto;
    margin-top: 30px;
    transition: .6s ease;
}
.pl-middle .pl-middle-ten .container-xl .but{
    margin: auto;
    margin-top: 100px;
    background: #D1121B;
    max-width: 360px;
    width: 100%;
}
.pl-middle .pl-middle-ten .but a{
    width: 100%;
    height: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    text-align: center;
    padding: 20px 15px;
    text-transform: uppercase;
}
.pl-middle .pl-middle-ten .down .swiper-pagination{   
    left: 0;
    bottom: -40px;
}
.pl-middle .pl-middle-ten .down .swiper-pagination-bullet{
    background: #AAAAAA;
}
.pl-middle .pl-middle-ten .down .swiper-pagination-bullet-active{
    background: #D1121B;
}
.pl-middle .pl-middle-ten .down .swiper-button-prev{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    left: -150px;
}
.pl-middle .pl-middle-ten .down .swiper-button-next.swiper-button-disabled, 
.pl-middle .pl-middle-ten .down .swiper-button-prev.swiper-button-disabled{
    border: 4px solid #999999 !important;
    opacity: 1;
}
.pl-middle .pl-middle-ten .down .swiper-button-next{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    right: -150px;
}
.pl-middle .pl-middle-ten .down .swiper-button-prev:after{
    content: '';
    background: url(../../images/icon/58.webp);
    width: 29px;
    height: 24px;
}
.pl-middle .pl-middle-ten .down .swiper-button-prev.swiper-button-disabled::after{
    background: url(../../images/icon/57.webp) !important;
}
.pl-middle .pl-middle-ten .down .swiper-button-next.swiper-button-disabled::after{
    background: url(../../images/icon/59.webp) !important;
}
.pl-middle .pl-middle-ten .down .swiper-button-next:after{
    content: '';
    background: url(../../images/icon/56.webp);
    width: 29px;
    height: 24px;
}
.pl-middle .pl-middle-eleven{
    padding: 0 0 160px 0;
    background-color: #fff;
}
.pl-middle .pl-middle-eleven .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pl-middle .pl-middle-eleven .container-xl .left{
    width: 32%;
    padding-top: 40px;
}
.pl-middle .pl-middle-eleven .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.pl-middle .pl-middle-eleven .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.pl-middle .pl-middle-eleven .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 56px;
    margin-top: 25px;
}
.pl-middle .pl-middle-eleven .container-xl .left .t2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    margin-top: 40px;
}
.pl-middle .pl-middle-eleven .container-xl .left .t3{
    margin-top: 45px;
    padding: 16px 15px;
    max-width: 240px;
    background: #D1121B;
}
.pl-middle .pl-middle-eleven .container-xl .left .t3 a{
    width: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    text-transform: uppercase;
}
.pl-middle .pl-middle-eleven .container-xl .right{
    width: 64%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box {
    background: rgba(255, 255, 255, 0.4);
    border: 4px solid rgba(221, 221, 221, 0.4);
    cursor: pointer;
    position: relative;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title {
    display: flex;
    padding: 15px 40px;
    align-items: center;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .logo{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
    margin-right: 20px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .but {
    color: #D1121B;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 18px;
    height: 4px;
    background-color: #D1121B;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 4px;
    height: 18px;
    background-color: #D1121B;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .content{
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    display: flex;
    gap: 20px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .content .logo{
    min-width: 40px;
    max-width: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    background: #D1121B;
    text-align: center;
    margin-top: 5px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .content .txt{
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box.active{
    background: #fff;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box.active .content {
    height: auto;
    padding: 10px 100px 50px 36px;
}
.pl-middle .pl-middle-eleven .container-xl .right .dropdown-box.active .title .but::after{
    opacity: 0;
}
.pl-middle .pl-middle-twelve{
    background: url(../../images/par-14.webp) no-repeat;
    background-size: cover;
    object-fit: cover;
    padding: 80px 0 100px 0;
    margin-bottom: 70px;
}
.pl-middle .pl-middle-twelve .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.pl-middle .pl-middle-twelve .container-xl .left{
    width: 39%;
    padding-top: 50px;
}
.pl-middle .pl-middle-twelve .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.pl-middle .pl-middle-twelve .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.pl-middle .pl-middle-twelve .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
    margin-top: 20px;
}
.pl-middle .pl-middle-twelve .container-xl .left .t2{
    margin-top: 45px;
}
.pl-middle .pl-middle-twelve .container-xl .left .t2 p{
    position: relative;
    padding-left: 30px;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 36px;
}
.pl-middle .pl-middle-twelve .container-xl .left .t2 p::before{
    position: absolute;
    content: '';
    background: url(../../images/icon/53.webp);
    width: 16px;
    height: 12px;
    left: 0;
    top: 12px;
    mix-blend-mode: multiply;
}
.pl-middle .pl-middle-twelve .container-xl .left .t3{
    margin-top: 55px;
}
.pl-middle .pl-middle-twelve .container-xl .left .t3 a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    line-height: 36px;
    text-decoration-line: underline;
    text-transform: uppercase;
}
.pl-middle .pl-middle-twelve .container-xl .right{
    width: 48.6%;
    background: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgba(99,99,99,0.15);
    padding: 90px 55px 50px 55px;
    position: absolute;
    bottom: -180px;
    right: 0;
    margin-bottom: 10px;
}
.pl-middle .pl-middle-twelve .container-xl .right .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
    margin-bottom: 20px;
}
.pl-middle .pl-middle-twelve .container-xl .right .form-feedback .btn{
    margin-top: 10px;
    background: #D1121B;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding:  15px 0;
    max-width: 240px;
}
.pl-middle .pl-middle-twelve .container-xl .right .form-row input,
.pl-middle .pl-middle-twelve .container-xl .right .form-row textarea{
    background: #F4F4F4;
    border: 2px solid transparent;
}
.pl-middle .pl-middle-twelve .container-xl .right .form-group{
    margin-bottom: 20px;
}
.pl-middle .pl-middle-twelve .container-xl .right .form-row input:focus,
.pl-middle .pl-middle-twelve .container-xl .right .form-row textarea:focus{
    border: 2px solid #D1121B;
}
.pl-middle .pl-middle-twelve .container-xl .right .form-row input::placeholder,
.pl-middle .pl-middle-twelve .container-xl .right .form-row textarea::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.pl-middle .pl-middle-thirteen{
    padding: 200px 0 100px 0;
}
.pl-middle .pl-middle-thirteen .container-xl{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1440px;
}
.pl-middle .pl-middle-thirteen .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 38px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-thirteen .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.pl-middle .pl-middle-thirteen .t3{
    margin-top: 80px;
    margin-left: -20px;
    margin-right: -20px;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 70px;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div{
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text{
    height: 100%;
    border: 3px solid transparent;
    position: relative;
    padding: 39px 40px 40px 40px;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 39px;
    opacity: 0;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text::after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 77px;
    opacity: 0;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text > div{
    display: flex;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text > div > p{
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 21px;
    padding: 4.5px 10px;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text > a{
    margin-top: 25px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    display: block;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text > p{
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    /* 超出部分用省略号表示 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text:hover::before,
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text:hover::after{
    opacity: 1;
}
.pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text:hover{
    border: 3px solid #D1121B;
}
@media (max-width: 1800px) {
    .pl-middle .pl-middle-ten .down .swiper-button-next{
        right: -100px;
    }
    .pl-middle .pl-middle-ten .down .swiper-button-prev{
        left: -100px;
    }
}
@media (max-width: 1620px) {
    .pl-middle .pl-middle-ten .down .swiper-button-next{
        right: -50px;
    }
    .pl-middle .pl-middle-ten .down .swiper-button-prev{
        left: -50px;
    }
}
@media (max-width: 1520px) {
    .pl-middle .pl-middle-ten .down .swiper-button-next{
        right: 0px;
    }
    .pl-middle .pl-middle-ten .down .swiper-button-prev{
        left: 0px;
    }
}
@media (max-width: 768px) {
    #pl-middle header{position: fixed;}
    .pl-middle .pl-middle-one > img:nth-child(2){display: none;}
    .pl-middle .pl-middle-one .container-xl{top: 0;}
    .pl-middle .pl-middle-one .title{top: 30px;}
    .pl-middle .pl-middle-one .title .right{display: none;}
    .pl-middle .pl-middle-one .title .left{width: 100%;}
    .pl-middle .pl-middle-one .title .left h1{font-size: 24px;line-height: 32px;}
    .pl-middle .pl-middle-one .title .left > div{display: none;}
    .pl-middle .pl-middle-two{padding: 15px 0 0 0;}
    .pl-middle .pl-middle-two .container-xl > div{display: block;}
    .pl-middle .pl-middle-three{padding: 15px 0;}
    .pl-middle .pl-middle-three .t1{font-size: 24px;line-height: 32px;}
    .pl-middle .pl-middle-three .t2{font-size: 14px;line-height: 22px;margin-top: 15px;}
    .pl-middle .pl-middle-three .t3{margin-top: 15px;}
    .pl-middle .pl-middle-three .t3 a{padding: 10px 0px;font-size: 12px;line-height: 20px;letter-spacing: -1px;}
    .pl-middle .pl-middle-four{padding: 15px 0;}
    .pl-middle .pl-middle-four .container-xl .up .up-left,
    .pl-middle .pl-middle-four .container-xl .up .up-right{display: none;}
    .pl-middle .pl-middle-four .container-xl .up .up-mid{font-size: 24px !important;line-height: 32px !important;}
    .pl-middle .pl-middle-four .container-xl .down{margin-top: 15px;margin-right: -5px;margin-left: -5px;}
    .pl-middle .pl-middle-four .container-xl .down .col-md-4{width: 50%;padding-right: 5px;padding-left: 5px;margin-bottom: 15px;}
    .pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .image{margin: 0;padding: 0;}
    .pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text{padding: 15px;}
    .pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text h4{font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text a{font-size: 16px;line-height: 24px;letter-spacing: -1px;}
    .pl-middle .pl-middle-four .container-xl .down .col-md-4 > div .text p{margin-top: 15px;font-size: 14px;line-height: 22px;letter-spacing: -1px;word-break: break-all;}
    .pl-middle .pl-middle-five{padding: 0 0 15px 0;}
    .pl-middle .pl-middle-five .container-xl .up .up-left,
    .pl-middle .pl-middle-five .container-xl .up .up-right{display: none;}
    .pl-middle .pl-middle-five .container-xl .up .up-mid{font-size: 24px !important;line-height: 32px !important;}
    .pl-middle .pl-middle-five .container-xl .mid{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-five .container-xl .down{margin-top: 15px;}
    .pl-middle .pl-middle-five .container-xl .down .box{margin-bottom: 15px;}
    .pl-middle .pl-middle-five .container-xl .down .box .image{width: 100%;order: 1;}
    .pl-middle .pl-middle-five .container-xl .down .box .text{width: 100%;margin-top: 15px;order: 2;}
    .pl-middle .pl-middle-five .container-xl .down .box .image > div{right: 50%;transform: translate(50%, -50%);padding: 5px;font-size: 16px;line-height: 24px;}
    .pl-middle .pl-middle-five .container-xl .down .box .text > h5{font-size: 16px;line-height: 24px;}
    .pl-middle .pl-middle-five .container-xl .down .box .text > p{font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-five .container-xl .down .box .text > .but{margin-top: 15px;width: 100%;}
    .pl-middle .pl-middle-five .container-xl .down .box .text > .but > a{padding: 10px;font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-five .container-xl .down .box:nth-child(2n) .image > div{left: 50%;transform: translate(-50%, -50%);}
    .pl-middle .pl-middle-seven{padding: 0 0 15px 0;}
    .pl-middle .pl-middle-seven .t2{margin-top: 15px;overflow: auto;}
    .pl-middle .pl-middle-seven .t2 table tr th{line-height: 24px;font-size: 16px;}
    .pl-middle .pl-middle-seven .t2 table tr th:nth-child(1){padding-left: 15px;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(1){font-size: 16px;line-height: 24px;padding-left: 15px;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(2), .pl-middle .pl-middle-seven .t2 table tr td:nth-child(3){padding: 15px;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div > p:nth-child(1), .pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div > p:nth-child(1){font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div > p:nth-child(2), .pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div > p:nth-child(2){font-size: 16px;line-height: 24px;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div:nth-child(2), .pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div:nth-child(2){padding-left: 13px;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div:nth-child(2)::before, .pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div:nth-child(2)::before{border-top: 6.5px solid transparent;border-bottom: 6.5px solid transparent;border-right: 8px solid #D1121B;}
    .pl-middle .pl-middle-seven .t2 table tr td:nth-child(2) > div > div:nth-child(2) > img, .pl-middle .pl-middle-seven .t2 table tr td:nth-child(3) > div > div:nth-child(2) > img{width: 50px !important;height: 50px !important;}
    .pl-middle .pl-middle-seven .t3{display: none;}
    .pl-middle .pl-middle-eight{padding: 15px 0;}
    .pl-middle .pl-middle-eight .container-xl .left{width: 100%;}
    .pl-middle .pl-middle-eight .container-xl .right{width: 100%;}
    .pl-middle .pl-middle-eight .container-xl .left .title{font-size: 16px;line-height: 24px;text-indent: 0;}
    .pl-middle .pl-middle-eight .container-xl .left .title::before{display: none;}
    .pl-middle .pl-middle-eight .container-xl .left .title::after{display: none;}
    .pl-middle .pl-middle-eight .container-xl .left .txt{margin-top: 15px;font-size: 24px;line-height: 32px;}
    .pl-middle .pl-middle-eight .container-xl .right{margin-top: 15px;}
    .pl-middle .pl-middle-eight .container-xl .right .box > div{padding: 5px;border-radius: 0;}
    .pl-middle .pl-middle-eight .container-xl .right .box > div > p:nth-child(1){font-size: 24px;}
    .pl-middle .pl-middle-eight .container-xl .right .box > div > p:nth-child(2){line-height: 20px;font-size: 12px;margin-top: 0;}
    .pl-middle .pl-middle-nine {padding: 15px 0;}
    .pl-middle .pl-middle-nine .container-xl{padding-left: 15px;padding-right: 15px;}
    .pl-middle .pl-middle-nine .row{margin-left: -5px;margin-right: -5px;}
    .pl-middle .pl-middle-nine .row .col-md-4{padding-left: 5px;padding-right: 5px;margin-bottom: 15px;width: 50%;}
    .pl-middle .pl-middle-nine .row .col-md-4 > div .text{padding: 10px;}
    .pl-middle .pl-middle-nine .row .col-md-4 > div .text > h5{font-size: 16px;line-height: 24px;}
    .pl-middle .pl-middle-nine .row .col-md-4 > div .text > p{line-height: 22px;font-size: 14px;}
    .pl-middle .pl-middle-eleven .container-xl .left{padding-top: 15px;}
    .pl-middle .pl-middle-eleven .container-xl .left .circle-ico{display: none;}
    .pl-middle .pl-middle-eleven .container-xl .left .t1{margin-top: 0;}
    .pl-middle .pl-middle-eleven .container-xl .left .t2{margin-top: 15px;}
    .pl-middle .pl-middle-eleven .container-xl .left .t3{margin-top: 15px;padding: 10px;}
    .pl-middle .pl-middle-eleven .container-xl .right{margin-top: 15px;gap: 10px;}
    .pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title{padding: 10px;}
    .pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .logo{margin-right: 10px;font-size: 16px;line-height: 24px;}
    .pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .title .but{min-width: 18px;}
    .pl-middle .pl-middle-eleven .container-xl .right .dropdown-box.active .content{padding: 10px;gap: 10px;}
    .pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .content .logo{min-width: 20px;max-width: 20px;line-height: 20px;height: 20px;}
    .pl-middle .pl-middle-eleven .container-xl .right .dropdown-box .content .txt{font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-eleven{padding: 0 0 15px 0;}
    .pl-middle .pl-middle-twelve{padding: 15px 0;margin-bottom: 0px;}
    .pl-middle .pl-middle-twelve .container-xl .left{padding-top: 15px;}
    .pl-middle .pl-middle-twelve .container-xl .left .circle-ico{display: none;}
    .pl-middle .pl-middle-twelve .container-xl .left .t1{margin-top: 0;}
    .pl-middle .pl-middle-twelve .container-xl .left .t2{margin-top: 15px;}
    .pl-middle .pl-middle-twelve .container-xl .left .t2 p::before{top: 5px;}
    .pl-middle .pl-middle-twelve .container-xl .left .t3{margin-top: 15px;}
    .pl-middle .pl-middle-twelve .container-xl .left .t3 a{font-size: 14px;line-height: 22px;}
    .pl-middle .pl-middle-twelve .container-xl .right{position: relative;margin-top: 15px;padding: 15px;bottom: 0;}
    .pl-middle .pl-middle-twelve .container-xl .right .form-group{margin-bottom: 10px;}
    .pl-middle .pl-middle-thirteen{padding: 15px 0;}
    .pl-middle .pl-middle-thirteen .container-xl .up .up-left,
    .pl-middle .pl-middle-thirteen .container-xl .up .up-right{display: none;}
    .pl-middle .pl-middle-thirteen .container-xl .up .up-mid{font-size: 24px !important;line-height: 32px !important;}
    .pl-middle .pl-middle-thirteen .t3{margin-top: 15px;margin-left: -5px;margin-right: -5px;}
    .pl-middle .pl-middle-thirteen .t3 .col-md-4{padding-left: 5px;padding-right: 5px;margin-bottom: 15px;width: 50%;}
    .pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text{padding: 10px;}
    .pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text > a{margin-top: 15px;font-size: 16px;line-height: 24px;}
    .pl-middle .pl-middle-thirteen .t3 .col-md-4 > div .text > p{font-size: 14px;line-height: 22px;height: 44px;}
}
/*=============================================
             =  产品详情(pco)  =
===============================================*/
#pco-middle .header {
    position: relative;
}
#pco-middle .footer .footer-top{
    background-color: #fff;
}
.pco-middle > div{
    position: relative;
    z-index: 2;
}
.pco-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.pco-middle .pco-middle-one {
    padding: 15px 0 0 0;
}
.pco-middle .pco-middle-two {
    padding: 70px 0 120px 0;
}
.pco-middle .pco-middle-two .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pco-middle .pco-middle-two .container-xl .left{
    width: 45.8%;
}
.pco-middle .pco-middle-two .container-xl .left .product-thumb{
    position: relative;
    border: none;
    min-height: 450px;
    background-color: #ffffff;
    overflow: hidden;
}
.pco-middle .pco-middle-two .container-xl .left .product-thumb a{
    width: 100%;
    height: 100%;
    min-height: 450px;
    padding: 0 60px 0 60px;
    display: flex;
    background-color: #ffffff;
}
.pco-middle .pco-middle-two .container-xl .left .product-thumb a img{
    margin: auto;
    mix-blend-mode: multiply;
}
.pco-middle .pco-middle-two .container-xl .left .product-thumbs{
    margin-top: 30px;
    padding: 0;
}
.pco-middle .pco-middle-two .container-xl .left .swiper-slide{
    height: 120px;
    background-color: rgba(182, 182, 182, 0.2);
}
.pco-middle .pco-middle-two .container-xl .left .product-thumbs .swiper-slide-thumb-active{
    background-color: rgba(182, 182, 182, 1);
}
.pco-middle .pco-middle-two .container-xl .left .product-thumbs .swiper-slide:hover{
    background-color: rgba(182, 182, 182, 1);
}
.pco-middle .pco-middle-two .container-xl .left .product-thumbs .swiper-slide a{
    width: 100%;
    height: 100%;
    display: flex;
    padding: 0 20px;
}
.pco-middle .pco-middle-two .container-xl .left .product-thumbs .swiper-slide a img{
    margin: auto;
    mix-blend-mode: multiply;
}
.pco-middle .pco-middle-two .container-xl .left .mySwiper{
    position: relative;
    overflow: hidden;
    list-style: none;
    z-index: 1;
}
.pco-middle .pco-middle-two .swiper-button-prev{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: 50% ;
    transform: translateY(-50%);
    left: 20px;
}
.pco-middle .pco-middle-two .swiper-button-next.swiper-button-disabled, 
.pco-middle .pco-middle-two .swiper-button-prev.swiper-button-disabled{
    border: 4px solid #999999 !important;
    opacity: 1;
}
.pco-middle .pco-middle-two .swiper-button-next{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}
.pco-middle .pco-middle-two .swiper-button-prev:after{
    content: '';
    background: url(../../images/icon/58.webp);
    width: 29px;
    height: 24px;
}
.pco-middle .pco-middle-two .swiper-button-prev.swiper-button-disabled::after{
    background: url(../../images/icon/57.webp) !important;
}
.pco-middle .pco-middle-two .swiper-button-next.swiper-button-disabled::after{
    background: url(../../images/icon/59.webp) !important;
}
.pco-middle .pco-middle-two .swiper-button-next:after{
    content: '';
    background: url(../../images/icon/56.webp);
    width: 29px;
    height: 24px;
}
.pco-middle .pco-middle-two .container-xl .right{
    width: 50%;
}
.pco-middle .pco-middle-two .container-xl .right .t1{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
}
.pco-middle .pco-middle-two .container-xl .right .t2{
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 56px;
}
.pco-middle .pco-middle-two .container-xl .right .t3{
    margin-top: 20px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}
.pco-middle .pco-middle-two .container-xl .right .t3 span{
    font-weight: 600;
}
.pco-middle .pco-middle-two .container-xl .right .t4{
    margin-top: 50px;
    display: flex;
    align-items: center;
	flex-wrap: wrap;
}
.pco-middle .pco-middle-two .container-xl .right .t4 h5{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #D1121B;
    margin-right: 40px;
	margin-bottom: 5px;
}
.pco-middle .pco-middle-two .container-xl .right .t4 a{
    background: #F4F4F4;
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    padding: 0 17px;
    line-height: 38px;
    border: 1px solid transparent;
    margin-right: 10px;
    cursor: pointer;
	margin-bottom: 5px;
}
.pco-middle .pco-middle-two .container-xl .right .t4 a:hover{
    background: #FFFFFF;
    border: 1px solid #D1121B;
}
.pco-middle .pco-middle-two .container-xl .right .t4 a.active{
    background: #FFFFFF;
    border: 1px solid #D1121B;
}
.pco-middle .pco-middle-two .container-xl .right .t5{
    margin-top: 40px;
    display: flex;
    gap: 15px;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(1){
    width: 50%;
    max-width: 280px;
    background: #FFFFFF;
    border: 2px solid #D1121B;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(1) a{
    width: 100%;
    display: block;
    height: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    line-height: 24px;
    text-transform: uppercase;
    padding: 20px 15px;
    text-align: center;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2){
    width: 50%;
    max-width: 280px;
    background: #FFFFFF;
    border: 2px solid #D1121B;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2) a{
    width: 100%;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    gap: 20px;
    padding: 20px 15px;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2) a div{
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom: 8px solid transparent;
    border-top: 8px solid transparent;
    border-left: 13px solid #D1121B;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2) a p{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    line-height: 24px;
    text-transform: uppercase;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(1):hover{
    background: #D1121B;
    border: 2px solid transparent;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(1):hover a{
    color: #FFFFFF;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2):hover{
    background: #D1121B;
    border: 2px solid transparent;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2):hover a div{
    border-left: 13px solid #FFFFFF;
}
.pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(2):hover a p{
    color: #FFFFFF;
}
.pco-middle .pco-middle-two .container-xl .right .t6{
    margin-top: 60px;
    display: flex;
    align-items: center;
}
.pco-middle .pco-middle-two .container-xl .right .t6 p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #D1121B;
    margin-right: 50px;
}
.pco-middle .pco-middle-two .container-xl .right .t6 img{
    margin-right: 19px;
}
.pco-middle .pco-middle-two .container-xl .right .t7{
    margin-top: 30px;
}
.pco-middle .pco-middle-two .container-xl .right .t7 table{
    width: 100%;
}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr:nth-child(2n+1){background: #F4F4F4;}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr:nth-child(2n){background: #FBFBFB;}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr td{
    width: 50%;
    position: relative;
    font-weight: 500;
    font-size: 18px;
    line-height: 60px;
    letter-spacing: -1px;
}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr td:nth-child(1){color: #333333;}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr td:nth-child(2){color: #666666;font-weight: 400;;}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr td:nth-child(1){padding-left: 60px;}
.pco-middle .pco-middle-two .container-xl .right .t7 table tr td:nth-child(2){padding-left: 90px;}

.pco-middle .pco-middle-three{
    position: static;
    max-height: none;
    padding-bottom: 120px;
}
.pco-middle .pco-middle-three .tabs{
    background-color: transparent;
    box-shadow: none;
}
.pco-middle .pco-all > .container-xl{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.pco-middle .pco-all > .container-xl > .left{
    width: 68.8%;
}
.pco-middle .pco-all > .container-xl > .talk{
    width: 26.5%;
    background: #FFFFFF;
    box-shadow: 0px 0px 9px 1px rgba(99, 99, 99, 0.1);
    padding: 70px 30px 60px 30px;
    position: sticky;
    top: 144px;
}
.pco-middle .pco-all > .container-xl > .talk > h5{
    font-family: Poppins;
    font-weight: bold;
    font-size: 32px;
    color: #333333;
    letter-spacing: -1px;
    line-height: 40px;
    padding: 0 15px;
}
.pco-middle .pco-all > .container-xl > .talk > p{
    font-family: Roboto;
    font-weight: 400;
    font-size: 16px;
    color: #999999;
    line-height: 26px;
    letter-spacing: -1px;
    margin-top: 20px;
    word-break: break-all;
    padding: 0 15px;
}
.pco-middle .pco-all > .container-xl > .talk > from{
    margin-top: 35px;
}
.pco-middle .pco-all > .container-xl > .talk .form-group{
    margin-bottom: 10px;
}
.pco-middle .pco-all > .container-xl > .talk .form-feedback .form-control{
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid rgba(221, 221, 221, .6);
}
.pco-middle .pco-all > .container-xl > .talk .form-feedback .btn{
    margin-top: 10px;
    max-width: 100%;
    text-transform: uppercase;
    background-color: #D1121B;
    border-radius: 4px !important;
}
.pco-middle .pco-middle-four{
    padding: 0 0 100px 0;
}
.pco-middle .pco-middle-four .title{
    font-weight: 700;
    font-size: 28px;
    color: #333333;
    line-height: 56px;
    text-indent: 75px;
    position: relative;
}
.pco-middle .pco-middle-four .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.pco-middle .pco-middle-four .title::after{
    position: absolute;
    content: '';
    width: 19px;
    height: 4px;
    background: #D1121B;
    left: 28px;
    top: 26px;
}
.pco-middle .pco-middle-four .cont p{
    margin-top: 45px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}
.pco-middle .pco-middle-five{
    padding: 0 0 100px 0;
}
.pco-middle .pco-middle-five .title{
    font-weight: 700;
    font-size: 28px;
    color: #333333;
    line-height: 56px;
    text-indent: 75px;
    position: relative;
}
.pco-middle .pco-middle-five .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.pco-middle .pco-middle-five .title::after{
    position: absolute;
    content: '';
    width: 19px;
    height: 4px;
    background: #D1121B;
    left: 28px;
    top: 26px;
}
.pco-middle .pco-middle-five .cont{
    margin-top: 50px;
}
.pco-middle .pco-middle-five .cont h5{
    position: relative;
    font-size: 18px;
    color: #666666;
    font-weight: 400;
    line-height: 32px;
    text-indent: 45px;
}
.pco-middle .pco-middle-five .cont h5::before{
    position: absolute;
    content: '';
    background: url(../../images/icon/88.webp);
    width: 21px;
    height: 17px;
    top: 7.5px;
    left: 0;
}
.pco-middle .pco-middle-five .cont p{
    font-size: 18px;
    color: #666666;
    font-weight: 400;
    line-height: 32px;
}
.pco-middle .pco-middle-six{
    padding: 0 0 100px 0;
}
.pco-middle .pco-middle-six .title{
    font-weight: 700;
    font-size: 28px;
    color: #333333;
    line-height: 56px;
    text-indent: 75px;
    position: relative;
}
.pco-middle .pco-middle-six .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.pco-middle .pco-middle-six .title::after{
    position: absolute;
    content: '';
    width: 19px;
    height: 4px;
    background: #D1121B;
    left: 28px;
    top: 26px;
}
.pco-middle .pco-middle-six .cont table{
    width: 100%;
    margin-top: 60px;
}
.pco-middle .pco-middle-six .cont table tr > th{
    background-color: #D1121B;
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    line-height: 24px;
}
.pco-middle .pco-middle-six .cont table tr > td{
    border: 2px solid #666666;
    font-family: Poppins;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    line-height: 24px;
}
.pco-middle .pco-middle-six .cont table tr > th:nth-child(1),
.pco-middle .pco-middle-six .cont table tr > td:nth-child(1){width: 50%;padding-left: 10px;}
.pco-middle .pco-middle-six .cont table tr > th:nth-child(2),
.pco-middle .pco-middle-six .cont table tr > td:nth-child(2){width: 12.8%;text-align: center;}
.pco-middle .pco-middle-six .cont table tr > th:nth-child(3),
.pco-middle .pco-middle-six .cont table tr > td:nth-child(3){width: 37.2%;text-align: center;}
.pco-middle .pco-middle-six .cont table tr:nth-child(2) > td{border-top: none;}
.pco-middle .pco-middle-six .cont table tr > td:nth-child(1){border-left: none;}
.pco-middle .pco-middle-six .cont table tr > td:nth-child(3){border-right: none;}
.pco-middle .pco-middle-seven{
    padding: 0 0 100px 0;
}
.pco-middle .pco-middle-seven .title{
    font-weight: 700;
    font-size: 28px;
    color: #333333;
    line-height: 56px;
    text-indent: 75px;
    position: relative;
}
.pco-middle .pco-middle-seven .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.pco-middle .pco-middle-seven .title::after{
    position: absolute;
    content: '';
    width: 19px;
    height: 4px;
    background: #D1121B;
    left: 28px;
    top: 26px;
}
.pco-middle .pco-middle-seven .cont{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}
.pco-middle .pco-middle-seven .cont > div{
    width: 47.2%;
}
.pco-middle .pco-middle-seven .cont > div .box{
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #DDDDDD;
    padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}
.pco-middle .pco-middle-seven .cont > div .box + .box{
    border-top: 1px solid transparent;
}
.pco-middle .pco-middle-seven .cont > div .box > p{
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 60px;
}
.pco-middle .pco-middle-seven .cont > div .box > div{
    position: relative;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-left: 7.5px solid transparent;
    border-right: 7.5px solid transparent;
    border-top: 9px solid #D1121B;
    padding-bottom: 5px;
}
.pco-middle .pco-middle-seven .cont > div .box > div::before{
    position: absolute;
    content: '';
    bottom: 0;
    left: -50%;
    transform: translateX(-50%);
    width: 15px;
    height: 2px;
    background: #D1121B;
    border-radius: 1px;
}
.pco-middle .pco-middle-eight{
    padding:  0 0 150px 0;
}
.pco-middle .pco-middle-eight .title{
    font-weight: 700;
    font-size: 28px;
    color: #333333;
    line-height: 56px;
    text-indent: 75px;
    position: relative;
}
.pco-middle .pco-middle-eight .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.pco-middle .pco-middle-eight .title::after{
    position: absolute;
    content: '';
    width: 19px;
    height: 4px;
    background: #D1121B;
    left: 28px;
    top: 26px;
}
.pco-middle .pco-middle-eight .container-xl{
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
}
.pco-middle .pco-middle-eight .row{
    margin-top: 80px;
    margin-left: -20px;
    margin-right: -20px;
}
.pco-middle .pco-middle-eight .row .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div{
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(99,99,99,0.2);
    height: 100%;
    display: flex;
    flex-direction: column;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .image{
    padding: 20px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .image a{
    display: block;
    width: 100%;
    height: 100%;
    background: #F4F4F4;
    display: flex;
    align-items: center;
    justify-content: center;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .image a img{
    width: auto;
    mix-blend-mode: multiply;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .text{
    padding: 0 40px 45px 35px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .text h4{
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    color: #D1121B;
    line-height: 30px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .text h5{
    position: relative;
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 32px;
    word-break: break-all;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .text h5::before{
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    border: 3px solid #D1121B;
    border-radius: 50%;
    left: -48px;
    top: 7.5px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .text h5::after{
    position: absolute;
    content: '';
    width: 13px;
    height: 3px;
    background: #D1121B;
    left: -31px;
    top: 14.5px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div .text p{
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}
.pco-middle .pco-middle-eight .row .col-md-4 > div:hover{
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.2);
}
.pco-middle .pco-middle-nine{
    padding: 0 0 130px 0;
    background-color: #fff;
}
.pco-middle .pco-middle-nine .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pco-middle .pco-middle-nine .container-xl .left{
    width: 32%;
    padding-top: 40px;
}
.pco-middle .pco-middle-nine .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.pco-middle .pco-middle-nine .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.pco-middle .pco-middle-nine .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 56px;
    margin-top: 25px;
}
.pco-middle .pco-middle-nine .container-xl .left .t2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    margin-top: 40px;
}
.pco-middle .pco-middle-nine .container-xl .left .t3{
    margin-top: 45px;
    padding: 16px 15px;
    max-width: 240px;
    background: #D1121B;
}
.pco-middle .pco-middle-nine .container-xl .left .t3 a{
    width: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    text-transform: uppercase;
}
.pco-middle .pco-middle-nine .container-xl .right{
    width: 64%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box {
    background: rgba(255, 255, 255, 0.4);
    border: 4px solid rgba(221, 221, 221, 0.4);
    cursor: pointer;
    position: relative;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .title {
    display: flex;
    padding: 15px 40px;
    align-items: center;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .title .logo{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
    margin-right: 20px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .title .but {
    color: #D1121B;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 18px;
    height: 4px;
    background-color: #D1121B;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 4px;
    height: 18px;
    background-color: #D1121B;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .content{
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    display: flex;
    gap: 20px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .content .logo{
    min-width: 40px;
    max-width: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    background: #D1121B;
    text-align: center;
    margin-top: 5px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box .content .txt{
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box.active{
    background: #fff;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box.active .content {
    height: auto;
    padding: 10px 100px 50px 36px;
}
.pco-middle .pco-middle-nine .container-xl .right .dropdown-box.active .title .but::after{
    opacity: 0;
}
.pco-middle .pco-middle-ten{
    padding: 0 0 180px 0;
}
.pco-middle .pco-middle-ten .container-xl{
    max-width: 1440px;
    padding-left: 20px;
    padding-right: 20px;
}
.pco-middle .pco-middle-ten .title{
    font-weight: 700;
    font-size: 28px;
    color: #333333;
    line-height: 56px;
    text-indent: 75px;
    position: relative;
}
.pco-middle .pco-middle-ten .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 14px;
}
.pco-middle .pco-middle-ten .title::after{
    position: absolute;
    content: '';
    width: 19px;
    height: 4px;
    background: #D1121B;
    left: 28px;
    top: 26px;
}
.pco-middle .pco-middle-ten .t3{
    margin-top: 80px;
    margin-left: -20px;
    margin-right: -20px;
}
.pco-middle .pco-middle-ten .t3 .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 20px;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div{
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text{
    height: 100%;
    border: 3px solid transparent;
    position: relative;
    padding: 39px 40px 40px 40px;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 39px;
    opacity: 0;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text::after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 77px;
    opacity: 0;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text > div{
    display: flex;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text > div > p{
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 21px;
    padding: 4.5px 10px;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text > a{
    margin-top: 25px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    display: block;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text > p{
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    /* 超出部分用省略号表示 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text:hover::before,
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text:hover::after{
    opacity: 1;
}
.pco-middle .pco-middle-ten .t3 .col-md-4 > div .text:hover{
    border: 3px solid #D1121B;
}
@media (max-width: 768px) {
    .header-small{display: none;}
    .pco-middle .pco-middle-two{padding: 15px 0;}
    .pco-middle .pco-middle-two .container-xl .left .product-thumb{min-height: auto;}
    .pco-middle .pco-middle-two .container-xl .left .swiper-slide{height: auto;}
    .pco-middle .pco-middle-two .container-xl .left .product-thumb a{height: auto;padding: 0 15px;min-height:auto;}
    .pco-middle .pco-middle-two .swiper-button-next:after,
    .pco-middle .pco-middle-two .swiper-button-prev:after{background-size: 50% 50% !important;background-position: center !important;width: 14.5px;height: 12px;background-repeat: no-repeat !important;}
    .pco-middle .pco-middle-two .swiper-button-next,
    .pco-middle .pco-middle-two .swiper-button-prev{width: 34px;height: 34px;border-width: 2px !important;}
    .pco-middle .pco-middle-two .swiper-button-next.swiper-button-disabled, .pco-middle .pco-middle-two .swiper-button-prev.swiper-button-disabled{border-width: 2px !important;}
    .pco-middle .pco-middle-two .swiper-button-prev.swiper-button-disabled::after,
    .pco-middle .pco-middle-two .swiper-button-next.swiper-button-disabled::after{background-size: 50% 50% !important;background-position: center !important;width: 14.5px;height: 12px;background-repeat: no-repeat !important;}
    .pco-middle .pco-middle-two .container-xl .left .product-thumbs{margin-top: 15px;}
    .pco-middle .pco-middle-two .container-xl .right{margin-top: 15px;}
    .pco-middle .pco-middle-two .container-xl .right .t2{font-size: 24px;line-height: 32px;}
    .pco-middle .pco-middle-two .container-xl .right .t3{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .pco-middle .pco-middle-two .container-xl .right .t6{margin-top: 15px !important;}
    .pco-middle .pco-middle-two .container-xl .right .t7{margin-top: 15px;}
    .pco-middle .pco-middle-two .container-xl .right .t7 table tr td:nth-child(1){padding-left: 10px;}
    .pco-middle .pco-middle-two .container-xl .right .t7 table tr td:nth-child(2){padding-left: 10px;}
    .pco-middle .pco-middle-two .container-xl .right .t7 table tr td{font-size: 16px;line-height: 40px;}
    .pco-middle .pco-middle-two .container-xl .right .t5{margin-top: 15px;flex-wrap: wrap;}
    .pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(1){width: 100%;}
    .pco-middle .pco-middle-two .container-xl .right .t5 .but:nth-child(1) a{padding: 10px;font-size: 16px;line-height: 22px;}
    .pco-middle .pco-all > .container-xl{flex-wrap: wrap;}
    .pco-middle .pco-all > .container-xl > .left{width: 100%;}
    .pco-middle .pco-all > .container-xl > .talk{width: 100%;padding: 15px;position: relative;top: 0;}
    .pco-middle .pco-middle-four{padding: 15px 0;}
    .pco-middle .pco-middle-four .title::before,
    .pco-middle .pco-middle-four .title::after,
    .pco-middle .pco-middle-five .title::before,
    .pco-middle .pco-middle-five .title::after,
    .pco-middle .pco-middle-six .title::before,
    .pco-middle .pco-middle-six .title::after,
    .pco-middle .pco-middle-eight .title::before,
    .pco-middle .pco-middle-eight .title::after{display: none;}
    .pco-middle .pco-middle-four .title,
    .pco-middle .pco-middle-five .title,
    .pco-middle .pco-middle-six .title,
    .pco-middle .pco-middle-eight .title{font-size: 24px;line-height: 32px;text-indent: 0px;}
    .pco-middle .pco-middle-four .cont p{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .pco-middle .pco-middle-five{padding: 15px 0;}
    .pco-middle .pco-middle-five .cont{margin-top: 15px;}
    .pco-middle .pco-middle-five .cont h5{font-size: 14px;line-height: 22px;text-indent: 35px;}
    .pco-middle .pco-middle-five .cont h5::before{top: 1.5px;}
    .pco-middle .pco-middle-six{padding: 15px 0;}
    .pco-middle .pco-middle-six .cont table{margin-top: 15px;}
    .pco-middle .pco-middle-eight{padding: 15px 0;}
    .pco-middle .pco-middle-eight .row{margin-top: 15px;margin-left: -5px;margin-right: -5px;}
    .pco-middle .pco-middle-eight .row .col-md-4{padding-left: 5px;padding-right: 5px;margin-bottom: 15px;width: 50%;}
    .pco-middle .pco-middle-eight .row .col-md-4 > div .image{padding: 10px;}
    .pco-middle .pco-middle-eight .row .col-md-4 > div .text{padding: 15px;padding-top: 0;}
    .pco-middle .pco-middle-eight .row .col-md-4 > div .text h4{font-size: 14px;line-height: 22px;}
    .pco-middle .pco-middle-eight .row .col-md-4 > div .text h5{font-size: 16px;line-height: 24px;}
    .pco-middle .pco-middle-eight .row .col-md-4 > div .text h5::before,
    .pco-middle .pco-middle-eight .row .col-md-4 > div .text h5::after{display: none;}
    .pco-middle .pco-all > .container-xl > .talk > h5{font-size: 24px;line-height: 32px;}
    .pco-middle .pco-all > .container-xl > .talk > p{font-size: 14px;line-height: 22px;margin-top: 15px;}
    .pco-middle .pco-middle-ten{padding: 15px 0;}
    .pco-middle .pco-middle-ten .title::before,
    .pco-middle .pco-middle-ten .title::after{display: none;}
    .pco-middle .pco-middle-ten .title{font-size: 24px !important;line-height: 32px !important;text-indent: 0;}
    .pco-middle .pco-middle-ten .t3{margin-top: 15px;margin-left: -5px;margin-right: -5px;}
    .pco-middle .pco-middle-ten .t3 .col-md-4{padding-left: 5px;padding-right: 5px;margin-bottom: 15px;width: 50%;}
    .pco-middle .pco-middle-ten .t3 .col-md-4 > div .text{padding: 10px;}
    .pco-middle .pco-middle-ten .t3 .col-md-4 > div .text > a{margin-top: 15px;font-size: 16px;line-height: 24px;}
    .pco-middle .pco-middle-ten .t3 .col-md-4 > div .text > p{font-size: 14px;line-height: 22px;height: 44px;}
}
/*=============================================
             =  FAQ(faq)  =
===============================================*/
#faq-middle .header {
    position: relative;
}
.faq-middle{position: relative;background-color: #f4f4f4;}
.faq-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.faq-middle > div{position: relative; z-index: 2;}
.faq-middle .faq-middle-one {
    padding: 15px 0 0 0;
}
.faq-middle .faq-middle-two{
    padding: 70px 0 180px 0;
}
.faq-middle .faq-middle-two .title{
    font-weight: 700;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
}
.faq-middle .faq-middle-two .cont{
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
}
.faq-middle .faq-middle-two .cont .left{
    width: 260px;
    margin-right: 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.faq-middle .faq-middle-two .cont .left .box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235, 235, 235, 0.6);
    cursor: pointer;
    padding: 15px 0;
}
.faq-middle .faq-middle-two .cont .left .box > div:nth-child(1){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.faq-middle .faq-middle-two .cont .left .box > div:nth-child(1)::before{
    position: absolute;
    content: '';
    right: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.faq-middle .faq-middle-two .cont .left .box > div:nth-child(2){
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.faq-middle .faq-middle-two .cont .left .box > div:nth-child(3){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.faq-middle .faq-middle-two .cont .left .box > div:nth-child(3)::before{
    position: absolute;
    content: '';
    left: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.faq-middle .faq-middle-two .cont .left .box.active{
    background: #D1121B;
}
.faq-middle .faq-middle-two .cont .left .box:hover{
    background: #D1121B;
}
.faq-middle .faq-middle-two .cont .left .box.active > div:nth-child(3),
.faq-middle .faq-middle-two .cont .left .box.active > div:nth-child(1),
.faq-middle .faq-middle-two .cont .left .box:hover > div:nth-child(1),
.faq-middle .faq-middle-two .cont .left .box:hover > div:nth-child(3){
    border: 3px solid #fff;
}
.faq-middle .faq-middle-two .cont .left .box.active > div:nth-child(2),
.faq-middle .faq-middle-two .cont .left .box:hover > div:nth-child(2){
    color: #fff;
}
.faq-middle .faq-middle-two .cont .left .box.active > div:nth-child(1)::before,
.faq-middle .faq-middle-two .cont .left .box.active > div:nth-child(3)::before,
.faq-middle .faq-middle-two .cont .left .box:hover > div:nth-child(1)::before,
.faq-middle .faq-middle-two .cont .left .box:hover > div:nth-child(3)::before{
    background-color: #fff;
}
.faq-middle .faq-middle-two .cont .right{
    width: calc(100% - 360px);
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box {
    background: rgba(255, 255, 255, 0.4);
    border: 4px solid rgba(221, 221, 221, 0.4);
    cursor: pointer;
    position: relative;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box::before{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    opacity: 0;
    left: 33px;
    top: -9px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box::after{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    opacity: 0;
    left: 70px;
    top: -9px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .title {
    display: flex;
    padding: 15px 40px;
    align-items: center;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .title .logo{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
    margin-right: 20px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .title .but {
    color: #D1121B;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 18px;
    height: 4px;
    background-color: #D1121B;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 4px;
    height: 18px;
    background-color: #D1121B;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .content{
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    display: flex;
    gap: 20px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .content .logo{
    min-width: 40px;
    max-width: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    background: #D1121B;
    text-align: center;
    margin-top: 5px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box .content .txt{
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box.active{
    background: #fff;
    border: 4px solid #D1121B;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box.active::before{
    opacity: 1;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box.active::after{
    opacity: 1;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box.active .content {
    height: auto;
    padding: 10px 100px 50px 36px;
}
.faq-middle .faq-middle-two .cont .right .dropdown-box.active .title .but::after{
    opacity: 0;
}
.faq-middle .faq-middle-three{

}
@media (max-width: 768px) {
    .faq-middle .faq-middle-two{padding: 15px 0;}
    .faq-middle .faq-middle-two .title{font-size: 24px;line-height: 32px;}
    .faq-middle .faq-middle-two .cont{margin-top: 15px;flex-wrap: wrap;}
    .faq-middle .faq-middle-two .cont .right{margin-top: 15px;gap: 15px;}
    .faq-middle .faq-middle-two .cont .right .dropdown-box .title{padding: 15px;}
    .faq-middle .faq-middle-two .cont .right .dropdown-box .title .logo{line-height: 24px;margin-right: 15px;font-size: 16px;}
    .faq-middle .faq-middle-two .cont .right .dropdown-box .title .but{min-width: 18px;}
    .faq-middle .faq-middle-two .cont .right .dropdown-box.active .content{padding: 5px 15px 15px 15px;}
    .faq-middle .faq-middle-two .cont .right .dropdown-box .content .logo{line-height: 20px;height: 20px;min-width: 20px;max-width: 20px;}
    .faq-middle .faq-middle-two .cont .right .dropdown-box .content .txt{font-size: 14px;line-height: 22px;}
}
/*=============================================
             =  底部(footer)  =
===============================================*/
.footer .footer-top {
    padding: 110px 0 90px 0;
    position: relative;
    background: #f4f4f4;
}
.footer .footer-top .container-xl {
    display: flex;
}
.footer .footer-top .container-xl .cont-one{
    width: 27%;
}
.footer .footer-top .container-xl .cont-one .text{
    margin-top: 40px;

}
.footer .footer-top .container-xl .cont-one .text .t1{
    display: flex;
    gap: 6px;
    align-items: center;
}
.footer .footer-top .container-xl .cont-one .text .t1 > a{
    border: 1px solid #d3d3d3;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}
.footer .footer-top .container-xl .cont-two {
    margin-top: 10px;
    width: 18%;
    padding-left: 15px;
}
.footer .footer-top .container-xl .cont-two .title{
    color: #141313;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}
.footer .footer-top .container-xl .cont-two .text{
    margin-top: 50px;
}
.footer .footer-top .container-xl .cont-two .text ul li{
    position: relative;
}
.footer .footer-top .container-xl .cont-two .text ul li a{
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    padding-right: 40px;
}
.footer .footer-top .container-xl .cont-two .text ul li a:hover{
    color: #E11B23;
}
.footer .footer-top .container-xl .cont-two .text ul li::before{
    position: absolute;
    content: '→';
    font-weight: 600;
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    right: 0;
    top: 0;
    font-family: "Urbanist", sans-serif;
}
.footer .footer-top .container-xl .cont-three {
    width: 21%;
    padding-left: 80px;
    margin-top: 10px;
}
.footer .footer-top .container-xl .cont-three .title{
    color: #141313;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}
.footer .footer-top .container-xl .cont-three .text{
    margin-top: 50px;
}
.footer .footer-top .container-xl .cont-three .text ul li{
    position: relative;
}
.footer .footer-top .container-xl .cont-three .text ul li a{
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
    padding-right: 40px;
}
.footer .footer-top .container-xl .cont-three .text ul li a:hover{
    color: #E11B23;
}
.footer .footer-top .container-xl .cont-three .text ul li::before{
    position: absolute;
    content: '→';
    font-weight: 600;
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    right: 0;
    top: 0;
    font-family: "Urbanist", sans-serif;
}
.footer .footer-top .container-xl .cont-four{
    width: 35%;
    padding-left: 80px;
    margin-top: 10px;
}
.footer .footer-top .container-xl .cont-four .title{
    color: #141313;
    font-weight: 600;
    font-size: 20px;
    line-height: 32px;
    text-transform: uppercase;
}
.footer .footer-top .container-xl .cont-four .text{
    margin-top: 50px;
}
.footer .footer-top .container-xl .cont-four .text ul li a{
    display: flex;
    gap: 25px;
}
.footer .footer-top .container-xl .cont-four .text ul li a img{
    margin-top: 10px;
}
.footer .footer-top .container-xl .cont-four .text ul li a p{
    color: #666666;
    font-size: 16px;
    line-height: 36px;
    font-weight: 400;
}
.footer .footer-top .container-xl .cont-four .text ul li a.ahoverunderline:hover p{
    color: #E11B23;
}
.footer .footer-bottom {
    background-color: #d1121b;
    padding: 6px 0;
}
.footer .footer-bottom .container-xl {
    color: #ffffff;
    font-size: 16px;
    line-height: 28px;
    font-weight: 400;
    opacity: 0.46;
}
@media (max-width: 768px) {
    .footer .footer-top{padding: 15px 0;}
    .footer .footer-top .container-xl{flex-wrap: wrap;}
    .footer .footer-top .container-xl .cont-one .text{margin-top: 15px;}
    .footer .footer-top .container-xl .cont-two{margin-top: 15px;padding-left: 0;}
    .footer .footer-top .container-xl .cont-two .title{font-size: 16px;line-height: 24px;}
    .footer .footer-top .container-xl .cont-two .text{margin-top: 15px;}
    .footer .footer-top .container-xl .cont-two .text ul li {margin-bottom: 15px;}
    .footer .footer-top .container-xl .cont-two .text ul li a{font-size: 14px;line-height: 22px;padding-right: 15px;}
    .footer .footer-top .container-xl .cont-two .text ul li::before{font-size: 14px;line-height: 22px;}
    .footer .footer-top .container-xl .cont-three{padding-left: 15px;margin-top: 15px;}
    .footer .footer-top .container-xl .cont-three .title{font-size: 16px;line-height: 24px;}
    .footer .footer-top .container-xl .cont-three .text{margin-top: 15px;}
    .footer .footer-top .container-xl .cont-three .text ul li{margin-bottom: 15px;}
    .footer .footer-top .container-xl .cont-three .text ul li a{padding-right: 15px;}
    .footer .footer-top .container-xl .cont-three .text ul li a,
    .footer .footer-top .container-xl .cont-three .text ul li::before{font-size: 14px;line-height: 22px;}
    .footer .footer-top .container-xl .cont-four{padding-left: 0;margin-top: 15px;}
    .footer .footer-top .container-xl .cont-four .title{font-size: 16px;line-height: 24px;}
    .footer .footer-top .container-xl .cont-four .text{margin-top: 15px;}
    .footer .footer-top .container-xl .cont-four .text ul li a{gap: 15px;}
    .footer .footer-top .container-xl .cont-four .text ul li a img{margin-top: 0;}
    .footer .footer-bottom .container-xl{font-size: 14px;line-height: 22px;}
}

/*=============================================
             =  联系我们(contact)  =
===============================================*/

#contact-middle header{
    position: relative;
}
#contact-middle .footer .footer-top{
    background-color: #fff;
}
.contact-middle{position: relative;}

.contact-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.contact-middle > div{position: relative; z-index: 2;}

.contact-middle .contact-middle-one {padding: 15px 0 0 0;}
.contact-middle .contact-middle-two{
    padding: 80px 0 200px 0;
}
.contact-middle .contact-middle-two .container-xl{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1440px;
}
.contact-middle .contact-middle-two .t1 h1{
    font-family: Poppins;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
    font-weight: 600;
}

.contact-middle .contact-middle-two .t2{
    margin-top: 100px;
    display: flex;
    gap: 40px;
}
.contact-middle .contact-middle-two .t2 .box{
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.05);
    padding: 40px 40px 50px 0;
    width: 33.33%;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(1){
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(1) .lin{
    width: calc(100% - 100px);
    height: 1px;
    background: #DDDDDD;
    border-radius: 1px;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2){
    margin-top: 45px;
    padding-left: 40px;
    position: relative;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2)::before{
    position: absolute;
    content: '';
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    height: calc(100% - 14px);
    width: 6px;
    background: #D1121B;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.05);
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > p,
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > a{
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > div{
    display: flex;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > div > span{
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > div > a{
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > div > a:hover{
    text-decoration: underline;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > p > span,
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > a > span{
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > a:hover{
    text-decoration: underline;
}
.contact-middle .contact-middle-two .t3{
    margin-top: 100px;
    display: flex;
    justify-content: space-between;
}
.contact-middle .contact-middle-two .t3 .left{
    width: 48.6%;
}
.contact-middle .contact-middle-two .t3 .left .text1{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t3 .left .text2{
    margin-top: 80px;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.contact-middle .contact-middle-two .t3 .left .text2 > div{
    display: flex;
    justify-content: space-between;
}
.contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(1){}
.contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(2){
    width: calc(100% - 100px);
}
.contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(2) > p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    color: #333333;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(2) > p:nth-child(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 36px;
}
.contact-middle .contact-middle-two .t3 .left .text3{
    font-family: Poppins;
    font-weight: 500;
    font-size: 32px;
    color: #D1121B;
    line-height: 48px;
    margin-top: 60px;
}
.contact-middle .contact-middle-two .t3 .right{
    width: 46%;
}
.contact-middle .contact-middle-two .t3 .right h5{
    font-family: Poppins;
    font-weight: 600;
    font-size: 28px;
    color: #333333;
    line-height: 30px;
}
.contact-middle .contact-middle-two .t3 .right form{
    margin-top: 50px;
}
.contact-middle .contact-middle-two .t3 .right form .form-row label{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color: #666666;
    margin-bottom: 15px;
}
.contact-middle .contact-middle-two .t3 .right form .form-row label span{
    color: #DD0000;
}
.contact-middle .contact-middle-two .t3 .right form .form-row .form-control{
    background: #F8F8F8;
    border: 2px solid transparent;
}
.contact-middle .contact-middle-two .t3 .right form .form-row .form-control:focus{
    border-color: #D1121B;
}
.contact-middle .contact-middle-two .t3 .right .form-feedback .btn{
    background: #D1121B;
    border: none;
    padding: 0;
    max-width: 320px;
    margin-top: 30px;
}
.contact-middle .contact-middle-two .t3 .right .form-feedback .btn a{
    width: 100%;
    height: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    padding: 15px 15px;
}

@media (max-width: 768px) {
    #contact-middle header{position: fixed !important;}
    .contact-middle .contact-middle-two{padding: 15px 0;}
    .contact-middle .contact-middle-two .t1 h1{font-size: 24px;line-height: 32px;}
    .contact-middle .contact-middle-two .t2{margin-top: 15px;flex-wrap: wrap;gap: 15px;}
    .contact-middle .contact-middle-two .t2 .box{width: 100%;padding: 15px;}
    .contact-middle .contact-middle-two .t2 .box > div:nth-child(2){margin-top: 15px;padding-left: 20px;}
    .contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > p, .contact-middle .contact-middle-two .t2 .box > div:nth-child(2) > a{font-size: 16px;line-height: 24px;}
    .contact-middle .contact-middle-two .t3{margin-top: 15px;flex-wrap: wrap;}
    .contact-middle .contact-middle-two .t3 .left .text2{margin-top: 15px;gap: 15px;}
    .contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(2){width: calc(100% - 70px);}
    .contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(2) > p:nth-child(1){font-size: 16px;line-height: 24px;}
    .contact-middle .contact-middle-two .t3 .left .text2 > div > div:nth-child(2) > p:nth-child(2){font-size: 14px;line-height: 22px;}
    .contact-middle .contact-middle-two .t3 .left .text3{margin-top: 15px;font-size: 24px;line-height: 32px;}
    .contact-middle .contact-middle-two .t3 .right{margin-top: 15px;}
    .contact-middle .contact-middle-two .t3 .right form{margin-top: 15px;}
    .contact-middle .contact-middle-two .t3 .right .form-feedback .btn{margin-top: 0;}
    .contact-middle .contact-middle-two .t3 .right .form-feedback .btn a{padding: 10px;font-size: 16px;line-height: 24px;}
}

/*=============================================
             =  关于我们(about)  =
===============================================*/
#about-middle header{
    position: relative;
}
#about-middle .footer .footer-top{
    background-color: #fff;
}
.about-middle .about-middle-one {
    position: relative;
}
.about-middle .about-middle-one > img{}
.about-middle .about-middle-one > .container-xl{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.about-middle .about-middle-one > .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.about-middle .about-middle-one > .title > .container-xl{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-middle .about-middle-one > .title > .container-xl .but{
    display: flex;
    align-items: center;
    justify-content: center;
}
.about-middle .about-middle-one > .title > .container-xl h1{
    font-weight: 600;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 56px;
    margin-top: 45px;
}
.about-middle .about-middle-one > .title > .container-xl p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 38px;
}

.about-middle .about-middle-two{
    padding: 80px 0 60px 0;
    background-color: rgba(248, 248, 248, 0.99);
}
.about-middle .about-middle-two .col-md-4{
    margin-bottom: 15px;
}
.about-middle .about-middle-two .col-md-4 > div{
    height: 100%;
    display: flex;
    gap: 40px;
}
.about-middle .about-middle-two .col-md-4 > div .image{
    position: relative;
    max-width: 50px;
    width: 100%;
    height: 50px;
    background: #D1121B;
    border-radius: 25px;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-middle .about-middle-two .col-md-4 > div .image img{
    position: relative;
    z-index: 2;
}
.about-middle .about-middle-two .col-md-4 > div .image::before{
    position: absolute;
    content: "";
    width: 30px;
    height: 2px;
    background: #DDDDDD;
    z-index: 1;
    left: 50px;
    top: 50%;
    transform: translateY(-50%);
}
.about-middle .about-middle-two .col-md-4 > div .text{
    display: flex;
    flex-direction: column;
}
.about-middle .about-middle-two .col-md-4 > div .text p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    color: #D1121B;
    line-height: 24px;
}
.about-middle .about-middle-two .col-md-4 > div .text p:nth-child(2){
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
    margin-top: 5px;
}
.about-middle .about-middle-two .col-md-4 > div .text p:nth-child(3){
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    margin-top: 20px;
}

.about-middle .about-middle-three{
    padding: 130px 0;
}
.about-middle .about-middle-three .container-xl{
    display: flex;
    justify-content: space-between;
    max-width: 1675px;
    padding-left: 0;
    margin-left: 0;
    align-items: center;
}
.about-middle .about-middle-three .container-xl .left{
    width: 55.43%;
	display: flex;
    flex-direction: column;
    gap: 10px;
}
.about-middle .about-middle-three .container-xl .right{
    width: 40%;
}
.about-middle .about-middle-three .container-xl .right .title{
    font-weight: 600;
    font-size: 42px;
    color: #333;
    line-height: 44px;
    position: relative;
    text-indent: 85px;
}
.about-middle .about-middle-three .container-xl .right .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.about-middle .about-middle-three .container-xl .right .title::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 4px;
    background: #D1121B;
    left: 23px;
    top: 20px;
}
.about-middle .about-middle-three .container-xl .right .text{
    margin-top: 35px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.about-middle .about-middle-three .container-xl .right .image{
    margin-top: 40px;
    display: flex;
    gap: 20px;
}

.about-middle .about-middle-four{
    padding: 20px 0 125px 0;
}
.about-middle .about-middle-four .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.about-middle .about-middle-four .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.about-middle .about-middle-four .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.about-middle .about-middle-four .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.about-middle .about-middle-four .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 52px;
    text-transform: uppercase;
}
.about-middle .about-middle-four .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.about-middle .about-middle-four .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.about-middle .about-middle-four .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.about-middle .about-middle-four .container-xl .mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.about-middle .about-middle-four .container-xl .down{
    margin-top: 80px;
}
.about-middle .about-middle-four .container-xl .down .col-md-6{
    margin-bottom: 15px;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div{
    display: flex;
    height: 100%;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text{
    position: relative;
    padding: 40px 60px 60px 45px;
    border: 3px solid transparent;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text::before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 45px;
    opacity: 0;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text::after{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 83px;
    opacity: 0;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text:hover{
    border-color: #D1121B;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text:hover::before{
    opacity: 1;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text:hover::after{
    opacity: 1;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 24px;
    color: #333333;
    line-height: 56px;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div{
    margin-top: 20px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div > p:nth-child(1){
    margin-top: 25px;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div > p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
    position: relative;
    text-indent: 40px;
}
.about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div > p::before{
    position: absolute;
    content: '';
    background: url(../../images/icon/53.webp);
    width: 16px;
    height: 12px;
    top: 8px;
    left: 0;
}
.about-middle .about-middle-five{
    padding: 0 0 160px 0;
}
.about-middle .about-middle-five .title{
    font-weight: 600;
    font-size: 42px;
    color: #333;
    line-height: 44px;
    position: relative;
    text-indent: 80px;
}
.about-middle .about-middle-five .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.about-middle .about-middle-five .title::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 4px;
    background: #D1121B;
    left: 23px;
    top: 20px;
}
.about-middle .about-middle-five .cont{
    display: flex;
    gap: 30px;
    margin-top: 100px;
}
.about-middle .about-middle-five .cont .box{
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.about-middle .about-middle-five .cont .box > p:nth-of-type(1){
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
}
.about-middle .about-middle-five .cont .box > p:nth-of-type(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
}
.about-middle .about-middle-six{
    padding: 0 0 160px 0;
}
.about-middle .about-middle-six .container-xl{
    max-width: 1675px;
    margin-right: 0;
    padding-right: 0;
    display: flex;
    justify-content: space-between;
}
.about-middle .about-middle-six .container-xl .left{
    width: 38.2%;
    padding-top: 30px;
}
.about-middle .about-middle-six .container-xl .left .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 44px;
    position: relative;
    text-indent: 80px;
}
.about-middle .about-middle-six .container-xl .left .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.about-middle .about-middle-six .container-xl .left .title::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 4px;
    background: #D1121B;
    left: 23px;
    top: 20px;
}
.about-middle .about-middle-six .container-xl .left .cont{
    margin-top: 80px;
    position: relative;
}
.about-middle .about-middle-six .container-xl .left .mySwiper1{
    overflow: hidden;
    position: relative;
}
.about-middle .about-middle-six .container-xl .left .mySwiper1 .swiper-slide > div{
    position: relative;
    background: #F4F4F4;
    padding: 75px 50px 60px 30px;
}
.about-middle .about-middle-six .container-xl .left .cont > div:nth-child(1){
    position: absolute;
    width: 55px;
    height: 55px;
    background: #D1121B;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: -27px;
    left: 30px;
    z-index: 2;
}
.about-middle .about-middle-six .container-xl .left .mySwiper1 .swiper-slide > div >p:nth-child(1){
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}
.about-middle .about-middle-six .container-xl .left .mySwiper1 .swiper-slide > div >p:nth-child(2){
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    margin-top: 25px;
    text-align: right;
}
.about-middle .about-middle-six .container-xl .left .mySwiper1 .swiper-slide > div >p:nth-child(2) span{
    font-weight: 600;
    color: #999999;
    margin-right: 10px;
}
.about-middle .about-middle-six .container-xl .left .but{
    position: relative;
    margin-top: 50px;
}
.about-middle .about-middle-six .container-xl .left .but .swiper-button-prev{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: 10px;
    right: 95px;
    left: auto;
}
.about-middle .about-middle-six .swiper-button-next.swiper-button-disabled, 
.about-middle .about-middle-six .swiper-button-prev.swiper-button-disabled{
    border: 4px solid #999999 !important;
    opacity: 1;
}
.about-middle .about-middle-six .container-xl .left .but .swiper-button-next{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: 10px;
}
.about-middle .about-middle-six .swiper-button-prev:after{
    content: '';
    background: url(../../images/icon/58.webp);
    width: 29px;
    height: 24px;
}
.about-middle .about-middle-six .swiper-button-prev.swiper-button-disabled::after{
    background: url(../../images/icon/57.webp) !important;
}
.about-middle .about-middle-six .swiper-button-next.swiper-button-disabled::after{
    background: url(../../images/icon/59.webp) !important;
}
.about-middle .about-middle-six .swiper-button-next:after{
    content: '';
    background: url(../../images/icon/56.webp);
    width: 29px;
    height: 24px;
}
.about-middle .about-middle-six .container-xl .right{
    width: 55.5%;
}
.about-middle .about-middle-six .container-xl .right .mySwiper2{
    overflow: hidden;
    position: relative;
}

.about-middle .about-middle-seven{
    padding: 100px 0 110px 0;
    background-color: rgba(248, 248, 248, 0.9); 
}
.about-middle .about-middle-seven .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.about-middle .about-middle-seven .container-xl .left{
    width: 64.3%;
    position: relative;
}
.about-middle .about-middle-seven .container-xl .left .image{
    position: relative;
}
.about-middle .about-middle-seven .container-xl .left .image img{
    mix-blend-mode: multiply;
}
.about-middle .about-middle-seven .container-xl .left .boxs{
    margin-top: -60px;
    padding-right: 80px;
}
.about-middle .about-middle-seven .container-xl .left .boxs .box{

}
.about-middle .about-middle-seven .container-xl .right{
    width: 33.5%;
}
.about-middle .about-middle-seven .container-xl .right .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.about-middle .about-middle-seven .container-xl .right .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.about-middle .about-middle-seven .container-xl .right .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
    margin-top: 15px;
}
.about-middle .about-middle-seven .container-xl .right .t2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    margin-top: 25px;
}
.about-middle .about-middle-seven .container-xl .right .t3{
    margin-top: 50px;
}
.about-middle .about-middle-seven .container-xl .right .t3 p{
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    text-indent: 40px;
    position: relative;
}
.about-middle .about-middle-seven .container-xl .right .t3 p::before{
    content: '';
    position: absolute;
    top: 8px;
    left: 0px;
    background: url(../../images/icon/53.webp);
    width: 16px;
    height: 12px;
}
.about-middle .about-middle-seven .container-xl .right .t4{
    width: 100%;
    max-width: 400px;
    background: #D1121B;
    margin-top: 80px;
}
.about-middle .about-middle-seven .container-xl .right .t4 a{
    width: 100%;
    height: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 24px;
    padding: 20px 15px;
    text-align: center;
    text-transform: uppercase;
}


.about-middle .about-middle-eight{
    padding: 120px 0 120px 0;
}
.about-middle .about-middle-eight .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.about-middle .about-middle-eight .text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    max-width: 1050px;
}
.about-middle .about-middle-eight .buts{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.about-middle .about-middle-eight .buts .but{
    background: #F0F0F0;
    width: calc(50% - 20px);
    max-width: 380px;
}
.about-middle .about-middle-eight .buts .but a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 26px;
    padding: 19px 15px;
    text-transform: uppercase;
}
.about-middle .about-middle-eight .buts .but:hover{
    background: #D1121B;
}
.about-middle .about-middle-eight .buts .but:hover a{
    color: #FFFFFF;
}


@media (max-width: 1430px) {
    .about-middle .about-middle-four .container-xl .up .up-mid{font-size: 18px !important;}
}

@media (max-width: 768px) {
    #about-middle header{position: fixed !important;}
    .about-middle .about-middle-one > .container-xl{top: 0px;}
    .about-middle .about-middle-one > .title > .container-xl .but,.about-middle .about-middle-one > .title > .container-xl p{display: none;}
    .about-middle .about-middle-one > .title > .container-xl h1{margin-top: 15px;}
    .about-middle .about-middle-two{padding: 15px 0;}
    .about-middle .about-middle-two .col-md-4 > div{gap: 15px;}
    .about-middle .about-middle-two .col-md-4 > div .text p:nth-child(1){font-size: 14px;line-height: 22px;}
    .about-middle .about-middle-two .col-md-4 > div .text p:nth-child(2){font-size: 16px;line-height: 24px;}
    .about-middle .about-middle-two .col-md-4 > div .text p:nth-child(3){margin-top: 15px;font-size: 14px;line-height: 22px;}
    .about-middle .about-middle-three{padding: 15px 0;}
    .about-middle .about-middle-three .container-xl{flex-wrap: wrap;padding-left: 15px;margin-left: auto;}
    .about-middle .about-middle-three .container-xl .right{margin-top: 15px;}
    .about-middle .about-middle-three .container-xl .right .title::before,
    .about-middle .about-middle-three .container-xl .right .title::after{display: none;}
    .about-middle .about-middle-three .container-xl .right .title{font-size: 24px;line-height: 32px;text-indent: 0;}
    .about-middle .about-middle-three .container-xl .right .text{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .about-middle .about-middle-three .container-xl .right .image{margin-top: 15px;}
    .about-middle .about-middle-four{padding: 15px 0;}
    .about-middle .about-middle-four .container-xl .up .up-left,
    .about-middle .about-middle-four .container-xl .up .up-right{display: none;}
    .about-middle .about-middle-four .container-xl .up .up-mid{font-size: 16px !important;line-height: 24px !important;}
    .about-middle .about-middle-four .container-xl .mid{font-size: 24px;line-height: 32px;}
    .about-middle .about-middle-four .container-xl .down{margin-top: 15px;}
    .about-middle .about-middle-four .container-xl .down .col-md-6 > div .text{padding: 10px;}
    .about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > p:nth-child(1){font-size: 16px;line-height: 24px;}
    .about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div > p:nth-child(1){margin-top: 15px;}
    .about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div > p{font-size: 14px;line-height: 22px;text-indent: 20px;}
    .about-middle .about-middle-four .container-xl .down .col-md-6 > div .text > div > p::before{top: 4px;}
    .about-middle .about-middle-five{padding: 15px 0;}
    .about-middle .about-middle-five .title{text-indent: 0;}
    .about-middle .about-middle-five .title::before,
    .about-middle .about-middle-five .title::after{display: none;}
    .about-middle .about-middle-five .cont{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .about-middle .about-middle-five .cont .box{gap: 15px;}
    .about-middle .about-middle-five .cont .liner{display: none;}
    .about-middle .about-middle-five .cont .box > p:nth-of-type(1){font-size: 16px;line-height: 24px;}
    .about-middle .about-middle-five .cont .box > p:nth-of-type(2){font-size: 14px;line-height: 22px;}
    .about-middle .about-middle-seven{padding: 15px 0;}
    .about-middle .about-middle-seven .container-xl .left .image{display: none;}
    .about-middle .about-middle-seven .container-xl .left .boxs{margin-top: 0px;padding-right: 0;}
    .about-middle .about-middle-seven .container-xl .left .boxs .box{width: 50%;margin-bottom: 15px;}
    .about-middle .about-middle-seven .container-xl .right .circle-ico{display: none;}
    .about-middle .about-middle-seven .container-xl .right .t1{margin-top: 0;font-size: 24px;line-height: 32px;}
    .about-middle .about-middle-seven .container-xl .right .t2{margin-top: 15px;}
    .about-middle .about-middle-seven .container-xl .right .t3{margin-top: 15px;}
    .about-middle .about-middle-seven .container-xl .right .t3 p::before{top: 4px;}
    .about-middle .about-middle-seven .container-xl .right .t3 p{text-indent: 20px;}
    .about-middle .about-middle-seven .container-xl .right .t4{margin-top: 15px;}
    .about-middle .about-middle-seven .container-xl .right .t4 a{padding: 10px;font-size: 14px;line-height: 22px;}
    .about-middle .about-middle-eight{padding: 15px 0;}
    .about-middle .about-middle-eight .text{margin-top: 15px;}
    .about-middle .about-middle-eight .buts{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .about-middle .about-middle-eight .buts .but{width: 100%;}
    .about-middle .about-middle-eight .buts .but a{padding: 10px;font-size: 16px;line-height: 24px;}
}

/*=============================================
             =  下载(dow)  =
===============================================*/
.dow-middle {
}

#dow-middle header{
    position: relative;
}
#dow-middle .footer .footer-top{
    background-color: #fff;
}
.dow-middle{position: relative;}

.dow-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.dow-middle > div{position: relative; z-index: 2;}

.dow-middle .dow-middle-one {padding: 15px 0 0 0;}
.dow-middle .dow-middle-two{
    padding: 80px 0 160px 0;
}
.dow-middle .dow-middle-two .t1 h1{
    font-family: Poppins;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
    font-weight: 600;
}
.dow-middle .dow-middle-two .t2{
    margin-top: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.dow-middle .dow-middle-two .t2 .left{
    width: 30.8%;
}
.dow-middle .dow-middle-two .t2 .right{
    width: 56%;
}
.dow-middle .dow-middle-two .t2 .right p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    padding-left: 15px;
    margin-bottom: 20px;
}

.dow-middle .dow-middle-two .form-feedback .btn{
    margin-top: 10px;
    background: #D1121B;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding:  15px 0;
    max-width: 240px;
    text-transform: uppercase;
}
.dow-middle .dow-middle-two .t2 .right .form-row input,
.dow-middle .dow-middle-two .t2 .right .form-row textarea{
    background: #F4F4F4;
    border: 2px solid transparent;
}
.dow-middle .dow-middle-two .t2 .right .form-group{
    margin-bottom: 20px;
}
.dow-middle .dow-middle-two .t2 .right .form-row input:focus,
.dow-middle .dow-middle-two .t2 .right .form-row textarea:focus{
    border: 2px solid #D1121B;
}
.dow-middle .dow-middle-two .t2 .right .form-row input::placeholder,
.dow-middle .dow-middle-two .t2 .right .form-row textarea::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}

@media (max-width: 768px) {
    #dow-middle header{position: fixed !important;}
    .dow-middle .dow-middle-two{padding: 15px 0;}
    .dow-middle .dow-middle-two .t1 h1{font-size: 24px;line-height: 32px;}
    .dow-middle .dow-middle-two .t2{margin-top: 15px;}
    .dow-middle .dow-middle-two .t2 .right{margin-top: 15px;}
    .dow-middle .dow-middle-two .t2 .right p{line-height: 22px;font-size: 14px;margin-bottom: 15px;}
    .dow-middle .dow-middle-two .t2 .right .form-group{margin-bottom: 15px;}
}

/*=============================================
             =  视频(video)  =
===============================================*/
.video-middle {
}

#video-middle header{
    position: relative;
}
#video-middle .footer .footer-top{
    background-color: #fff;
}
.video-middle{position: relative;}

.video-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.video-middle > div{position: relative; z-index: 2;}

.video-middle .video-middle-one {padding: 15px 0 0 0;}
.video-middle .video-middle-two{
    padding: 80px 0 200px 0;
}
.video-middle .video-middle-two .container-xl{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1440px;
}
.video-middle .video-middle-two .t1 h1{
    font-family: Poppins;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
    font-weight: 600;
}
.video-middle .video-middle-two .t2{
    display: flex;
    gap: 10px;
    margin-top: 90px;
}

.video-middle .video-middle-two .t2 .box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235, 235, 235, 0.6);
    cursor: pointer;
    padding: 15px 0;
    max-width: 360px;
    width: 33.33%;
}
.video-middle .video-middle-two .t2 .box > div:nth-child(1){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.video-middle .video-middle-two .t2 .box > div:nth-child(1)::before{
    position: absolute;
    content: '';
    right: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.video-middle .video-middle-two .t2 .box > div:nth-child(2){
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.video-middle .video-middle-two .t2 .box > div:nth-child(3){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.video-middle .video-middle-two .t2 .box > div:nth-child(3)::before{
    position: absolute;
    content: '';
    left: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.video-middle .video-middle-two .t2 .box.active{
    background: #D1121B;
}
.video-middle .video-middle-two .t2 .box:hover{
    background: #D1121B;
}
.video-middle .video-middle-two .t2 .box.active > div:nth-child(3),
.video-middle .video-middle-two .t2 .box.active > div:nth-child(1),
.video-middle .video-middle-two .t2 .box:hover > div:nth-child(1),
.video-middle .video-middle-two .t2 .box:hover > div:nth-child(3){
    border: 3px solid #fff;
}
.video-middle .video-middle-two .t2 .box.active > div:nth-child(2),
.video-middle .video-middle-two .t2 .box:hover > div:nth-child(2){
    color: #fff;
}
.video-middle .video-middle-two .t2 .box.active > div:nth-child(1)::before,
.video-middle .video-middle-two .t2 .box.active > div:nth-child(3)::before,
.video-middle .video-middle-two .t2 .box:hover > div:nth-child(1)::before,
.video-middle .video-middle-two .t2 .box:hover > div:nth-child(3)::before{
    background-color: #fff;
}
.video-middle .video-middle-two .t3{
    margin-top: 120px;

}
.video-middle .video-middle-two .t3 .col-md-4{
    margin-bottom: 90px;
}
.video-middle .video-middle-two .t3 .col-md-4 > div{
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    position: relative;
    border: 4px solid transparent;
}
.video-middle .video-middle-two .t3 .col-md-4 > div::before{
    position: absolute;
    content: '';
    bottom: -9px;
    left: 35px;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    opacity: 0;
}
.video-middle .video-middle-two .t3 .col-md-4 > div::after{
    position: absolute;
    content: '';
    bottom: -9px;
    left: 73px;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    opacity: 0;
}
.video-middle .video-middle-two .t3 .col-md-4 > div:hover::before,
.video-middle .video-middle-two .t3 .col-md-4 > div:hover::after{
    opacity: 1;
}
.video-middle .video-middle-two .t3 .col-md-4 > div:hover{
    border: 4px solid #D1121B;
}
.video-middle .video-middle-two .t3 .col-md-4 > div .image-box{
    padding: 20px;
    position: relative;
}
.video-middle .video-middle-two .t3 .col-md-4 > div .image-box .button{
    position: absolute;
    right: 20px;
    bottom: 20px;
}
.video-middle .video-middle-two .t3 .col-md-4 > div .text{
    padding: 15px 50px 45px 35px;
}
.video-middle .video-middle-two .t3 .col-md-4 > div .text a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
}
@media (max-width: 768px) {
    #video-middle header{position: fixed !important;}
    .video-middle .video-middle-two{padding: 15px 0;}
    .video-middle .video-middle-two .t1 h1{font-size: 24px;line-height: 32px;}
    .video-middle .video-middle-two .t2{margin-top: 15px;}
    .video-middle .video-middle-two .t2 .box > div:nth-child(1),
    .video-middle .video-middle-two .t2 .box > div:nth-child(3){display: none;}
    .video-middle .video-middle-two .t2 .box{padding: 10px;}
    .video-middle .video-middle-two .t3{margin-top: 15px;}
    .video-middle .video-middle-two .t3 .col-md-4{margin-bottom: 15px;width: 50%;}
    .video-middle .video-middle-two .t3 .col-md-4 > div .image-box{padding: 10px;}
    .video-middle .video-middle-two .t3 .col-md-4 > div .image-box .button{right: 10px;bottom: 10px;}
    .video-middle .video-middle-two .t3 .col-md-4 > div .image-box .button > a > img{width: 40px;height: 30px;}
    .video-middle .video-middle-two .t3 .col-md-4 > div .text{padding: 10px;}
}

/*=============================================
             =  证书(cert)  =
===============================================*/
#cert-middle header{
    position: relative;
}
#cert-middle .footer .footer-top{
    background-color: #fff;
}
.cert-middle{position: relative;}

.cert-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.cert-middle > div{position: relative; z-index: 2;}

.cert-middle .cert-middle-one {
    padding: 15px 0 0 0;
}
.cert-middle .cert-middle-two{
    padding: 80px 0 200px 0;
}
.cert-middle .cert-middle-two .t1 h1{
    font-family: Poppins;
    font-weight: 600;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
}
.cert-middle .cert-middle-two .t2{
    display: flex;
    gap: 10px;
    margin-top: 90px;
}

.cert-middle .cert-middle-two .t2 .box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235, 235, 235, 0.6);
    cursor: pointer;
    padding: 15px 0;
    max-width: 360px;
    width: 33.33%;
}
.cert-middle .cert-middle-two .t2 .box > div:nth-child(1){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.cert-middle .cert-middle-two .t2 .box > div:nth-child(1)::before{
    position: absolute;
    content: '';
    right: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.cert-middle .cert-middle-two .t2 .box > div:nth-child(2){
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.cert-middle .cert-middle-two .t2 .box > div:nth-child(3){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.cert-middle .cert-middle-two .t2 .box > div:nth-child(3)::before{
    position: absolute;
    content: '';
    left: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.cert-middle .cert-middle-two .t2 .box.active{
    background: #D1121B;
}
.cert-middle .cert-middle-two .t2 .box:hover{
    background: #D1121B;
}
.cert-middle .cert-middle-two .t2 .box.active > div:nth-child(3),
.cert-middle .cert-middle-two .t2 .box.active > div:nth-child(1),
.cert-middle .cert-middle-two .t2 .box:hover > div:nth-child(1),
.cert-middle .cert-middle-two .t2 .box:hover > div:nth-child(3){
    border: 3px solid #fff;
}
.cert-middle .cert-middle-two .t2 .box.active > div:nth-child(2),
.cert-middle .cert-middle-two .t2 .box:hover > div:nth-child(2){
    color: #fff;
}
.cert-middle .cert-middle-two .t2 .box.active > div:nth-child(1)::before,
.cert-middle .cert-middle-two .t2 .box.active > div:nth-child(3)::before,
.cert-middle .cert-middle-two .t2 .box:hover > div:nth-child(1)::before,
.cert-middle .cert-middle-two .t2 .box:hover > div:nth-child(3)::before{
    background-color: #fff;
}

.cert-middle .cert-middle-two .t3{
    margin-top: 130px;
    margin-left: -13px;
    margin-right: -13px;
}
.cert-middle .cert-middle-two .t3 .col-md-3{
    padding-left: 13px;
    padding-right: 13px;
    margin-bottom: 60px;
}
.cert-middle .cert-middle-two .t3 .col-md-3 > div{
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(0,0,0,0.05);
    padding: 30px;
    position: relative;
    border: 4px solid transparent;
}
.cert-middle .cert-middle-two .t3 .col-md-3 > div::before{
    position: absolute;
    content: "";
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    bottom: -11px;
    left: calc(50% - 14px);
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    opacity: 0;
}
.cert-middle .cert-middle-two .t3 .col-md-3 > div::after{
    position: absolute;
    content: "";
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    bottom: -11px;
    left: calc(50% + 14px);
    transform: translateX(-50%);
    width: 18px;
    height: 18px;
    opacity: 0;
}
.cert-middle .cert-middle-two .t3 .col-md-3 > div:hover{
    border: 4px solid #D1121B;
}
.cert-middle .cert-middle-two .t3 .col-md-3 > div:hover::before,
.cert-middle .cert-middle-two .t3 .col-md-3 > div:hover::after{
    opacity: 1;
}
.cert-middle .cert-middle-two .t3 .col-md-3 > div .image{}
.cert-middle .cert-middle-two .t3 .col-md-3 > div > p{
    margin-top: 40px;
    text-align: center;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}

@media (max-width: 768px) {

}

/*=============================================
             =  新闻中心(nl)  =
===============================================*/
#nl-middle header{
    position: relative;
}
#nl-middle .footer .footer-top{
    background-color: #fff;
}
.nl-middle{position: relative;}

.nl-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.nl-middle > div{position: relative; z-index: 2;}

.nl-middle .nl-middle-one {padding: 15px 0 0 0;}
.nl-middle .nl-middle-two{
    padding: 80px 0 200px 0;
}
.nl-middle .nl-middle-two .container-xl{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1440px;
}
.nl-middle .nl-middle-two .t1 h1{
    font-family: Poppins;
    font-size: 56px;
    color: #333333;
    line-height: 56px;
    font-weight: 600;
}
.nl-middle .nl-middle-two .t2{
    display: flex;
    gap: 10px;
    margin-top: 90px;
}

.nl-middle .nl-middle-two .t2 .box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235, 235, 235, 0.6);
    cursor: pointer;
    padding: 15px 0;
    max-width: 360px;
    width: 33.33%;
}
.nl-middle .nl-middle-two .t2 .box > div:nth-child(1){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.nl-middle .nl-middle-two .t2 .box > div:nth-child(1)::before{
    position: absolute;
    content: '';
    right: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.nl-middle .nl-middle-two .t2 .box > div:nth-child(2){
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.nl-middle .nl-middle-two .t2 .box > div:nth-child(3){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.nl-middle .nl-middle-two .t2 .box > div:nth-child(3)::before{
    position: absolute;
    content: '';
    left: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.nl-middle .nl-middle-two .t2 .box.active{
    background: #D1121B;
}
.nl-middle .nl-middle-two .t2 .box:hover{
    background: #D1121B;
}
.nl-middle .nl-middle-two .t2 .box.active > div:nth-child(3),
.nl-middle .nl-middle-two .t2 .box.active > div:nth-child(1),
.nl-middle .nl-middle-two .t2 .box:hover > div:nth-child(1),
.nl-middle .nl-middle-two .t2 .box:hover > div:nth-child(3){
    border: 3px solid #fff;
}
.nl-middle .nl-middle-two .t2 .box.active > div:nth-child(2),
.nl-middle .nl-middle-two .t2 .box:hover > div:nth-child(2){
    color: #fff;
}
.nl-middle .nl-middle-two .t2 .box.active > div:nth-child(1)::before,
.nl-middle .nl-middle-two .t2 .box.active > div:nth-child(3)::before,
.nl-middle .nl-middle-two .t2 .box:hover > div:nth-child(1)::before,
.nl-middle .nl-middle-two .t2 .box:hover > div:nth-child(3)::before{
    background-color: #fff;
}

.nl-middle .nl-middle-two .t3{
    margin-top: 130px;
    margin-left: -20px;
    margin-right: -20px;
}
.nl-middle .nl-middle-two .t3 .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 70px;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div{
    background: #FFFFFF;
    box-shadow: 0px 20px 50px 0px rgba(99,99,99,0.08);
    display: flex;
    flex-direction: column;
    height: 100%;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text{
    height: 100%;
    border: 3px solid transparent;
    position: relative;
    padding: 39px 40px 40px 40px;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text::before{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 39px;
    opacity: 0;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text::after{
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 77px;
    opacity: 0;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text > div{
    display: flex;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text > div > p{
    background: #FFFFFF;
    border-radius: 2px;
    border: 1px solid #DDDDDD;
    font-family: Poppins;
    font-weight: 400;
    font-size: 14px;
    color: #999999;
    line-height: 21px;
    padding: 4.5px 10px;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text > a{
    margin-top: 25px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 28px;
    display: block;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text > p{
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    /* 超出部分用省略号表示 */
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 64px;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text:hover::before,
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text:hover::after{
    opacity: 1;
}
.nl-middle .nl-middle-two .t3 .col-md-4 > div .text:hover{
    border: 3px solid #D1121B;
}

@media (max-width: 768px) {
    #nl-middle header{position: fixed !important;}
    .nl-middle .nl-middle-two{padding: 15px 0;}
    .nl-middle .nl-middle-two .t1 h1{font-size: 24px;line-height: 32px;}
    .nl-middle .nl-middle-two .t2{margin-top: 15px;}
    .nl-middle .nl-middle-two .t2 .box > div:nth-child(1),
    .nl-middle .nl-middle-two .t2 .box > div:nth-child(3){display: none;}
    .nl-middle .nl-middle-two .t2 .box{padding: 10px;}
    .nl-middle .nl-middle-two .t3{margin-top: 15px;margin-left: -5px;margin-right: -5px;}
    .nl-middle .nl-middle-two .t3 .col-md-4{width: 50%;margin-bottom: 15px;padding-left: 5px;padding-right: 5px;}
    .nl-middle .nl-middle-two .t3 .col-md-4 > div .text{padding: 10px;}
    .nl-middle .nl-middle-two .t3 .col-md-4 > div .text > a{margin-top: 15px;    font-size: 16px;line-height: 24px;letter-spacing: -1px;}
    .nl-middle .nl-middle-two .t3 .col-md-4 > div .text > p{font-size: 14px;line-height: 22px;height: 44px;}
}

/*=============================================
             =  新闻详情(nc)  =
===============================================*/
#nc-middle header{
    position: relative;
}
#nc-middle .footer .footer-top{
    background-color: #fff;
}
.nc-middle{position: relative;}

.nc-middle > img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}
.nc-middle > div{position: relative; z-index: 2;}

.nc-middle .nc-middle-one {padding: 15px 0 0 0;}
.nc-middle .nc-middle-one .container-xl{
    max-width: 1630px;
}
.nc-middle .nc-middle-two{
    padding: 130px 0 200px 0;
}
.nc-middle .nc-middle-two .container-xl{
    max-width: 1630px;
}
.nc-middle .nc-middle-two .t2{
    display: flex;
    gap: 10px;
}

.nc-middle .nc-middle-two .t2 .box{
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(235, 235, 235, 0.6);
    cursor: pointer;
    padding: 15px 0;
    max-width: 360px;
    width: 33.33%;
}
.nc-middle .nc-middle-two .t2 .box > div:nth-child(1){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-right: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.nc-middle .nc-middle-two .t2 .box > div:nth-child(1)::before{
    position: absolute;
    content: '';
    right: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.nc-middle .nc-middle-two .t2 .box > div:nth-child(2){
    font-weight: 400;
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    text-transform: uppercase;
}
.nc-middle .nc-middle-two .t2 .box > div:nth-child(3){
    position: relative;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin-left: 30px;
    background-color: transparent;
    border: 3px solid #CCCCCC;
}
.nc-middle .nc-middle-two .t2 .box > div:nth-child(3)::before{
    position: absolute;
    content: '';
    left: -15px;
    top: 50%;
    transform: translate(0,-50%);
    width: 15px;
    height: 3px;
    background-color: #CCCCCC;
}
.nc-middle .nc-middle-two .t2 .box.active{
    background: #D1121B;
}
.nc-middle .nc-middle-two .t2 .box:hover{
    background: #D1121B;
}
.nc-middle .nc-middle-two .t2 .box.active > div:nth-child(3),
.nc-middle .nc-middle-two .t2 .box.active > div:nth-child(1),
.nc-middle .nc-middle-two .t2 .box:hover > div:nth-child(1),
.nc-middle .nc-middle-two .t2 .box:hover > div:nth-child(3){
    border: 3px solid #fff;
}
.nc-middle .nc-middle-two .t2 .box.active > div:nth-child(2),
.nc-middle .nc-middle-two .t2 .box:hover > div:nth-child(2){
    color: #fff;
}
.nc-middle .nc-middle-two .t2 .box.active > div:nth-child(1)::before,
.nc-middle .nc-middle-two .t2 .box.active > div:nth-child(3)::before,
.nc-middle .nc-middle-two .t2 .box:hover > div:nth-child(1)::before,
.nc-middle .nc-middle-two .t2 .box:hover > div:nth-child(3)::before{
    background-color: #fff;
}
.nc-middle .nc-middle-two .t3{
    margin-top: 130px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.nc-middle .nc-middle-two .t3 .left{
    width: 21%;
    position: sticky;
    top: 90px;
}
.nc-middle .nc-middle-two .t3 .left > .txt1{
    position: relative;
    font-weight: 600;
    font-size: 28px;
    color: #D1121B;
    line-height: 44px;
    text-indent: 60px;
}
.nc-middle .nc-middle-two .t3 .left > .txt1::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 3px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 12px;
}
.nc-middle .nc-middle-two .t3 .left > .txt1::after{
    position: absolute;
    content: '';
    width: 17px;
    height: 4px;
    background: #D1121B;
    left: 20px;
    top: 20px;
}
.nc-middle .nc-middle-two .t3 .left > .box{
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}
.nc-middle .nc-middle-two .t3 .left > .box > a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 32px;
    cursor: pointer;
}
.nc-middle .nc-middle-two .t3 .left > .box > .liner{
    margin: 30px 0 30px 0;
    height: 1px;
    background: #E5E5E5;
    width: 100%;
}
.nc-middle .nc-middle-two .t3 .left > .box > .ahref{
    display: flex;
    flex-direction: column;
}
.nc-middle .nc-middle-two .t3 .left > .box > .ahref a{
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #666666;
    line-height: 48px;
    position: relative;
    padding-left: 40px;
}
.nc-middle .nc-middle-two .t3 .left > .box > .ahref a::before{
    position: absolute;
    content: '';
    width: 5px;
    height: 5px;
    background: #999999;
    left: 0;
    top: 21px;
}
.nc-middle .nc-middle-two .t3 .left > .box > a:hover{
    color: #D1121B;
}
.nc-middle .nc-middle-two .t3 .left > .box > .ahref a:hover{
    color: #D1121B;
}
.nc-middle .nc-middle-two .t3 .left > .box > .ahref a:hover::before{
    background: url(../../images/icon/10.webp);
    width: 19px;
    height: 15px;
    left: 0;
    top: 16px;
}
.nc-middle .nc-middle-two .t3 .mid{
    width: 51%;
}
.nc-middle .nc-middle-two .t3 .mid > h1{
    font-family: Poppins;
    font-weight: 600;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
}
.nc-middle .nc-middle-two .t3 .mid > .information{
    margin-top: 40px;
    display: flex;
    gap: 25px;
}
.nc-middle .nc-middle-two .t3 .mid > .information > p:nth-child(1){
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    color: #D1121B;
    text-transform: uppercase;
}
.nc-middle .nc-middle-two .t3 .mid > .information > p:nth-child(2){
    color: #666666;
    text-transform: uppercase;
}
.nc-middle .nc-middle-two .t3 .mid > .liner1{
    width: 100%;
    height: 1px;
    background: #E5E5E5;
    margin: 20px 0 60px 0;
}
.nc-middle .nc-middle-two .t3 .mid > .cont img{max-width: 100%;height: auto;width: auto;}
.nc-middle .nc-middle-two .t3 .mid > .cont > p{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: rgba(153, 153, 153, 1);
}
.nc-middle .nc-middle-two .t3 .mid > .cont > h3{
    font-size: 30px;
    line-height: 38px;
    font-weight: 600;
    color: rgba(51, 51, 51, 1);
    margin-top: 60px;
}
.nc-middle .nc-middle-two .t3 .mid > .cont > h5{
    font-size: 24px;
    line-height: 28px;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin-top: 30px;
    margin-bottom: 30px;
}
.nc-middle .nc-middle-two .t3 .mid > .liner2{
    margin: 70px 0 60px 0;
    height: 1px;
    background: #DDDDDD;
    width: 100%;
}
.nc-middle .nc-middle-two .t3 .mid > .end{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text{
    width: calc(100% - 230px);
    display: flex;
    gap: 20px;
    flex-direction: column;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text > div{
    display: flex;
    color: #D1121B;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text > div > p:nth-child(1){
    font-size: 18px;
    line-height: 32px;
    color: rgba(0, 0, 0, 0.6);
    font-weight: 600;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text > div > a{
    font-size: 18px;
    line-height: 32px;
    color: rgba(102, 102, 102, 0.6);
    font-weight: 400;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text > div:hover{
    text-decoration: underline;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text > div:hover > p:nth-child(1){
    color: #D1121B;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .text > div:hover > a{
    color: #D1121B;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .but{
    display: flex;
    background: #D1121B;
    max-width: 200px;
    width: 100%;
}
.nc-middle .nc-middle-two .t3 .mid > .end > .but a{
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    padding: 15px;
    text-align: center;
    width: 100%;
    height: 100%;
}
.nc-middle .nc-middle-two .t3 .right{
    width: 20.625%;
}
.nc-middle .nc-middle-two .t3 .right > .box{
    background: #FFFFFF;
    box-shadow: 0px 40px 50px 0px rgba(51,51,51,0.1);
    padding: 35px 30px 80px 30px;
    border-bottom: 4px solid #D1121B;
}
.nc-middle .nc-middle-two .t3 .right > .box:nth-child(2){
    margin-top: 35px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .title{
    position: relative;
    font-size: 20px;
    line-height: 28px;
    color: rgba(102, 102, 102, 1);
    font-weight: 500;
    text-indent: 55px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .title::before{
    position: absolute;
    content: '';
    width: 19px;
    height: 19px;
    border: 3px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 4px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .title::after{
    position: absolute;
    content: '';
    width: 15px;
    height: 4px;
    background: #D1121B;
    left: 19px;
    top: 11px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .but{
    margin-top: 40px;
    background: #D1121B;
}
.nc-middle .nc-middle-two .t3 .right > .box > .but > a{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: center;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    padding: 15px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont{
    margin-top: 45px;
    display: flex;
    flex-direction: column;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a{
    display: flex;
    gap: 30px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a > div{
    width: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a > div > img:nth-child(1){
    display: block;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a > div > img:nth-child(2){
    display: none;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a > p{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
    line-height: 56px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > div{
    padding-top: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(221, 221, 221, 0.6);
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > div > p{
    font-family: Roboto;
    font-weight: 500;
    font-size: 16px;
    color: #999999;
    text-transform: uppercase;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > div > a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    margin-top: 15px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont:nth-child(2){
    margin-top: 20px;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a:hover > div > img:nth-child(1){
    display: none;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a:hover > div > img:nth-child(2){display: block;}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > a:hover > p{
    color: #D1121B;
}
.nc-middle .nc-middle-two .t3 .right > .box > .cont > div > a:hover{
    color: #D1121B;
}
.nc-middle .nc-middle-three{
    padding:  0 0 200px 0;
}
.nc-middle .nc-middle-three .container-xl{
    max-width: 1650px;
    padding-left: 25px;
    padding-right: 25px;
}
.nc-middle .nc-middle-three .container-xl .title{
    font-weight: 600;
    font-size: 28px;
    color: #333333;
    line-height: 44px;
    position: relative;
    text-indent: 60px;
}
.nc-middle .nc-middle-three .container-xl .title::before{
    position: absolute;
    content: '';
    width: 20px;
    height: 20px;
    border: 3px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 12px;
}
.nc-middle .nc-middle-three .container-xl .title::after{
    position: absolute;
    content: '';
    width: 17px;
    height: 4px;
    background: #D1121B;
    left: 20px;
    top: 20px;
}
.nc-middle .nc-middle-three .container-xl .down{
    margin-top: 80px;
    margin-right: -25px;
    margin-left: -25px;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4{
    padding-right: 25px;
    padding-left: 25px;
    margin-bottom: 15px;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(99,99,99,0.2);
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .image{
    background: #F8F8F8;
    margin: 16px 20px 0 20px;
    padding: 30px 15px;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .image a{
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .image a img{
    width: auto;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .text{
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 50px;
    padding-right: 30px;
    position: relative;
    border: 3px solid transparent;
    height: 100%;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .text a{
    max-width: 230px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 28px;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .text::before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 29px;
    top: -9px;
    opacity: 0;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .text::after{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 67px;
    top: -9px;
    opacity: 0;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div:hover .image{
    background-color: #fff;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div:hover .text::before{
    opacity: 1;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div:hover .text::after{
    opacity: 1;
}
.nc-middle .nc-middle-three .container-xl .down .col-md-4 > div:hover .text{
    border-color: #D1121B;
}

@media (max-width: 768px) {
    #nc-middle header{position: fixed !important;}
    .nc-middle .nc-middle-two{padding: 15px 0;}
    .nc-middle .nc-middle-two .t2 .box{padding: 10px;}
    .nc-middle .nc-middle-two .t2 .box > div:nth-child(1),
    .nc-middle .nc-middle-two .t2 .box > div:nth-child(3){display: none;}
    .nc-middle .nc-middle-two .t3{margin-top: 15px;flex-wrap: wrap;}
    .nc-middle .nc-middle-two .t3 .left{width: 100%;position: static;}
    .nc-middle .nc-middle-two .t3 .mid{width: 100%;margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .right{width: 100%;margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .left > .txt1{font-size: 24px;line-height: 32px;text-indent: 0;}
    .nc-middle .nc-middle-two .t3 .left > .txt1::before,
    .nc-middle .nc-middle-two .t3 .left > .txt1::after{display: none;}
    .nc-middle .nc-middle-two .t3 .left > .box{margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .left > .box > a{font-size: 16px;line-height: 24px;}
    .nc-middle .nc-middle-two .t3 .left > .box > .liner{margin: 15px 0;}
    .nc-middle .nc-middle-two .t3 .left > .box > .ahref a{font-size: 14px;line-height: 22px;padding-left: 15px;}
    .nc-middle .nc-middle-two .t3 .left > .box > .ahref a::before{top: 8px;}
    .nc-middle .nc-middle-two .t3 .mid > h1{font-size: 24px;line-height: 32px;}
    .nc-middle .nc-middle-two .t3 .mid > .information{margin-top: 15px;gap: 15px;}
    .nc-middle .nc-middle-two .t3 .mid > .liner1{margin: 15px 0;}
    .nc-middle .nc-middle-two .t3 .mid > .cont > p{font-size: 14px;line-height: 22px;}
    .nc-middle .nc-middle-two .t3 .mid > .cont > h3{font-size: 24px;line-height: 32px;margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .mid > .cont > h5{font-size: 16px;line-height: 24px;margin-top: 15px;margin-bottom: 15px;}
    .nc-middle .nc-middle-two .t3 .mid > .liner2{margin: 15px 0;}
    .nc-middle .nc-middle-two .t3 .mid > .end{display: none;}
    .nc-middle .nc-middle-two .t3 .right > .box{padding: 10px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .title{font-size: 16px;line-height: 24px;text-indent: 0;}
    .nc-middle .nc-middle-two .t3 .right > .box > .title::before,
    .nc-middle .nc-middle-two .t3 .right > .box > .title::after{display: none;}
    .nc-middle .nc-middle-two .t3 .right > .box > .but{margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .but > a{gap: 15px;font-size: 16px;line-height: 24px;padding: 10px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .cont{margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .cont > a{gap: 15px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .cont > a > p{font-size: 16px;line-height: 40px;}
    .nc-middle .nc-middle-two .t3 .right > .box:nth-child(2){margin-top: 15px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .cont > div{padding: 15px 0;}
    .nc-middle .nc-middle-two .t3 .right > .box > .cont > div > p{font-size: 14px;line-height: 22px;}
    .nc-middle .nc-middle-two .t3 .right > .box > .cont > div > a{margin-top: 15px;font-size: 16px;line-height: 24px;}
    .nc-middle .nc-middle-three{padding: 15px 0;}
    .nc-middle .nc-middle-three .container-xl .title{font-size: 24px;line-height: 32px;text-indent: 0;}
    .nc-middle .nc-middle-three .container-xl .title::before,
    .nc-middle .nc-middle-three .container-xl .title::after{display: none;}
    .nc-middle .nc-middle-three .container-xl .down{margin-top: 15px;margin-right: -5px;margin-left: -5px;}
    .nc-middle .nc-middle-three .container-xl .down .col-md-4{padding-right: 5px;padding-left: 5px;width: 50%;}
    .nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .image{margin: 10px;padding: 10px;}
    .nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .text{padding: 10px;}
    .nc-middle .nc-middle-three .container-xl .down .col-md-4 > div .text a{font-size: 16px;line-height: 24px;}


}

/*=============================================
             =  服务页(ser)  =
===============================================*/

#ser-middle header{
    position: relative;
}
#ser-middle .footer .footer-top{
    background-color: #fff;
}
.ser-middle .ser-middle-one {
    position: relative;
}
.ser-middle .ser-middle-one > img{}
.ser-middle .ser-middle-one > .container-xl{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.ser-middle .ser-middle-one > .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.ser-middle .ser-middle-one > .title > .container-xl{
    width: 100%;
    display: flex;
    justify-content: center;
}
.ser-middle .ser-middle-one > .title > .container-xl h1{
    font-weight: 600;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 56px;
}
.ser-middle .ser-middle-two{
    padding: 150px 0 120px 0;
}
.ser-middle .ser-middle-two .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ser-middle .ser-middle-two .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.ser-middle .ser-middle-two .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-two .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-two .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.ser-middle .ser-middle-two .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.ser-middle .ser-middle-two .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-two .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-two .mid{
    margin-top: 20px;
    max-width: 1112px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    margin: auto;
}
.ser-middle .ser-middle-two .down{
    margin-top: 70px;
}
.ser-middle .ser-middle-two .down .col-md-6{
    margin-bottom: 40px;
}
.ser-middle .ser-middle-two .down .col-md-6 > div{
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 40px 50px 45px;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(99,99,99,0.1);
    border-radius: 10px;
    gap: 45px;
}
.ser-middle .ser-middle-two .down .col-md-6 > div .left{
    width: calc(100% - 80px);
}
.ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(1){
    position: relative;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(1)::before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid #D1121B;
    background-color: transparent;
    left: -53px;
    top: 8px;
}
.ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(1)::after{
    position: absolute;
    content: "";
    width: 12px;
    height: 3px;
    background-color: #D1121B;
    left: -37px;
    top: 14px;
}
.ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
    margin-top: 20px;
}
.ser-middle .ser-middle-two .down .col-md-6 > div .right{}
.ser-middle .ser-middle-three{
    background: #F4F4F4;
    padding: 120px 0;
}
.ser-middle .ser-middle-three .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ser-middle .ser-middle-three .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.ser-middle .ser-middle-three .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-three .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-three .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.ser-middle .ser-middle-three .container-xl .up .up-mid span{
    color: #D1121B;
}
.ser-middle .ser-middle-three .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.ser-middle .ser-middle-three .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-three .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}

.ser-middle .ser-middle-three .down{
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}
.ser-middle .ser-middle-three .down .left{
    width: 48.6%;
    padding: 50px 0 0 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFFFFF;
    border-radius: 10px;
    justify-content: space-between;
}
.ser-middle .ser-middle-three .down .left .text{
    margin-top: 30px;
}
.ser-middle .ser-middle-three .down .left .text p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    text-align: center;
}
.ser-middle .ser-middle-three .down .left .text p:nth-child(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
    margin-top: 15px;
    text-align: center;
    max-width: 500px;
}
.ser-middle .ser-middle-three .down .left .image2{
    margin-top: 35px;
    background: #000000;
    box-shadow: 0px 10px 30px 0px rgba(99,99,99,0.1);
    border-radius: 10px;
}
.ser-middle .ser-middle-three .down .left .image2 img{
    border-radius: 10px;
    opacity: .8;
}


.ser-middle .ser-middle-three .down .right{
    width: 48.6%;
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.ser-middle .ser-middle-three .down .right .box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px 40px 50px 45px;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(99,99,99,0.1);
    border-radius: 10px;
    gap: 45px;
}
.ser-middle .ser-middle-three .down .right .box > div:nth-child(1){
    width: calc(100% - 80px);
}
.ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(1){
    position: relative;
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(1)::before{
    position: absolute;
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 3px solid #D1121B;
    background-color: transparent;
    left: -53px;
    top: 8px;
}
.ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(1)::after{
    position: absolute;
    content: "";
    width: 12px;
    height: 3px;
    background-color: #D1121B;
    left: -37px;
    top: 14px;
}
.ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
    margin-top: 20px;
}

.ser-middle .ser-middle-four{
    padding: 150px 0 160px 0;
    background-color: #fff;
}
.ser-middle .ser-middle-four .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ser-middle .ser-middle-four .container-xl .left{
    width: 32%;
    padding-top: 40px;
}
.ser-middle .ser-middle-four .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.ser-middle .ser-middle-four .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.ser-middle .ser-middle-four .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 56px;
    margin-top: 25px;
}
.ser-middle .ser-middle-four .container-xl .left .t2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    margin-top: 40px;
}
.ser-middle .ser-middle-four .container-xl .left .t3{
    margin-top: 45px;
    padding: 16px 15px;
    max-width: 240px;
    background: #D1121B;
}
.ser-middle .ser-middle-four .container-xl .left .t3 a{
    width: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
}
.ser-middle .ser-middle-four .container-xl .right{
    width: 64%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box {
    background: rgba(255, 255, 255, 0.4);
    border: 4px solid rgba(221, 221, 221, 0.4);
    cursor: pointer;
    position: relative;
}

.ser-middle .ser-middle-four .container-xl .right .dropdown-box .title {
    display: flex;
    padding: 15px 40px;
    align-items: center;
}

.ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .logo{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
    margin-right: 20px;
}

.ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}

.ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .but {
    color: #D1121B;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 18px;
    height: 4px;
    background-color: #D1121B;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 4px;
    height: 18px;
    background-color: #D1121B;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box .content{
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    display: flex;
    gap: 20px;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box .content .logo{
    min-width: 40px;
    max-width: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    background: #D1121B;
    text-align: center;
    margin-top: 5px;
}

.ser-middle .ser-middle-four .container-xl .right .dropdown-box .content .txt{
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box.active{
    background: #fff;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box.active .content {
    height: auto;
    padding: 10px 100px 50px 36px;
}
.ser-middle .ser-middle-four .container-xl .right .dropdown-box.active .title .but::after{
    opacity: 0;
}
.ser-middle .ser-middle-five{
    background: url(../../images/par-14.webp) no-repeat;
    background-size: cover;
    object-fit: cover;
    padding: 80px 0 100px 0;
    margin-bottom: 70px;
}
.ser-middle .ser-middle-five .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}
.ser-middle .ser-middle-five .container-xl .left{
    width: 39%;
    padding-top: 50px;
}
.ser-middle .ser-middle-five .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.ser-middle .ser-middle-five .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.ser-middle .ser-middle-five .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 52px;
    margin-top: 20px;
}
.ser-middle .ser-middle-five .container-xl .left .t2{
    margin-top: 30px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}
.ser-middle .ser-middle-five .container-xl .left .down{
    margin-top: 60px;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ser-middle .ser-middle-five .container-xl .left .down > div{
    display: flex;
    gap: 35px;
}
.ser-middle .ser-middle-five .container-xl .left .down > div .img{
    width: 40px;
    height: 40px;
    background: #D1121B;
    display: flex;
    align-items: center;
    justify-content: center;
}
.ser-middle .ser-middle-five .container-xl .left .down > div > p{
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
}
.ser-middle .ser-middle-five .container-xl .right{
    width: 48.6%;
    background: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgba(99,99,99,0.15);
    padding: 90px 55px 50px 55px;
    position: absolute;
    bottom: -180px;
    right: 0;
    margin-bottom: 10px;
}
.ser-middle .ser-middle-five .form-feedback .btn{
    margin-top: 10px;
    background: #D1121B;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding:  15px 0;
    max-width: 240px;
}
.ser-middle .ser-middle-five .container-xl .right .form-row input,
.ser-middle .ser-middle-five .container-xl .right .form-row textarea{
    background: #F4F4F4;
    border: 2px solid transparent;
}
.ser-middle .ser-middle-five .container-xl .right .form-group{
    margin-bottom: 20px;
}
.ser-middle .ser-middle-five .container-xl .right .form-row input:focus,
.ser-middle .ser-middle-five .container-xl .right .form-row textarea:focus{
    border: 2px solid #D1121B;
}
.ser-middle .ser-middle-five .container-xl .right .form-row input::placeholder,
.ser-middle .ser-middle-five .container-xl .right .form-row textarea::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.ser-middle .ser-middle-six{
    padding: 150px 0 180px 0;
}
.ser-middle .ser-middle-six > .up > .container-xl > p{
    font-family: Poppins;
    font-weight: 500;
    font-size: 20px;
    color: #888888;
    line-height: 32px;
    text-align: center;
}

.ser-middle .ser-middle-six > .up > .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
    margin-top: 15px;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-left{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #999;
    margin-left: 138px;
    margin-right: 120px;
    position: relative;
    z-index: 2;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -138px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 120px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 600;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-right{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #999;
    margin-left: 120px;
    margin-right: 138px;
    position: relative;
    z-index: 2;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -138px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-six > .up > .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 120px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.ser-middle .ser-middle-six > .down{
    margin-top: 70px;
    position: relative;
}
.ser-middle .ser-middle-six > .down .mySwiper1{
    position: relative;
    overflow: hidden;
}
.ser-middle .ser-middle-six > .down .swiper-pagination{
    left: 0;
    bottom: -60px;
}
.ser-middle .ser-middle-six > .down .swiper-pagination-bullet{
    background: #AAAAAA;
}
.ser-middle .ser-middle-six > .down .swiper-pagination-bullet-active{
    background: #D1121B;
}

.ser-middle .ser-middle-seven{
    padding: 0 0 120px 0;
}
.ser-middle .ser-middle-seven .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.ser-middle .ser-middle-seven .text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    max-width: 1050px;
}
.ser-middle .ser-middle-seven .buts{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.ser-middle .ser-middle-seven .buts .but{
    background: #F0F0F0;
    width: calc(50% - 20px);
    max-width: 380px;
}
.ser-middle .ser-middle-seven .buts .but a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 26px;
    padding: 19px 15px;
    text-transform: uppercase;
}
.ser-middle .ser-middle-seven .buts .but:hover{
    background: #D1121B;
}
.ser-middle .ser-middle-seven .buts .but:hover a{
    color: #FFFFFF;
}

@media (max-width: 768px) {
    #ser-middle header{position: fixed !important;}
    .ser-middle .ser-middle-one > .container-xl{top: 0;}
    .ser-middle .ser-middle-one > .title{bottom: 0;transform: translate(-50%, 0%);top: auto;}
    .ser-middle .ser-middle-one > .title > .container-xl h1{font-size: 20px !important;line-height: 30px !important;letter-spacing: -1px;}
    .ser-middle .ser-middle-two{padding: 15px 0;}
    .ser-middle .ser-middle-two .container-xl .up .up-left,
    .ser-middle .ser-middle-two .container-xl .up .up-right{display: none;}
    .ser-middle .ser-middle-two .container-xl .up .up-mid{font-size: 20px;line-height: 30px;}
    .ser-middle .ser-middle-two .mid{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .ser-middle .ser-middle-two .down{margin-top: 15px;}
    .ser-middle .ser-middle-two .down .col-md-6{margin-bottom: 15px;}
    .ser-middle .ser-middle-two .down .col-md-6 > div{padding: 10px;gap: 15px;}
    .ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(1){font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(2){font-size: 14px;line-height: 22px;margin-top: 15px;}
    .ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(1)::before,
    .ser-middle .ser-middle-two .down .col-md-6 > div .left p:nth-child(1)::after{display: none;}
    .ser-middle .ser-middle-three{padding: 15px 0;}
    .ser-middle .ser-middle-three .container-xl .up .up-left,
    .ser-middle .ser-middle-three .container-xl .up .up-right{display: none;}
    .ser-middle .ser-middle-three .container-xl .up .up-mid{font-size: 20px;line-height: 30px;}
    .ser-middle .ser-middle-three .down{margin-top: 15px;flex-wrap: wrap;}
    .ser-middle .ser-middle-three .down .left{width: 100%;padding: 15px 0 0 0;}
    .ser-middle .ser-middle-three .down .left .text{margin-top: 15px;}
    .ser-middle .ser-middle-three .down .left .text p:nth-child(1){font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-three .down .left .text p:nth-child(2){font-size: 14px;line-height: 22px;}
    .ser-middle .ser-middle-three .down .left .image2{margin-top: 15px;}
    .ser-middle .ser-middle-three .down .right{width: 100%;margin-top: 15px;gap: 15px;}
    .ser-middle .ser-middle-three .down .right .box{padding: 10px;gap: 15px;}
    .ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(1)::before,
    .ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(1)::after{display: none;}
    .ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(1){font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-three .down .right .box > div:nth-child(1) p:nth-child(2){font-size: 14px;line-height: 22px;margin-top: 15px;}
    .ser-middle .ser-middle-four{padding: 15px 0;}
    .ser-middle .ser-middle-four .container-xl .left{padding-top: 0;}
    .ser-middle .ser-middle-four .container-xl .left .circle-ico{display: none;}
    .ser-middle .ser-middle-four .container-xl .left .t1{margin-top: 0;}
    .ser-middle .ser-middle-four .container-xl .left .t2{margin-top: 15px;}
    .ser-middle .ser-middle-four .container-xl .left .t3{margin-top: 15px;padding: 10px;}
    .ser-middle .ser-middle-four .container-xl .right{margin-top: 15px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box .title{padding: 10px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .logo{margin-right: 15px;font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box .title .but{min-width: 18px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box.active .content{padding: 10px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box .content{gap: 15px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box .content .logo{font-size: 16px;min-width: 24px;height: 24px;max-width: 24px;line-height: 24px;}
    .ser-middle .ser-middle-four .container-xl .right .dropdown-box .content .txt{font-size: 14px;line-height: 22px;}
    .ser-middle .ser-middle-five{padding: 15px 0;margin-bottom: 15px;}
    .ser-middle .ser-middle-five .container-xl .left{padding-top: 0;}
    .ser-middle .ser-middle-five .container-xl .left .circle-ico{display: none;}
    .ser-middle .ser-middle-five .container-xl .left .t1{margin-top: 15px;}
    .ser-middle .ser-middle-five .container-xl .left .t2{margin-top: 15px;}
    .ser-middle .ser-middle-five .container-xl .left .down{margin-top: 15px;gap: 15px;}
    .ser-middle .ser-middle-five .container-xl .left .down > div{gap: 15px;}
    .ser-middle .ser-middle-five .container-xl .left .down > div > p{font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-five .container-xl .right{position: relative;bottom: auto;right: auto;padding: 15px;margin-top: 15px;}
    .ser-middle .ser-middle-five .container-xl .right .form-group{margin-bottom: 15px;}
    .ser-middle .ser-middle-five .form-feedback .btn{margin-top: 0;padding: 10px 0;}
    .ser-middle .ser-middle-six{padding: 15px 0;}
    .ser-middle .ser-middle-six > .up > .container-xl > p{font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-six > .up > .container-xl .up .up-left,
    .ser-middle .ser-middle-six > .up > .container-xl .up .up-right{display: none;}
    .ser-middle .ser-middle-six > .up > .container-xl .up .up-mid{font-size: 24px !important;line-height: 32px !important;}
    .ser-middle .ser-middle-six > .down{margin-top: 15px;}
    .ser-middle .ser-middle-six > .down .swiper-pagination{bottom: -20px;}
    .ser-middle .ser-middle-seven{padding: 15px 0;}
    .ser-middle .ser-middle-seven .buts{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .ser-middle .ser-middle-seven .buts .but{width: 100%;}
    .ser-middle .ser-middle-seven .buts .but a{padding: 10px;font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-seven .title{letter-spacing: -1px;}
}

/*=============================================
             =  解决方案中心页(sol)  =
===============================================*/
#sol-middle header{
    position: relative;
}
#sol-middle .footer .footer-top{
    background-color: #fff;
}
.sol-middle .sol-middle-one {
    position: relative;
}
.sol-middle .sol-middle-one > img{}
.sol-middle .sol-middle-one > .container-xl{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.sol-middle .sol-middle-one > .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.sol-middle .sol-middle-one > .title > .container-xl{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sol-middle .sol-middle-one > .title > .container-xl h1{
    font-weight: 600;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 56px;
}
.sol-middle .sol-middle-one > .title > .container-xl p{
    font-weight: 400;
    font-size: 18px;
    line-height: 32px;
    color: #FFFFFF;
}
.sol-middle .sol-middle-two{
    padding: 200px 0 200px 0;
}
.sol-middle .sol-middle-two .container-xl{
    display: flex;
    flex-direction: column;
    gap: 100px;
}
.sol-middle .sol-middle-two .container-xl .box{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sol-middle .sol-middle-two .container-xl .box .left{
    width: 47.1%;
    padding-bottom: 25px;
    padding-top: 25px;
    display: flex;
    flex-direction: column;
}
.sol-middle .sol-middle-two .container-xl .box .left .title{
    position: relative;
}
.sol-middle .sol-middle-two .container-xl .box .left .title .circle-ico{
    position: absolute;
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    margin-right: 22px;
    left: 0;
    top: 14px;
}
.sol-middle .sol-middle-two .container-xl .box .left .title .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    right: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background-color: #D1121B;
}
.sol-middle .sol-middle-two .container-xl .box .left .title a{
    display: block;
    font-weight: 500;
    font-size: 36px;
    color: #333333;
    line-height: 56px;
    max-width: 605px;
    text-indent: 75px;
}
.sol-middle .sol-middle-two .container-xl .box .left .text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    margin-top: 30px;
}
.sol-middle .sol-middle-two .container-xl .box .left .btn{
    margin-top: auto;
    max-width: 260px;
    background: #D1121B;
    padding: 20px 12px;
}
.sol-middle .sol-middle-two .container-xl .box .left .btn a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 24px;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
}
.sol-middle .sol-middle-two .container-xl .box .right{
    width: 47.3%;
}
.sol-middle .sol-middle-two .container-xl .box .right a{
    border-radius: 20px;
}
.sol-middle .sol-middle-two .container-xl .box .right a img{
    border-radius: 20px;
}
.sol-middle .sol-middle-three{
    padding:  0 0 200px 0;
}
.sol-middle .sol-middle-three .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sol-middle .sol-middle-three .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 140px;
    margin-right: 140px;
    position: relative;
    z-index: 2;
}
.sol-middle .sol-middle-three .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -140px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-three .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-three .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.sol-middle .sol-middle-three .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 140px;
    margin-right: 140px;
    position: relative;
    z-index: 2;
}
.sol-middle .sol-middle-three .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -140px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-three .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-three .container-xl .mid{
    margin-top: 80px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.sol-middle .sol-middle-three .container-xl .mid > div{
    width: 33.33%;
    padding-left: 50px;
    padding-right: 50px;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.sol-middle .sol-middle-three .container-xl .mid > div > img{}
.sol-middle .sol-middle-three .container-xl .mid > div > p:nth-of-type(1){
    margin-top: 45px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    text-align: center;
}
.sol-middle .sol-middle-three .container-xl .mid > div > p:nth-of-type(2){
    margin-top: 25px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 28px;
    text-align: center;
}
.sol-middle .sol-middle-three .down{
    margin-top: 80px;
    position: relative;
}
.sol-middle .sol-middle-three .down .mySwiper1{
    position: relative;
    overflow: hidden;
}
.sol-middle .sol-middle-three .down .swiper-pagination{
    left: 0;
    bottom: -60px;
}
.sol-middle .sol-middle-three .down .swiper-pagination-bullet{
    background: #AAAAAA;
}
.sol-middle .sol-middle-three .down .swiper-pagination-bullet-active{
    background: #D1121B;
}

.sol-middle .sol-middle-four{
    padding: 120px 0 110px 0;
    background: #F8F8F8;
}
.sol-middle .sol-middle-four .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.sol-middle .sol-middle-four .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 140px;
    margin-right: 140px;
    position: relative;
    z-index: 2;
}
.sol-middle .sol-middle-four .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -140px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-four .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-four .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.sol-middle .sol-middle-four .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 140px;
    margin-right: 140px;
    position: relative;
    z-index: 2;
}
.sol-middle .sol-middle-four .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -140px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-four .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.sol-middle .sol-middle-four .container-xl .down{
    margin-top: 80px;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4{
    margin-bottom: 15px;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(99,99,99,0.08);
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .image{}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text{
    padding: 50px 35px 30px 45px;
    position: relative;
    border: 3px solid transparent;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text::before{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    left: 45px;
    top: -9px;
    opacity: 0;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text::after{
    position: absolute;
    content: '';
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border: 3px solid #D1121B;
    border-radius: 50%;
    left: 83px;
    top: -9px;
    opacity: 0;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    line-height: 32px;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text p:nth-child(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    margin-top: 15px;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text a{
    margin-top: 45px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    color: #D1121B;
    text-transform: uppercase;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text:hover{border: 3px solid #D1121B;}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text:hover::before{
    opacity: 1;
}
.sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text:hover::after{
    opacity: 1;
}
.sol-middle .sol-middle-five{
    padding: 120px 0 120px 0;
}
.sol-middle .sol-middle-five .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.sol-middle .sol-middle-five .text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    max-width: 1050px;
}
.sol-middle .sol-middle-five .buts{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.sol-middle .sol-middle-five .buts .but{
    background: #F0F0F0;
    width: calc(50% - 20px);
    max-width: 380px;
}
.sol-middle .sol-middle-five .buts .but a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 26px;
    padding: 19px 15px;
    text-transform: uppercase;
}
.sol-middle .sol-middle-five .buts .but:hover{
    background: #D1121B;
}
.sol-middle .sol-middle-five .buts .but:hover a{
    color: #FFFFFF;
}
@media (max-width: 768px) {
    #sol-middle header{position: fixed !important;}
    .sol-middle .sol-middle-one > .container-xl{top: 0;}
    .sol-middle .sol-middle-one > .title > .container-xl p{display: none;}
    .sol-middle .sol-middle-one > .title > .container-xl h1{font-size: 18px !important;line-height: 22px !important;letter-spacing: -1px;}
    .sol-middle .sol-middle-one > .title{transform: translate(-50%, 0%);top: 25px;}
    .sol-middle .sol-middle-two{padding: 15px 0;}
    .sol-middle .sol-middle-two .container-xl{gap: 15px;}
    .sol-middle .sol-middle-two .container-xl .box .left{padding: 0;}
    .sol-middle .sol-middle-two .container-xl .box .left .title .circle-ico{display: none;}
    .sol-middle .sol-middle-two .container-xl .box .left .title a{text-indent: 0px;font-size: 18px;line-height: 26px;}
    .sol-middle .sol-middle-two .container-xl .box .left .text{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .sol-middle .sol-middle-two .container-xl .box .left .btn{margin-top: 15px;padding: 10px;}
    .sol-middle .sol-middle-two .container-xl .box .right{margin-top: 15px;}
    .sol-middle .sol-middle-two .container-xl .box .right a{border-radius: 0;}
    .sol-middle .sol-middle-two .container-xl .box .right a img{border-radius: 0;}
    .sol-middle .sol-middle-three{padding: 15px 0;padding-bottom: 30px;}
    .sol-middle .sol-middle-three .container-xl .up .up-left,
    .sol-middle .sol-middle-three .container-xl .up .up-right{display: none;}
    .sol-middle .sol-middle-three .container-xl .up .up-mid{font-size: 18px !important;line-height: 26px !important;}
    .sol-middle .sol-middle-three .container-xl .mid{margin-top: 15px;}
    .sol-middle .sol-middle-three .container-xl .mid > div{padding: 0 2px;}
    .sol-middle .sol-middle-three .container-xl .mid > div > p:nth-of-type(1){margin-top: 15px;font-size: 16px;letter-spacing: -1px;}
    .sol-middle .sol-middle-three .container-xl .mid > div > p:nth-of-type(2){font-size: 14px;line-height: 22px;margin-top: 15px;letter-spacing: -1px;}
    .sol-middle .sol-middle-three .down{margin-top: 15px;}
    .sol-middle .sol-middle-three .down .swiper-pagination{bottom: -20px;}
    .sol-middle .sol-middle-four{padding: 15px 0;}
    .sol-middle .sol-middle-four .container-xl .up .up-left,
    .sol-middle .sol-middle-four .container-xl .up .up-right{display: none;}
    .sol-middle .sol-middle-four .container-xl .up .up-mid{font-size: 18px !important;line-height: 26px !important;}
    .sol-middle .sol-middle-four .container-xl .down{margin-top: 15px;margin-right: -5px;margin-left: -5px;}
    .sol-middle .sol-middle-four .container-xl .down .col-md-4{width: 50%;padding-right: 5px;padding-left: 5px;}
    .sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text{padding: 10px;}
    .sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text p:nth-child(1){font-size: 16px;line-height: 24px;letter-spacing: -1px;}
    .sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text p:nth-child(2){font-size: 14px;line-height: 22px;letter-spacing: -1px;}
    .sol-middle .sol-middle-four .container-xl .down .col-md-4 > div .text a{margin-top: 15px;font-size: 14px;}
    .sol-middle .sol-middle-five{padding: 15px 0;}
    .sol-middle .sol-middle-five .buts{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .sol-middle .sol-middle-five .buts .but{width: 100%;}
    .sol-middle .sol-middle-five .buts .but a{padding: 10px;font-size: 16px;line-height: 24px;}
    .sol-middle .sol-middle-five .title{letter-spacing: -1px;}
}

/*=============================================
             =  解决方案内页(csol)  =
===============================================*/
#csol-middle header{
    position: relative;
}
#csol-middle .footer .footer-top{
    background-color: #fff;
}
.csol-middle .csol-middle-one {
    position: relative;
}
.csol-middle .csol-middle-one > img{}
.csol-middle .csol-middle-one > .container-xl{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.csol-middle .csol-middle-one > .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.csol-middle .csol-middle-one > .title > .container-xl{
    width: 100%;
    display: flex;
    flex-direction: column;
}
.csol-middle .csol-middle-one > .title > .container-xl h1{
    font-weight: 600;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 56px;
}
.csol-middle .csol-middle-one > .title > .container-xl p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 26px;
}

.csol-middle .csol-middle-two{
    padding: 180px 0 90px 0;
}
.csol-middle .csol-middle-two .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.csol-middle .csol-middle-two .cont{
    margin-top: 70px;
    display: flex;
    gap: 40px;
}
.csol-middle .csol-middle-two .cont > div{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.csol-middle .csol-middle-two .cont > div > p:nth-of-type(1){
    margin-top: 40px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    line-height: 30px;
    text-align: center;
}
.csol-middle .csol-middle-two .cont > div > p:nth-of-type(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 15px;
    color: #666666;
    line-height: 28px;
    margin-top: 25px;
    text-align: center;
}
.csol-middle .csol-middle-four{
    padding: 100px 0 140px 0;
}
.csol-middle .csol-middle-four .up{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.csol-middle .csol-middle-four .mid{
    margin-top: 30px;
    display: flex;
    justify-content: center;
    gap: 24px;
}
.csol-middle .csol-middle-four .mid p{
    position: relative;
    text-indent: 30px;
    font-size: 16px;
    line-height: 24px;
    color: #666666;
    font-weight: 400;
    font-family: Poppins;
}
.csol-middle .csol-middle-four .mid p::before{
    position: absolute;
    content: '';
    background: url(../../images/icon/53.webp);
    width: 16px;
    height: 12px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.csol-middle .csol-middle-four .down{
    margin-top: 90px;
    display: flex;
    justify-content: space-between;
}
.csol-middle .csol-middle-four .down .box{
    display: flex;
    flex-direction: column;
}
.csol-middle .csol-middle-four .down .box > div{
    height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.csol-middle .csol-middle-four .down .box > p{
    margin-top: 50px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #999999;
    line-height: 26px;
    text-align: center;
}
.csol-middle .csol-middle-four .down .liner{
    width: 70px;
    height: 3px;
    background: #D1121B;
    margin-top: 34.5px !important;
}
.csol-middle .csol-middle-four .down .box:nth-of-type(1){min-width: 150px;}
.csol-middle .csol-middle-four .down .box:nth-of-type(3){min-width: 133px;max-width: 150px;}
.csol-middle .csol-middle-four .down .box:nth-of-type(5){min-width: 165px;max-width: 190px;}
.csol-middle .csol-middle-four .down .box:nth-of-type(7){min-width: 244px;max-width: 291px;}
.csol-middle .csol-middle-four .down .box:nth-of-type(9){min-width: 202px;max-width: 250px;}

.csol-middle .csol-middle-five{
    padding: 0px 0 100px 0;
}
.csol-middle .csol-middle-five .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.csol-middle .csol-middle-five .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.csol-middle .csol-middle-five .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.csol-middle .csol-middle-five .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.csol-middle .csol-middle-five .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 52px;
    text-transform: uppercase;
}
.csol-middle .csol-middle-five .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.csol-middle .csol-middle-five .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.csol-middle .csol-middle-five .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.csol-middle .csol-middle-five .mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
    margin-bottom: 60px;
}
.csol-middle .csol-middle-five .down{
    position: relative;
}
.csol-middle .csol-middle-five .down .mySwiper1{
    overflow: hidden;
    position: relative;
    padding: 30px 10px;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div{
    position: relative;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(99,99,99,0.1);
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 60px 34px 50px 34px;
    border: 3px solid transparent;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div::before{
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    position: absolute;
    content: "";
    left: 30px;
    top: -9px;
    opacity: 0;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div::after{
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    position: absolute;
    content: "";
    left: 58px;
    top: -9px;
    opacity: 0;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div:hover{
    border-color: #D1121B;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div:hover::before,
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div:hover::after{
    opacity: 1;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div .image{
    display: flex;
    justify-content: center;
    align-items: center;
}
.csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div > a{
    margin-top: 30px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    line-height: 32px;
    text-align: center;
}

.csol-middle .csol-middle-five .down .swiper-button-prev{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    left: -150px;
}
.csol-middle .csol-middle-five .swiper-button-next.swiper-button-disabled, 
.csol-middle .csol-middle-five .swiper-button-prev.swiper-button-disabled{
    border: 4px solid #999999 !important;
    opacity: 1;
}
.csol-middle .csol-middle-five .down .swiper-button-next{
    width: 68px;
    height: 68px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 4px solid #D1121B;
    top: calc(50% + 20px);
    transform: translateY(-50%);
    right: -150px;
}
.csol-middle .csol-middle-five .swiper-button-prev:after{
    content: '';
    background: url(../../images/icon/58.webp);
    width: 29px;
    height: 24px;
}
.csol-middle .csol-middle-five .swiper-button-prev.swiper-button-disabled::after{
    background: url(../../images/icon/57.webp) !important;
}
.csol-middle .csol-middle-five .swiper-button-next.swiper-button-disabled::after{
    background: url(../../images/icon/59.webp) !important;
}
.csol-middle .csol-middle-five .swiper-button-next:after{
    content: '';
    background: url(../../images/icon/56.webp);
    width: 29px;
    height: 24px;
}
.csol-middle .csol-middle-five .but{
    margin: auto;
    margin-top: 30px;
    max-width: 260px;
    background: #D1121B;
}
.csol-middle .csol-middle-five .but a{
    width: 100%;
    height: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 26px;
    padding: 19px 15px;
    text-transform: uppercase;
}

.csol-middle .csol-middle-six{
    padding: 150px 0 0 0;
    background: #F8F8F8;
}
.csol-middle .csol-middle-six .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.csol-middle .csol-middle-six .t2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    text-align: center;
    margin-top: 30px;
}
.csol-middle .csol-middle-six .t3{
    margin-top: 70px;
    margin-right: -5px;
    margin-left: -5px;
}
.csol-middle .csol-middle-six .t3 .col-md-4{
    margin-top: 10px;
    padding-right: 5px;
    padding-left: 5px;
}

.csol-middle .csol-middle-seven{
    padding: 140px 0 120px 0;
}
.csol-middle .csol-middle-seven .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.csol-middle .csol-middle-seven .text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    max-width: 1050px;
}
.csol-middle .csol-middle-seven .buts{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.csol-middle .csol-middle-seven .buts .but{
    background: #F0F0F0;
    width: calc(50% - 20px);
    max-width: 380px;
}
.csol-middle .csol-middle-seven .buts .but a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 26px;
    padding: 19px 15px;
    text-transform: uppercase;
}
.csol-middle .csol-middle-seven .buts .but:hover{
    background: #D1121B;
}
.csol-middle .csol-middle-seven .buts .but:hover a{
    color: #FFFFFF;
}

@media (max-width: 1800px) {
    .csol-middle .csol-middle-five .down .swiper-button-next{
        right: -100px;
    }
    .csol-middle .csol-middle-five .down .swiper-button-prev{
        left: -100px;
    }
}
@media (max-width: 1620px) {
    .csol-middle .csol-middle-five .down .swiper-button-next{
        right: -50px;
    }
    .csol-middle .csol-middle-five .down .swiper-button-prev{
        left: -50px;
    }
}
@media (max-width: 1520px) {
    .csol-middle .csol-middle-five .down .swiper-button-next{
        right: 0px;
    }
    .csol-middle .csol-middle-five .down .swiper-button-prev{
        left: 0px;
    }
}

@media (max-width: 1430px) {
    .csol-middle .csol-middle-five .container-xl .up .up-mid{font-size: 18px !important;}
}

@media (max-width: 768px) {
    #csol-middle header{position: fixed !important;}
    .csol-middle .csol-middle-one > .container-xl{top: 0;}
    .csol-middle .csol-middle-one > .title{top: 30px;transform: translate(-50%, -0%);}
    .csol-middle .csol-middle-one > .title > .container-xl h1{font-size: 18px !important;line-height: 22px !important;letter-spacing: -1px;}
    .csol-middle .csol-middle-one > .title > .container-xl p{display: none;}
    .csol-middle .csol-middle-two{padding: 15px 0;}
    .csol-middle .csol-middle-two .title{font-size: 18px;line-height: 26px;}
    .csol-middle .csol-middle-two .cont{margin-top: 15px;gap: 5px;}
    .csol-middle .csol-middle-two .cont > div{width: 25%;}
    .csol-middle .csol-middle-two .cont > div > img{max-width: 100%;}
    .csol-middle .csol-middle-two .cont > div > p:nth-of-type(1){margin-top: 15px;font-size: 16px;line-height: 24px;letter-spacing: -1px;}
    .csol-middle .csol-middle-two .cont > div > p:nth-of-type(2){margin-top: 15px;font-size: 14px;line-height: 22px;letter-spacing: -1px;}
    .csol-middle .csol-middle-four{padding: 15px 0;}
    .csol-middle .csol-middle-four .up{font-size: 18px;line-height: 26px;}
    .csol-middle .csol-middle-four .mid{margin-top: 15px;gap: 10px;flex-wrap: wrap;}
    .csol-middle .csol-middle-four .mid p{font-size: 14px;line-height: 22px;text-indent: 20px;}
    .csol-middle .csol-middle-four .down{margin-top: 15px;flex-wrap: wrap;}
    .csol-middle .csol-middle-four .down .liner{display: none;}
    .csol-middle .csol-middle-four .down .box{min-width: auto !important;width: 33.33%;}
    .csol-middle .csol-middle-four .down .box > p{margin-top: 15px;font-size: 16px;line-height: 24px;letter-spacing: -1px;}
    .csol-middle .csol-middle-five{padding: 15px 0;}
    .csol-middle .csol-middle-five .container-xl .up .up-left,
    .csol-middle .csol-middle-five .container-xl .up .up-right{display: none;}
    .csol-middle .csol-middle-five .container-xl .up .up-mid{font-size: 16px !important;line-height: 24px !important;}
    .csol-middle .csol-middle-five .mid{font-size: 18px;line-height: 26px;margin-bottom: 15px;}
    .csol-middle .csol-middle-five .down .swiper-button-next,
    .csol-middle .csol-middle-five .down .swiper-button-prev{display: none;}
    .csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div{padding: 10px;}
    .csol-middle .csol-middle-five .down .mySwiper1 .swiper-slide > div > a{margin-top: 15px;font-size: 16px;line-height: 24px;}
    .csol-middle .csol-middle-five .down .mySwiper1{padding: 0;}
    .csol-middle .csol-middle-five .but{margin-top: 5px;}
    .csol-middle .csol-middle-five .but a{padding: 10px;font-size: 16px;line-height: 24ox;}
    .csol-middle .csol-middle-six{padding: 15px 0;}
    .csol-middle .csol-middle-six .t1{font-size: 18px;line-height: 26px;}
    .csol-middle .csol-middle-six .t2{margin-top: 15px;}
    .csol-middle .csol-middle-six .t3{margin-top: 5px;}
    .csol-middle .csol-middle-six .t3 .col-md-4{width: 50%;}
    .csol-middle .csol-middle-seven{padding: 15px 0;}
    .csol-middle .csol-middle-seven .buts{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .csol-middle .csol-middle-seven .buts .but{width: 100%;}
    .csol-middle .csol-middle-seven .buts .but a{padding: 10px;font-size: 16px;line-height: 24px;}
    .csol-middle .csol-middle-seven .title{letter-spacing: -1px;}
}

/*=============================================
             =  代理商页(Partners)  =
===============================================*/
#par-middle header{
    position: relative;
}
#par-middle .footer .footer-top{
    background-color: #fff;
}
.par-middle .par-middle-one {
    position: relative;
}
.par-middle .par-middle-one > .container-xl{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.par-middle .par-middle-one > .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.par-middle .par-middle-one > .title > .container-xl{
    width: 100%;
    display: flex;
    justify-content: center;
}
.par-middle .par-middle-one > .title > .container-xl h1{
    font-weight: 600;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 56px;
}
.par-middle .par-middle-two{
    padding: 160px 0 170px 0;
}
.par-middle .par-middle-two .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.par-middle .par-middle-two .container-xl .left{
    width: 46.1%;
}
.par-middle .par-middle-two .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.par-middle .par-middle-two .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.par-middle .par-middle-two .container-xl .left .title{
    margin-top: 20px;
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    max-width: 450px;
}
.par-middle .par-middle-two .container-xl .left .text{
    margin-top: 40px;
    max-width: 610px;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
}
.par-middle .par-middle-two .container-xl .left .but{
    margin-top: 50px;
    background: #D1121B;
    max-width: 460px;
    padding: 19px 15px;
}
.par-middle .par-middle-two .container-xl .left .but a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}
.par-middle .par-middle-two .container-xl .left .image{
    margin-top: 100px;
}
.par-middle .par-middle-two .container-xl .right{
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.par-middle .par-middle-two .container-xl .right .box{
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 10px 30px 0px rgba(99,99,99,0.1);
    border-radius: 10px;
    padding: 30px 40px 30px 40px;
    gap: 25px;
}
.par-middle .par-middle-two .container-xl .right .box .image img:nth-child(1){
    display: none;
}
.par-middle .par-middle-two .container-xl .right .box .image img:nth-child(2){
    display: block;
}
.par-middle .par-middle-two .container-xl .right .box .text p:nth-child(1){
    font-weight: 600;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    font-family: Poppins;
}
.par-middle .par-middle-two .container-xl .right .box .text p:nth-child(2){
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    margin-top: 15px;
}
.par-middle .par-middle-two .container-xl .right .box:hover{
    background: #D1121B;
}
.par-middle .par-middle-two .container-xl .right .box:hover .text p:nth-child(1){
    color: #fff;
}
.par-middle .par-middle-two .container-xl .right .box:hover .text p:nth-child(2){
    color: #fff;
}
.par-middle .par-middle-two .container-xl .right .box:hover .image img:nth-child(1){
    display: block;
}
.par-middle .par-middle-two .container-xl .right .box:hover .image img:nth-child(2){
    display: none;
}
.par-middle .par-middle-three{
    margin-bottom: 248px;
    position: relative;
}
.par-middle .par-middle-three > .container-xl{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -248px;
    z-index: 2;
}
.par-middle .par-middle-three > .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 40px;
}
.par-middle .par-middle-three > .container-xl .up .up-left{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #ffffff;
    margin-left: 138px;
    margin-right: 120px;
    position: relative;
    z-index: 2;
}
.par-middle .par-middle-three > .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -138px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #ffffff;
    z-index: 1;
}
.par-middle .par-middle-three > .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 120px;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #ffffff;
    z-index: 1;
}
.par-middle .par-middle-three > .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 400;
    font-size: 42px;
    color: #FFFFFF;
    line-height: 45px;
}
.par-middle .par-middle-three > .container-xl .up .up-right{
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid #ffffff;
    margin-left: 120px;
    margin-right: 138px;
    position: relative;
    z-index: 2;
}
.par-middle .par-middle-three > .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -138px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #ffffff;
    z-index: 1;
}
.par-middle .par-middle-three > .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 120px;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #ffffff;
    z-index: 1;
}
.par-middle .par-middle-three > .container-xl .mid{
    margin-top: 20px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 18px;
    text-align: center;
}
.par-middle .par-middle-three > .container-xl .down{
    margin-top: 100px;
    display: flex;
    justify-content: center;
    margin-right: -20px;
    margin-left: -20px;
}
.par-middle .par-middle-three > .container-xl .down .box{
    margin-bottom: 15px;
    max-width: 33.33%;
    width: 100%;
    padding-right: 20px;
    padding-left: 20px;
}
.par-middle .par-middle-three > .container-xl .down .box > div{
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(99,99,99,0.08);
    padding: 20px 20px 60px 20px;
    position: relative;
    border: 3px solid transparent;
}
.par-middle .par-middle-three > .container-xl .down .box > div::before{
    position: absolute;
    content: "";
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    width: 18px;
    height: 18px;
    left: 36px;
    top: -8px;
    opacity: 0;
}
.par-middle .par-middle-three > .container-xl .down .box > div::after{
    position: absolute;
    content: "";
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    width: 18px;
    height: 18px;
    left: 74px;
    top: -8px;
    opacity: 0;
}
.par-middle .par-middle-three > .container-xl .down .box > div .image{
    position: relative;
    margin-bottom: 60px;
}
.par-middle .par-middle-three > .container-xl .down .box > div .image > div{
    position: absolute;
    height: 165px;
    bottom: -75px;
    left: 17px;
    display: flex;
    align-items: center;
}
.par-middle .par-middle-three > .container-xl .down .box > div .text{
    padding-left: 15px;
}
.par-middle .par-middle-three > .container-xl .down .box > div .text a{
    font-weight: 600;
    font-size: 24px;
    color: #333333;
    line-height: 56px;
    font-family: Poppins;
}
.par-middle .par-middle-three > .container-xl .down .box > div .text a:hover{
    color: #D1121B;
}
.par-middle .par-middle-three > .container-xl .down .box > div .text p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 28px;
}
.par-middle .par-middle-three > .container-xl .down .box:hover > div{
    border: 3px solid #D1121B;
}
.par-middle .par-middle-three > .container-xl .down .box:hover > div::before{
    opacity: 1;
}
.par-middle .par-middle-three > .container-xl .down .box:hover > div::after{
    opacity: 1;
}
.par-middle .par-middle-four{
    padding: 150px 0 140px 0;
}
.par-middle .par-middle-five{
    padding-bottom: 150px;
}
.par-middle .par-middle-five .container-xl{
    max-width: 1600px;
    padding-left: 20px;
    padding-right: 20px;
}
.par-middle .par-middle-five .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.par-middle .par-middle-five .down{
    margin-top: 90px;
    margin-left: -20px;
    margin-right: -20px;
}
.par-middle .par-middle-five .down .col-md-3{
    padding-left: 20px;
    padding-right: 20px;
}
.par-middle .par-middle-five .down .col-md-3 > div{
    background: #F8F8F8;
    border-radius: 10px;
    margin-bottom: 15px;
}
.par-middle .par-middle-five .down .col-md-3 > div .image1{
    padding-top: 50px;
    padding-left: 35px;
    padding-right: 35px;
}
.par-middle .par-middle-five .down .col-md-3 > div .txt{
    padding-top: 20px;
    padding-left: 35px;
}
.par-middle .par-middle-five .down .col-md-3 > div .txt p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 20px;
    color: #333333;
    line-height: 56px;
}
.par-middle .par-middle-five .down .col-md-3 > div .txt p:nth-child(2){
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
}
.par-middle .par-middle-five .down .col-md-3 > div .image2{
    margin-top: 20px;
}
.par-middle .par-middle-five .down .col-md-3 > div .image2 img{
    mix-blend-mode: multiply;
    border-radius: 10px;
}
.par-middle .par-middle-five .down .col-md-3 > div:hover{
    background: #FFFFFF;
    box-shadow: 0px 0px 40px 10px rgba(99,99,99,0.1);
}

.par-middle .par-middle-six{
    background: url(../../images/par-14.webp) no-repeat;
    background-size: cover;
    object-fit: cover;
    padding: 80px 0 100px 0;
}
.par-middle .par-middle-six .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1530px;
}
.par-middle .par-middle-six .container-xl .left{
    width: 48.8%;
    margin-top: 10px;
}
.par-middle .par-middle-six .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.par-middle .par-middle-six .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.par-middle .par-middle-six .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 32.5px;
    color: #333333;
    line-height: 52px;
    margin-top: 15px;
}
.par-middle .par-middle-six .container-xl .left .down{
    margin-top: 40px;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box {
    cursor: pointer;
    position: relative;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box .title {
    display: flex;
    padding: 15px 0px;
    align-items: center;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .logo{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
    margin-right: 20px;
}

.par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}

.par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .but {
    color: #D1121B;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 18px;
    height: 4px;
    background-color: #D1121B;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 4px;
    height: 18px;
    background-color: #D1121B;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box .content{
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    display: flex;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box .content .logo{
    min-width: 40px;
    max-width: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    background: #D1121B;
    text-align: center;
    margin-top: 5px;
}

.par-middle .par-middle-six .container-xl .left .down .dropdown-box .content .txt{
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box.active .content {
    height: auto;
    padding: 10px 30px 40px 0px;
    transition: .6s ease;
    gap: 20px;
}
.par-middle .par-middle-six .container-xl .left .down .dropdown-box.active .title .but::after{
    opacity: 0;
}
.par-middle .par-middle-six .container-xl .right{
    width: 45.6%;
}
.par-middle .par-middle-six .container-xl .right{
    width: 45.6%;
    background: #FFFFFF;
    box-shadow: 0px 0px 80px 0px rgba(99,99,99,0.1);
    padding: 90px 55px 50px 55px;
}
.par-middle .par-middle-six .form-feedback .btn{
    margin-top: 10px;
    background: #D1121B;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    padding:  15px 0;
    max-width: 240px;
}
.par-middle .par-middle-six .container-xl .right .form-row input,
.par-middle .par-middle-six .container-xl .right .form-row textarea{
    background: #F4F4F4;
    border: 2px solid transparent;
}
.par-middle .par-middle-six .container-xl .right .form-group{
    margin-bottom: 20px;
}
.par-middle .par-middle-six .container-xl .right .form-row input:focus,
.par-middle .par-middle-six .container-xl .right .form-row textarea:focus{
    border: 2px solid #D1121B;
}
.par-middle .par-middle-six .container-xl .right .form-row input::placeholder,
.par-middle .par-middle-six .container-xl .right .form-row textarea::placeholder{
    font-weight: 400;
    font-size: 16px;
    color: #999999;
}
.par-middle .par-middle-seven{
    padding: 190px 0 170px 0;
}
.par-middle .par-middle-seven .container-xl .up{
    display: flex;
    justify-content: center;
    align-items: center;
}
.par-middle .par-middle-seven .container-xl .up .up-left{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.par-middle .par-middle-seven .container-xl .up .up-left::before{
    position: absolute;
    content: "";
    width: 120px;
    left: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.par-middle .par-middle-seven .container-xl .up .up-left::after{
    position: absolute;
    content: "";
    width: 107px;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.par-middle .par-middle-seven .container-xl .up .up-mid{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.par-middle .par-middle-seven .container-xl .up .up-right{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #999999;
    margin-left: 150px;
    margin-right: 150px;
    position: relative;
    z-index: 2;
}
.par-middle .par-middle-seven .container-xl .up .up-right::before{
    position: absolute;
    content: "";
    width: 120px;
    right: -150px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.par-middle .par-middle-seven .container-xl .up .up-right::after{
    position: absolute;
    content: "";
    width: 107px;
    right: 13px;
    top: 50%;
    transform: translateY(-50%);
    height: 1px;
    background-color: #AAAAAA;
    z-index: 1;
}
.par-middle .par-middle-seven .container-xl{
    padding-left: 20px;
    padding-right: 20px;
    max-width: 1440px;
}
.par-middle .par-middle-seven .down{
    margin-top: 100px;
    margin-left: -20px;
    margin-right: -20px;
}
.par-middle .par-middle-seven .down .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
}
.par-middle .par-middle-seven .down .col-md-4 > div{
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 50px 0px rgba(99,99,99,0.1);
}
.par-middle .par-middle-seven .down .col-md-4 > div .text{
    position: relative;
    padding: 50px 35px 30px 45px;
    border: 3px solid transparent;
}
.par-middle .par-middle-seven .down .col-md-4 > div .text::before{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 45px;
    opacity: 0;
}
.par-middle .par-middle-seven .down .col-md-4 > div .text::after{
    position: absolute;
    content: "";
    width: 18px;
    height: 18px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #D1121B;
    top: -9px;
    left: 83px;
    opacity: 0;
}
.par-middle .par-middle-seven .down .col-md-4 > div .text p:nth-child(1){
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    line-height: 32px;
}
.par-middle .par-middle-seven .down .col-md-4 > div .text p:nth-child(2){
    margin-top: 15px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}
.par-middle .par-middle-seven .down .col-md-4 > div .text a{
    margin-top: 40px;
    font-family: Poppins;
    font-weight: 600;
    font-size: 16px;
    color: #D1121B;
}
.par-middle .par-middle-seven .down .col-md-4 > div .text a:hover{
    text-decoration: underline;
}
.par-middle .par-middle-seven .down .col-md-4 > div:hover .text::before,
.par-middle .par-middle-seven .down .col-md-4 > div:hover .text::after{
    opacity: 1;
}
.par-middle .par-middle-seven .down .col-md-4 > div:hover .text{
    border-color: #D1121B;
}
.par-middle .par-middle-eight{
    padding: 190px 0 120px 0;
}
.par-middle .par-middle-eight .title{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
    text-align: center;
}
.par-middle .par-middle-eight .text{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #999999;
    line-height: 32px;
    margin: auto;
    margin-top: 20px;
    text-align: center;
    max-width: 1050px;
}
.par-middle .par-middle-eight .buts{
    margin-top: 50px;
    display: flex;
    justify-content: center;
    gap: 40px;
}
.par-middle .par-middle-eight .buts .but{
    background: #F0F0F0;
    width: calc(50% - 20px);
    max-width: 380px;
}
.par-middle .par-middle-eight .buts .but a{
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #666666;
    text-align: center;
    height: 100%;
    width: 100%;
    line-height: 26px;
    padding: 19px 15px;
    text-transform: uppercase;
}
.par-middle .par-middle-eight .buts .but:hover{
    background: #D1121B;
}
.par-middle .par-middle-eight .buts .but:hover a{
    color: #FFFFFF;
}
@media (max-width:1550px) {
    .par-middle .par-middle-three > .container-xl .down{
        margin-top: 50px;
    }
}
@media (max-width: 768px) {
    #par-middle header{position: fixed !important;}
    .par-middle .par-middle-one > .container-xl{top: 0;}
    .par-middle .par-middle-one > .title{top: 30px;transform: translate(-50%, 0%);}
    .par-middle .par-middle-one > .title > .container-xl h1{letter-spacing: -1px;font-size: 18px !important;line-height: 22px !important;}
    .par-middle .par-middle-two{padding: 15px 0;}
    .par-middle .par-middle-two .container-xl .left .circle-ico{display: none;}
    .par-middle .par-middle-two .container-xl .left .title{font-size: 18px;line-height: 26px;margin-top: 0;}
    .par-middle .par-middle-two .container-xl .left .text{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .par-middle .par-middle-two .container-xl .left .but{margin-top: 15px;padding: 10px;}
    .par-middle .par-middle-two .container-xl .left .but a{font-size: 16px;line-height: 24px;}
    .par-middle .par-middle-two .container-xl .left .image{margin-top: 15px;}
    .par-middle .par-middle-two .container-xl .right{margin-top: 15px;}
    .par-middle .par-middle-two .container-xl .right .box{padding: 10px;gap: 10px;}
    .par-middle .par-middle-two .container-xl .right .box .text p:nth-child(1){font-size: 16px;line-height: 24px;}
    .par-middle .par-middle-two .container-xl .right .box .text p:nth-child(2){font-size: 14px;line-height: 22px;}
    .par-middle .par-middle-three{padding: 15px 0;margin: 0;}
    .par-middle .par-middle-three > img{display: none;}
    .par-middle .par-middle-three > .container-xl{position: relative;left: auto;bottom: auto;transform:none;}
    .par-middle .par-middle-three > .container-xl .up .up-left,
    .par-middle .par-middle-three > .container-xl .up .up-right{display: none;}
    .par-middle .par-middle-three > .container-xl .up .up-mid{color: #333;font-size: 16px !important;line-height: 24px !important;}
    .par-middle .par-middle-three > .container-xl .mid{font-size: 18px;line-height: 26px;color: #333;margin-top: 15px;}
    .par-middle .par-middle-three > .container-xl .down{margin-top: 15px;margin-right: -5px;margin-left: -5px;flex-wrap: wrap;}
    .par-middle .par-middle-three > .container-xl .down .box{padding-right: 5px;padding-left: 5px;width: 50%;}
    .par-middle .par-middle-three > .container-xl .down .box > div{padding: 10px;}
    .par-middle .par-middle-three > .container-xl .down .box > div .image{margin-bottom: 15px;}
    .par-middle .par-middle-three > .container-xl .down .box > div .text{padding-left: 0;margin-top: 30px;}
    .par-middle .par-middle-three > .container-xl .down .box > div .text a{font-size: 16px;line-height: 24px;letter-spacing: -1px;}
    .par-middle .par-middle-three > .container-xl .down .box > div .text p{font-size: 14px;line-height: 22px;letter-spacing: -1px;}
    .par-middle .par-middle-five{padding: 15px 0;}
    .par-middle .par-middle-five .down{margin-top: 15px;margin-left: -5px;margin-right: -5px;}
    .par-middle .par-middle-five .down .col-md-3{padding-right: 5px;padding-left: 5px;width: 50%;margin-bottom: 15px;}
    .par-middle .par-middle-five .down .col-md-3 > div{border-radius: 0;height: 100%;margin-bottom: 0;display: flex;flex-direction: column;justify-content: space-between;}
    .par-middle .par-middle-five .down .col-md-3 > div .image1{padding-top: 10px;padding-left: 10px;padding-right: 10px;}
    .par-middle .par-middle-five .down .col-md-3 > div .txt{padding-top: 5px;padding-left: 10px;}
    .par-middle .par-middle-five .down .col-md-3 > div .txt p:nth-child(1){font-size: 16px;line-height: 24px;}
    .par-middle .par-middle-five .down .col-md-3 > div .txt p:nth-child(2){font-size: 14px;line-height: 22px;margin-top: 15px;}
    .par-middle .par-middle-five .down .col-md-3 > div .image2{margin-top: 15px;}
    .par-middle .par-middle-five .down .col-md-3 > div .image2 img{border-radius: 0;}
    .par-middle .par-middle-six{padding: 15px 0;}
    .par-middle .par-middle-six .container-xl .left{margin: 0;}
    .par-middle .par-middle-six .container-xl .left .circle-ico{display: none;}
    .par-middle .par-middle-six .container-xl .left .t1{margin: 0;}
    .par-middle .par-middle-six .container-xl .left .down{margin-top: 15px;}
    .par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .logo{font-size: 16px;margin-right: 10px;line-height: 24px;}
    .par-middle .par-middle-six .container-xl .left .down .dropdown-box .title .but{min-width: 18px;}
    .par-middle .par-middle-six .container-xl .left .down .dropdown-box.active .content{padding: 10px;gap: 10px;}
    .par-middle .par-middle-six .container-xl .left .down .dropdown-box .content .logo{min-width: 24px;max-width: 24px;height: 24px;line-height: 24px;font-size: 16px;}
    .par-middle .par-middle-six .container-xl .left .down .dropdown-box .content .txt{font-size: 14px;line-height: 22px;}
    .par-middle .par-middle-six .container-xl .right{margin-top: 15px;padding: 15px;}
    .par-middle .par-middle-six .container-xl .right .form-group{margin-bottom: 15px;}
    .par-middle .par-middle-six .form-feedback .btn{margin-top: 0;padding: 10px 0;}
    .par-middle .par-middle-eight{padding: 15px 0;}
    .par-middle .par-middle-eight .buts{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .par-middle .par-middle-eight .buts .but{width: 100%;}
    .par-middle .par-middle-eight .buts .but a{padding: 10px;font-size: 16px;line-height: 24px;}
    .par-middle .par-middle-eight .title{letter-spacing: -1px;}
}

/*=============================================
             =  能力页(ability)  =
===============================================*/
#ability-middle header{
    position: relative;
}
#ability-middle .footer .footer-top{
    background-color: #fff;
}
.ability-middle .ability-middle-one {
    position: relative;
}
.ability-middle .ability-middle-one > img{}
.ability-middle .ability-middle-one > .container-xl{
    position: absolute;
    top: 15px;
    left: 50%;
    transform: translateX(-50%);
}
.ability-middle .ability-middle-one > .title{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
}
.ability-middle .ability-middle-one > .title > .container-xl{
    width: 100%;
    display: flex;
    justify-content: center;
}
.ability-middle .ability-middle-one > .title > .container-xl h1{
    font-weight: 600;
    font-size: 36px;
    color: #FFFFFF;
    line-height: 56px;
}

.ability-middle .ability-middle-two{
    padding: 130px 0 120px 0;
}
.ability-middle .ability-middle-two .container-xl{
    padding-left: 20px;
    padding-right: 20px;
}
.ability-middle .ability-middle-two .container-xl .row{
    margin-left: -20px;
    margin-right: -20px;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4 > div{
    height: 100%;
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px -50px 50px 0px rgba(99,99,99,0.08);
    justify-content: space-between;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text{
    padding: 70px 0 50px 0;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(1){
    position: relative;
    padding-left: 50px;
    padding-right: 30px;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    line-height: 24px;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(1)::before{
    position: absolute;
    content: '';
    width: 17px;
    height: 17px;
    border: 4px solid #D1121B;
    border-radius: 50%;
    background: transparent;
    top: 3.5px;
    left: -10px;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(1)::after{
    position: absolute;
    content: '';
    width: 13px;
    height: 3px;
    background-color: #D1121B;
    top: 10px;
    left: 7px;
}
.ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(2){
    margin-top: 15px;
    padding-left: 50px;
    padding-right: 30px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}
.ability-middle .ability-middle-three{
    padding: 0;
}
.ability-middle .ability-middle-three .container-xl{
    display: flex;
    flex-direction: column;
}
.ability-middle .ability-middle-three .container-xl .box{
    margin-bottom: 150px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.ability-middle .ability-middle-three .container-xl .box .text{
    width: 47.2%;
}
.ability-middle .ability-middle-three .container-xl .box .text .title{
    font-weight: 600;
    font-size: 42px;
    color: #333333;
    line-height: 44px;
    position: relative;
    text-indent: 85px;
}
.ability-middle .ability-middle-three .container-xl .box .text .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.ability-middle .ability-middle-three .container-xl .box .text .title::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 4px;
    background: #D1121B;
    left: 23px;
    top: 20px;
}
.ability-middle .ability-middle-three .container-xl .box .text .desc{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    margin-top: 35px;
}
.ability-middle .ability-middle-three .container-xl .box .text .desc > p{
    font-family: Poppins;
    font-weight: 400;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
    position: relative;
    text-indent: 35px;
}
.ability-middle .ability-middle-three .container-xl .box .text .desc > p:nth-child(1){
    margin-top: 40px;
}
.ability-middle .ability-middle-three .container-xl .box .text .desc > p::before{
    position: absolute;
    content: '';
    background: url(../../images/icon/53.webp);
    width: 16px;
    height: 12px;
    left: 0px;
    top: 8px;
}
.ability-middle .ability-middle-three .container-xl .box .text .txt{
    margin-top: 50px;
    display: flex;
    gap: 45px;
}
.ability-middle .ability-middle-three .container-xl .box .text .txt > div{
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.ability-middle .ability-middle-three .container-xl .box .text .txt > div:nth-child(2){
    width: 1px;
    height: 100%;
    background: #DDDDDD;
    min-height: 64px;
}
.ability-middle .ability-middle-three .container-xl .box .text .txt > div > p:nth-child(1){
    font-family: Poppins;
    font-weight: 400;
    font-size: 32px;
    color: #D1121B;
    line-height: 32px;
}
.ability-middle .ability-middle-three .container-xl .box .text .txt > div > p:nth-child(2){
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
}
.ability-middle .ability-middle-three .container-xl .box .image{
    width: 47.2%;
}
.ability-middle .ability-middle-five{
    padding: 120px 0 140px 0;
}
.ability-middle .ability-middle-five .t1{
    text-align: center;
    font-family: Poppins;
    font-weight: 600;
    font-size: 18px;
    color: #D1121B;
    line-height: 56px;
    text-transform: uppercase;
}
.ability-middle .ability-middle-five .t2{
    text-align: center;
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 52px;
}
.ability-middle .ability-middle-five .t3{
    text-align: center;
    margin: auto;
    margin-top: 25px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #666666;
    line-height: 32px;
    max-width: 1180px;
}
.ability-middle .ability-middle-five .t4{
    margin-top: 60px;
    margin-left: -20px;
    margin-right: -20px;
}
.ability-middle .ability-middle-five .t4 .col-md-4{
    padding-left: 20px;
    padding-right: 20px;
    margin-bottom: 15px;
}
.ability-middle .ability-middle-five .t4 .col-md-4 > div{
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(99,99,99,0.2);
    border-radius: 20px;
    padding: 20px 20px 40px 20px;
}
.ability-middle .ability-middle-five .t4 .col-md-4 > div .image{
    background: #B6B6B6;
    border-radius: 10px;
}
.ability-middle .ability-middle-five .t4 .col-md-4 > div .image > img{border-radius: 10px;}
.ability-middle .ability-middle-five .t4 .col-md-4 > div > p{
    font-family: Poppins;
    font-weight: 600;
    font-size: 22px;
    color: #333333;
    line-height: 56px;
    margin-top: 40px;
    text-align: center;
}
.ability-middle .ability-middle-six{
    padding: 160px 0 100px 0;
    background-color: rgba(248, 248, 248, 1);
}
.ability-middle .ability-middle-six .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    max-width: 1675px;
    margin-right: 0;
    padding-right: 0;
}
.ability-middle .ability-middle-six .container-xl > img{
    position: absolute;
    width: 69.7%;
    right: 0;
    top: -160px;
    z-index: 1;
    mix-blend-mode: multiply;
}
.ability-middle .ability-middle-six .container-xl > div{
    position: relative;
    z-index: 2;
}
.ability-middle .ability-middle-six .container-xl .left{
    width: 44%;
}
.ability-middle .ability-middle-six .container-xl .left .title{
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 44px;
    text-indent: 85px;
    position: relative;
}
.ability-middle .ability-middle-six .container-xl .left .title::before{
    position: absolute;
    content: '';
    width: 28px;
    height: 28px;
    border: 5px solid #D1121B;
    border-radius: 50%;
    left: 0;
    top: 8px;
}
.ability-middle .ability-middle-six .container-xl .left .title::after{
    position: absolute;
    content: '';
    width: 26px;
    height: 4px;
    background: #D1121B;
    left: 23px;
    top: 20px;
}
.ability-middle .ability-middle-six .container-xl .left .text{
    margin-top: 40px;
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
}
.ability-middle .ability-middle-six .container-xl .left .boxs{
    margin-top: 80px;
    display: flex;
    margin-left: -5px;
    margin-right: -5px;
}
.ability-middle .ability-middle-six .container-xl .left .boxs .box{
    width: 33.33%;
    padding-left: 5px;
    padding-right: 5px;
}
.ability-middle .ability-middle-six .container-xl .left .boxs .box > div{
    background: #FFFFFF;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 20px;
    position: relative;
}
.ability-middle .ability-middle-six .container-xl .left .boxs .box > div::before{
    position: absolute;
    content: '';
    width: 4px;
    height: 50px;
    background: #D1121B;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.ability-middle .ability-middle-six .container-xl .left .boxs .box > div > p{
    font-family: Poppins;
    font-weight: 500;
    font-size: 16px;
    color: #333333;
    line-height: 26px;
}
.ability-middle .ability-middle-six .container-xl .right{
    width: 50.1%;
    padding-right: 10px;
}
.ability-middle .ability-middle-seven{
    padding: 150px 0 160px 0;
    background-color: #fff;
}
.ability-middle .ability-middle-seven .container-xl{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.ability-middle .ability-middle-seven .container-xl .left{
    width: 32%;
    padding-top: 40px;
}
.ability-middle .ability-middle-seven .container-xl .left .circle-ico{
    width: 28px;
    height: 28px;
    background: rgba(255,255,255,0);
    border-radius: 50%;
    border: 4px solid #D1121B;
    position: relative;
    margin-left: 22px;
}
.ability-middle .ability-middle-seven .container-xl .left .circle-ico::after{
    content: '';
    position: absolute;
    top: 50%;
    left: -26px;
    transform: translateY(-50%);
    width: 22px;
    height: 4px;
    background: #D1121B;
}
.ability-middle .ability-middle-seven .container-xl .left .t1{
    font-family: Poppins;
    font-weight: 500;
    font-size: 42px;
    color: #333333;
    line-height: 56px;
    margin-top: 25px;
}
.ability-middle .ability-middle-seven .container-xl .left .t2{
    font-family: Poppins;
    font-weight: 400;
    font-size: 18px;
    color: #888888;
    line-height: 32px;
    margin-top: 40px;
}
.ability-middle .ability-middle-seven .container-xl .left .t3{
    margin-top: 45px;
    padding: 16px 15px;
    max-width: 240px;
    background: #D1121B;
}
.ability-middle .ability-middle-seven .container-xl .left .t3 a{
    width: 100%;
    font-family: Poppins;
    font-weight: 600;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
}
.ability-middle .ability-middle-seven .container-xl .right{
    width: 64%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box {
    background: rgba(255, 255, 255, 0.4);
    border: 4px solid rgba(221, 221, 221, 0.4);
    cursor: pointer;
    position: relative;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title {
    display: flex;
    padding: 15px 40px;
    align-items: center;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .logo{
    font-weight: 500;
    font-size: 18px;
    color: #D1121B;
    line-height: 32px;
    margin-right: 20px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .txt {
    font-weight: 500;
    font-size: 18px;
    color: #333333;
    line-height: 32px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .but {
    color: #D1121B;
    height: 18px;
    width: 18px;
    position: relative;
    cursor: pointer;
    margin-left: auto;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .but::before{
    position: absolute;
    content: "";
    left: 0;
    top: 50%;
    transform: translate(0,-50%);
    width: 18px;
    height: 4px;
    background-color: #D1121B;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .but::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 0;
    transform: translate(-50%,0);
    width: 4px;
    height: 18px;
    background-color: #D1121B;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .content{
    height: 0;
    transition: .6s ease;
    overflow: hidden;
    display: flex;
    gap: 20px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .content .logo{
    min-width: 40px;
    max-width: 40px;
    font-weight: 500;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    height: 40px;
    background: #D1121B;
    text-align: center;
    margin-top: 5px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box .content .txt{
    font-weight: 500;
    font-size: 16px;
    color: #888888;
    line-height: 32px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box.active{
    background: #fff;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box.active .content {
    height: auto;
    padding: 10px 100px 50px 36px;
}
.ability-middle .ability-middle-seven .container-xl .right .dropdown-box.active .title .but::after{
    opacity: 0;
}
@media (max-width: 768px) {
    #ability-middle header{position: fixed !important;}
    .ability-middle .ability-middle-one > .container-xl{top: 0;}
    .ability-middle .ability-middle-one > .title{top: 30px;transform: translate(-50%, -0%);}
    .ability-middle .ability-middle-one > .title > .container-xl h1{font-size: 18px !important;line-height: 22px !important;letter-spacing: -1px;}
    .ability-middle .ability-middle-two{padding: 15px 0;}
    .ability-middle .ability-middle-two .container-xl{padding-right: 15px;padding-left: 15px;}
    .ability-middle .ability-middle-two .container-xl .row{margin-left: -5px;margin-right: -5px;}
    .ability-middle .ability-middle-two .container-xl .row .col-md-4{width: 50%;padding-left: 5px;padding-right: 5px;}
    .ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text{padding: 15px 0 15px 0;}
    .ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(1){font-size: 16px;line-height: 24px;padding-left: 15px;padding-right: 15px;}
    .ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(2){padding-left: 15px;padding-right: 15px;font-size: 14px;line-height: 22px;letter-spacing: -1px;}
    .ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(1)::before,
    .ability-middle .ability-middle-two .container-xl .row .col-md-4 > div .text p:nth-child(1)::after{display: none;}
    .ability-middle .ability-middle-three{padding: 15px 0;}
    .ability-middle .ability-middle-three .container-xl .box{margin-bottom: 15px;}
    .ability-middle .ability-middle-three .container-xl .box .text{width: 100%;order: 1;}
    .ability-middle .ability-middle-three .container-xl .box .image{width: 100%;margin-top: 15px;order: 2;}
    .ability-middle .ability-middle-three .container-xl .box .text .title{font-size: 18px;line-height: 26px;text-indent: 0;}
    .ability-middle .ability-middle-three .container-xl .box .text .title::before,
    .ability-middle .ability-middle-three .container-xl .box .text .title::after{display: none;}
    .ability-middle .ability-middle-three .container-xl .box .text .desc{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .ability-middle .ability-middle-three .container-xl .box .text .desc > p{font-size: 14px;line-height: 22px;text-indent: 20px;}
    .ability-middle .ability-middle-three .container-xl .box .text .desc > p:nth-child(1){margin-top: 15px;}
    .ability-middle .ability-middle-three .container-xl .box .text .desc > p::before{top: 4px;}
    .ability-middle .ability-middle-three .container-xl .box .text .txt{margin-top: 15px;gap: 15px;}
    .ability-middle .ability-middle-three .container-xl .box .text .txt > div > p:nth-child(1){font-size: 16px;line-height: 24px;}
    .ability-middle .ability-middle-three .container-xl .box .text .txt > div > p:nth-child(2){font-size: 14px;line-height: 22px;}
    .ability-middle .ability-middle-five{padding: 15px 0;}
    .ability-middle .ability-middle-five .t2{font-size: 18px;line-height: 26px;}
    .ability-middle .ability-middle-five .t3{margin-top: 15px;font-size: 16px;line-height: 24px;}
    .ability-middle .ability-middle-five .t4{margin-top: 15px;margin-left: -5px;margin-right: -5px;}
    .ability-middle .ability-middle-five .t4 .col-md-4{padding-left: 5px;padding-right: 5px;width: 50%;}
    .ability-middle .ability-middle-five .t4 .col-md-4 > div{padding: 10px;border-radius: 0;}
    .ability-middle .ability-middle-five .t4 .col-md-4 > div .image{border-radius: 0;}
    .ability-middle .ability-middle-five .t4 .col-md-4 > div .image > img{border-radius: 0;}
    .ability-middle .ability-middle-five .t4 .col-md-4 > div > p{font-size: 16px;line-height: 24px;margin-top: 15px;}
    .ability-middle .ability-middle-six{padding: 15px 0;}
    .ability-middle .ability-middle-six .container-xl{padding-right: 15px;padding-left: 15px;margin-right: auto;margin-left: auto;}
    .ability-middle .ability-middle-six .container-xl > img{display: none;}
    .ability-middle .ability-middle-six .container-xl .left .title{font-size: 18px;line-height: 26px;text-indent: 0;}
    .ability-middle .ability-middle-six .container-xl .left .title::before,
    .ability-middle .ability-middle-six .container-xl .left .title::after{display: none;}
    .ability-middle .ability-middle-six .container-xl .left .text{margin-top: 15px;font-size: 14px;line-height: 22px;}
    .ability-middle .ability-middle-six .container-xl .left .boxs{margin-top: 15px;flex-wrap: wrap;}
    .ability-middle .ability-middle-six .container-xl .left .boxs .box{width: 50%;margin-bottom: 15px;}
    .ability-middle .ability-middle-six .container-xl .left .boxs .box > div{padding: 10px;}
    .ability-middle .ability-middle-six .container-xl .left .boxs .box > div > p{font-size: 14px;line-height: 22px;}
    .ability-middle .ability-middle-seven{padding: 15px 0;}
    .ability-middle .ability-middle-seven .container-xl .left{padding-top: 0;}
    .ability-middle .ability-middle-seven .container-xl .left .circle-ico{display: none;}
    .ability-middle .ability-middle-seven .container-xl .left .t1{margin-top: 0;}
    .ability-middle .ability-middle-seven .container-xl .left .t3{margin-top: 15px;padding: 10px;}
    .ability-middle .ability-middle-seven .container-xl .right{margin-top: 15px;gap: 15px;}
    .ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title{padding: 15px;}
    .ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .logo{font-size: 16px;line-height: 24px;margin-right: 15px;}
    .ability-middle .ability-middle-seven .container-xl .right .dropdown-box .title .but{min-width: 18px;}
    .ability-middle .ability-middle-seven .container-xl .right .dropdown-box.active .content{padding: 0px 15px 15px 15px;}
    .ability-middle .ability-middle-seven .container-xl .right .dropdown-box .content .logo{min-width: 24px;max-width: 24px;height: 24px;line-height: 24px;font-size: 16px;}
    .ability-middle .ability-middle-seven .container-xl .right .dropdown-box .content .txt{font-size: 14px;line-height: 22px;}
}

/*=============================================
                 =  滚动固定区块(fixed)  =
===============================================*/
.fixed {
    top: 10px;
}

/*=============================================
      =  被覆盖的元素需加上!important (无)  =
===============================================*/
.pagination{width: 100% !important;}
.was-validated .form-control:invalid, .form-control.is-invalid {
    border-color: #f5543f !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right calc(.375em + .1875rem) center !important;
    background-size: calc(.75em + .375rem) calc(.75em + .375rem) !important;
}
.select2-container--default .select2-selection--single{
    border: 2px solid transparent !important;
    background: #F4F4F4 !important;
}
.select2-container--default .select2-selection--single.active{
    border: 2px solid #D70C19 !important;
}
.select2-container .select2-selection--single{
    height: 41px !important;
    border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered{
    line-height: 41px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
    height: 41px !important;
    right: 8px !important;
}
.select2-container--default .select2-selection--single .select2-selection__clear{
    margin-right: 26px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
    border: none !important;
    background: url(../../images/icon/13.webp) no-repeat !important;
    width: 12px !important;
    height: 7px !important;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{
    transform: rotate(180deg) !important;
}
.select2-container{width: 100% !important;}
.txqt{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.txqt .left{
    width: calc(50% - 150px);
    display: flex;
    align-items: center;
}
.txqt .left > div:nth-child(1){
    width: calc(50% - 30px);
    height: 2px;
    background-color: #cccccc;
}
.txqt .left > div:nth-child(2){
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #fff;
    margin-left: 60px;
}
.txqt .left > div:nth-child(3){
    width: calc(50% - 44px);
    height: 2px;
    background-color: #cccccc;
}
.txqt .mid{
    width: 100px;
    height: 100px;
    border: 8px solid #eeeeee;
    border-radius: 50%;
    background-color: transparent;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.txqt .mid img{
    z-index: 3;
}
.txqt .mid::before{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 37px;
    height: 37px;
    background-color: #db261b;
    border-radius: 50%;
    z-index: 2;
}
.txqt .mid::after{
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 73px;
    height: 73px;
    background: #F6F6F6;
    border-radius: 50%;
    z-index: 1;
}
.txqt .right{
    width: calc(50% - 150px);
    display: flex;
    align-items: center;
}
.txqt .right > div:nth-child(1){
    width: calc(50% - 44px);
    height: 2px;
    background-color: #cccccc;
}
.txqt .right > div:nth-child(2){
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #999999;
    background-color: #fff;
    margin-right: 60px;
}
.txqt .right > div:nth-child(3){
    width: calc(50% - 30px);
    height: 2px;
    background-color: #cccccc;
}
@media (max-width: 1430px) {
    .up > .up-mid{
        font-size: 30px !important;
        line-height: 40px !important;
    }
}
@media (max-width: 768px) {
    .txqt{display: none;}
}
/*=============================================
      =  产品详情的头部 (header-small)  =
===============================================*/
.header-small {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 99;
  overflow: hidden;
  max-height: 0;
  transition: 0.5s;
}
.header-small.active {
  max-height: 70px;
  transition: 0.5s;
}
.header-small .tabs {
  width: 100%;
  display: table;
  border-collapse: separate;
  table-layout: auto;
  background-color: #f0f3f7;
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
  border-bottom: 4px solid #D1121B;
}
.header-small .tabs .tabs-justify {
  width: 100%;
  table-layout: fixed;
}
.header-small .tabs div{
    width: 10px;
}
.header-small .tabs a.tab {
  position: relative;
  display: table-cell;
  transition: all ease 0.3s;
  padding: 1em 1em;
  transform: translate3d(0, 0, 0);
  color: #000000;
  font-weight: 700;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
  text-align: center;
}
.header-small .tabs a.tab:hover {
  color: #fff;
  background: #D1121B;
}
.header-small .tabs a.tab.active {
  color: #fff;
  background: #D1121B;
}
/*=============================================
      =  浮动物 (floatingAnimals)  =
===============================================*/
.floatingAnimals{
    padding: 16px;
    border: 1px solid #e1e5e9;
    top: 147.656px;
    position: fixed !important;
    margin-top: 0px;
    z-index: 1100;
    right: 0;
    background-color: #FFFFFF;
}
.floatingAnimals hr{
    border: 0;
    border-top: 1px solid;
    color: #212529;
    margin: 16px 0;
    opacity: .25;
}
.floatingAnimals .top{
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.floatingAnimals .top > div{
    display: flex;
    gap: 10px;
    align-items: center;
}
.floatingAnimals .top > div > svg{
    width: 24px;
    height: 24px;
}
.floatingAnimals .top > div > a{
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}
.floatingAnimals .down span{
    display: flex;
    align-items: center;
    justify-content: center;
    
    position: relative;
}
.floatingAnimals .down span a{
    color: #333333;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}