/*=============================================
             =  首页(i)  =
===============================================*/
.i-middle {}

.i-middle .i-middle-one {
    position: relative;
}

.i-middle .i-middle-one>div {
    position: absolute;
    top: 20%;
    left: 36%;
    max-width: 765px;
}

.i-middle .i-middle-one>div h1 {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 62px;
    color: #00a0e9;
    line-height: 80px;
    text-shadow: 0 2px 2px rgba(0, 0, 0, 0.11);
    max-width: 574px;
    text-transform: uppercase;
}

@media (max-width: 1638px) {
    .i-middle .i-middle-one>div{
        top: 25%;
    }
    .i-middle .i-middle-one>div h1 {
        font-size: 46px;
        max-width: none;
    }
}

.i-middle .i-middle-one>div p {
    font-family: Alexandria, serif;
    font-weight: 300;
    font-size: 18px;
    color: #26262A;
    line-height: 40px;
    display: none;
}

.i-middle .i-middle-one>div p span {
    font-weight: 500;
}

.i-middle .i-middle-two {
    padding: 110px 0 65px 0;
    background-color: #fff;
}

.i-middle .i-middle-two .up p:nth-of-type(1) {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 38px;
    color: #333333;
    line-height: 100px;
    text-align: center;
}

.i-middle .i-middle-two .up p:nth-of-type(1) span {
    color: #00a0e9;
}

.i-middle .i-middle-two .up p:nth-of-type(2) {
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #575F6A;
    line-height: 24px;
    text-align: center;
    display: none;
}

.i-middle .i-middle-two .up p:nth-of-type(2) span {
    font-weight: 300;
    text-transform: uppercase;
}

.i-middle .i-middle-two .down {
    margin-top: 90px;
}

.i-middle .i-middle-two .down .col-md-3 {
    margin-bottom: 15px;
}

.i-middle .i-middle-two .down .col-md-3>div {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.i-middle .i-middle-two .down .col-md-3>div p {
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 18px;
    color: #000000;
    line-height: 32px;
    margin-top: 15px;
    text-align: center;
}

.i-middle .i-middle-two .down .col-md-3>div p span {
    font-weight: 500;
    font-size: 38px;
    color: #00a0e9;
}

.i-middle .i-middle-three {
    padding-bottom: 160px;
}

.i-middle .i-middle-three .cont-one {
    position: relative;
}

.i-middle .i-middle-three .cont-one>img {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1653px;
    width: 100%;
}

.i-middle .i-middle-three .cont-one .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.i-middle .i-middle-three .cont-one .container-xl .left {
    width: 44%;
    padding: 20px 16px;
    position: relative;
    transition: .6s ease;
}

.i-middle .i-middle-three .cont-one .container-xl .left:hover {
    background: #FFFFFF;
    border-radius: 16px;
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.11);
    transition: .6s ease;
}

.i-middle .i-middle-three .cont-one .container-xl .left>a {
    display: block;
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    position: relative;
    padding-left: 60px;
}

.i-middle .i-middle-three .cont-one .container-xl .left>a::before {
    position: absolute;
    content: "01";
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 22px;
    color: #ADADAD;
    line-height: 40px;
    left: 0;
    top: 0;
}

.i-middle .i-middle-three .cont-one .container-xl .left>a:hover {
    text-decoration: underline;
    color: #00a0e9;
}

.i-middle .i-middle-three .cont-one .container-xl .left>a:hover::before {
    color: #00a0e9;
}

.i-middle .i-middle-three .cont-one .container-xl .left>p {
    margin-top: 20px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    position: relative;
    padding-left: 60px;
}

.i-middle .i-middle-three .cont-one .container-xl .left>p>span {
    font-weight: 500;
    color: #333333;
    text-transform: uppercase;
}

.i-middle .i-middle-three .cont-one .container-xl .right {
    width: 55%;
    padding-left: 8px;
    position: relative;
    display: flex;
}

.i-middle .i-middle-three .cont-one .container-xl .right>a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    padding-left: 15px;
    padding-right: 15px;
}

.i-middle .i-middle-three .cont-one .container-xl .right>a img {
    transform: scale(0.9);
}

.i-middle .i-middle-three .cont-one .container-xl .right>img {
    margin-left: auto;
    margin-right: -85px;
}

.i-middle .i-middle-three .cont-two {
    position: relative;
}

.i-middle .i-middle-three .cont-two>img {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    max-width: 1358px;
    width: 100%;
}

.i-middle .i-middle-three .cont-two .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.i-middle .i-middle-three .cont-two .container-xl .left {
    width: 59%;
    position: relative;
    display: flex;
}

.i-middle .i-middle-three .cont-two .container-xl .left>a {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
}

.i-middle .i-middle-three .cont-two .container-xl .left>a img {
    transform: scale(0.9);
}

.i-middle .i-middle-three .cont-two .container-xl .left>img {
    margin-right: auto;
    margin-left: -85px;
}

