.server-box {

        width: 700px;

        height: auto;

        text-align: center;

        border-radius: 8px;

        line-height: 1;

        overflow: hidden;

        padding: 40px 13px;

        background: url('https://www.canzan.com/v2/images/xmt/videotop.png')no-repeat top;

        background-size: contain;

    }

    .leftnav {

        /* border-left: 2px solid rgba(47,49,60,1);float: left; */

    }



    .leftnav>li {

        border-left: 3px solid rgba(10, 65, 255, 1);

        padding-left: 10px;

        margin: 20px 0 30px -2px;

    }



    .imgbig {

        height: 650px;

        object-fit: contain;

        transition: all .8s;

    }



    .imgbig:hover {

        transform: scale(1.2);

    }



    .title_box {}



    .title_box img {

        vertical-align: middle;

    }



    .f3 {

        max-width: 900px;

        background: white;

        border-radius: 8px;

        margin-top: -50px;

        position: absolute;

        left: 50%;

        transform: translateX(-50%);

        box-shadow: 0px 0px 20px #ccc;

        padding: 15px 50px

    }



    .box1 .slowNumber {

        display: flex;

        align-items: center;

        font-size: 36px;

    }



    .slowNumber img {

        width: 48px;

        height: auto;

    }



    .slowNumber>div {

        line-height: 1;

        padding-left: 15px;

    }



    .tab3 li {

        padding: 30px 50px;

        display: flex;

        align-items: center;

    }



    .tab3 li .right {

        width: 48px;

        height: 48px;

        background: url('https://www.canzan.com/v2/images/xmt/right.png')no-repeat center;

        background-size: 50%;

    }



    /* .tab3 li:hover {

        background: rgba(10, 65, 255, 1) url('https://www.canzan.com/v2/images/xmt/tabbg.png')no-repeat left;

        background-size: contain;

        color: white;

        box-shadow: 0 0 20px rgba(10, 65, 255, .8);

    } */



    .tab3 li:hover .right {

        background: url('https://www.canzan.com/v2/images/xmt/righting.png')no-repeat center;

        background-size: contain;

    }



    .tab3 .active {

        background: rgba(10, 65, 255, 1) url('https://www.canzan.com/v2/images/xmt/tabbg.png')no-repeat left;

        background-size: contain;

        color: white;

        box-shadow: 0 0 20px rgba(10, 65, 255, .8);

    }



    .tgdh {

        display: flex;

        width: 1300px;

        margin: auto;

    }



    .tgdh li {

        padding: 15px 30px;

        background: white;

        margin-right: 10px;

        border-bottom: 2px solid white;

    }



    .tgdh li .tgdh_title {

        font-size: 18px;

        color: black;

        font-weight: 600;

        line-height: 50px;

    }

    .tgdh li .tgdh_title div{

        width: 20px;

        height: 20px;

        margin-right: 5px;

        vertical-align: middle;

        display: inline-block;

    }

    .tgdh li:nth-child(1) .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon1.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(2) .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon2.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(3) .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon3.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(4) .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon4.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(1):hover .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon1-1.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(2):hover .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon2-1.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(3):hover .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon3-1.png")no-repeat center;

        background-size: contain;

    }

    .tgdh li:nth-child(4):hover .tgdh_title div{

        background: url("https://www.canzan.com/v2/images/xmt/icon4-1.png")no-repeat center;

        background-size: contain;

    }



    .tgdh li .tgdh_conten {

        font-size: 16px;

        color: #999;

    }



    .tgdh li:hover {

        border-bottom: 2px solid rgba(10, 65, 255, 1);

    }



    .czjb {

        width: 1300px;

        margin: auto;

        display: flex;

        flex-wrap: wrap;

        justify-content: space-between;

    }



    .czjb li {

        width: 49%;

        padding: 30px;

        margin-bottom: 20px;

        display: flex;

        background: white;

        align-items: center;

    }



    .czjb .czjb_title {

        font-size: 18px;

        font-weight: 600;

        padding-bottom: 10px;

    }



    .czjb .czjb_content {

        font-size: 14px;

        color: #ccc;

    }



    .czjb .czjb_icon {

        padding-right: 10px;

    }



    .box5 ul li {

        list-style: none;

        /* border-left: 4px solid rgba(10, 65, 255, 1); */

        text-indent: .5em;

        line-height: 30px;

        margin: 48px 0;

    }

    .box5 ul li span{

        display: inline-block;

        width: 4px;

        height: 16px;

        background: rgba(10, 65, 255, 1);

        vertical-align: middle;

      margin-right: 10px;

    }



    .box5 {

        height: auto;

        padding: 50px;

        background-color: rgba(247, 250, 253, 1);

    }



    .box5 img {

        height: 400px;

    }



    .navbox {

        width: 100%;

        position: relative;

    }



    .box6 p {

        font-size: 14px;

    }



    .dot {

        padding: 30px 20px 50px;

        background: white;

    }



    .box6 .dot:hover {

        background: rgba(10, 65, 255, 1);

    }



    .box6 .dot:hover p,

    h3 {

        color: white;

    }



    .box6 .cost_img {

        width: 28px;

        height: 28px;

        margin: auto;

    }



    .box6 .active {

        background: rgba(10, 65, 255, 1);

        color: white;

    }



    .box10 .zzbs {

        display: flex;

        flex-wrap: wrap;

        width: 1300px;

        margin: auto;

    }



    .box10 .zzbs>div {

        border-radius: 8px;

        overflow: hidden;

    }



    .box10 .zzbs>div:nth-child(1) {

        width: 300px;

        color: white;

        background: rgba(10, 65, 255, 1) url('https://www.canzan.com/v2/images/xmt/fbhbg.png')no-repeat top left;

        background-size: cover;

        border-radius: 8px;

        margin-right: 10px;

    }

    .box12 .box p{

        border: none;

    }

    .box8 .box a{

        border: none;

        margin-left: 20px;

        margin-bottom: 10px;

        padding: 15px 20px;

        background: white;

        color: #999;

    }

    @media (max-width:768px) {

        .flex {

            display: block

        }



        .swiper-button-next {

            display: none

        }

    }