.i-middle .i-middle-three .cont-two .container-xl .right {
    width: 41%;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div {
    width: 100%;
    padding: 20px 16px;
    position: relative;
    transition: .6s ease;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div:hover {
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.11);
    background: #FFFFFF;
    border-radius: 16px;
    transition: .6s ease;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div>a {
    display: block;
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    position: relative;
    padding-left: 60px;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div>a::before {
    position: absolute;
    content: "02";
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 22px;
    color: #ADADAD;
    line-height: 40px;
    left: 0;
    top: 0;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div>a:hover {
    text-decoration: underline;
    color: #00a0e9;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div>a:hover::before {
    color: #00a0e9;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div>p {
    margin-top: 20px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    position: relative;
    padding-left: 60px;
}

.i-middle .i-middle-three .cont-two .container-xl .right>div>p>span {
    font-weight: 500;
    color: #535353;
    text-transform: uppercase;
}

.i-middle .i-middle-three .cont-three {
    margin-top: 130px;
    position: relative;
}

.i-middle .i-middle-three .cont-three .container-xl {
    position: relative;
}

.i-middle .i-middle-three .cont-three .container-xl>img {
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
}

.i-middle .i-middle-three .cont-three .container-xl>div:nth-child(1) {
    display: inline-block;
    padding: 20px 16px;
    position: relative;
    transition: .6s ease;
}

.i-middle .i-middle-three .cont-three .container-xl>div:nth-child(1):hover {
    box-shadow: 0 12px 27px 0 rgba(0, 0, 0, 0.11);
    background: #FFFFFF;
    border-radius: 16px;
    transition: .6s ease;
}

.i-middle .i-middle-three .cont-three .container-xl .t1 a {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    position: relative;
    padding-left: 60px;
}

.i-middle .i-middle-three .cont-three .container-xl .t1 a::before {
    position: absolute;
    content: "03";
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 22px;
    color: #ADADAD;
    line-height: 40px;
    left: 0;
    top: 0;
}

.i-middle .i-middle-three .cont-three .container-xl .t1 a:hover {
    text-decoration: underline;
    color: #00a0e9;
}

.i-middle .i-middle-three .cont-three .container-xl .t1 a:hover::before {
    color: #00a0e9;
}

.i-middle .i-middle-three .cont-three .container-xl .t2 {
    margin-top: 18px;
    padding-left: 60px;
}

.i-middle .i-middle-three .cont-three .container-xl .t2 p {
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    max-width: 461px;
}

.i-middle .i-middle-three .cont-three .container-xl .t2 p span {
    font-weight: 500;
    color: #585858;
    text-transform: uppercase;
}

.i-middle .i-middle-three .cont-three .container-xl .t3 {
    margin-top: 0;
}

.i-middle .i-middle-three .cont-three .container-xl .t3 a {
    display: flex;
}

.i-middle .i-middle-three .cont-three .container-xl .t3 a img {
    transform: scale(0.9);
}

.i-middle .i-middle-four {
    padding: 0 0 180px 0;
    background-color: #fff;
}

.i-middle .i-middle-four .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.i-middle .i-middle-four .container-xl .left {
    width: 55%;
    position: relative;
    padding-top: 75px;
}

.i-middle .i-middle-four .container-xl .left>div {
    position: absolute;
    top: 0;
    left: 50px;
}

.i-middle .i-middle-four .container-xl .left>div p {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 70px;
    line-height: 80px;
    text-transform: uppercase;
}

.i-middle .i-middle-four .container-xl .left>div p:nth-child(1) {
    color: #00a0e9;
}

.i-middle .i-middle-four .container-xl .left>div p:nth-child(2) {
    color: #FFFFFF;
}

.i-middle .i-middle-four .container-xl .right {
    width: 40%;
    padding-top: 75px;
}

.i-middle .i-middle-four .container-xl .right .t1 {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 38px;
    color: #333333;
    line-height: 56px;
    max-width: 420px;
}

.i-middle .i-middle-four .container-xl .right .t2 {
    margin-top: 27px;
}

.i-middle .i-middle-four .container-xl .right .t2 p {
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

.i-middle .i-middle-four .container-xl .right .t2 p span {
    color: #585858;
    font-weight: 500;
    text-transform: uppercase;
}

.i-middle .i-middle-four .container-xl .right .t3 {
    margin-top: 80px;
    display: flex;
}

.i-middle .i-middle-four .container-xl .right .t3 a {
    display: flex;
    cursor: pointer;
}

.i-middle .i-middle-four .container-xl .right .t3 a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.i-middle .i-middle-four .container-xl .right .t3 a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.i-middle .i-middle-four .container-xl .right .t3 a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.i-middle .i-middle-four .container-xl .right .t3 a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.i-middle .i-middle-four .container-xl .right .t3 a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.i-middle .i-middle-four .container-xl .right .t3 a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.i-middle .i-middle-five {
    padding: 0 0 170px 0;
    background-color: #fff;
}

.i-middle .i-middle-five .up {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.i-middle .i-middle-five .up .t1 {
    font-weight: 500;
    font-size: 38px;
    color: #333333;
    line-height: 56px;
    font-family: "Alexandria", serif;
}

.i-middle .i-middle-five .up .t2 {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-family: "Alexandria", serif;
    width: 58%;
}

.i-middle .i-middle-five .up .t3 {
    display: flex;
}

.i-middle .i-middle-five .up .t3 a {
    display: flex;
    cursor: pointer;
}

.i-middle .i-middle-five .up .t3 a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.i-middle .i-middle-five .up .t3 a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.i-middle .i-middle-five .up .t3 a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.i-middle .i-middle-five .up .t3 a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.i-middle .i-middle-five .up .t3 a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.i-middle .i-middle-five .up .t3 a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}


.i-middle .i-middle-five .down {
    margin-top: 70px;
    position: relative;
}

.i-middle .i-middle-five .down .image {
    overflow: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black);
    mask-image: -webkit-radial-gradient(white, black);
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 18, 18);
    border-radius: 24px;
}

.i-middle .i-middle-five .down .image::after {
    content: "";
    position: absolute;
    left: 0;
    right: unset;
    top: 0;
    bottom: unset;
    width: 100%;
    height: 100%;
    background-color: rgba(19, 18, 18, 0.4);
    border-radius: 24px;
}

.i-middle .i-middle-five .down .image>img {
    transition: 0.6s ease all;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 24px;
}

.i-middle .i-middle-five .down .image.hide>img {
    opacity: 0;
    transform: scale(1.25);
}

.i-middle .i-middle-five .down>.boxes {
    position: relative;
    padding: 120px 30px 90px 100px;
}

.i-middle .i-middle-five .down>.boxes .box {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
}

.i-middle .i-middle-five .down>.boxes .box>div {
    display: flex;
}

.i-middle .i-middle-five .down>.boxes .box h5 {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 30px;
    color: #FFFFFF;
    line-height: 40px;
    opacity: 0.5;
    transition: .6s;
    cursor: pointer;
}

.i-middle .i-middle-five .down>.boxes .box p {
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    margin-top: 10px;
    opacity: 0;
    transition: .6s;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
    max-width: 600px;
    width: 100%;
}

.i-middle .i-middle-five .down>.boxes .box.active h5 {
    opacity: 1;
    transition: .6s;
}

.i-middle .i-middle-five .down>.boxes .box.active p {
    opacity: 0;
    transition: .6s;
}

.i-middle .i-middle-five .down>.but {
    position: absolute;
    bottom: 50px;
    right: 62px;
    width: 73px;
    height: 73px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
}

.i-middle .i-middle-five .down>.but a {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.i-middle .i-middle-five .down>.but a img {
    width: 21px;
    height: 23px;
    transition: .6s;
}

.i-middle .i-middle-five .down>.but a:hover img {

    transition: .6s;
}

.i-middle .i-middle-six {
    padding-bottom: 16px;
    position: relative;
}

.i-middle .i-middle-six>img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.i-middle .i-middle-six .container-xl {
    position: relative;
    z-index: 2;
}

.i-middle .i-middle-six .container-xl .t1 {
    font-weight: 300;
    font-size: 22px;
    color: #00a0e9;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.i-middle .i-middle-six .container-xl .t2 {
    font-weight: 500;
    font-size: 38px;
    color: #333333;
    line-height: 48px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
    max-width: 620px;
    margin: auto;
}

.i-middle .i-middle-six .container-xl .t3 {
    margin-top: 80px;
    width: 77.5%;
    margin-left: auto;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 {
    position: relative;
    overflow: hidden;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide {
    width: auto;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide>div {
    position: relative;
    text-align: left;
    max-width: 611px;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide>div .image {
    position: relative;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide>div img {
    border-radius: 16px;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide>div h5 {
    position: absolute;
    bottom: 32px;
    left: 40px;
    font-weight: 300;
    font-size: 30px;
    color: var(--public-color);
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    padding-left: 12px;
    opacity: 0;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide>div h5::before {
    position: absolute;
    content: '';
    width: 2px;
    height: 26px;
    background: #6FBBFF;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide.swiper-slide-active>div h5 {
    opacity: 1;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .t4 {
    margin-top: 30px;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .t4 p {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    opacity: 0;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .t4 p span {
    font-weight: 500;
}

.i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide.swiper-slide-active .t4 p {
    opacity: 1;
}

.i-middle .i-middle-six .container-xl .t5 {
    display: flex;
    width: 61%;
    margin-top: 30px;
    margin-left: auto;
}

.i-middle .i-middle-six .container-xl .t5 a {
    display: flex;
    cursor: pointer;
}

.i-middle .i-middle-six .container-xl .t5 a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.i-middle .i-middle-six .container-xl .t5 a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.i-middle .i-middle-six .container-xl .t5 a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.i-middle .i-middle-six .container-xl .t5 a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.i-middle .i-middle-six .container-xl .t5 a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.i-middle .i-middle-six .container-xl .t5 a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.i-middle .i-middle-seven {
    padding: 190px 0 60px 0;
    background-color: #fff;
}

.i-middle .i-middle-seven .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.i-middle .i-middle-seven .container-xl .left {
    width: 40%;
}

.i-middle .i-middle-seven .container-xl .left>h5 {
    font-weight: 500;
    font-size: 38px;
    color: #080E25;
    line-height: 64px;
    font-family: "Alexandria", sans-serif;
}

.i-middle .i-middle-seven .container-xl .left>div {
    margin-top: 60px;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(1) {
    border-radius: 32px 32px 0 0;
    display: block;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(1) img {
    border-radius: 32px 32px 0 0;
    width: auto;
    transform: scale(0.9);
}

.i-middle .i-middle-seven .container-xl .left>div p {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #727272;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(2) {
    display: block;
    font-weight: 300;
    font-size: 18px;
    color: #080E25;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(2):hover {
    text-decoration: underline;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(3) {
    margin-top: 30px;
    width: 66px;
    height: 56px;
    background: #6FBBFF;
    border-radius: 28px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(3) img {
    width: 22px;
    height: 12px;
    transition: .6s ease;
}

.i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(3):hover img {
    transition: .6s ease;

}

.i-middle .i-middle-seven .container-xl .right {
    width: 58%;
}

.i-middle .i-middle-seven .container-xl .right h5 {
    font-weight: 500;
    font-size: 38px;
    color: #080E25;
    line-height: 64px;
    font-family: "Alexandria", sans-serif;
    margin-bottom: 60px;
}

.i-middle .i-middle-seven .container-xl .right>div {
    margin-bottom: 20px;
    background: #F9F9FB;
    border-radius: 24px;
    padding: 45px 34px 27px 42px;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(1) {
    font-weight: 300;
    font-size: 18px;
    color: #080E25;
    line-height: 28px;
    font-family: "Alexandria", sans-serif;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(1):hover {
    color: #00a0e9;
}

.i-middle .i-middle-seven .container-xl .right>div p:nth-of-type(1) {
    margin-top: 20px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-weight: 300;
    font-size: 14px;
    color: #54565A;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.i-middle .i-middle-seven .container-xl .right>div p:nth-of-type(2) {
    margin-top: 20px;
    font-weight: 300;
    font-size: 14px;
    color: #54565A;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(2) {
    width: 66px;
    height: 56px;
    background: #fff;
    border-radius: 28px;
    margin-left: auto;
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    transition: .6s ease;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(2) img:nth-child(1) {
    display: block;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(2) img:nth-child(2) {
    display: none;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(2):hover {
    background: #6FBBFF;
    transition: .6s ease;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(2):hover img:nth-child(1) {
    display: none;
}

.i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(2):hover img:nth-child(2) {
    display: block;
}

@media (max-width: 1580px) {
    .i-middle .i-middle-three .cont-one>img {
        max-width: 1350px;
    }

    .i-middle .i-middle-three .cont-one .container-xl .right>img {
        margin-left: auto;
        margin-right: 0;
    }

    .i-middle .i-middle-three .cont-two .container-xl .left>img {
        margin-right: auto;
        margin-left: 0;
    }
}

@media (max-width: 768px) {
    .i-middle .i-middle-one>div {
        top: 25%;
        left: 50%;
        max-width: 765px;
        width: 100%;
        transform: translate(-50%, -50%);
        display: flex;
        justify-content: flex-end;
    }

    .i-middle .i-middle-one>div h1{display: block;width: auto; width: 65%;}
    .i-middle .i-middle-two .up p:nth-of-type(2){display: none;}

    .i-middle .i-middle-one>div p {
        display: none;
    }

    .i-middle .i-middle-two {
        padding: 30px 0;
    }

    .i-middle .i-middle-two .down {
        margin-top: 15px;
    }

    .i-middle .i-middle-two .down .col-md-3 {
        width: 50%;
    }

    .i-middle .i-middle-two .down .col-md-3>div p {
        font-size: 14px;
        line-height: 22px;
    }

    .i-middle .i-middle-two .down .col-md-3>div p span {
        font-size: 18px;
    }

    .i-middle .i-middle-three {
        padding-bottom: 30px;
    }

    .i-middle .i-middle-three .cont-one .container-xl .left {
        width: 100%;
        padding: 10px;
    }

    .i-middle .i-middle-three .cont-one .container-xl .left>a {
        padding-left: 35px;
    }

    .i-middle .i-middle-three .cont-one .container-xl .left>a::before {
        font-size: 24px;
        line-height: 32px;
    }

    .i-middle .i-middle-three .cont-one .container-xl .left>p {
        margin-top: 15px;
        padding-left: 35px;
    }

    .i-middle .i-middle-three .cont-one .container-xl .right {
        width: 100%;
        padding-left: 0;
        margin-top: 15px;
    }

    .i-middle .i-middle-three .cont-two .container-xl .left {
        width: 100%;
        order: 2;
    }

    .i-middle .i-middle-three .cont-two .container-xl .right {
        width: 100%;
        order: 1;
    }

    .i-middle .i-middle-three .cont-two .container-xl .right>div {
        padding: 10px;
    }

    .i-middle .i-middle-three .cont-two .container-xl .right>div>a {
        padding-left: 35px;
    }

    .i-middle .i-middle-three .cont-two .container-xl .right>div>a::before {
        font-size: 24px;
        line-height: 32px;
    }

    .i-middle .i-middle-three .cont-two .container-xl .right>div>p {
        padding-left: 35px;
        margin-top: 15px;
    }

    .i-middle .i-middle-three .cont-three {
        margin-top: 15px;
    }

    .i-middle .i-middle-three .cont-three .container-xl>div:nth-child(1) {
        padding: 10px;
    }

    .i-middle .i-middle-three .cont-three .container-xl .t1 a {
        padding-left: 35px;
    }

    .i-middle .i-middle-three .cont-three .container-xl .t1 a::before {
        font-size: 24px;
        line-height: 32px;
    }

    .i-middle .i-middle-three .cont-three .container-xl .t2 {
        padding-left: 35px;
        margin-top: 15px;
    }

    .i-middle .i-middle-four {
        padding: 0 0 30px 0;
    }

    .i-middle .i-middle-four .container-xl .left>div {
        left: 50%;
        transform: translate(-50%, 0);
    }

    .i-middle .i-middle-four .container-xl .left>div p {
        font-size: 40px;
        line-height: 48px;
    }

    .i-middle .i-middle-four .container-xl .left {
        padding-top: 45px;
    }

    .i-middle .i-middle-four .container-xl .right {
        padding-top: 15px;
    }

    .i-middle .i-middle-four .container-xl .right .t2 {
        margin-top: 15px;
    }

    .i-middle .i-middle-four .container-xl .right .t3 {
        margin-top: 15px;
    }

    .i-middle .i-middle-five {
        padding: 0 0 30px 0;
    }
    .i-middle .i-middle-five .up{align-items: center;}
    .i-middle .i-middle-five .up .t2 {
        display: none;
        width: 100%;
        margin-top: 15px;
    }

    .i-middle .i-middle-five .up .t3 {
        margin-top: 15px;
    }

    .i-middle .i-middle-five .down {
        margin-top: 15px;
    }

    .i-middle .i-middle-five .down .image {
        border-radius: 0;
    }

    .i-middle .i-middle-five .down .image>img {
        border-radius: 0;
    }

    .i-middle .i-middle-five .down .image::after {
        border-radius: 0;
    }

    .i-middle .i-middle-five .down>.boxes {
        padding: 10px;
        padding-bottom: 60px;
    }

    .i-middle .i-middle-five .down>.boxes .box.active h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .i-middle .i-middle-five .down>.boxes .box p {
        line-height: 22px;
        height: 15px;
    }

    .i-middle .i-middle-five .down>.but {
        bottom: 10px;
        right: 10px;
        width: 50px;
        height: 50px;
    }

    .i-middle .i-middle-six>img {
        display: none;
    }

    .i-middle .i-middle-six .container-xl .t3 {
        margin-top: 15px;
        width: 100%;
    }

    .i-middle .i-middle-six .container-xl .t3 .mySwiper1 .swiper-slide {
        width: 100%;
    }

    .i-middle .i-middle-six .container-xl .t3 .mySwiper1 .t4 {
        margin-top: 15px;
    }

    .i-middle .i-middle-seven {
        padding: 15px 0 30px 0;
    }

    .i-middle .i-middle-seven .container-xl .left>h5 {
        font-size: 24px;
        line-height: 32px;
    }

    .i-middle .i-middle-seven .container-xl .left>div {
        margin-top: 15px;
    }

    .i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(1) {
        border-radius: 0;
    }

    .i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(1) img {
        border-radius: 0;
        transform: scale(1);
    }

    .i-middle .i-middle-seven .container-xl .left>div p {
        margin-top: 15px;
        line-height: 22px;
    }

    .i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(2) {
        font-size: 16px;
        line-height: 24px;
    }

    .i-middle .i-middle-seven .container-xl .left>div a:nth-of-type(3) {
        margin-top: 15px;
    }

    .i-middle .i-middle-seven .container-xl .right {
        margin-top: 15px;
    }

    .i-middle .i-middle-seven .container-xl .right h5 {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 15px;
    }

    .i-middle .i-middle-seven .container-xl .right>div {
        margin-bottom: 15px;
        border-radius: 0;
        padding: 10px;
    }

    .i-middle .i-middle-seven .container-xl .right>div a:nth-of-type(1) {
        font-size: 16px;
        line-height: 24px;
    }

    .i-middle .i-middle-seven .container-xl .right>div p:nth-of-type(1) {
        margin-top: 15px;
        line-height: 22px;
    }

    .i-middle .i-middle-seven .container-xl .right>div p:nth-of-type(2) {
        margin-top: 15px;
        line-height: 22px;
    }
}

/*=============================================
             =  产品中心(pi)  =
===============================================*/
.pi-middle {
    padding-top: 70px;
}

.pi-middle .pi-middle-one {
    position: relative;
    background: #262628;
}

.pi-middle .pi-middle-one .container-xl {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.pi-middle .pi-middle-one img {
    opacity: .4;
}

.pi-middle .pi-middle-one .container-xl h1 {
    font-weight: 500;
    font-size: 46px;
    color: #FFFFFF;
    line-height: 56px;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.pi-middle .pi-middle-one .container-xl p {
    margin-top: 25px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 3px;
}



.pi-middle .pi-middle-two {
    padding: 15px 0 0 0;
    background-color: #fff;
}

.pi-middle .pi-middle-three {
    padding: 90px 0 20px 0;
    background-color: #fff;
}

.pi-middle .pi-middle-three .container-xl>div {
    margin-bottom: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pi-middle .pi-middle-three .container-xl>div .left {
    width: 57.14%;
    background: #F0F4F9;
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.pi-middle .pi-middle-three .container-xl>div .left img {
    mix-blend-mode: multiply;
}

.pi-middle .pi-middle-three .container-xl>div .right {
    width: 42.86%;
    background: #FFFFFF;
    box-shadow: 0 1px 14px 0 rgba(0, 161, 240, 0.11);
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-left: -10px;
    position: relative;
    z-index: 1;
}

.pi-middle .pi-middle-three .container-xl>div .right>div {
    padding: 70px 40px 40px 60px;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t1 a {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t1 a:hover {
    text-decoration: underline;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t2 {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t3 {
    margin-top: 40px;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t3 h5 {
    background: #F0F4F9;
    border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 28px;
    padding: 0 5px;
    display: block;
    max-width: 80px;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t3 p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 28px;
}

.pi-middle .pi-middle-three .container-xl>div .right>div .t4 {
    margin-top: 35px;
    display: flex;
    gap: 30px;
    align-items: flex-end;
}


@media (max-width: 768px) {
    .pi-middle {
        padding-top: 0;
    }

    .pi-middle .pi-middle-one .container-xl h1 {
        font-size: 24px;
        line-height: 32px;
        text-align:center;
    }

    .pi-middle .pi-middle-one .container-xl p {
        margin-top: 0;
        line-height: 22px;
    }

    .pi-middle .pi-middle-three {
        padding: 30px 0;
    }

    .pi-middle .pi-middle-three .container-xl>div {
        margin-bottom: 15px;
    }

    .pi-middle .pi-middle-three .container-xl>div .left {
        width: 100%;
    }

    .pi-middle .pi-middle-three .container-xl>div .right {
        width: 100%;
        margin-left: 0;
    }

    .pi-middle .pi-middle-three .container-xl>div .right>div {
        padding: 15px;
    }

    .pi-middle .pi-middle-three .container-xl>div .right>div .t2 {
        margin-top: 15px;
    }

    .pi-middle .pi-middle-three .container-xl>div .right>div .t3 {
        margin-top: 15px;
    }

    .pi-middle .pi-middle-three .container-xl>div .right>div .t4 {
        margin-top: 15px;
    }

}

/*=============================================
             =  产品列表(pl)  =
===============================================*/
.pl-middle {
    padding-top: 70px;
    position: relative;
}

.pl-middle .pl-middle-one {
    position: relative;
    background-color: #262628;
}

.pl-middle .pl-middle-one>img {
    opacity: .4;
}

.pl-middle .pl-middle-one .container-xl {
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%, 0);
}

@media (max-width: 1625px) {
    .pl-middle .pl-middle-one .container-xl {
        bottom: 20px;
    }
}

@media (max-width: 1520px) {
    .pl-middle .pl-middle-one .container-xl {
        bottom: 0px;
    }
}

.pl-middle .pl-middle-one .container-xl .up {
    font-weight: 500;
    font-size: 46px;
    color: #FFFFFF;
    line-height: 56px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-one .container-xl .up h1 {
    font-weight: 500;
    font-size: 46px;
    color: #FFFFFF;
    line-height: 56px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-one .container-xl .down {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 10px;
}

.pl-middle .pl-middle-one .container-xl .down .left {
    width: 100%;
}

.pl-middle .pl-middle-one .container-xl .down .left .t1 {
    max-width: 590px;
}

.pl-middle .pl-middle-one .container-xl .down .left .t1 p {
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    display: none;
}

.pl-middle .pl-middle-one .container-xl .down .left .t1 p span {
    text-transform: uppercase;
}

.pl-middle .pl-middle-one .container-xl .down .left .but {
    margin-top: 17px;
    display: flex;
}

.pl-middle .pl-middle-one .container-xl .down .left .but span {
    display: flex;
    cursor: pointer;
}

.pl-middle .pl-middle-one .container-xl .down .left .but span div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.pl-middle .pl-middle-one .container-xl .down .left .but span div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.pl-middle .pl-middle-one .container-xl .down .left .but span div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.pl-middle .pl-middle-one .container-xl .down .left .but span:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.pl-middle .pl-middle-one .container-xl .down .left .but span:hover div:nth-child(2) img {

    transition: .6s ease;
}

.pl-middle .pl-middle-one .container-xl .down .left .but span:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.pl-middle .pl-middle-one .container-xl .down .right {
    width: 50%;
}

.pl-middle .pl-middle-one .container-xl .down .right>div {
    background: rgba(13, 161, 231, .5);
    border-radius: 4px;
    padding: 20px 30px;
    margin-top: auto;
}

.pl-middle .pl-middle-one .container-xl .down .right>div p {
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 28px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-two {
    padding: 15px 0 0 0;
    background-color: #fff;
}

.pl-middle .pl-middle-three {
    padding: 90px 0 90px 0;
    background-color: #fff;
}

.pl-middle .pl-middle-three .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.pl-middle .pl-middle-three .container-xl .left {
    width: 57%;
    position: relative;
}

.pl-middle .pl-middle-three .container-xl .left .image {
    background: #F0F4F9;
    border-radius: 4px;
    padding: 40px 20px 53px 20px;
    height: 100%;
}

.pl-middle .pl-middle-three .container-xl .left .image a {
    display: flex;
}

.pl-middle .pl-middle-three .container-xl .left .image a img {
    margin: auto;
    mix-blend-mode: multiply;
}

.pl-middle .pl-middle-three .container-xl .left .text {
    position: absolute;
    left: 58%;
    bottom: -160px;
    transform: translate(-50%, 0);
    background: #FFFFFF;
    box-shadow: 0 1px 14px 0 rgba(0, 161, 240, 0.11);
    border-radius: 4px;
    padding: 60px 40px 57px 54px;
    min-width: 69%;
    font-weight: 300;
}

.pl-middle .pl-middle-three .container-xl .left .text p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-three .container-xl .right {
    width: 40%;
}

.pl-middle .pl-middle-three .container-xl .right .t1 {
}

.pl-middle .pl-middle-three .container-xl .right .t1 h1 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-three .container-xl .right .t1 a:hover {
    text-decoration: underline;
}

.pl-middle .pl-middle-three .container-xl .right .t2 {
    margin-top: 30px;
}

.pl-middle .pl-middle-three .container-xl .right .t2 p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-four {
    padding: 0 0 120px 0;
    background-color: #fff;
}

.pl-middle .pl-middle-four .t1 {
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.pl-middle .pl-middle-four .t2 {
    margin-top: 90px;
}

.pl-middle .pl-middle-four .t2 .col-md-4 {
    margin-bottom: 30px;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div {
    height: 100%;
    background-color: #F0F4F9;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .image {
    background: #FFFFFF;
    box-shadow: 0 12px 27px 0 rgba(4, 162, 236, 0.11);
    border-radius: 4px;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .image a {
    display: flex;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .image a img {
    margin: auto;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .text {
    margin-top: 15px;
    background: #F0F4F9;
    border-radius: 4px;
    padding: 25px 5px 25px 25px;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .text>a {
    font-weight: 500;
    font-size: 20px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
    display: block;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .text>a:hover {
    text-decoration: underline;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .text>table {
    margin-top: 15px;
    border: none;
}

.pl-middle .pl-middle-four .t2 .col-md-4>div .text>table tr {}

.pl-middle .pl-middle-four .t2 .col-md-4>div .text>table tr td {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    padding-right: 30px;
}

.pl-middle .pl-middle-five {
    padding: 0 0 140px 0;
    background-color: #fff;
}

.pl-middle .pl-middle-five .t1 {
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 44px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.pl-middle .pl-middle-five .t2 {
    margin-top: 120px;
    display: flex;
    gap: 20px;
    justify-content: space-between;
}

.pl-middle .pl-middle-five .t2>div {
    width: calc(20% - 20px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pl-middle .pl-middle-five .t2>div>div {
    min-height: 75px;
}

.pl-middle .pl-middle-five .t2>div>p {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.pl-middle .pl-middle-five .t2>div>p span {
    font-weight: 500;
    color: #000000;
}

.pl-middle .pl-middle-six {
    background: #F6F7F8;
    border-radius: 4px;
    padding: 110px 0 70px 0;
}

.pl-middle .pl-middle-six .up p {
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 48px;
    font-family: "Alexandria", sans-serif;
    max-width: 585px;
    margin: auto;
    text-align: center;
}

.pl-middle .pl-middle-six .down {
    margin-top: 70px;
}

.pl-middle .pl-middle-six .down .cont {
    margin-bottom: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.pl-middle .pl-middle-six .down .cont .image {
    width: 48.85%;
}

.pl-middle .pl-middle-six .down .cont .text {
    width: 48.85%;
    padding-left: 35px;
}

.pl-middle .pl-middle-six .down .cont .text>h5 {
    margin-top: 35px;
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-six .down .cont .text p {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-six .down .cont:nth-child(2n+1) .image {
    order: 1;
}

.pl-middle .pl-middle-six .down .cont:nth-child(2n+1) .text {
    order: 2;
}

.pl-middle .pl-middle-six .down .cont:nth-child(2n) .image {
    order: 2;
}

.pl-middle .pl-middle-six .down .cont:nth-child(2n) .text {
    order: 1;
}

.pl-middle .pl-middle-seven {
    padding: 150px 0 100px 0;
    background-color: #fff;
}

.pl-middle .pl-middle-seven .up p {
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 48px;
    max-width: 585px;
    margin: auto;
    text-align: center;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-seven .down {
    margin-top: 60px;
}

.pl-middle .pl-middle-seven .down .mySwiper1 {
    margin-bottom: 15px;
    overflow: hidden;
    position: relative;
}

.pl-middle .pl-middle-seven .down .swiper-slide>div {
    height: 100%;
}

.pl-middle .pl-middle-seven .down .swiper-slide>div .image {
    display: flex;
    min-height: 380px;
}

.pl-middle .pl-middle-seven .down .swiper-slide>div .image img {
    margin: auto;
}

.pl-middle .pl-middle-seven .down .swiper-slide>div>h5 {
    margin-top: 22px;
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-seven .down .swiper-slide>div>p:nth-of-type(1) {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    line-height: 24px;
    margin-top: 30px;
}

.pl-middle .pl-middle-seven .down .swiper-slide>div>p:nth-of-type(2) {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    max-width: 430px;
}

.pl-middle .pl-middle-seven .swiper-pagination {
    margin-top: 25px;
    position: static;
}

.pl-middle .pl-middle-seven .swiper-pagination .swiper-pagination-bullet {
    width: 39px;
    height: 7px;
    border-radius: 0;
}

.pl-middle .pl-middle-seven .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #0F83D4;
}

.pl-middle .pl-middle-eight {
    padding: 130px 0 75px 0;
    background: #F6F7F8;
    border-radius: 4px;
}

.pl-middle .pl-middle-eight .up {
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 48px;
    max-width: 490px;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-eight .down {
    margin-top: 80px;
    display: flex;
    justify-content: space-between;
}

.pl-middle .pl-middle-eight .down>div {
    width: 49.5%;
}

.pl-middle .pl-middle-eight .down .dropdown-box {
    margin-bottom: 30px;
}

.pl-middle .pl-middle-eight .down .dropdown-box>div {
    height: 100%;
}

.pl-middle .pl-middle-eight .down .dropdown-box>div .title {
    display: flex;
    gap: 13px;
    align-items: center;
}

.pl-middle .pl-middle-eight .down .dropdown-box>div .title .label {
    width: 45px;
    height: 45px;
    min-width: 45px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    font-family: "Alexandria", sans-serif;
}

.pl-middle .pl-middle-eight .down .dropdown-box>div .title .txt {
    font-weight: 300;
    font-size: 18px;
    color: #00a0e9;
    line-height: 28px;
    padding-right: 30px;
    width: calc(100% - 58px);
    min-width: calc(100% - 58px);
}

.pl-middle .pl-middle-eight .down .dropdown-box>div .content {
    margin-top: 20px;
    background: #FFFFFF;
    border: 1px solid #F5F7FB;
    padding: 20px 16px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

#pl footer {
    background: #F6F7F8;
}

@media (max-width: 768px) {
    .pl-middle {
        padding-top: 0;
    }

    .pl-middle .pl-middle-one .container-xl {
        top: 50%;
        transform: translate(-50%, -50%);
        bottom: auto;
    }

    .pl-middle .pl-middle-one .container-xl .up {
        font-size: 24px;
        line-height: 32px;
        max-width: 100%;
        text-align:center;
    }


    .pl-middle .pl-middle-three {
        padding: 30px 0;
    }

    .pl-middle .pl-middle-three .container-xl .left .image {
        padding: 10px;
        height: auto;
    }

    .pl-middle .pl-middle-three .container-xl .left .text {
        display: none;
        position: static;
        transform: none;
        padding: 10px;
    }

    .pl-middle .pl-middle-three .container-xl .right .t1 {
        margin-top: 15px;
    }

    .pl-middle .pl-middle-three .container-xl .right .t2 {
        margin-top: 15px;
    }

    .pl-middle .pl-middle-four {
        padding: 0 0 30px 0;
    }

    .pl-middle .pl-middle-four .t2 {
        margin-top: 15px;
    }

    .pl-middle .pl-middle-four .t2 .col-md-4 {
        margin-bottom: 15px;
        width: 50%;
        padding-right: 2px;
        padding-left: 2px;
    }

    .pl-middle .pl-middle-four .t2 .col-md-4>div .text {
        margin-top: 15px;
        padding: 5px;
    }

    .pl-middle .pl-middle-four .t2 .col-md-4>div .text>a {
        font-size: 14px;
        line-height: 22px;
    }

    .pl-middle .pl-middle-four .t2 .col-md-4>div .text>table {
        margin-top: 15px;
        word-break: break-all;
    }

    .pl-middle .pl-middle-four .t2 .col-md-4>div .text>table tr td {
        font-size: 9px;
        line-height: 20px;
        padding-right: 5px;
    }

    .pl-middle .pl-middle-five {
        padding: 0 0 30px 0;
    }

    .pl-middle .pl-middle-five .t2 {
        margin-top: 15px;
        flex-wrap: wrap;
        gap: 15px;
    }

    .pl-middle .pl-middle-five .t2>div {
        width: 100%;
    }

    .pl-middle .pl-middle-five .t2>div>p {
        margin-top: 15px;
        line-height: 22px;
    }

    .pl-middle .pl-middle-five .t2>div>div {
        min-height: 0;
    }

    .pl-middle .pl-middle-six {
        padding: 30px 0;
    }

    .pl-middle .pl-middle-six .up p {
        font-size: 24px;
        line-height: 32px;
        max-width: 100%;
    }

    .pl-middle .pl-middle-six .down {
        margin-top: 15px;
    }

    .pl-middle .pl-middle-six .down .cont {
        margin-bottom: 15px;
    }

    .pl-middle .pl-middle-six .down .cont .image {
        width: 100%;
        order: 1 !important;
    }

    .pl-middle .pl-middle-six .down .cont .text {
        width: 100%;
        order: 2 !important;
        margin-top: 15px;
        padding-left: 0;
    }

    .pl-middle .pl-middle-six .down .cont .text>h5 {
        margin-top: 15px;
        font-size: 20px;
        line-height: 28px;
    }

    .pl-middle .pl-middle-six .down .cont .text p {
        margin-top: 15px;
        line-height: 22px;
    }

    .pl-middle .pl-middle-seven {
        padding: 30px 0;
    }

    .pl-middle .pl-middle-seven .up p {
        font-size: 24px;
        line-height: 32px;
        max-width: 100%;
    }

    .pl-middle .pl-middle-seven .down {
        margin-top: 15px;
    }

    .pl-middle .pl-middle-seven .down .swiper-slide>div>h5 {
        margin-top: 15px;
        font-size: 20px;
        line-height: 28px;
    }

    .pl-middle .pl-middle-seven .down .swiper-slide>div>p:nth-of-type(1) {
        margin-top: 15px;
        line-height: 22px;
    }

    .pl-middle .pl-middle-seven .down .swiper-slide>div>p:nth-of-type(2) {
        line-height: 22px;
        max-width: 100%;
    }

    .pl-middle .pl-middle-eight {
        padding: 30px 0;
    }

    .pl-middle .pl-middle-eight .up {
        font-size: 24px;
        line-height: 32px;
    }

    .pl-middle .pl-middle-eight .down {
        margin-top: 15px;
        flex-wrap: wrap;
    }

    .pl-middle .pl-middle-eight .down>div {
        width: 100%;
    }

    .pl-middle .pl-middle-eight .down .dropdown-box {
        margin-bottom: 15px;
    }

    .pl-middle .pl-middle-eight .down .dropdown-box>div .content {
        margin-top: 15px;
        padding: 10px;
    }

    .pl-middle .pl-middle-eight .down .dropdown-box>div .title .txt {
        padding-right: 0px;
    }

    #pl footer {
        background: transparent;
    }
}

/*=============================================
             =  产品详情(pco)  =
===============================================*/

#pco .navbar-custom .navbar-nav .nav-link {
    color: #fff;
}

#pco .top-search-box .search-tb i {
    color: #fff;
}

#pco .header.fadeInDown .navbar-custom .navbar-nav .nav-link {
    color: #333333;
}

#pco .header.fadeInDown .top-search-box .search-tb i {
    color: #333333;
}

#pco .footer {
    background-color: #f5f7f9;
}

.header-small {
    position: fixed;
    top: 70px;
    left: 0;
    width: 100%;
    z-index: 99;
    overflow: hidden;
    max-height: 0;
    transition: 0.5s;
    background-color: #fff;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
}

.header-small.active {
    max-height: 60px;
    transition: 0.5s;
}

.tabs {
    width: 100%;
    display: table;
    border-collapse: separate;
    table-layout: auto;
    background-color: #fff;
    /*box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);*/
}

.tabs .tabs-justify {
    width: 100%;
    table-layout: fixed;
}

.tabs a.tab {
    position: relative;
    display: table-cell;
    transition: all ease 0.3s;
    transform: translate3d(0, 0, 0);
    color: #041319;
    font-weight: 300;
    white-space: nowrap;
    cursor: pointer;
    text-align: center;
}

.tabs a.tab p {
    margin: 0 1em;
    padding: 1em 0;
}

a.tab:hover p {
    border-bottom: 4px solid #0F83D4;
}

a.tab.active p {
    border-bottom: 4px solid #0F83D4;
}

.tabs a.tab.active:after {
    opacity: 1;
    transform: scale(1, 1);
}

.pco-middle {padding-top:70px;}

.pco-middle .pco-middle-one {
    position: relative;
}

.pco-middle .pco-middle-one>img:nth-of-type(1) {
    position: relative;
    z-index: 1;
}

.pco-middle .pco-middle-one .container-xl {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, -50%);
}

.pco-middle .pco-middle-one .container-xl .t1 h1 {
    font-weight: 500;
    font-size: 38px;
    color: #222C56;
    line-height: 46px;
}

.pco-middle .pco-middle-one .container-xl .t1 span {
    color: #0E82D4;
		font-weight: 500;
    font-size: 38px;
    line-height: 46px;
}

.pco-middle .pco-middle-one .container-xl .t2 {
    margin-top: 35px;
}

.pco-middle .pco-middle-one>.image1 {
    position: absolute;
    bottom: -30px;
    left: 50%;
    z-index: 2;
    max-width: 1430px;
    width: 100%;
    transform: translate(-50%, 0);
    padding-right: 15px;
    padding-left: 15px;
}

.pco-middle .pco-middle-one>.image1 img {
    margin-left: 10%;
}

.pco-middle .pco-middle-one>.image2 {
    position: relative;
    max-width: 1430px;
    width: 100%;
    bottom: -260px;
    left: 50%;
    z-index: 2;
    transform: translate(-50%, 0);
    padding-right: 15px;
    padding-left: 15px;
}

.pco-middle .pco-middle-two {
    padding: 90px 0 90px 0;
}

.pco-middle .pco-middle-two .image{position:relative;}
.pco-middle .pco-middle-two .image .tb{position:absolute;top:0px;left:40px;z-index:2;}

.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%;
}

.pco-middle .pco-middle-two .container-xl .left>h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 35px;
}

.pco-middle .pco-middle-two .container-xl .left>p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 28px;
}

.pco-middle .pco-middle-two .container-xl .left>div {
    margin-top: 55px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
}

.pco-middle .pco-middle-two .container-xl .left>div .but {
    display: flex;
}

.pco-middle .pco-middle-two .container-xl .left>div .but a {
    display: flex;
    cursor: pointer;
}

.pco-middle .pco-middle-two .container-xl .left>div .but a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.pco-middle .pco-middle-two .container-xl .left>div .but a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.pco-middle .pco-middle-two .container-xl .left>div .but a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.pco-middle .pco-middle-two .container-xl .left>div .but a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.pco-middle .pco-middle-two .container-xl .left>div .but a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.pco-middle .pco-middle-two .container-xl .left>div .but a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.pco-middle .pco-middle-two .container-xl .left>div .duibi {
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 40px;
    padding: 0 23px;
}

.pco-middle .pco-middle-two .container-xl .left>div .duibi:hover{background:#0F83D4;color:#fff;}

.pco-middle .pco-middle-two .container-xl .left>div .play {
    display: flex;
    gap: 10px;
    align-items: center;
    cursor: pointer;
}

.pco-middle .pco-middle-two .container-xl .left>div .play p {
    font-weight: 300;
    font-size: 14px;
    color: #2C2C2C;
    line-height: 24px;
}

.pco-middle .pco-middle-two .container-xl .right {
    width: 39%;
}

.pco-middle .pco-middle-two .container-xl .right .t1 {
    position: relative;
    padding: 0 40px;
}

.pco-middle .pco-middle-two .container-xl .right .t1 .swiper-button-prev,
.pco-middle .pco-middle-two .container-xl .right .t1 .swiper-button-next {
    color: #000000;
}

.pco-middle .pco-middle-two .container-xl .right .t1 .swiper-button-prev {
    left: -0;
}

.pco-middle .pco-middle-two .container-xl .right .t1 .swiper-button-next {
    right: -0;
}

.pco-middle .pco-middle-two .container-xl .right .t1 img {
    border-radius: 4px;
}

.pco-middle .pco-middle-two .container-xl .right .t2 {
    background: #F6F7F8;
    border-radius: 4px;
    margin: 0 40px;
    margin-top: 25px;
    padding: 30px 12.8%;
}

.pco-middle .pco-middle-two .container-xl .right .t2 table {
    margin-top: 15px;
    border: none;
    width: 100%;
}

.pco-middle .pco-middle-two .container-xl .right .t2 table tr td {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 32px;
}

.pco-middle .pco-middle-two .container-xl .right .t2 table tr td:nth-of-type(2) {
    color: #101010;
}

.pco-middle .pco-middle-three {
    padding: 0 0 80px 0;
    position: relative;
    max-height: none;
}

.pco-middle .pco-middle-three::before {
    position: absolute;
    content: "";
    height: 1px;
    background: #DDDDDD;
    top: 0;
    left: 0;
    width: 100%;
}

.pco-middle .pco-middle-three::after {
    position: absolute;
    content: "";
    height: 1px;
    background: #DDDDDD;
    bottom: 80px;
    left: 0;
    width: 100%;
}

.pco-middle .pco-middle-three .tabs {
    background-color: transparent;
    box-shadow: none;
}

.pco-middle .pco-middle-four {
    padding: 0 0 70px 0;
}

.pco-middle .pco-middle-four h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 40px;
}

.pco-middle .pco-middle-four p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
}

.pco-middle .pco-middle-five {
    padding: 0 0 100px 0;
}

.pco-middle .pco-middle-five h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 50px;
}

.pco-middle .pco-middle-five img {
    max-width: 100%;
}

.pco-middle .pco-middle-five table {
    width: 100%;
}

.pco-middle .pco-middle-five table tr:nth-of-type(1) {
    background-color: #349ed7;
}

.pco-middle .pco-middle-five table tr td {
    border: 1px solid #dddddd;
    color: #333333;
    font-size: 16px;
    line-height: 28px;
    font-weight: 300;
    padding: 15px;
}

.pco-middle .pco-middle-five table tr:nth-of-type(1) td {
    border: none;
    color: #fff;
}

.pco-middle .pco-middle-six {
    padding: 0 0 110px 0;
}

.pco-middle .pco-middle-six h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 40px;
}

.pco-middle .pco-middle-six .image {
    display: flex;
    gap: 24px;
    width: 100%;
    flex-wrap: wrap;
}

.pco-middle .pco-middle-six .image img {
    width: calc(20% - 24px);
    border-radius: 4px;
}

.pco-middle .pco-middle-seven {
    padding: 0 0 80px 0;
}

.pco-middle .pco-middle-seven h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 45px;
}

.pco-middle .pco-middle-seven .images {
    display: flex;
    gap: 24px;
    width: 100%;
    flex-wrap: wrap;
}

.pco-middle .pco-middle-seven .images>div {
    width: calc(20% - 24px);
}

.pco-middle .pco-middle-seven .images>div .image {
    background: #F6F7F8;
    border-radius: 4px;
    display: flex;
}

.pco-middle .pco-middle-seven .images>div .image img {
    margin: auto;
    mix-blend-mode: multiply;
}

.pco-middle .pco-middle-seven .images>div p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 32px;
    text-align: center;
}

.pco-middle .pco-middle-eight {
    padding: 0 0 70px 0;
}

.pco-middle .pco-middle-eight h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 0;
}

.pco-middle .pco-middle-nine {
    padding: 0 0 100px 0;
}

.pco-middle .pco-middle-nine h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 70px;
}

.pco-middle .pco-middle-nine .image-box {
    display: flex;
}

.pco-middle .pco-middle-nine .image-box>div {
    position: relative;
}

.pco-middle .pco-middle-nine .image-box .logo-box {
    position: absolute;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
}

.pco-middle .pco-middle-nine .image-box .ecuador {
    left: 21.2%;
    top: 45.2%;
}

.pco-middle .pco-middle-nine .image-box .peru {
    left: 17.4%;
    top: 52.2%;
}

.pco-middle .pco-middle-nine .image-box .iran {
    left: 59%;
    top: 25.2%;
}

.pco-middle .pco-middle-nine .image-box .guyana {
    left: 26.68%;
    top: 41.8%;
}

.pco-middle .pco-middle-nine .image-box .ghana {
    left: 42.8%;
    top: 40%;
}

.pco-middle .pco-middle-nine .image-box .saudiarabia {
    left: 56.2%;
    top: 36.5%;
}

.pco-middle .pco-middle-nine .image-box .uzbekistan {
    top: 18.7%;
    left: 60.4%;
}

.pco-middle .pco-middle-nine .image-box .egypt {
    top: 30%;
    left: 36.2%;
}

.pco-middle .pco-middle-nine .image-box .kenya {
    top: 44.5%;
    left: 43.5%;
}

.pco-middle .pco-middle-nine .image-box .dubai {
    top: 34%;
    left: 58.3%;
}

.pco-middle .pco-middle-nine .image-box .srilanka {
    top: 39.9%;
    left: 65.4%;
}

.pco-middle .pco-middle-nine .image-box .vietnam {
    top: 36%;
    left: 58%;
}

.pco-middle .pco-middle-nine .image-box .philippine {
    top: 44%;
    left: 78%;
}

.pco-middle .pco-middle-nine .image-box .belarus {
    top: 11%;
    left: 51%;
}

.pco-middle .pco-middle-nine .image-box .iraq {
    top: 25%;
    left: 55%;
}

.pco-middle .pco-middle-nine .image-box .logo-box .img-logo {
    opacity: 0;
    /* display: block; */
    margin-bottom: 15px;
    z-index: 3;
    position: relative;
}

.pco-middle .pco-middle-nine .image-box .logo-box p {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    line-height: 32px;
    cursor: default;
    white-space: nowrap;
}

.pco-middle .pco-middle-nine .image-box .logo-box .ttt {
    z-index: 2;
    position: relative;
}

.pco-middle .pco-middle-nine .image-box .logo-box .style1 {
    font-size: 22px;
    /* text-stroke: 1px #3B99EF;
    -webkit-text-stroke: 1px #3B99EF; */
}

.pco-middle .pco-middle-ten {
    background-color: #f5f7f9;
    padding: 100px 0 90px 0;
}

.pco-middle .pco-middle-ten .up {
    font-weight: 500;
    font-size: 34px;
    color: #000000;
    line-height: 32px;
    margin-bottom: 100px;
    text-align: center;
}

.pco-middle .pco-middle-ten .down .col-md-4>div {
    height: 100%;
}

.pco-middle .pco-middle-ten .down .col-md-4>div .model {
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    max-width: 210px;
    margin-top: 30px;
    font-family: "Alexandria", sans-serif;
}

.pco-middle .pco-middle-ten .down .col-md-4>div .t1 {
    margin-top: 40px;
}

.pco-middle .pco-middle-ten .down .col-md-4>div .t1 a {
    font-weight: 400;
    font-size: 20px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.pco-middle .pco-middle-ten .down .col-md-4>div .t1:hover a {
    color: #00a0e9;
}

.pco-middle .pco-middle-ten .down .col-md-4>div .t2 {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}
.pco-qt{
    padding: 0 0 80px 0;
}
.pco-qt .comp-title {
    display: flex;
    align-items: center;
    margin-bottom: 45px;
}

.pco-qt .comp-title .t1 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
}

.pco-qt .comp-title .t2 {
    font-size: 14px;
    line-height: 22px;
}

.pco-qt .comp-table {
    border-top: 1px solid #333;
    border-left: 1px solid #333;
}

.pco-qt .comp-table .tr {
    display: flex;
}

.pco-qt .comp-table .td1,
.pco-qt .comp-table .td2,
.pco-qt .comp-table .td3 {
    border-right: 1px solid #333;
    border-bottom: 1px solid #333;
    padding: 10px;
}

.pco-qt .comp-table .td1 {
    width: 18%;
    display: flex;
    align-items: center;
}

.pco-qt .comp-table .tr.first .td1 {
    font-size: 24px;
    font-weight: 300;
    text-align: center;
    justify-content: center;
}

.pco-qt .comp-table .td2 {
    width: 41%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pco-qt .comp-table .tr.first .td2 {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    justify-content: center;
    background: #00a0e9;
    color: #fff;
    text-decoration: underline;
}

.pco-qt .comp-table .td3 {
    width: 41%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.pco-qt .comp-table .tr.first .td3 {
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    justify-content: center;
}

.pco-qt .comp-table .td1 .t3 {
    font-size: 20px;
    font-weight: 300;
    text-align: center;
    line-height: 24px;
}

.pco-qt .comp-table .td1 .t4 {
    text-align: center;
}

.pco-qt .comp-table p {
    color: #020202;
    font-weight: 300;
    font-size: 16px;
    line-height: 28px;
}

.pco-qt .comp-table .comp-left {
    padding-right: 30px;
    font-size: 18px;
    line-height: 26px;
    font-weight: 300;
}

.pco-qt .comp-table .comp-right {
    width: 160px;
    min-width: 160px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-left: 20px;
}

.pco-qt .comp-table .comp-right:before {
    content: "";
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top: 17px solid transparent;
    border-bottom: 17px solid transparent;
    border-right: 34px solid #00a0e9;
    position: absolute;
    left: -20px;
}
@media (max-width: 768px) {
    .pco-middle .pco-middle-one .container-xl .t1 h1{font-size:22px!important;line-height:24px!important;text-align:center;}
    .pco-middle .pco-middle-one .container-xl .t1 h1 span{font-size:22px!important;line-height:24px!important;margin-right:5px;}
    .pco-middle .pco-middle-one>.image1{padding-right: 0px;padding-left: 0px;}
    .pco-qt .pronr-comparision {
        overflow: scroll;
    }
    .pco-qt .comp-table {
        display: table;
        width: 1000px;
    }


    .pco-middle .pco-middle-one .container-xl .t2 {
        margin-top: 0px;
    }

    .pco-middle .pco-middle-one>.image2 {
        bottom: -100px;
    }

    .pco-middle .pco-middle-one>.image1 {
        bottom: -37px;
    }

    .pco-middle .pco-middle-one>.image1 img {
        width: 60px;
        height: 43px;
    }

    .pco-middle .pco-middle-two {
        padding: 30px 0 30px 0;
    }

    .pco-middle .pco-middle-two .container-xl .left>h5 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .pco-middle .pco-middle-two .container-xl .left>p {
        line-height: 22px;
    }

    .pco-middle .pco-middle-two .container-xl .left>div {
        margin-top: 15px;
    }

    .pco-middle .pco-middle-two .container-xl .right {
        margin-top: 15px;
    }

    .pco-middle .pco-middle-two .container-xl .right .t1 {
        padding: 0;
    }

    .pco-middle .pco-middle-two .container-xl .right .t2 {
        margin: 0;
        padding: 15px 5%;
        margin-top: 15px;
    }

    .pco-middle .pco-middle-three {
        display: none;
    }

    .header-small {
        display: none;
    }

    .pco-middle .pco-middle-four {
        padding: 0 0 30px 0;
    }

    .pco-middle .pco-middle-four h5 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .pco-middle .pco-middle-four p {
        line-height: 22px;
    }

    .pco-middle .pco-middle-five {
        padding: 0 0 30px 0;
    }

    .pco-middle .pco-middle-five h5 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }

    .pco-middle .pco-middle-five table {
        display: block;
        width: 100%;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
    }

    .pco-middle .pco-middle-six {
        padding: 0 0 30px 0;
    }

    .pco-middle .pco-middle-six h5 {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 15px;
    }
    .pco-middle .pco-middle-nine .mySwiper2{
        margin-top: 15px;
        overflow: hidden;
        position: relative;
    }
    .pco-middle .pco-middle-nine .mySwiper2 .swiper-slide > div{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .pco-middle .pco-middle-nine .mySwiper2 p{
        text-align: center;
        font-size: 14px;
        line-height: 22px;
        font-weight: 300;
    }
    /* .pco-middle .pco-middle-nine .image-box .logo-box .img-logo{display: none !important;}
    .pco-middle .pco-middle-nine .image-box .logo-box p{line-height: 22px;font-weight: 300;}
    .pco-middle .pco-middle-nine .image-box .logo-box .ttt{width: 10px;height: 11px;}
    .pco-middle .pco-middle-nine .image-box .peru{left: 22.2%;top: 52.2%;}
     */


    .pco-middle .pco-middle-six .image img {
        width: calc(33.33% - 24px);
    }
    .pco-middle .pco-middle-seven h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .pco-middle .pco-middle-seven .images>div{width: calc(33.33% - 24px);}
    .pco-middle .pco-middle-seven .images>div p{line-height: 22px;}
    .pco-middle .pco-middle-seven .images{gap: 15px;}
    .pco-middle .pco-middle-seven{padding: 0 0 30px 0;}
    .pco-qt .comp-title{margin-bottom: 15px;}
    .pco-qt .comp-title .t1{font-size: 20px;line-height: 28px;}
    .pco-qt{padding: 0 0 30px 0;}
    .pco-middle .pco-middle-nine{padding: 0 0 30px 0;}
    .pco-middle .pco-middle-ten{padding: 30px 0 30px 0;}
    .pco-middle .pco-middle-ten .up{margin-bottom: 15px;}
    .pco-middle .pco-middle-ten .down .col-md-4{margin-bottom: 15px;}
    .pco-middle .pco-middle-ten .down .col-md-4>div .model{margin-top: 15px;}
    .pco-middle .pco-middle-ten .down .col-md-4>div .t1{margin-top: 15px;}
    .pco-middle .pco-middle-ten .down .col-md-4>div .t2{margin-top: 15px;}
    #pco .footer{background: transparent;}
    .pco-middle .pco-middle-five table tr td{font-size: 12px;line-height: 20px;padding: 5px;}
    .pco-qt .comp-table .tr.first .td1,.pco-qt .comp-table .tr.first .td2,.pco-qt .comp-table .tr.first .td3{font-size:16px}
    .pco-qt .comp-table{display: table;width: 800px;}
    .pco-qt .comp-table .td1, .pco-qt .comp-table .td2, .pco-qt .comp-table .td3{padding:10px}
    .pco-qt .comp-table .td1 .t3{font-size: 16px;}
    .pco-qt .comp-table .comp-left{font-size: 14px;line-height: 20px;}
    .pco-qt .comp-table .comp-right{width: 80px;min-width: 80px;}
    .pco-qt .comp-table .comp-right:before{border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-right: 20px solid #00a0e9;}
}

/*=============================================
             =  FAQ(faq)  =
===============================================*/
.faq-middle {}

.faq-middle {
    position: relative;
}

.faq-middle>img:nth-of-type(1) {
    position: absolute;
    top: 120px;
    right: 0;
}

.faq-middle>img:nth-of-type(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.faq-middle>div {
    position: relative;
    z-index: 2;
}

.faq-middle .faq-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.faq-middle .faq-middle-two {
    padding: 15px 0 0 0;
}

.faq-middle .faq-middle-three {
    padding: 80px 0 80px 0;
}

.faq-middle .faq-middle-three h1 {
    font-weight: 500;
    font-size: 34px;
    color: #4B4B4B;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.faq-middle .faq-middle-three h1 span {
    color: #00a0e9;
}

.faq-middle .faq-middle-four {}

.faq-middle .faq-middle-four .container-xl {
    display: flex;
}

.faq-middle .faq-middle-four .container-xl>div {
    background-color: rgba(245, 247, 251, 0.5);
    display: flex;
}

.faq-middle .faq-middle-four .container-xl>div a {
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.faq-middle .faq-middle-four .container-xl>div a p {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 27px;
    font-family: "Alexandria", sans-serif;
}

.faq-middle .faq-middle-four .container-xl>div a p::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #4B4B4B;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.faq-middle .faq-middle-four .container-xl>div a:hover {
    border: 2px solid #0F83D4;
}

.faq-middle .faq-middle-four .container-xl>div a:hover p::before {
    background: #6FBBFF;
}

.faq-middle .faq-middle-four .container-xl>div a.active {
    border: 2px solid #0F83D4;
}

.faq-middle .faq-middle-four .container-xl>div a.active p::before {
    background: #6FBBFF;
}

.faq-middle .faq-middle-five {
    padding: 70px 0 90px 0;
}

.faq-middle .faq-middle-five .dropdown-box {
    margin-bottom: 30px;
}

.faq-middle .faq-middle-five .dropdown-box>div {
    height: 100%;
}

.faq-middle .faq-middle-five .dropdown-box>div .title {
    display: flex;
    gap: 13px;
    align-items: center;
}

.faq-middle .faq-middle-five .dropdown-box>div .title .label {
    width: 45px;
    height: 45px;
    min-width: 45px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 45px;
    text-align: center;
    font-family: "Alexandria", sans-serif;
}

.faq-middle .faq-middle-five .dropdown-box>div .title .txt {
    font-weight: 300;
    font-size: 18px;
    color: #00a0e9;
    line-height: 28px;
    padding-right: 30px;
    width: calc(100% - 58px);
    min-width: calc(100% - 58px);
}

.faq-middle .faq-middle-five .dropdown-box>div .content {
    margin-top: 20px;
    background: #FFFFFF;
    border: 1px solid #F5F7FB;
    padding: 20px 16px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.faq-middle .faq-middle-five .dropdown-box:hover>div .content {
    background: #F5F7FB;
}

@media (max-width: 768px) {
    .faq-middle .faq-middle-one{display: none;}
    .faq-middle>img:nth-of-type(1){display: none;}
    .faq-middle>img:nth-of-type(2){display: none;}
    .faq-middle .faq-middle-three{padding: 30px 0;}
    .faq-middle .faq-middle-three h1{font-size: 24px;line-height: 32px;}
    .faq-middle .faq-middle-four .container-xl>div{flex-wrap: wrap;}
    .faq-middle .faq-middle-four .container-xl>div a{padding: 10px;}
    .faq-middle .faq-middle-four .container-xl>div a p{font-size: 14px;line-height: 22px;}
    .faq-middle .faq-middle-five{padding: 30px 0;}
    .faq-middle .faq-middle-five .dropdown-box{margin-bottom: 15px;}
    .faq-middle .faq-middle-five .dropdown-box>div .content{margin-top: 15px;padding: 10px;}
}

/*=============================================
             =  底部(footer)  =
===============================================*/
.footer {}

.footer .footer-top {
    position: relative;
}

.footer .footer-top>div {
    position: absolute;
    top: calc(50% + 10px);
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer .footer-top>div .left {
    max-width: 860px;
}

.footer .footer-top>div .left p:nth-child(1) {
    font-family: "Alexandria", serif;
    font-weight: 500;
    font-size: 38px;
    color: #FFFFFF;
    line-height: 56px;
}

.footer .footer-top>div .left p:nth-child(2) {
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 28px;
    margin-top: 0;
}

.footer .footer-top>div .right {
    max-width: 186px;
    position: relative;
}

.footer .footer-top>div .right span {
    display: block;
    width: 100%;
    min-width: 186px;
    background: #FFFFFF;
    border-radius: 28px;
    height: 56px;
    font-family: "Alexandria";
    font-weight: 500;
    font-size: 18px;
    color: #00a0e9;
    line-height: 56px;
    position: relative;
    text-align: center;
    z-index: 2;
    cursor: pointer;
}

.footer .footer-top>div .right>div {
    position: absolute;
    width: 186px;
    height: 56px;
    background: #1A1A1A;
    border-radius: 28px;
    top: 8px;
    left: 0;
    z-index: 1;
}

.footer .footer-top>div .right span::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 28px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.footer .footer-top>div .right span:hover::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.footer .footer-top>div .right span:hover {
    color: #fff;
}



.footer .footer-bottom {
    background: #1A1A1A;
    padding: 93px 0 49px 0;
}

.footer .footer-bottom .mid .fb-t1 {
    margin-top: 45px;
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #C7C7C7;
    line-height: 28px;
}

.footer .footer-bottom .mid .fb-t2 {
    display: flex;
}

.footer .footer-bottom .mid .fb-t2>div {
    margin-left: auto;
    margin-right: auto;
}

.footer .footer-bottom .mid .fb-t2 a {
    display: block;
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    margin-bottom: 30px;
}

.footer .footer-bottom .mid .fb-t2 a:hover {
    text-decoration: underline;
}

.footer .footer-bottom .mid .fb-t3 h5 {
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    margin-bottom: 40px;
}

.footer .footer-bottom .mid .fb-t3 a {
    font-family: "Alexandria";
    display: block;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 20px;
}

.footer .footer-bottom .mid .fb-t3 a:hover {
    text-decoration: underline;
}

.footer .footer-bottom .mid .fb-t4 h5 {
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 32px;
    margin-bottom: 40px;
}

.footer .footer-bottom .mid .fb-t4 p {
    display: flex;
    gap: 7px;
}

.footer .footer-bottom .mid .fb-t4 p img {
    margin-top: 5px;
}

.footer .footer-bottom .mid .fb-t4 p a,
.footer .footer-bottom .mid .fb-t4 p span {
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 15px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}

.footer .footer-bottom .mid .fb-t4 p a:hover {
    text-decoration: underline;
}

.footer .footer-bottom .down {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.footer .dropdown-menu{bottom:100%;top:inherit}

.footer .footer-bottom .down p {
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 37px;
}

.footer .footer-bottom .down p a{color: #FFFFFF;margin-left: 10px;}

.footer .footer-bottom.bgbai{background:#fff;}
.footer .footer-bottom.bgbai .mid .fb-t1{color:#333;}
.footer .footer-bottom.bgbai .mid .fb-t2 a{color:var(--public-color);}
.footer .footer-bottom.bgbai .mid .fb-t3 h5{color:var(--public-color);}
.footer .footer-bottom.bgbai .mid .fb-t3 a{color:#333;}
.footer .footer-bottom.bgbai .mid .fb-t4 h5{color:var(--public-color);}
.footer .footer-bottom.bgbai .mid .fb-t4 p a, .footer .footer-bottom.bgbai .mid .fb-t4 p span{color:#333;}
.footer .footer-bottom.bgbai .down p{color:#333;}

@media (max-width: 768px) {
    .footer .footer-top>div {
        position: static;
        transform: none;
        flex-wrap: wrap;
        padding-top: 15px;
        padding-bottom: 15px;
    }

    .footer .footer-top>img {
        position: absolute;
        height: 100%;
        z-index: -1;
    }

    .footer .footer-top>div .left {
        max-width: 100%;
    }

    .footer .footer-top>div .left p:nth-child(1) {
        font-size: 24px;
        line-height: 32px;
    }

    .footer .footer-top>div .left p:nth-child(2) {
        font-size: 14px;
        line-height: 22px;
    }

    .footer .footer-top>div .right {
        margin-top: 15px;
        max-width: 153px;
    }

    .footer .footer-top>div .right span {
        min-width: 153px;
    }

    .footer .footer-top>div .right>div {
        width: 153px;
    }

    .footer .footer-bottom {
        padding: 30px 0;
    }

    .footer .footer-bottom .mid .fb-t1 {
        margin-top: 15px;
        line-height: 22px;
    }

    .footer .footer-bottom .mid .fb-t2,
    .footer .footer-bottom .mid .fb-t3 {
        margin-top: 15px;
        width: 50%;
    }

    .footer .footer-bottom .mid .fb-t2>div {
        margin-left: 0;
        margin-right: 0;
    }

    .footer .footer-bottom .mid .fb-t2 a {
        margin-bottom: 15px;
        font-size: 14px;
        line-height: 22px;
    }

    .footer .footer-bottom .mid .fb-t3 h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .footer .footer-bottom .mid .fb-t3 a {
        line-height: 22px;
        margin-bottom: 15px;
    }

    .footer .footer-bottom .mid .fb-t4 h5 {
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 15px;
    }

    .footer .footer-bottom .mid .fb-t4 p a,
    .footer .footer-bottom .mid .fb-t4 p span {
        line-height: 22px;
    }

    .footer .footer-bottom .down {
        margin-top: 0;
    }

    .footer .footer-bottom .down p {
        line-height: 22px;
    }
}

/*=============================================
             =  联系我们(contact)  =
===============================================*/
.contact-middle {
    position: relative;
}

.contact-middle>img {
    position: absolute;
    top: 120px;
    right: 0;
}

.contact-middle>div {
    position: relative;
    z-index: 2;
}

.contact-middle .contact-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.contact-middle .contact-middle-two {
    padding: 15px 0 0 0;
}

.contact-middle .contact-middle-three {
    padding: 80px 0 80px 0;
}

.contact-middle .contact-middle-three .container-xl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.contact-middle .contact-middle-three .container-xl>img {
    position: absolute;
    right: 8%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    display: none;
}

.contact-middle .contact-middle-three .container-xl .left {
    z-index: 0;
    width: 46.06%;
}

.contact-middle .contact-middle-three .container-xl .left .t1 h1 {
    font-weight: 500;
    font-size: 24px;
    line-height: 32px;
    text-transform: uppercase;
    color: #333333;
}

.contact-middle .contact-middle-three .container-xl .left .t2 {
    margin-top: 40px;
    position: relative;
    padding-left: 10px;
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    color: #00a0e9;
}

.contact-middle .contact-middle-three .container-xl .left .t2::before {
    position: absolute;
    content: "";
    width: 2px;
    height: 100%;
    background-color: #00a0e9;
    left: 0;
    top: 0;
}

.contact-middle .contact-middle-three .container-xl .left .t3 {
    margin-top: 30px;
    background-color: #fafbfd;
    padding: 30px 40px;
    display: flex;
    gap: 50px;
    /* justify-content: space-between; */
    width: 85%;
}

.contact-middle .contact-middle-three .container-xl .left .t3>div {
    width: calc(100% - 196px);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-middle .contact-middle-three .container-xl .left .t3>div>div {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.contact-middle .contact-middle-three .container-xl .left .t3>div>div p {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #56585b;
}

.contact-middle .contact-middle-three .container-xl .left .t3>div>img {
    margin-top: 15px;
    max-width: 100%;
}

.contact-middle .contact-middle-three .container-xl .left .t3>img {
    max-width: 146px;
}

.contact-middle .contact-middle-three .container-xl .left .t4 {
    margin-top: 40px;
    width: 85%;
}

.contact-middle .contact-middle-three .container-xl .left .t4 p {
    margin-bottom: 15px;
    display: flex;
    gap: 15px;
    align-items: baseline;
}

.contact-middle .contact-middle-three .container-xl .left .t4 p span,
.contact-middle .contact-middle-three .container-xl .left .t4 p a {
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    color: #56585b;
}

.contact-middle .contact-middle-three .container-xl .left .t4 p a:hover {
    text-decoration: underline;
}

.contact-middle .contact-middle-three .container-xl .right {
    z-index: 2;
    width: 50%;
}

.contact-middle .contact-middle-three .container-xl .right .t1 h1 {
    font-weight: 500;
    font-size: 34px;
    color: #333333;
    line-height: 44px;
    font-family: "Alexandria", serif;
}

.contact-middle .contact-middle-three .container-xl .right .t2 {
    margin-top: 45px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
}

.contact-middle .contact-middle-three .container-xl .right .t3 {
    margin-top: 40px;
    width: 78%;
}

.contact-middle .contact-middle-three .container-xl .right .t3 .form-row label {
    font-weight: 500;
    font-size: 14px;
    color: #262628;
    line-height: 24px;
    font-family: "Alexandria", serif;
}

.contact-middle .contact-middle-three .container-xl .right .t3 .form-row label span {
    color: #FF5B5B;
}

.contact-middle .contact-middle-three .container-xl .right .t3 .form-control {
    background: #FAFBFD;
    border-radius: 4px;
}


.contact-middle .contact-middle-three .form-feedback .btn {
    margin-top: 10px;
    background-color: transparent;
    width: auto;
    display: flex;
}

.contact-middle .contact-middle-three .form-feedback .btn a {
    display: flex;
    cursor: pointer;
}

.contact-middle .contact-middle-three .form-feedback .btn a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.contact-middle .contact-middle-three .form-feedback .btn a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.contact-middle .contact-middle-three .form-feedback .btn a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.contact-middle .contact-middle-three .form-feedback .btn a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.contact-middle .contact-middle-three .form-feedback .btn a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.contact-middle .contact-middle-three .form-feedback .btn a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

@media (max-width: 768px) {
    .contact-middle .contact-middle-one{display: none;}
    .contact-middle>img{display: none;}
    .contact-middle .contact-middle-three{padding: 30px 0;}
    .contact-middle .contact-middle-three .container-xl{flex-wrap: wrap;}
    .contact-middle .contact-middle-three .container-xl .left .t2{margin-top: 15px;}
    .contact-middle .contact-middle-three .container-xl .left .t3{margin-top: 15px;width: 100%;padding: 10px;}
    .contact-middle .contact-middle-three .container-xl .left .t4{margin-top: 15px;width: 100%;}
    .contact-middle .contact-middle-three .container-xl .left .t4 p span, .contact-middle .contact-middle-three .container-xl .left .t4 p a{font-size: 14px;line-height: 22px;}
    .contact-middle .contact-middle-three .container-xl .right .t2{margin-top: 15px;}
    .contact-middle .contact-middle-three .container-xl .right .t3{width: 100%;margin-top: 15px;}
}

/*=============================================
             =  关于我们(about)  =
===============================================*/
.about-middle {
    position: relative;
}

.about-middle>img {
    position: absolute;
    top: 120px;
    right: 0;
}

.about-middle>div {
    position: relative;
    z-index: 2;
}

.about-middle .about-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.about-middle .about-middle-two {
    padding: 15px 0 0 0;
}

.about-middle .about-middle-three {
    padding: 80px 0 80px 0;
}

.about-middle .about-middle-three .title h1 {
    /* text-align: center; */
    text-transform: uppercase;
    font-weight: 500;
    font-size: 34px;
    color: #333333;
    line-height: 44px;
    font-family: "Alexandria", sans-serif;
}

.about-middle .about-middle-three .down {
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-middle .about-middle-three .down .left {
    width: 37%;
}

.about-middle .about-middle-three .down .left .image {
    border-radius: 4px;
}

.about-middle .about-middle-three .down .left .image img {
    border-radius: 4px;
}

.about-middle .about-middle-three .down .left>p {
    margin-top: 65px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.about-middle .about-middle-three .down .right {
    width: 58%;
}

.about-middle .about-middle-three .down .right .t1 {
    font-weight: 500;
    font-size: 22px;
    color: #00a0e9;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.about-middle .about-middle-three .down .right .t2 {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.about-middle .about-middle-three .down .right .t3 p {
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    font-weight: 300;
    margin-top: 50px;
}

.about-middle .about-middle-five {
    padding: 80px 0 115px 0;
    background-color: #fff;
    position: relative;
}

.about-middle .about-middle-five>img {
    position: absolute;
    bottom: -95px;
    left: 0;
    z-index: -1;
}

.about-middle .about-middle-five .up {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.about-middle .about-middle-five .up .title {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.about-middle .about-middle-five .up .but {
    display: flex;
}

.about-middle .about-middle-five .up .but a {
    display: flex;
    cursor: pointer;
}

.about-middle .about-middle-five .up .but a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.about-middle .about-middle-five .up .but a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.about-middle .about-middle-five .up .but a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.about-middle .about-middle-five .up .but a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.about-middle .about-middle-five .up .but a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.about-middle .about-middle-five .up .but a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.about-middle .about-middle-five .down {
    margin-top: 70px;
}

.about-middle .about-middle-five .down .col-md-4 {
    margin-bottom: 15px;
}

.about-middle .about-middle-five .down .col-md-4>img {
    border-radius: 4px;
}

.about-middle .about-middle-six {
    background: #F5F7FB;
    border-radius: 4px;
    position: relative;
    z-index: 2;
}

.about-middle .about-middle-six .container-xl {
    max-width: 1690px;
    margin-left: 0;
    padding-left: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.about-middle .about-middle-six .container-xl .left {
    width: 61.15%;
}

.about-middle .about-middle-six .container-xl .right {
    width: 38.85%;
    position: relative;
}

.about-middle .about-middle-six .container-xl .right>div {
    position: absolute;
    bottom: -48px;
    left: -188px;
    padding: 60px 50px 60px 50px;
    background: #FFFFFF;
    box-shadow: 0px 12px 27px 0px rgba(111, 187, 255, 0.11);
    border-radius: 4px;
    z-index: 2;
}

.about-middle .about-middle-six .container-xl .right>div .t1 {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.about-middle .about-middle-six .container-xl .right>div .t2 {
    margin-top: 40px;
}

.about-middle .about-middle-six .container-xl .right>div .t2 p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.about-middle .about-middle-six .container-xl .right>div .t3 {
    display: flex;
    margin-top: 40px;
}

.about-middle .about-middle-six .container-xl .right>div .t3 a {
    display: flex;
    cursor: pointer;
}

.about-middle .about-middle-six .container-xl .right>div .t3 a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.about-middle .about-middle-six .container-xl .right>div .t3 a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.about-middle .about-middle-six .container-xl .right>div .t3 a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.about-middle .about-middle-six .container-xl .right>div .t3 a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.about-middle .about-middle-six .container-xl .right>div .t3 a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.about-middle .about-middle-six .container-xl .right>div .t3 a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.about-middle .about-middle-seven {
    padding: 180px 0 100px 0;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

.about-middle .about-middle-seven .up p {
    font-weight: 500;
    font-size: 30px;
    color: #00a0e9;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.about-middle .about-middle-seven .up p span {
    color: #333333;
}

.about-middle .about-middle-seven .down {
    margin-top: 85px;
}

.about-middle .about-middle-seven .down .col-md-3 {
    margin-bottom: 35px;
}

.about-middle .about-middle-seven .down .col-md-3>div {
    height: 100%;
}

.about-middle .about-middle-seven .down .col-md-3>div .image {
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DFE1E6;
    display: flex;
}

.about-middle .about-middle-seven .down .col-md-3>div .image img {
    margin: auto;
}

.about-middle .about-middle-seven .down .col-md-3>div p {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.about-middle .about-middle-seven .down .col-md-3:nth-child(-n+4)>div .image {
    height: 120px;
}

.about-middle .about-middle-seven .down .col-md-3:nth-child(n+5):nth-child(-n+8)>div .image {
    height: 120px;
}

.about-middle .about-middle-seven .down .col-md-3:nth-child(n+9):nth-child(-n+12)>div .image {
    height: 307px;
}

.about-middle-eight {
    background: #F5F7FB;
    border-radius: 4px;
    position: relative;
    padding: 110px 0;
}

.about-middle-eight>img {
    position: absolute;
    right: 0;
    bottom: 110px;
    z-index: 1;
}

.about-middle-eight .container-xl {
    position: relative;
    z-index: 2;
}

.about-middle-eight .container-xl .up {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.about-middle-eight .container-xl .down {
    margin-top: 70px;
    display: flex;
    gap: 30px;
}

.about-middle-eight .container-xl .down .t1 {
    width: 265px;
    height: 205px;
    background: #FFFFFF;
    border-radius: 8px;
    border: 1px solid #DFE1E6;
    display: flex;
    margin-top: auto;
}

.about-middle-eight .container-xl .down .t1 img {
    margin: auto;
}

.about-middle-eight .container-xl .down .t2 {
    width: calc(100% - 295px);
    max-width: 940px;
    display: flex;
    background: rgba(255, 255, 255, .4);
    border-radius: 8px;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(1) {
    width: 38.62%;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(1) img {
    border-radius: 8px;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) {
    width: 61.38%;
    display: flex;
    flex-direction: column;
    padding: 60px 0 60px 60px;
    justify-content: space-between;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .txt {
    font-weight: 300;
    font-size: 22px;
    color: #56585B;
    line-height: 32px;
    max-width: 480px;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but {
    display: flex;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a {
    display: flex;
    cursor: pointer;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria";
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.about-middle-eight .container-xl .down .t2>div:nth-child(2) .but a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

#about footer {
    background: #F5F7FB;
}

@media (max-width: 768px) {
    .about-middle .about-middle-one{display: none;}
    .about-middle .about-middle-three{padding: 30px 0 30px 0;}
    .about-middle .about-middle-three .down{margin-top: 15px;}
    .about-middle .about-middle-three .down .left>p{margin-top: 15px;}
    .about-middle .about-middle-three .down .right{margin-top: 15px;}
    .about-middle .about-middle-three .down .right .t3 p{margin-top: 15px;}
    .about-middle .about-middle-five{padding: 30px 0;}
    .about-middle .about-middle-five .up{flex-direction: column;align-items: flex-start;gap: 15px;}
    .about-middle .about-middle-five .up .title{font-size: 24px;line-height: 32px;}
    .about-middle .about-middle-five .down{margin-top: 15px;}
    .about-middle .about-middle-six .container-xl{padding-right: 15px;padding-left: 15px;margin-left: auto;}
    .about-middle .about-middle-six .container-xl .left{width: 100%;}
    .about-middle .about-middle-six .container-xl .right{width: 100%;}
    .about-middle .about-middle-six .container-xl .right>div{position: static;padding: 10px;}
    .about-middle .about-middle-six .container-xl .right>div .t2{margin-top: 15px;}
    .about-middle .about-middle-six .container-xl .right>div .t3{margin-top: 15px;}
    .about-middle .about-middle-seven{padding: 30px 0;}
    .about-middle .about-middle-seven .up p{font-size: 24px;line-height: 32px;}
    .about-middle .about-middle-seven .down{margin-top: 15px;}
    .about-middle .about-middle-seven .down .col-md-3{margin-bottom: 15px;width: 50%;}
    .about-middle .about-middle-seven .down .col-md-3>div p{line-height: 22px;}
    .about-middle-eight{padding: 30px 0;}
    .about-middle-eight>img{display: none;}
    .about-middle-eight .container-xl .up{font-size: 24px;line-height: 32px;}
    .about-middle-eight .container-xl .down{margin-top: 15px;gap: 15px;flex-wrap: wrap;}
    .about-middle-eight .container-xl .down .t1{width: 100%;height: 120px;}
    .about-middle-eight .container-xl .down .t2{width: 100%;flex-wrap: wrap;}
    .about-middle-eight .container-xl .down .t2>div:nth-child(1){width: 100%;}
    .about-middle-eight .container-xl .down .t2>div:nth-child(2){width: 100%;padding: 15px;}
    .about-middle-eight .container-xl .down .t2>div:nth-child(2) .image img{width: 54px; height: 39px;}
    .about-middle-eight .container-xl .down .t2>div:nth-child(2) .txt{font-size: 14px;line-height: 22px;max-width: 100%;margin-top: 15px;}
    .about-middle-eight .container-xl .down .t2>div:nth-child(2) .but{margin-top: 15px;}
    #about footer{background: transparent;}
}

/*=============================================
             =  下载(dow)  =
===============================================*/

.dow-middle {
    position: relative;
}

.dow-middle>img:nth-of-type(1) {
    position: absolute;
    top: 0;
    right: 0;
    mix-blend-mode: multiply;
}

.dow-middle>img:nth-of-type(2) {
    position: absolute;
    left: 0;
    bottom: 120px;
}

.dow-middle>div {
    position: relative;
    z-index: 2;
}

.dow-middle .dow-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
    z-index: -1;
}

.dow-middle .dow-middle-two {
    padding: 15px 0 0 0;
}

.dow-middle .dow-middle-three {
    padding: 80px 0 80px 0;
}

.dow-middle .dow-middle-three h1 {
    font-weight: 500;
    font-size: 34px;
    color: #4B4B4B;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.dow-middle .dow-middle-three h1 span {
    color: #00a0e9;
}

.dow-middle .dow-middle-four {}

.dow-middle .dow-middle-four .container-xl {
    display: flex;
}

.dow-middle .dow-middle-four .container-xl>div {
    background-color: rgba(245, 247, 251, 0.5);
    display: flex;
}

.dow-middle .dow-middle-four .container-xl>div a {
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.dow-middle .dow-middle-four .container-xl>div a p {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 27px;
    font-family: "Alexandria", sans-serif;
}

.dow-middle .dow-middle-four .container-xl>div a p::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #4B4B4B;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.dow-middle .dow-middle-four .container-xl>div a:hover {
    border: 2px solid #0F83D4;
}

.dow-middle .dow-middle-four .container-xl>div a:hover p::before {
    background: #6FBBFF;
}

.dow-middle .dow-middle-four .container-xl>div a.active {
    border: 2px solid #0F83D4;
}

.dow-middle .dow-middle-four .container-xl>div a.active p::before {
    background: #6FBBFF;
}

.dow-middle .dow-middle-five {
    padding: 140px 0 130px 0;
}

.dow-middle .dow-middle-five .container-xl {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.dow-middle .dow-middle-five .container-xl .left {
    width: 60.5%;
    position: relative;
    z-index: 2;
}

.dow-middle .dow-middle-five .container-xl .right {
    width: calc(39.5% + 36px);
    box-shadow: 0px 12px 27px 0px rgba(76, 134, 197, 0.11);
    border-radius: 4px;
    padding-left: 51px;
    padding-right:30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: -36px;
    position: relative;
    z-index: 1;
}

.dow-middle .dow-middle-five .container-xl .right .t1 {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.dow-middle .dow-middle-five .container-xl .right .t2 {
    margin-top: 50px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    max-width: 410px;
}

.dow-middle .dow-middle-five .container-xl .right .t3 {
    display: flex;
    margin-top: 50px;
}

.dow-middle .dow-middle-five .container-xl .right .t3 span {
    display: flex;
    cursor: pointer;
}

.dow-middle .dow-middle-five .container-xl .right .t3 span div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.dow-middle .dow-middle-five .container-xl .right .t3 span div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.dow-middle .dow-middle-five .container-xl .right .t3 span div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.dow-middle .dow-middle-five .container-xl .right .t3 span:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.dow-middle .dow-middle-five .container-xl .right .t3 span:hover div:nth-child(2) img {

    transition: .6s ease;
}

.dow-middle .dow-middle-five .container-xl .right .t3 span:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

@media (max-width: 768px) {
    .dow-middle .dow-middle-one{display: none;}
    .dow-middle>img:nth-of-type(1){display: none;}
    .dow-middle>img:nth-of-type(2){display: none;}
    .dow-middle .dow-middle-three{padding: 30px 0;}
    .dow-middle .dow-middle-three h1{font-size: 24px;line-height: 32px;}
    .dow-middle .dow-middle-four .container-xl>div{flex-wrap: wrap;}
    .dow-middle .dow-middle-four .container-xl>div a{padding: 10px;}
    .dow-middle .dow-middle-four .container-xl>div a p{font-size: 14px;line-height: 22px;}
    .dow-middle .dow-middle-five{padding: 30px 0;}
    .dow-middle .dow-middle-five .container-xl .right{margin-left: 0;padding-left: 10px;}
    .dow-middle .dow-middle-five .container-xl .right .t1{margin-top: 15px;}
    .dow-middle .dow-middle-five .container-xl .right .t2{margin-top: 15px;}
    .dow-middle .dow-middle-five .container-xl .right .t3{margin-top: 15px;margin-bottom: 15px;}
}

/*=============================================
             =  视频(video)  =
===============================================*/
.video-middle {
    position: relative;
}

.video-middle>img:nth-of-type(1) {
    position: absolute;
    top: 120px;
    right: 0;
}

.video-middle>img:nth-of-type(2) {
    position: absolute;
    left: 0;
    bottom: 120px;
}

.video-middle>div {
    position: relative;
    z-index: 2;
}

.video-middle .video-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.video-middle .video-middle-two {
    padding: 15px 0 0 0;
}

.video-middle .video-middle-three {
    padding: 80px 0 80px 0;
}

.video-middle .video-middle-three h1 {
    font-weight: 500;
    font-size: 34px;
    color: #4B4B4B;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.video-middle .video-middle-three h1 span {
    color: #00a0e9;
}

.video-middle .video-middle-four {}

.video-middle .video-middle-four .container-xl {
    display: flex;
}

.video-middle .video-middle-four .container-xl>div {
    background-color: rgba(245, 247, 251, 0.5);
    display: flex;
}

.video-middle .video-middle-four .container-xl>div a {
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.video-middle .video-middle-four .container-xl>div a p {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 27px;
    font-family: "Alexandria", sans-serif;
}

.video-middle .video-middle-four .container-xl>div a p::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #4B4B4B;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.video-middle .video-middle-four .container-xl>div a:hover {
    border: 2px solid #0F83D4;
}

.video-middle .video-middle-four .container-xl>div a:hover p::before {
    background: #6FBBFF;
}

.video-middle .video-middle-four .container-xl>div a.active {
    border: 2px solid #0F83D4;
}

.video-middle .video-middle-four .container-xl>div a.active p::before {
    background: #6FBBFF;
}

.video-middle .video-middle-five {
    padding: 70px 0 90px 0;
}

.video-middle .video-middle-five .col-md-4 {
    margin-bottom: 30px;
}

.video-middle .video-middle-five .col-md-4>div {
    position: relative;
    cursor: pointer;
}

.video-middle .video-middle-five .col-md-4>div .image {
    border-radius: 4px;
}

.video-middle .video-middle-five .col-md-4>div .image img {
    border-radius: 4px;
}

.video-middle .video-middle-five .col-md-4>div .but {
    position: absolute;
    right: 22px;
    bottom: 70px;
}

.video-middle .video-middle-five .col-md-4>div .text {
    background: #0F83D4;
    border-radius: 4px;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
    text-align: center;
    font-family: "Alexandria", sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

@media (max-width: 768px) {
    .video-middle .video-middle-one{display: none;}
    .video-middle>img:nth-of-type(1){display: none;}
    .video-middle>img:nth-of-type(2){display: none;}
    .video-middle .video-middle-three{padding: 30px 0;}
    .video-middle .video-middle-three h1{font-size: 24px;line-height: 32px;}
    .video-middle .video-middle-four .container-xl>div{flex-wrap: wrap;}
    .video-middle .video-middle-four .container-xl>div a{padding: 10px;}
    .video-middle .video-middle-four .container-xl>div a p{font-size: 14px;line-height: 22px;}
    .video-middle .video-middle-five{padding: 30px 0;}
    .video-middle .video-middle-five .col-md-4{margin-bottom: 15px;}
}

/*=============================================
             =  证书(cert)  =
===============================================*/
.cert-middle {}

@media (max-width: 768px) {}

/*=============================================
             =  新闻中心(nl)  =
===============================================*/
.nl-middle {
    position: relative;
}

.nl-middle>img:nth-child(1) {
    position: absolute;
    top: 70px;
    right: 0;
}

.nl-middle>img:nth-child(2) {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(0, -50%);
}

.nl-middle>div {
    position: relative;
    z-index: 2;
}

.nl-middle .nl-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.nl-middle .nl-middle-two {
    padding: 15px 0 0 0;
}

.nl-middle .nl-middle-three {
    padding: 80px 0 80px 0;
}

.nl-middle .nl-middle-three .container-xl {
    display: flex;
}

.nl-middle .nl-middle-three .container-xl>div {
    background-color: rgba(245, 247, 251, 0.5);
    display: flex;
}

.nl-middle .nl-middle-three .container-xl>div a {
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.nl-middle .nl-middle-three .container-xl>div a p {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 27px;
    font-family: "Alexandria", sans-serif;
}

.nl-middle .nl-middle-three .container-xl>div a p::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #4B4B4B;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.nl-middle .nl-middle-three .container-xl>div a:hover {
    border: 2px solid #0F83D4;
}

.nl-middle .nl-middle-three .container-xl>div a:hover p::before {
    background: #6FBBFF;
}

.nl-middle .nl-middle-three .container-xl>div a.active {
    border: 2px solid #0F83D4;
}

.nl-middle .nl-middle-three .container-xl>div a.active p::before {
    background: #6FBBFF;
}

.nl-middle-four {
    padding: 0 0 70px 0;
}

.nl-middle-four .col-md-4 {
    margin-bottom: 30px;
}

.nl-middle-four .col-md-4>div {
    height: 100%;
    background: #F0F4F9;
}

.nl-middle-four .col-md-4>div .image {
    border-radius: 4px 4px 0px 0px;
    border: 1px solid #F0F4F9;
}

.nl-middle-four .col-md-4>div .image img {
    border-radius: 4px 4px 0px 0px;
}

.nl-middle-four .col-md-4>div .text {

    border-radius: 4px 4px 0px 0px;
    padding: 30px;
}

.nl-middle-four .col-md-4>div .text .t1 {
    font-weight: 300;
    font-size: 14px;
    color: #7F8183;
    line-height: 21px;
    font-family: "Alexandria", sans-serif;
}

.nl-middle-four .col-md-4>div .text .t2 {
    margin-top: 20px;
}

.nl-middle-four .col-md-4>div .text .t2 a {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.nl-middle-four .col-md-4>div .text .t2 a:hover {
    color: #00a0e9;
}

.nl-middle-four .col-md-4>div .text .t3 {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

@media (max-width: 768px) {
    .nl-middle .nl-middle-one{display: none;}
    .nl-middle>img:nth-of-type(1){display: none;}
    .nl-middle>img:nth-of-type(2){display: none;}
    .nl-middle .nl-middle-three{padding: 30px 0;}
    .nl-middle .nl-middle-three .container-xl>div{flex-wrap: wrap;}
    .nl-middle .nl-middle-three .container-xl>div a{padding: 10px;}
    .nl-middle .nl-middle-three .container-xl>div a p{font-size: 14px;line-height: 22px;}
    .nl-middle-four{padding: 0 0 30px 0;}
    .nl-middle-four .col-md-4{margin-bottom: 15px;}
    .nl-middle-four .col-md-4>div .text{padding: 10px;}
    .nl-middle-four .col-md-4>div .text .t2{margin-top: 15px;}
    .nl-middle-four .col-md-4>div .text .t3{margin-top: 15px;}
}

/*=============================================
             =  新闻详情(nc)  =
===============================================*/
.nc-middle {
    position: relative;
}

.nc-middle .nc-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.nc-middle .nc-middle-two {
    padding: 15px 0 0 0;
}

.nc-middle .nc-middle-three {
    padding: 85px 0 100px 0;
    background-color: #FFFFFF;
}

.nc-middle .nc-middle-three .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.nc-middle .nc-middle-three .container-xl .left {
    width: 70.71%;
}

.nc-middle .nc-middle-three .container-xl .left .t1 h1 {
    font-weight: 500;
    font-size: 38px;
    color: #303442;
    line-height: 56px;
    font-family: "Alexandria", sans-serif;
}

.nc-middle .nc-middle-three .container-xl .left .t2 {
    margin-top: 15px;
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.nc-middle .nc-middle-three .container-xl .left .t2 span {
    font-weight: 500;
    font-size: 14px;
    color: #6C6C6D;
    line-height: 27px;
    font-family: "Alexandria", sans-serif;
}

.nc-middle .nc-middle-three .container-xl .left .t3 {
    margin-top: 30px;
}

.nc-middle .nc-middle-three .container-xl .left .t3 p {
    font-weight: 300;
    font-size: 14px;
    color: #303442;
    line-height: 28px;
}

.nc-middle .nc-middle-three .container-xl .left .t4 {
    width: 100%;
    height: 1px;
    background: #EBEBEB;
    margin: 30px 0;
}

.nc-middle .nc-middle-three .container-xl .left .t5 {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.nc-middle .nc-middle-three .container-xl .left .t5>div {
    display: flex;
    gap: 8px;
    align-items: center;
    cursor: pointer;
}

.nc-middle .nc-middle-three .container-xl .left .t5>div p:nth-child(1) {
    font-weight: 300;
    font-size: 14px;
    color: #011391;
    line-height: 24px;
}

.nc-middle .nc-middle-three .container-xl .left .t5>div a,
.nc-middle .nc-middle-three .container-xl .left .t5>div p:nth-child(2) {
    font-weight: 300;
    font-size: 14px;
    color: #7B7B7B;
    line-height: 24px;
}

.nc-middle .nc-middle-three .container-xl .left .t5>div:hover a {
    color: #303442;
    text-decoration-line: underline;
    font-weight: 500;
}

.nc-middle .nc-middle-three .container-xl .right {
    width: 27%;
}

.nc-middle .nc-middle-three .container-xl .right .up .title {
    font-weight: 500;
    font-size: 18px;
    color: #303442;
    line-height: 22px;
}

.nc-middle .nc-middle-three .container-xl .right .up .cont {
    margin-top: 45px;
}

.nc-middle .nc-middle-three .container-xl .right .up .cont>a {
    font-weight: 500;
    font-size: 14px;
    color: #303442;
    line-height: 24px;
    display: block;
}

.nc-middle .nc-middle-three .container-xl .right .up .cont>a:hover {
    text-decoration: underline;
    color: #0D98E3;
}

.nc-middle .nc-middle-three .container-xl .right .up .cont>div {
    margin-top: 15px;
    display: inline-flex;
    gap: 5px;
    align-items: center;
}

.nc-middle .nc-middle-three .container-xl .right .up .cont>div span {
    font-weight: 300;
    font-size: 14px;
    color: #6C6C6D;
    line-height: 27px;
}

.nc-middle .nc-middle-three .container-xl .right .down {
    margin-top: 70px;
    background: #EDF4FF;
    border-radius: 4px;
    padding: 35px 20px;
}

.nc-middle .nc-middle-three .container-xl .right .down h5 {
    font-weight: 500;
    font-size: 22px;
    color: #303442;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.nc-middle .nc-middle-three .container-xl .right .down form {
    margin-top: 30px;
}

.nc-middle .nc-middle-three .container-xl .right .down .form-group,
.nc-middle .nc-middle-three .container-xl .right .down .btn-box {
    padding: 0;
}

.nc-middle .nc-middle-three .container-xl .right .down .form-control {
    border: 0;
    border-bottom: 1px solid #D6E0F1;
    background-color: transparent;
}

.nc-middle .nc-middle-three .container-xl .right .down .form-row input::placeholder,
.nc-middle .nc-middle-three .container-xl .right .down .form-row textarea::placeholder {
    color: #7A8FB3;
}

.nc-middle .nc-middle-three .container-xl .right .down .form-feedback .btn {
    margin-top: 15px;
    background: #011391;
    border-radius: 4px;
}

.nc-middle .nc-middle-three .container-xl .right .down .form-feedback .btn a:hover {
    text-decoration: underline;
}

.nc-middle .nc-middle-four {
    padding: 0 0 90px 0;
    background-color: #fff;
}

.nc-middle .nc-middle-four .up {
    font-weight: 500;
    font-size: 38px;
    color: #303442;
    line-height: 56px;
    font-family: "Alexandria", sans-serif;
}

.nc-middle .nc-middle-four .down {
    margin-top: 50px;
}

.nc-middle .nc-middle-four .down .col-md-6 {
    margin-bottom: 15px;
}

.nc-middle .nc-middle-four .down .col-md-6>div {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.nc-middle .nc-middle-four .down .col-md-6>div .image {
    width: 40%;
    background: #FFFFFF;
    box-shadow: 0px 1px 14px 0px rgba(0, 161, 240, 0.11);
    border-radius: 4px;
}

.nc-middle .nc-middle-four .down .col-md-6>div .image a {
    display: flex;
}

.nc-middle .nc-middle-four .down .col-md-6>div .image a img {
    width: auto;
    margin: auto;
}

.nc-middle .nc-middle-four .down .col-md-6>div .txt {
    width: 54%;
}

.nc-middle .nc-middle-four .down .col-md-6>div .txt a {
    display: block;
    font-weight: 500;
    font-size: 18px;
    color: #000000;
    line-height: 28px;
    font-family: "Alexandria", sans-serif;
    width: auto;
}

.nc-middle .nc-middle-four .down .col-md-6>div .txt a:hover {
    color: #0D98E3;
}

.nc-middle .nc-middle-four .down .col-md-6>div .txt table {
    max-width: 100%;
    width: 100%;
    border: 0;
    margin-top: 20px;
}

.nc-middle .nc-middle-four .down .col-md-6>div .txt table tr td {
    font-weight: 300;
    font-size: 14px;
    color: #7B7B7B;
    line-height: 24px;
    vertical-align: top;
    width: 45%;
}

.nc-middle .nc-middle-four .down .col-md-6>div .txt table tr td:nth-child(2) {
    padding-left: 10px;
    width: 55%;
}

@media (max-width: 768px) {
    .nc-middle .nc-middle-one{display: none;}
    .nc-middle .nc-middle-three{padding: 30px 0;}
    .nc-middle .nc-middle-three .container-xl .left .t3{margin-top: 15px;}
    .nc-middle .nc-middle-three .container-xl .left .t4{margin: 15px;}
    .nc-middle .nc-middle-three .container-xl .left .t5>div{gap: 5px;}
    .nc-middle .nc-middle-three .container-xl .left .t5>div{align-items: flex-start;}
    .nc-middle .nc-middle-three .container-xl .right{margin-top: 15px;}
    .nc-middle .nc-middle-three .container-xl .right .up .cont{margin-top: 15px;}
    .nc-middle .nc-middle-three .container-xl .right .up .cont>a{line-height: 22px;}
    .nc-middle .nc-middle-three .container-xl .right .down{margin-top: 15px;padding: 10px;}
    .nc-middle .nc-middle-three .container-xl .right .down h5{font-size: 20px;line-height: 28px;}
    .nc-middle .nc-middle-three .container-xl .right .down form{margin-top: 15px;}
    .nc-middle .nc-middle-four{padding: 0 0 30px 0;}
    .nc-middle .nc-middle-four .up{font-size: 24px;line-height: 32px;}
    .nc-middle .nc-middle-four .down{margin-top: 15px;}
    .nc-middle .nc-middle-four .down .col-md-6>div{flex-wrap: wrap;}
    .nc-middle .nc-middle-four .down .col-md-6>div .image{width: 100%;}
    .nc-middle .nc-middle-four .down .col-md-6>div .txt{width: 100%;margin-top: 15px;}
    .nc-middle .nc-middle-four .down .col-md-6>div .txt a{font-size: 16px;line-height: 24px;}
    .nc-middle .nc-middle-four .down .col-md-6>div .txt table{margin-top: 15px;}
}

/*=============================================
             =  相册(ph)  =
===============================================*/
.ph-middle {
    position: relative;
}

.ph-middle>img:nth-of-type(1) {
    position: absolute;
    top: 120px;
    right: 0;
}

.ph-middle>img:nth-of-type(2) {
    position: absolute;
    left: 0;
    bottom: 120px;
}

.ph-middle>div {
    position: relative;
    z-index: 2;
}

.ph-middle .ph-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.ph-middle .ph-middle-two {
    padding: 15px 0 0 0;
}

.ph-middle .ph-middle-three {
    padding: 120px 0 0 0;
}

.ph-middle .ph-middle-three h1 {
    font-weight: 500;
    font-size: 34px;
    color: #4B4B4B;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.ph-middle .ph-middle-three h1 span {
    color: #00a0e9;
}

.ph-middle .ph-middle-three p {
    margin-top: 40px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
    max-width: 1040px;
}

.ph-middle .ph-middle-five {
    padding: 80px 0 90px 0;
}

.ph-middle .ph-middle-five .col-md-4 {
    margin-bottom: 30px;
}

.ph-middle .ph-middle-five .col-md-4>div {
    position: relative;
}

.ph-middle .ph-middle-five .col-md-4>div .image {
    border-radius: 4px;
}

.ph-middle .ph-middle-five .col-md-4>div .image img {
    border-radius: 4px;
}

.ph-middle .ph-middle-five .col-md-4>div .text {
    background: #0F83D4;
    border-radius: 4px;
    font-weight: 300;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 51px;
    text-align: center;
    font-family: "Alexandria", sans-serif;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 2;
}

@media (max-width: 768px) {
    .ph-middle .ph-middle-one{display: none;}
    .ph-middle .ph-middle-three{padding: 30px 0;}
    .ph-middle .ph-middle-three h1{font-size: 24px;}
    .ph-middle .ph-middle-three p{margin-top: 15px;line-height: 22px;}
    .ph-middle>img:nth-of-type(1){display: none;}
    .ph-middle .ph-middle-five{padding: 0 0 30px 0;}
    .ph-middle .ph-middle-five .col-md-4{margin-bottom: 15px;width: 50%;}
    .ph-middle>img:nth-of-type(2){display: none;}
}

/*=============================================
             =  应用(apl)  =
===============================================*/
.apl-middle {}

.apl-middle .apl-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.apl-middle .apl-middle-two {
    padding: 15px 0 0 0;
}

.apl-middle .apl-middle-three {
    padding: 80px 0 80px 0;
    background-color: #fff;
    overflow: hidden;
}

.apl-middle .apl-middle-three .up h1 {
    font-weight: 500;
    font-size: 34px;
    color: #333333;
    line-height: 44px;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.apl-middle .apl-middle-three .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}

.apl-middle .apl-middle-three .down .left {
    width: 55.25%;
}

.apl-middle .apl-middle-three .down .left .t1 {
    font-weight: 500;
    font-size: 22px;
    color: #00a0e9;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.apl-middle .apl-middle-three .down .left .t2 {
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.apl-middle .apl-middle-three .down .left .t3 {
    margin-top: 0px;
}

.apl-middle .apl-middle-three .down .left .t3 p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

.apl-middle .apl-middle-three .down .left .t3 p span {
    color: #333333;
}

.apl-middle .apl-middle-three .down .right {
    width: 42%;
    position: relative;
}

.apl-middle .apl-middle-three .down .right>img:nth-child(1) {
    border-radius: 16px 16px 0 0;
    position: relative;
    z-index: 2;
}

.apl-middle .apl-middle-three .down .right>img:nth-child(2) {
    position: absolute;
    top: -120px;
    right: -100px;
    z-index: 1;
}

.apl-middle .apl-middle-four {
    padding: 0 0 120px 0;
    background-color: #fff;
}

.apl-middle .apl-middle-four .up {
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-align: center;
}

.apl-middle .apl-middle-four .mid {
    margin-top: 90px;
}

.apl-middle .apl-middle-four .mid .col-md-3 {
    margin-bottom: 30px;
}

.apl-middle .apl-middle-four .mid .col-md-3>a {
    position: relative;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    display:block;
}

.apl-middle .apl-middle-four .mid .col-md-3>a .image {
    border-radius: 4px;
    height: 100%;
    background: linear-gradient(180deg, transparent 70%, #000000 100%);
}

.apl-middle .apl-middle-four .mid .col-md-3>a .image img {
    border-radius: 4px;
    mix-blend-mode: multiply;
    height: 100%;
}

.apl-middle .apl-middle-four .mid .col-md-3>a .txt {
    position: absolute;
    top: 50px;
    border-radius: 4px;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: center;
    padding-bottom: 18px;
    transition: .6s ease;
}

.apl-middle .apl-middle-four .mid .col-md-3>a .txt p {
    font-weight: 300;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 32px;
    text-align: center;
}

.apl-middle .apl-middle-four .mid .col-md-3>a .txt img {
    margin-top: 20px;
}

.apl-middle .apl-middle-four .mid .col-md-3>a.active .txt {
    background-color: rgba(15, 131, 212, .8);
    transition: .6s ease;
    top: 0;
}

.apl-middle .apl-middle-four .mid .col-md-3>a:hover .txt {
    background-color: rgba(15, 131, 212, .8);
    transition: .6s ease;
    top: 0;
}

.apl-middle .apl-middle-four .down {
    margin-top: 40px;
}

.apl-middle .apl-middle-four .down>.typeface24{font-weight: 300;
    margin-bottom:20px;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
    text-align: center;}

.apl-middle .apl-middle-four .down .mySwiper1 {
    overflow: hidden;
    position: relative;
}

.apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div {
    height: 100%;
}

.apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .model {
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    font-weight: 500;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 40px;
    text-align: center;
    max-width: 210px;
    margin-top: 30px;
    font-family: "Alexandria", sans-serif;
}

.apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .t1 {
    margin-top: 40px;
}

.apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .t1 a {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .t1:hover a {
    color: #00a0e9;
}

.apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .t2 {
    margin-top: 30px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    font-family: "Alexandria", sans-serif;
}

@media (max-width: 768px) {
    .apl-middle .apl-middle-one{display: none;}
    .apl-middle .apl-middle-three{padding: 30px 0;}
    .apl-middle .apl-middle-three .down{margin-top: 15px;flex-wrap: wrap;}
    .apl-middle .apl-middle-three .down .left .t3{margin-top: 15px;}
    .apl-middle .apl-middle-three .down .right{margin-top: 15px;}
    .apl-middle .apl-middle-three .down .right>img:nth-child(2){display: none;}
    .apl-middle .apl-middle-four{padding: 0 0 30px 0;}
    .apl-middle .apl-middle-four .mid{margin-top: 15px;}
    .apl-middle .apl-middle-four .qt > div{margin-top: 15px;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(1){position: relative;overflow: hidden;cursor: pointer;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(1) .image{border-radius: 4px;height: 100%;background: linear-gradient(180deg, transparent 70%, #000000 100%);}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(1) .txt{position: absolute;top: 50px;border-radius: 4px;left: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding-bottom: 25px;transition: .6s ease;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(1) .txt p{font-weight: 300;font-size: 16px;color: #FFFFFF;line-height: 24px;text-align: center;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(1) .txt img{margin-top: 15px;width: 19px;height: 11px;}
    .apl-middle .apl-middle-four .qt > div.active > div:nth-child(1) .txt{background-color: rgba(15, 131, 212, .8);transition: .6s ease;top: 0;padding-bottom: 10px;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(2){overflow: hidden;max-height: 0;transition: .6s ease;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(2) .mySwiper1{overflow: hidden;position: relative;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(2) .mySwiper1 .swiper-slide > div .model{background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);font-weight: 300;font-size: 16px;color: #FFFFFF;line-height: 30px;text-align: center;max-width: 210px;margin-top: 15px;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(2) .mySwiper1 .swiper-slide > div .t1{margin-top: 15px;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(2) .mySwiper1 .swiper-slide > div .t1 a{font-weight: 500;font-size: 20px;color: #333333;line-height: 28px;}
    .apl-middle .apl-middle-four .qt > div > div:nth-child(2) .mySwiper1 .swiper-slide > div .t2{margin-top: 15px;font-weight: 300;font-size: 14px;color: #56585B;line-height: 22px;}
    .apl-middle .apl-middle-four .qt > div.active > div:nth-child(2){max-height: 1000px;margin-top: 15px;height: auto;transition: .6s ease;}
    .apl-middle .apl-middle-four .mid .col-md-3>a .txt p{font-size:16px;}
    .apl-middle .apl-middle-four .mid .col-md-3>a .txt img{margin-top:10px;}
    .apl-middle .apl-middle-four .down{margin-top:30px;}
    .apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .t1{margin-top:20px;}
    .apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .t2{margin-top:15px;}
    .apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div{border-bottom:1px dashed #666;padding-bottom: 30px;}
    .apl-middle .apl-middle-four .down .mySwiper1 .swiper-slide .col-md-4>div .model{margin-top:0;}
}

/*=============================================
             =  质量(qu)  =
===============================================*/
.qu-middle {
    position: relative;
}

.qu-middle>img {
    position: absolute;
    top: 120px;
    right: 40px;
}

.qu-middle>div {
    position: relative;
    z-index: 2;
}

.qu-middle .qu-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.qu-middle .qu-middle-two {
    padding: 15px 0 0 0;
}

.qu-middle .qu-middle-three {
    padding: 80px 0 80px 0;
}

.qu-middle .qu-middle-three .t1 h1 {
    font-weight: 500;
    font-size: 34px;
    color: #333333;
    line-height: 44px;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.qu-middle .qu-middle-three .t2 {
    margin-top: 70px;
    font-weight: 500;
    font-size: 22px;
    color: #00a0e9;
    line-height: 40px;
    text-transform: uppercase;
}

.qu-middle .qu-middle-three .t3 {
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.qu-middle .qu-middle-three .t4 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 50px;
}

.qu-middle .qu-middle-three .t4 .left {
    width: 37%;
}

.qu-middle .qu-middle-three .t4 .left h5 {
    font-weight: 500;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
    margin-bottom: 25px;
}

.qu-middle .qu-middle-three .t4 .left p {
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 28px;
}

.qu-middle .qu-middle-three .t4 .right {
    width: 63%;
    display: flex;
    justify-content: center;
}

.qu-middle .qu-middle-three .t4 .right p {
    max-width: 696px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 28px;
}

.qu-middle .qu-middle-four {
    background: #FAFBFD;
    padding: 110px 0;
}

.qu-middle .qu-middle-four .cont {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.qu-middle .qu-middle-four .cont .image {
    width: 35%;
    border-radius: 16px;
}

.qu-middle .qu-middle-four .cont .image img {
    border-radius: 16px;
}

.qu-middle .qu-middle-four .cont .text {
    width: 50%;
}

.qu-middle .qu-middle-four .cont .text h5 {
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 40px;
}

.qu-middle .qu-middle-four .cont .text p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 28px;
}

.qu-middle .qu-middle-four .cont-two {
    margin-top: 60px;
}

.qu-middle .qu-middle-four .cont-three {
    margin-top: 100px;
}

.qu-middle .qu-middle-five {
    padding: 130px 0 120px 0;
    background-color: #fff;
}

.qu-middle .qu-middle-five .up {
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.qu-middle .qu-middle-five .down {
    margin-top: 100px;
}

.qu-middle .qu-middle-five .down .col-md-3 {
    margin-bottom: 15px;
}

.qu-middle .qu-middle-five .down .col-md-3>div {
    height: 100%;
    position: relative;
    overflow: hidden;
}

.qu-middle .qu-middle-five .down .col-md-3>div .image {
    position: relative;
    border-radius: 8px;
    /* z-index: 1; */
}

.qu-middle .qu-middle-five .down .col-md-3>div .image::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    /* background: rgba(38, 38, 40, 0.5); */
    background: linear-gradient(180deg, rgba(38, 38, 40, 0) 0%, rgba(38, 38, 40, 0.5) 100%);
    border-radius: 8px;
    bottom: 0;
    left: 0;
    z-index: 1;
}

.qu-middle .qu-middle-five .down .col-md-3>div .image img {
    width: 100%;
    border-radius: 8px;
    /* position: relative;
    z-index: 2; */
}

.qu-middle .qu-middle-five .down .col-md-3>div .image p {
    position: absolute;
    bottom: 25px;
    font-weight: 300;
    font-size: 22px;
    color: #FFFFFF;
    line-height: 28px;
    font-family: "Alexandria", sans-serif;
    left: 0;
    padding: 0 24px;
    z-index: 2;
}

.qu-middle .qu-middle-five .down .col-md-3>div .text {
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0DA1E7;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    transition: .6s ease;
    z-index: 3;
}

.qu-middle .qu-middle-five .down .col-md-3>div .text p {
    font-weight: 300;
    font-size: 20px;
    color: #FFFFFF;
    line-height: 28px;
    font-family: "Alexandria", sans-serif;
    margin-bottom: 20px;
}

.qu-middle .qu-middle-five .down .col-md-3>div .text a {
    display: flex;
    gap: 10px;
    align-items: center;
    font-weight: 300;
    font-size: 14px;
    color: #FFFFFF;
    line-height: 28px;
    font-family: "Alexandria", sans-serif;
}

.qu-middle .qu-middle-five .down .col-md-3>div .text a:hover {
    text-decoration: underline;
}

.qu-middle .qu-middle-five .down .col-md-3>div:hover .text {
    bottom: 0;
    transition: .6s ease;
}

@media (max-width: 768px) {
    .qu-middle .qu-middle-one{display: none;}
    .qu-middle>img{display: none;}
    .qu-middle .qu-middle-three{padding: 30px 0;}
    .qu-middle .qu-middle-three .t2{margin-top: 15px;}
    .qu-middle .qu-middle-three .t4{margin-top: 15px;}
    .qu-middle .qu-middle-three .t4 .left{width: 100%;}
    .qu-middle .qu-middle-three .t4 .right{width: 100%;margin-top: 15px;}
    .qu-middle .qu-middle-three .t4 .left h5{line-height: 22px;margin-bottom: 15px;}
    .qu-middle .qu-middle-three .t4 .left p{line-height: 22px;}
    .qu-middle .qu-middle-three .t4 .right p{line-height: 22px;}
    .qu-middle .qu-middle-four{padding: 30px 0;}
    .qu-middle .qu-middle-four .cont .image{width: 100%;order: 1;}
    .qu-middle .qu-middle-four .cont .text{width: 100%;margin-top: 15px;order: 2;}
    .qu-middle .qu-middle-four .cont .text h5{font-size: 24px;line-height: 32px;margin-bottom: 15px;}
    .qu-middle .qu-middle-four .cont .text p{line-height: 22px;}
    .qu-middle .qu-middle-four .cont-two{margin-top: 15px;}
    .qu-middle .qu-middle-four .cont-three{margin-top: 15px;}
    .qu-middle .qu-middle-five{padding: 30px 0;}
    .qu-middle .qu-middle-five .up{font-size: 24px;line-height: 32px;}
    .qu-middle .qu-middle-five .down{margin-top: 15px;}
}

/*=============================================
             =  服务(ser)  =
===============================================*/
.ser-middle {
    position: relative;
}

.ser-middle>img:nth-of-type(1) {
    position: absolute;
    top: 120px;
    right: 0;
}

.ser-middle>img:nth-of-type(2) {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.ser-middle>div {
    position: relative;
    z-index: 2;
}

.ser-middle .ser-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.ser-middle .ser-middle-two {
    padding: 15px 0 0 0;
}

.ser-middle .ser-middle-three {
    padding: 80px 0 80px 0;
}

.ser-middle .ser-middle-three h1 {
    font-weight: 500;
    font-size: 34px;
    color: #4B4B4B;
    font-family: "Alexandria", sans-serif;
    text-transform: uppercase;
}

.ser-middle .ser-middle-three h1 span {
    color: #00a0e9;
}

.ser-middle .ser-middle-four {}

.ser-middle .ser-middle-four .container-xl {
    display: flex;
}

.ser-middle .ser-middle-four .container-xl>div {
    background-color: rgba(245, 247, 251, 0.5);
    display: flex;
}

.ser-middle .ser-middle-four .container-xl>div a {
    display: flex;
    padding: 15px 30px;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.ser-middle .ser-middle-four .container-xl>div a p {
    position: relative;
    padding-left: 20px;
    font-weight: 300;
    font-size: 16px;
    color: #4B4B4B;
    line-height: 27px;
    font-family: "Alexandria", sans-serif;
}

.ser-middle .ser-middle-four .container-xl>div a p::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background: #4B4B4B;
    border-radius: 50%;
    left: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.ser-middle .ser-middle-four .container-xl>div a:hover {
    border: 2px solid #0F83D4;
}

.ser-middle .ser-middle-four .container-xl>div a:hover p::before {
    background: #6FBBFF;
}

.ser-middle .ser-middle-four .container-xl>div a.active {
    border: 2px solid #0F83D4;
}

.ser-middle .ser-middle-four .container-xl>div a.active p::before {
    background: #6FBBFF;
}

.ser-middle .ser-middle-five {
    padding: 120px 0 160px 0;
}

.ser-middle .ser-middle-five .container-xl {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.ser-middle .ser-middle-five .container-xl .left {
    width: 53%;
}

.ser-middle .ser-middle-five .container-xl .left .t1 {
    font-weight: 500;
    font-size: 22px;
    color: #00a0e9;
    line-height: 40px;
    text-transform: uppercase;
    font-family: "Alexandria", sans-serif;
}

.ser-middle .ser-middle-five .container-xl .left .t2 {
    font-weight: 500;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    font-family: "Alexandria", sans-serif;
}

.ser-middle .ser-middle-five .container-xl .left .t3 {
    margin-top: 50px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
}

.ser-middle .ser-middle-five .container-xl .left .t3 span {
    text-transform: uppercase;
}

.ser-middle .ser-middle-five .container-xl .right {
    width: 35%;
}

.ser-middle .ser-middle-five .container-xl .right img {
    border-radius: 16px 16px 0px 0px;
}

.ser-middle .ser-middle-six {
    padding: 0;
}

.ser-middle .ser-middle-six .col-md-6 {
    margin-bottom: 30px;
}

.ser-middle .ser-middle-six .col-md-6>div {
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 12px 27px 0px rgba(5, 94, 139, 0.11);
    border-radius: 4px;
    position: relative;
    padding: 25px;
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.ser-middle .ser-middle-six .col-md-6>div::before {
    position: absolute;
    content: "";
    width: 38px;
    height: 7px;
    background: #E3EBF3;
    border-radius: 4px;
    bottom: 0;
    right: 0;
}

.ser-middle .ser-middle-six .col-md-6>div .image {
    width: 34%;
}

.ser-middle .ser-middle-six .col-md-6>div .image img {
    border-radius: 4px;
}

.ser-middle .ser-middle-six .col-md-6>div .text {
    width: calc(100% - 34% - 20px);
}

.ser-middle .ser-middle-six .col-md-6>div .text h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
}

.ser-middle .ser-middle-six .col-md-6>div .text p {
    margin-top: 15px;
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
}

.ser-middle .ser-middle-six .col-md-6>div:hover::before {
    background: #0F83D4;
}

.ser-middle .ser-middle-seven {
    padding: 0 0 80px 0;
}

.ser-middle .ser-middle-seven .col-md-4 {
    margin-bottom: 15px;
}

.ser-middle .ser-middle-seven .col-md-4>div {
    height: 100%;
    background: #FFFFFF;
    box-shadow: 0px 12px 27px 0px rgba(5, 94, 139, 0.11);
    border-radius: 4px;
}

.ser-middle .ser-middle-seven .col-md-4>div .image {
    border-radius: 4px;
}

.ser-middle .ser-middle-seven .col-md-4>div .image img {
    border-radius: 4px;
}

.ser-middle .ser-middle-seven .col-md-4>div .text {
    padding: 35px 50px;
}

.ser-middle .ser-middle-seven .col-md-4>div .text h5 {
    font-weight: 500;
    font-size: 22px;
    color: #000000;
    line-height: 32px;
    font-family: "Alexandria", sans-serif;
    margin-bottom: 35px;
}

.ser-middle .ser-middle-seven .col-md-4>div .text p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
}

@media (max-width: 768px) {
    .ser-middle .ser-middle-one{display: none;}
    .ser-middle>img:nth-of-type(1){display: none;}
    .ser-middle>img:nth-of-type(2){display: none;}
    .ser-middle .ser-middle-three{padding: 30px 0;}
    .ser-middle .ser-middle-three h1{font-size: 24px;line-height: 32px;}
    .ser-middle .ser-middle-four .container-xl>div{flex-wrap: wrap;}
    .ser-middle .ser-middle-four .container-xl>div a{padding: 10px;}
    .ser-middle .ser-middle-four .container-xl>div a p{font-size: 14px;line-height: 22px;}
    .ser-middle .ser-middle-five{padding: 30px 0;}
    .ser-middle .ser-middle-five .container-xl .left .t3{margin-top: 15px;}
    .ser-middle .ser-middle-five .container-xl .right{margin-top: 15px;}
    .ser-middle .ser-middle-six .col-md-6{margin-bottom: 15px;}
    .ser-middle .ser-middle-six .col-md-6>div{padding: 10px;gap: 10px;}
    .ser-middle .ser-middle-six .col-md-6>div .text h5{font-size: 16px;line-height: 24px;}
    .ser-middle .ser-middle-six .col-md-6>div .text p{font-size: 14px;line-height: 22px;}
    .ser-middle .ser-middle-seven{padding: 0 0 30px 0;}
    .ser-middle .ser-middle-seven .col-md-4>div .text{padding: 10px;}
    .ser-middle .ser-middle-seven .col-md-4>div .text h5{font-size: 16px;line-height: 24px;margin-bottom: 15px;}
    .ser-middle .ser-middle-seven .col-md-4>div .text p{line-height: 22px;}
}

/*=============================================
             =  故事列表(sto)  =
===============================================*/
.sto-middle {
    position: relative;
}

.sto-middle .sto-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.sto-middle .sto-middle-two {
    padding: 15px 0 0 0;
}

.sto-middle .sto-middle-three {
    padding: 120px 0 20px 0;
}

.sto-middle .sto-middle-three .up h1 {
    font-weight: 500;
    font-size: 34px;
    color: #333333;
    line-height: 44px;
    text-transform: uppercase;
}

.sto-middle .sto-middle-three .down {
    margin-top: 120px;
}

.sto-middle .sto-middle-three .down .cont {
    margin-bottom: 110px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sto-middle .sto-middle-three .down .cont .image {
    width: 52.14%;
    position: relative;
    z-index: 2;
}

.sto-middle .sto-middle-three .down .cont .image a {
    display: flex;
    border-radius: 4px;
}

.sto-middle .sto-middle-three .down .cont .image a img {
    border-radius: 4px;
}

.sto-middle .sto-middle-three .down .cont .text {
    width: calc(47.86% + 10px);
    background: #FAFBFD;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sto-middle .sto-middle-three .down .cont .text>div {
    width: auto;
    height: auto;
}

.sto-middle .sto-middle-three .down .cont .text>div>h5 {
    margin-top: 50px;
    font-weight: 300;
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.sto-middle .sto-middle-three .down .cont .text>div>p {
    margin-top: 15px;
    font-weight: 300;
    font-size: 14px;
    color: #333333;
    line-height: 24px;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but {
    margin-top: 50px;
    display: flex;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a {
    display: flex;
    cursor: pointer;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a div:nth-child(1) {
    padding: 0 23px;
    font-family: "Alexandria", serif;
    font-weight: 300;
    font-size: 14px;
    color: #424242;
    line-height: 40px;
    border-radius: 8px;
    border: 1px solid #0F83D4;
    position: relative;
    background-color: #fff;
    z-index: 1;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a div:nth-child(2) {
    width: 40px;
    height: 40px;
    background: linear-gradient(36deg, #6FBBFF 0%, #6FBBFF 100%);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -12px;
    z-index: 2;
    transition: .6s ease;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a div:nth-child(1)::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 0;
    height: 100%;
    z-index: -1;
    border-radius: 8px;
    background-color: #00a0e9;
    /* transition: .6s ease; */
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a:hover div:nth-child(1) {
    color: #fff;
    border-color: transparent;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a:hover div:nth-child(2) img {

    transition: .6s ease;
}

.sto-middle .sto-middle-three .down .cont .text>div>.but a:hover div:nth-child(1)::after {
    left: 0;
    width: 100%;
    transition: .6s ease;
}

.sto-middle .sto-middle-three .down .cont:nth-child(2n) .image {
    order: 2;
}

.sto-middle .sto-middle-three .down .cont:nth-child(2n) .text {
    margin-right: -10px;
    order: 1;
}

.sto-middle .sto-middle-three .down .cont:nth-child(2n+1) .image {
    order: 1;
}

.sto-middle .sto-middle-three .down .cont:nth-child(2n+1) .text {
    margin-left: -10px;
    order: 2;
}

@media (max-width: 768px) {
    .sto-middle .sto-middle-one{display: none;}
    .sto-middle .sto-middle-three{padding: 30px 0;}
    .sto-middle .sto-middle-three .down{margin-top: 15px;}
    .sto-middle .sto-middle-three .down .cont{margin-bottom: 15px;}
    .sto-middle .sto-middle-three .down .cont:nth-child(2n+1) .text{margin-left: 0;}
    .sto-middle .sto-middle-three .down .cont .image{order: 1 !important;}
    .sto-middle .sto-middle-three .down .cont .text{order: 2 !important;margin-top: 15px;justify-content: flex-start;}
    .sto-middle .sto-middle-three .down .cont .text>div>h5{margin-top: 15px;font-size: 20px;line-height: 28px;}
    .sto-middle .sto-middle-three .down .cont .text>div>p{line-height: 22px;}
    .sto-middle .sto-middle-three .down .cont .text>div>.but{margin-top: 15px;}
}

/*=============================================
             =  故事详情(stc)  =
===============================================*/
.stc-middle {
    position: relative;
}

.stc-middle .stc-middle-one {
    background: #F5F7FB;
    border-radius: 4px;
    height: 70px;
}

.stc-middle .stc-middle-two {
    padding: 15px 0 0 0;
}

.stc-middle .stc-middle-three {
    padding: 120px 0;
}

.stc-middle .stc-middle-three .title p {
    font-weight: 300;
    font-size: 34px;
    color: #333333;
    line-height: 48px;
    text-align: center;
}

.stc-middle .stc-middle-three .title h1 {
    font-weight: 500;
    font-size: 34px;
    color: #333333;
    line-height: 48px;
    text-align: center;
}

.stc-middle .stc-middle-three .t1 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 110px;
}

.stc-middle .stc-middle-three .t1 .left {
    width: 40%;
    background: #FAFBFD;
    border-radius: 4px;
    padding: 50px;
}

.stc-middle .stc-middle-three .t1 .left table {
    max-width: 100%;
    width: 100%;
    border: 0;
}

.stc-middle .stc-middle-three .t1 .left table tr td {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 24px;
    vertical-align: top;
    width: 40%;
    padding: 10px 0;
}

.stc-middle .stc-middle-three .t1 .left table tr td:nth-child(2) {
    padding-left: 5%;
    width: 60%;
}

.stc-middle .stc-middle-three .t1 .right {
    width: 47%;
}

.stc-middle .stc-middle-three .t1 .right .text {
    margin-top: 50px;
}

.stc-middle .stc-middle-three .t1 .right .text p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 28px;
}

.stc-middle .stc-middle-three .t1 .right .but {
    margin-top: 60px;
}

.stc-middle .stc-middle-three .t1 .right .but span {
    display: block;
}

.stc-middle .stc-middle-three .t2 {
    margin-top: 110px;
}

.stc-middle .stc-middle-three .t2 h5 {
    font-weight: 500;
    font-size: 22px;
    color: #333333;
    line-height: 40px;
    margin-bottom: 30px;
}

.stc-middle .stc-middle-three .t2 p {
    font-weight: 300;
    font-size: 14px;
    color: #56585B;
    line-height: 28px;
}

.stc-middle .stc-middle-three .t2 img {
    max-width: 100%;
    border-radius: 4px;
    margin-top: 80px;
}

@media (max-width: 768px) {
    .stc-middle .stc-middle-one{display: none;}
    .stc-middle .stc-middle-three{padding: 30px 0;}
    .stc-middle .stc-middle-three .title p{font-size: 20px;line-height: 28px;}
    .stc-middle .stc-middle-three .title h1{font-size: 24px;line-height: 32px;}
    .stc-middle .stc-middle-three .t1{margin-top: 15px;}
    .stc-middle .stc-middle-three .t1 .left{padding: 10px;}
    .stc-middle .stc-middle-three .t1 .right{margin-top: 15px;}
    .stc-middle .stc-middle-three .t1 .right .text{margin-top: 15px;}
    .stc-middle .stc-middle-three .t1 .right .but{margin-top: 15px;}
    .stc-middle .stc-middle-three .t2{margin-top: 15px;}
    .stc-middle .stc-middle-three .t2 h5{font-size: 20px;line-height: 28px;margin-bottom: 15px;}
    .stc-middle .stc-middle-three .t2 p{line-height: 22px;}
    .stc-middle .stc-middle-three .t2 img{margin-top: 15px;}
}

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

/*=============================================
      =  被覆盖的元素需加上!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;
}

/*=============================================
          =  比较()  =
===============================================*/
#contrast .header {
    background: #ffffff;
    box-shadow: -1px 1px 9px 1px rgba(194, 194, 194, 0.49);
}

.content-top {
    padding-top: 90px;
}

.content-top .ycd {
    display: none;
}

.content-top .label-navigation-bar {
    justify-content: flex-end;
}

.contrast-container {
    padding: 0px 0 40px;
}

.contrast-wapper {
    border-radius: 20px;
    box-shadow: 5px 0 65px rgba(0, 0, 0, 0.1);
    padding: 50px 80px;
}

.contrast-wapper .t1 {
    font-size: 48px;
    line-height: 52px;
    margin-bottom: 10px;
}

.contrast-wapper .t2 {
    display: flex;
    font-size: 18px;
    line-height: 32px;
    flex-wrap: wrap;
}

.contrast-wapper .t2 a {
    color: #0F83D4;
    text-decoration: underline;
    margin-left: 8px;
    margin-right: 8px;
}

.contrast-pro {
    display: flex;
    justify-content: flex-end;
    position: relative;
    margin-top: 40px;
}

.contrast-pro .item {
    width: 35%;
    padding: 35px;
    position: relative;
    border-left: 1px solid #ddd;
}

.contrast-pro .item:first-child {
    border-left: 0;
}

.contrast-pro .item .contrast-select {
    background: #f2f2f2;
    cursor: pointer;
    font-size: 20px;
    line-height: 20px;
    border-radius: 50px;
    position: relative;
    padding: 15px 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.contrast-pro .item .contrast-select:after {
    content: "\f054";
    font-family: cmsfont;
    font-size: 16px;
}

.contrast-pro .item .contrast-select:hover {
    background: #0F83D4;
    color: #fff;
    transition: all 0.5s;
}

.contrast-pro .item .img {
    border: 1px solid #0F83D4;
    border-radius: 20px;
    margin-top: 30px;
    overflow: hidden;
}

.contrast-pro .item .img a {
    display: flex;
}

.contrast-pro .item .img a img {
    margin: auto;
}

.contrast-pro .item .t3 {
    font-size: 20px;
    line-height: 24px;
    margin-top: 20px;
    text-align: center;
}

.contrast-pro .item .ly {
    width: 180px;
    height: 50px;
    background: #0F83D4;
    border: 1px solid #0F83D4;
    color: #fff;
    margin: 20px auto 0;
    border-radius: 50px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    line-height: 50px;
}

.contrast-pro .item .ly:hover {
    color: #0F83D4;
    background: #fff;
    transition: all 0.5s;
}

.contrast-table {
    display: flex;
    background: url(../../images/contrast-table-bg.jpg) repeat;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 40px;
    font-size: 18px;
    line-height: 24px;
}

.contrast-table .name {
    width: 30%;
}

.contrast-table .value {
    width: 35%;
}

.contrast-table .item {
    height: 87px;
    display: flex;
    align-items: center;
}

.contrast-table .name .item {
    padding-left: 45px;
    font-weight: bold;
}

.contrast-table .value .item {
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
}

.contrast-table .value .item:nth-child(3):before {
    content: "";
    width: 100%;
    height: 40px;
    background: url(../../images/contrast-tb1.png) center no-repeat;
    margin-top: 10px;
}

.contrast-table .value .item:nth-child(4):before {
    content: "";
    width: 100%;
    height: 40px;
    background: url(../../images/contrast-tb2.png) center no-repeat;
    margin-top: 10px;
}

.contrast-table .value .item:nth-child(5):before {
    content: "";
    width: 100%;
    height: 40px;
    background: url(../../images/contrast-tb3.png) center no-repeat;
    margin-top: 10px;
}

.contrast-pro .openthree {
    position: absolute;
    right: -70px;
    width: 70px;
    height: 70px;
    font-size: 56px;
    display: flex;
    color: #0F83D4;
    top: calc(50% - 70px);
    cursor: pointer;
    align-items: center;
    justify-content: center;
}

.contrast-pro .openthree .icon:before {
    content: "\f055";
    font-family: cmsfont;
}

.contrast-pro .openthree.three .icon:before {
    content: "\f056";
    font-family: cmsfont;
}

.contrast-pro.three .item {
    width: 26%;
}

.contrast-table.three .name {
    width: 22%
}

.contrast-table.three .value {
    width: 26%;
}


.reveal-modal#contrast-pro1 {
    top: 50px;
    left: 30%;
    margin-left: -15%;
    width: 70%;
}

.reveal-modal#contrast-pro2 {
    top: 50px;
    left: 30%;
    margin-left: -15%;
    width: 70%;
}

.reveal-modal#contrast-pro3 {
    top: 50px;
    left: 30%;
    margin-left: -15%;
    width: 70%;
}

.select-pro-list {
    display: flex;
    flex-wrap: wrap;
}

.select-pro-list .item {
    width: 100%;
    padding: 10px 20px;
}

.select-pro-list .item .img {
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #00a0e9;
    overflow: hidden;
}

.select-pro-list .item .img img {
    height: 120px;
    width: auto;
}

.select-pro-list .item .text{
    display: flex;
    flex-wrap: wrap;
}

.select-pro-list .item .t1 {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
}

.select-pro-list .item .p1 {
    width: 33.33%;
    font-size: 14px;
    line-height: 22px;
    position: relative;
    cursor: pointer;
    display: flex;
    margin-bottom: 8px;
}

.select-pro-list .item .p1:before {
    content: "";
    width: 15px;
    min-width: 15px;
    height: 15px;
    display: block;
    margin-right: 8px;
    border: 1px solid #00a0e9;
    margin-top: 3px;
}

.select-pro-list .item .p1:hover {
    color: #00a0e9;
}

.select-pro-list .item .p1:hover:before {
    background: #00a0e9;
}

@media(max-width:768px) {
    .contrast-wapper {
        padding: 20px 10px;
    }

    .contrast-wapper .t1 {
        font-size: 26px;
        line-height: 32px;
    }

    .contrast-wapper .t2 {
        font-size: 14px;
        line-height: 22px;
    }

    .contrast-pro .item {
        padding: 5px;
        width: 50%;
    }

    .contrast-pro {
        margin-top: 20px;
    }

    .contrast-pro .item .img {
        margin-top: 10px;
    }

    .contrast-pro .item .contrast-select {
        font-size: 16px;
        padding: 10px;
    }

    .contrast-pro .item .t3 {
        font-size: 14px;
        line-height: 14px;
        margin-top: 10px;
    }

    .contrast-pro .item .ly {
        width: 100%;
        height: 36px;
        font-size: 16px;
        line-height: 36px;
        margin-top: 10px;
    }

    .contrast-table {
        margin-top: 20px;
        font-size: 16px;
        line-height: 24px;
    }

    .contrast-table .value {
        width: 50%;
    }

    .select-pro-list .item .img {
        display: none;
    }

    .reveal-modal#contrast-pro1 {
        top: 30px;
        left: 10%;
        margin-left: -5%;
        width: 90%;
        padding: 15px;
    }

    .reveal-modal#contrast-pro2 {
        top: 30px;
        left: 10%;
        margin-left: -5%;
        width: 90%;
        padding: 15px;
    }

    .reveal-modal#contrast-pro3 {
        top: 30px;
        left: 10%;
        margin-left: -5%;
        width: 90%;
        padding: 15px;
    }

    .reveal-modal .select-pro-list {
        height: calc(100vh - 100px);
        overflow: scroll;
    }

    .select-pro-list .item {
        width: 100%;
        padding: 0;
    }

    .select-pro-list .item .p1 {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
    }

    .select-pro-list .item .t1 {
        font-size: 16px;
        margin-top: 5;
        margin-bottom: 5px;
    }
    .content-top{padding-top: 0;}
    .select-pro-list .item .p1{width: 100%;}
    .contrast-table{border-radius: 0;}
    .contrast-table .item{height: auto;}
    .contrast-table .value .item:nth-child(3):before,.contrast-table .value .item:nth-child(4):before,.contrast-table .value .item:nth-child(5):before{display: none;}
    .contrast-table .name{width: 33.33%;}
    .contrast-table .name .item{padding-left: 0;font-weight: bold;font-size: 12px;line-height: 22px;height: 44px;overflow: hidden;}
    .contrast-table .value{width: 33.33%;}
    .contrast-table .item{font-size: 12px;line-height: 22px;height: 44px;overflow: hidden;}
    
}

/*=============================================
          =  其他()  =
===============================================*/
.navbar-custom .navbar-nav .who-head {
    position: inherit;
}

.dd-box {
    position: absolute;
    left: 0;
    background-color: #ffffff;
    width: 100%;
    top: 70px;
    border-radius: 0 0 0 100% / 0 0 0 3%;
    height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.dd-box .container-xl {
    max-width: 1430px;
    justify-content: center;
    align-items: flex-start;
}

.dd-box .item {
    width: calc(33.33% - 50px);
    margin-right: 50px;
}

.dd-box .item .img {
    overflow: hidden;
    height: 191px;
}

.dd-box .item .img a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dd-box .t1 a {
    color: #2c2c2c;
    position: relative;
    transition: all 0.3s;
    overflow: hidden;
    display: inline-block;
    margin: 10px 0 5px 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

.dd-box .t1 a::before {
    content: '';
    background: #0F83D4;
    transition: all 0.3s;
    position: absolute;
    left: 0;
    width: 0;
    height: 100%;
}

.dd-box .t1 a::after {
    content: '';
    width: 0%;
    height: 1px;
    background-color: #00a0e9;
    bottom: 0;
    left: 0;
    transition: all 0.3s;
    position: absolute;
}

.dd-box .t1 a span {
    position: relative;
    line-height: 30px;
    padding: 10px;
}

.dd-box .t1 .head-aa {
    margin: 0;
}

.dd-box .t1 a:hover,
.dd-box .t1 a.active {
    color: #fff;
}

.dd-box .t1 a:hover::before,
.dd-box .t1 a.active::before {
    width: 100%;
}

.dd-box .t1 a:hover::after {
    width: 100%;
}

.dd-box .t1 .head-ddda {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    position: relative;
    padding: 5px;
}

.navbar-custom .navbar-nav .who-head:hover .dd-box {
    display: block;
    height: auto;
    padding: 40px 0 40px 0;
    box-shadow: -1px 1px 9px 1px rgba(194, 194, 194, 0.49), inset -1px 1px 6px 1px rgba(194, 194, 194, 0.49);
}

.pl-middle-three .item{width:20%; margin-top:80px;font-weight:300;}
.pl-middle-three .item .tb{margin-bottom:20px;}

@media(max-width:768px) {
    .pl-middle-three .item{width:45%;margin-top:30px;}
}

.i-middle-five .appbox{max-width:1775px;display:flex;justify-content:space-between;margin-top:80px;flex-wrap:wrap;}
.i-middle-five .appbox .item{width:24%;border-radius:20px;overflow:hidden;position:relative;}
.i-middle-five .appbox .item .text{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;display:flex;justify-content:space-between;flex-direction:column;padding:25px;}
.i-middle-five .appbox .item .jt{width:72px;height:72px;background:#6fbbff;z-index:3; display:flex;align-items:center;justify-content:center;position:absolute;right:25px;bottom:25px;color:#fff;border-radius:50%;font-size:20px;}
.i-middle-five .appbox .item .t4 h4{background:#ffffff;display:inline-block;font-size:20px;line-height:24px;padding:12px;border-radius:20px;}
.i-middle-five .appbox .item .t5{width:80%;color:#fff;opacity:0;font-weight:300;}
.i-middle-five .appbox .item:hover .t4 h4{color:#00a0e9;transition:all 0.5s;}
.i-middle-five .appbox .item:hover .text{background:rgba(0, 0, 0, 0.3);transition:all 0.5s;}
.i-middle-five .appbox .item:hover .t5{opacity:1;transition:all 0.5s;}
.i-middle-five .appbox .item:hover .jt{background:#0f83d4;transition:all 0.5s;}
.i-middle-five .appbox .item:hover .jt i{transform:rotate(-45deg);}

@media(max-width:768px) {
    .i-middle-five .appbox{margin-top:20px;}
    .i-middle-five .appbox .item{width:48%;margin-bottom:20px;}
    .i-middle-five .appbox .item .text{padding:15px;}
    .i-middle-five .appbox .item .t4 h4{font-size:16px;padding:5px 15px;}
    .i-middle-five .appbox .item .jt{display:none;}
    .i-middle-five .appbox .item .t5{width:100%;color:#fff;opacity:0;font-size:13px;line-height:20px;display:none;}

    .pco-middle{padding-top:0px;}
    .pl-middle .pl-middle-one .container-xl .down .left .but{display:none;}
    .pl-middle .pl-middle-one .container-xl .down{margin-top:0;}
    .pl-middle .pl-middle-three .container-xl .right .t1 h2{font-size:18px;line-height:26px;}

    .pco-middle .pco-middle-two .image .tb{position:absolute;top:0px;left:0px;z-index:2;}
    .pco-middle .pco-middle-two .image .tb img{width:50px;height:auto;}
}

.pronr-tab{padding:20px 0 70px;background:#fff;}
.pronr-tab .container-xl{display:flex;justify-content:space-between;flex-wrap:wrap;}
.pronr-tab .container-xl .nav-tabs{display:block;width:20%;border:0;}
.pronr-tab .container-xl .nav-tabs .nav-item{margin-bottom:10px;font-weight:300}
.pronr-tab .container-xl .nav-tabs .nav-link.active, .pronr-tab .container-xl .nav-tabs .nav-item.show .nav-link{color:var(--public-color);border:1px solid var(--public-color);}
.pronr-tab .container-xl .tab-content{width:70%;}
.pronr-tab .container-xl .tab-content .tab-box{display:flex;flex-wrap:wrap;}
.pronr-tab .container-xl .tab-content .tab-box .left{width:40%;border:1px solid #666;}
.pronr-tab .container-xl .tab-content .tab-box .right{width:55%;padding-left:35px;}
.pronr-tab .container-xl .tab-content .tab-box .right .t1{font-size:30px;font-weight:bold;margin-bottom:30px;color:var(--public-color);font-weight:500;}
.pronr-tab .container-xl .tab-content .tab-box .right .nr p{margin-top:15px;font-weight:300;}
.pronr-tab .container-xl .tab-content .tab-box .right .nr p:before{content:"●";color:var(--public-color);display:inline-block;margin-right:10px;}

@media(max-width:768px) {
    .pronr-tab{padding:20px 0 20px;}
    .pronr-tab .container-xl .nav-tabs{display:flex;overflow-x: auto;overflow-y: hidden;width:100%;flex-wrap:nowrap;margin-bottom:15px;-webkit-mask-image: -webkit-linear-gradient(left, black 0%, black -webkit-calc(100% - 45px), transparent 100%);}
    .pronr-tab .container-xl .nav-tabs .nav-item{min-width:150px;}
    .pronr-tab .container-xl .nav-tabs .nav-link{text-align:center;}
    .pronr-tab .container-xl .tab-content{width:100%;}
    .pronr-tab .container-xl .tab-content .tab-box .right .t1{font-size:24px;}
    .pronr-tab .container-xl .tab-content .tab-box .left{width:100%;}
    .pronr-tab .container-xl .tab-content .tab-box .right{width:100%;padding-left:0;padding-top:20px;}
    .pronr-tab *::-webkit-scrollbar {
        width: 5px;
        height: 5px;
    }
    .pronr-tab *::-webkit-scrollbar-thumb {
        background-color: var(--public-color);
        -webkit-border-radius: 10px;
        border-radius: 10px;
    }
    .pronr-tab *::-webkit-scrollbar-track {
        background-color: rgba(0, 0, 0, 0.1);
    }
}