.banner_tree{

    width: 1300px;

    margin: auto;

}

.show_s_ui{

    /* overflow: hidden; */

}

.show_s_ui li{

    height: 580px;

    width: 270px;

    float: left;

    padding: 0 30px;

    display: flex;

    align-items: center;

    background-color: rgba(247, 250, 253, 1);

}

.show_s_ui li h1{

    color: #999;

    padding-bottom: 30px;

    font-size: 42px;

    font-weight: 600;

}

.show_s_ui li h3{

    font-size: 30px;

    color: black;

    font-weight: 600;

}

.show_s_ui li .icon{

    background: rgba(10, 65, 255, 1);

    width: 20px;

    height: 3px;

    margin: 10px 0 30px;

}

.show_s_ui li .ban_content{

    font-size: 16px;

}

.show_s_ui li p{

    color: #999;

}

.show_s_ui .active{

    background: rgba(10, 65, 255, 1);

    padding: 0 40px;

    width: 760px;

}

.show_s_ui .active h1{

    color: white !important;

}

.show_s_ui .active h3{

    color: white !important;

}

.show_s_ui .active p{

    color: white !important;

}

.show_s_ui .active .leftbox{

    padding: 0 0 40px 40px;

    position:relative;

    width: 390px;

}

.show_s_ui .active>div{

    /* padding: 0 0 40px 40px; */

    position:relative

}

.show_s_ui .rightbox{

    padding: 0 30px

}

.show_s_ui .active .leftbox>img{

    position: absolute;

    width: 100%;

    bottom: -50px;

    left: 0;

    width: 350px;

    height: auto;

}

.banner_tree .left_btn,.right_btn{

    width: 40px;

    height: 40px;

    position: absolute;

    top: 50%;

    background: white;

    border-radius: 20px;

    cursor: pointer;

}

.banner_tree .left_btn{

    left: 250px;

}

.banner_tree .right_btn{

    right: 250px;

}

.banner_tree .left_btn img{

    width: 100%;

    transform: rotate(180deg);

}

.banner_tree .right_btn img{

    width: 100%;

}

.btnstyle{

    width: 40px;

    height: auto;

}

.swiperTabContent .swiper-button-prev:after, .swiper-rtl .swiper-button-next:after{

    display: none;

}

.swiperTabContent .swiper-button-next:after, .swiper-rtl .swiper-button-next:after{

    display: none;

}

.swiperTabContent .swiper-slide{

    padding: 0px 50px;

}

.tab3 .active .right{

    background: url('https://www.canzan.com/v2/images/xmt/righting.png')no-repeat center;

    background-size: contain;

}

.line30 li{

    line-height: 30px;

}

.box9 h4::after {

    background-color: black;

}

.box8 .box a {

    width: 31%;

}

.box8 .box a:nth-child(4n+1) {

    margin-left: 20px;

}

.show_s_ui .active .rightbox .ban_content .bigfont{

    font-size: 20px;

}