.container {
    max-width: 1760px;
    margin: 0 auto;
}

.header {
    height: 100px;
}

.header .nav-link {
    color: #000;
    font-size: 18px;
    padding: 0 22px;
}

.header .nav-link.active {
    color: var(--primary);
    position: relative;
}

.header .nav-link.active::after {
    content: "";
    width: 16px;
    height: 4px;
    bottom: -20px;
    left: 50%;
    margin-left: -8px;
    position: absolute;
    background: var(--primary);
    border-radius: 2px;
}

.banner {
    position: relative;
}

.banner .swiper-slide img {
    width: 100%;
    height: 600px;
}

.banner-box {
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 100px;
    width: 100%;
    display: flex;
    z-index: 2;
}

.banner-box-item {
    text-align: center;
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    cursor: pointer;
    background: linear-gradient(90deg, rgba(245, 247, 255, 0.9) 0%, rgba(205, 218, 252, 0.9) 100%);
}

.banner-box-item h4 {
    font-weight: 600;
}

.banner-box-item span {
    color: var(--primary);
}

.banner-box-item span.tag {
    color: #fff;
    padding: 2px;
    font-size: 14px;
    border-radius: 5px;
    background-color: var(--primary);
}

.banner-box-item:hover {
    background: linear-gradient(90deg, rgba(245, 247, 255, 0.9) 0%, rgba(246, 233, 230, 0.9) 100%);
}


.pro-container {
    display: flex;
    flex-wrap: wrap;
}

.pro-item {
    width: 24%;
    border-radius: 40px;
    margin-right: 1%;
    margin-bottom: 24px;
    padding: 40px 10px 30px 30px;
    background: #F5F5F7;
}

.tuijian .pro-item {
    width: 31%;
    margin-right: 20px;
}

.tuijian .pro-item:nth-of-type(3n) {
    margin-right: 0;
}

.white .pro-item {
    background-color: #fff;
}

.pro-item:nth-of-type(4n) {
    margin-right: 0;
}

.pro-type-box {
    min-height: 234px;
    margin: 30px 16px 16px 0;

}

.pro-type {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

.pro-tag {
    display: inline-block;
    padding: 3px 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 5px;
    color: var(--primary);
    border: 1px solid var(--primary);
}

.pro-btn {
    margin-right: 30px;
    margin-top: 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.pro-btn a {
    width: 45%;
}

.pro-btn a:first-child {
    color: var(--primary);
    font-weight: bold;
    text-decoration: underline;
    text-decoration-color: #f3b181;
}

.pro-btn a:last-child {
    text-align: center;
    color: #fff;
    height: 48px;
    background: #FF6A00;
    border-radius: 24px;
    line-height: 48px;
}

.chixu-item {
    width: 50%;
    border-radius: 40px;
    padding: 40px;
    background-color: #fff;
}

.chixu-item .tag {
    font-size: 14px;
    padding: 5px;
    letter-spacing: 2px;
    color: #F53A09;
    background-color: #FEF4EB;
}

.chixu-item .desc {
    display: inline-block;
    border: 1px solid #000;
    padding: 6px 12px;
    font-size: 24px;
    border-radius: 30px;
    margin: 24px 0;
}

.chixu-item .btn1 {
    display: inline-block;
    padding: 0 20px;
    margin: 10px 0 24px;
    height: 32px;
    line-height: 32px;
    color: #fff;
    text-align: center;
    border-radius: 16px;
    width: fit-content;

    background-color: var(--primary);
}

.chixu-item .btn1 span {
    padding: 0 10px;
}

.chixu-item .btn2 {
    height: 48px;
    width: 120px;
    text-align: center;
    line-height: 48px;
    color: #fff;
    align-self: flex-end;
    border-radius: 0 24px 24px 24px;
    background-color: var(--primary);
}

.kefu-btn {
    display: block;
    width: 100%;
    height: 48px;
    border-radius: 24px;
    line-height: 48px;
    text-align: center;
    background-color: var(--primary);
    color: #fff;
    margin-top: 50px;


}

.hot-box>div {
    width: 47%;
    padding-bottom: 8px;
    border-bottom: 1px solid #dee2e6;
    margin-bottom: 8px;
}

.hot-box>div:nth-of-type(2n) {
    margin-left: 20px;
    /* width: 45% !important; */
}

/* 产品样式 */
.jx-item {
    width: 22%;
    margin-bottom: 30px;
    margin-right: 30px;
}

.jx-item span {
    color: #666;
    border: 1px solid #666;
    padding: 5px 8px;
    margin-right: 10px;
    border-radius: 20px;
}

.jx-item span.active {
    color: var(--primary);
    border-color: var(--primary);
}

.jx-item span.tag {
    font-size: 12px;
    padding: 2px;
    border-color: #E24826;
    color: #E24826;
    border-radius: 0;
}

.jx-item.bg {
    width: 430px;
    height: 200px;
    padding: 24px;
    margin-right: 36px;
    margin-bottom: 30px;
    background: url(../images/web/bg-safe.png);
}

.jx-btn a {
    display: inline-block;
    width: 120px;
    height: 40px;
    color: var(--primary);
    text-align: center;
    line-height: 40px;
    border-radius: 20px;
    background-color: #F5F5F7;
    margin-right: 14px;
}

.game-item {
    width: 23%;
    border-radius: 40px;
    padding: 45px 40px 40px;
    background-image: url(../images/web/阿里云服务器/1.png);
    background-color: #FFF3EA;
    background-repeat: no-repeat;
    background-position: 100% 20px;
    margin-right: 2%;
}

.game-item:nth-of-type(2n) {
    background-image: url(../images/web/阿里云服务器/2.png);
}

.game-item:nth-of-type(3n) {
    background-image: url(../images/web/阿里云服务器/3.png);
}

.game-item:nth-of-type(4n) {
    margin-right: 0;
    background-image: url(../images/web/阿里云服务器/4.png);
}

.game-btn {
    width: 50%;
    height: 48px;
    color: #fff;
    font-weight: bold;
    border-radius: 24px;
    text-align: center;
    line-height: 48px;
    background-color: var(--primary);
}

/* 隐藏原生复选框 */
.scenarios input[type="checkbox"] {
    display: none;
}

/* 创建自定义样式的标签 */
.scenarios input[type="checkbox"]+label:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    margin-right: 14px;
    border-radius: 50%;
    border: 1px solid var(--primary);
    vertical-align: middle;
}

/* 当复选框被选中时改变背景色 */
.scenarios input[type="checkbox"]:checked+label:before {
    content: "\2713";
    background-color: var(--primary);
    color: #fff;
    font-size: 26px;
    text-align: center;
    line-height: 28px;
}

/* 定义label的样式 */
.scenarios label {
    cursor: pointer;
}

.scenarios .nav-link {
    font-size: 24px;
    font-weight: bold;
    padding: 20px 50px;
    border-radius: 38px;
    margin-right: 40px;
}

.scenarios .nav-link.active {
    color: #fff;
    background-color: var(--primary);
}

.scenarios-right {
    margin: 50px 0 0px 20px;
}

.scenarios-check {
    padding: 38px 25px;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 50px;
}

.more-btn {
    background-color: var(--primary);
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    color: #FFFFFF;
    text-align: center;
    line-height: 48px;
    margin-left: 25px;
    border-radius: 24px;
    height: 48px;
    padding: 0 50px;
}

.online-item {
    width: 422px;
    height: 455px;
    background-image: url(../images/web/组14.png);
    border-radius: 40px;
    padding: 40px 28px;
    margin-bottom: 24px;
}

.online-item:nth-child(2) {
    background-image: url(../images/web/组15.png);
}

.safe .nav-tabs {
    margin: 70px 150px 50px;
}

.safe .nav-link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
}

.safe .nav-link.active {
    color: var(--primary);
    font-weight: bold;
    border-bottom: 2px solid var(--primary);
}

.safe .nav-link img {
    width: 72px;
    height: 72px;
    margin-bottom: 24px;
}

.safe .tab-content {
    height: 550px;
    background: #F5F5F7;
    padding: 65px 80px 0;
}

.step-item {
    width: 345px;
    height: 500px;
    background: #F5F5F7;
    border-radius: 20px;
    margin-right: 20px;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
}

.step-item-r {
    width: 490px;
    height: 238px;
    background: #F5F5F7;
    border-radius: 20px;
    margin-right: 20px;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.step-item-r:nth-of-type(2n) {
    margin-right: 0;
}

/* 效益 */
.benefit-item {
    width: 50%;
    height: 450px;
    border-radius: 20px;
    background-color: #fff;
    padding: 60px 40px;
    font-size: 18px;
    color: #333;
    line-height: 2;
    position: relative;
}

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

.benefit-btn a {
    width: 50%;
    height: 64px;
    text-align: center;
    border-radius: 32px;
    line-height: 64px;
    font-size: 18px;
    color: #fff;
    background-color: var(--primary);
}

.benefit-btn a:last-child {
    background: #3B3A50;
}

.bebefit-img {
    position: absolute;
    right: 0;
    top: 0;
}

/* 底部 */
.footer {
    color: #fff;
    width: 100%;
    background: #3B3A50;
}

.footer-content {
    height: 360px;
    margin: 0 80px;
    display: flex;
    align-items: center;
}

.footer-left {
    display: flex;
    margin-right: 100px;
}

.footer-right {
    flex: 1;
    display: flex;
    justify-content: space-around;
}

.footer-right a {
    color: #ccc;
    line-height: 2;
    margin-bottom: 10px;
}

.footer-link {
    padding: 20px 0;
    align-items: center;
    padding-left: 80px;
    border-top: 1px solid #454455;
}

.footer-link a {
    color: #fff;
    margin-right: 30px;
}
.footer-link .company{text-align:center;padding-top:10px;}

/* jyy活动页 */
.libao {
    width: 50%;
    background: #F9F9F9;
    border-radius: 40px;
}

.side-bar {
    width: 100px;
    /*background-color: #fff;*/
    position: fixed;
    left: 20px;
    top: 20%;
    display: flex;
    flex-direction: column;
    align-items: self-start;
    padding: 10px;
    border-radius: 20px;
    /*box-shadow: 0 0 5px 5px #f1f1f1;*/
    z-index: 99;
}

.side-bar a {
    font-size: 14px;
    line-height: 2.5;
}

.side-bar a:hover {
    color: var(--primary);
}

.pb-8{padding-bottom: 5rem !important;}
.mt-8{margin-top: 5rem !important;}
.sq-item{background-color:#f5f5f7;padding:50px 40px;border-radius:15px;display:block;cursor:pointer;}

.sq-item .titles:before{position:absolute;left:0;top:-30px;font-size:72px;color:#fe6a00;opacity:0.19;}
.sq-item .titles.t1:before{content:'01';}
.sq-item .titles.t2:before{content:'02';}
.sq-item .titles{font-size:30px;color:#fe6a00;font-weight:bold;position:relative;padding-left:25px;}
.sq-item .desc{font-size:18px;color:#666666;}

.dlhb{}
.dlhb .item{padding:40px 0 10px;}
.dlhb .item:last-child{padding-bottom:0;}
.dlhb .item .boxs{background-color:#f5f5f7;border-radius:15px;}
.dlhb .item .titles{font-size:24px;color:#fe6a00;font-weight:bold;padding:30px 40px 0 150px;position:relative;}
.dlhb .item .titles img{position:absolute;left:40px;top:-40px;}
.dlhb .item .desc{font-size:18px;color:#666666;padding:10px 40px 30px 150px;}

.zx-item{background-color:#ffffff;border-radius:15px;padding:40px 30px;height:100%;}
.zx-item .image{}
.zx-item .image .img{transition: 0.3s;}
.zx-item:hover .image .img{transform: scale(1.1);}
.zx-item .detail .titles{font-size:24px;color:#000000;font-weight:bold;padding:20px 0 10px 0;}
.zx-item .detail .desc{font-size:18px;color:#666666;}

.swiper-kfxs .swiper-slide{height:auto;}
.kfxs-item{background-color:#ffffff;border-radius:15px;height:100%;padding: 40px 40px 160px 40px;position:relative;}
.kfxs-item .desc{font-size:18px;color:#333333;margin-top:20px;}
.kfxs-item .faces{position:absolute;left:40px;bottom:40px;right:40px;display:flex;align-items:center;}
.kfxs-item .faces .info{padding-left:20px;}
.kfxs-item .faces .info .company{font-size:24px;color:#000000;font-weight:bold;}
.kfxs-item .faces .info .job{font-size:18px;color:#666666;}

.jbzx-item{padding:50px 0;border-radius:15px;text-align:center;background-image:url('../images/web/yyh/jbzx-bg.jpg');background-repeat:no-repeat;background-position:center center;}
.jbzx-item .titles{font-weight: bold;font-size: 48px;color: #000000;}
.jbzx-item .btn{background-color:#ff6a00;color:#ffffff;font-weight:bold;font-size:18px;padding:15px 50px;border-radius:30px;border:none;margin-top:30px;}

#contactModal{}
#contactModal .modal-dialog {max-width: 800px;}
#contactModal .modal-content{background-color: #ffffff;}
#contactModal .modal-content .modal-body{padding: 30px 25px 20px 25px;}
.modal-titles{font-size: 30px;color:#ff6600;font-weight:bold;text-align: center;}
.modal-form{margin-top:30px;}
.modal-form .btns{font-size: 14px;font-weight: bold;border-radius: 6px;color:#ff6600;padding:8px 25px;border:1px solid #ff6600;background-color:#ffffff;}
.modal-form .btns.hover{background-color:#ff6600;color:#ffffff;}

/*GPU云服务器*/
.banner-box.gpu{position:relative;max-width: 1760px;height:160px;margin: -80px auto 0;box-shadow: 0 0px 10px 0 rgb(0, 0, 0, 0.1);}
.gpu .banner-box-item{background:#ffffff;}
.gpu .banner-box-item h4{font-size:18px;color:#000000;}
.gpu .banner-box-item h4 .tag{background:linear-gradient(to right, #1b66ee, #6d66fe);}
.gpu .banner-box-item .desc{font-size:16px;color:#666666;}

.gpu.bg{background-color:#f7f7f7;}
.gpu .container{max-width: 1760px;margin: 0 auto;}
.gpu .title{margin-bottom:0;font-size:40px;}
.gpu .title span{background: linear-gradient(to right, #346aec, #d316a3);-webkit-background-clip: text;color: transparent;}
.gpu .title2{margin-bottom:0;font-size:30px;text-align:center;font-weight:bold;}
.gpu .subtitle{font-size:16px;margin:0;padding: 10px 0 0;}

.bl-box{box-shadow: 0 0px 10px 0 rgb(0, 0, 0, 0.1);}
.bl1{padding:0 20px;}
.bl1 .titles{padding-top:30px;font-size:22px;color:#1768eb;font-weight:bold;}
.bl1 .desc{padding:20px 0 20px;font-size:16px;color:#666666;}
.bl1 .col-3{border-bottom:4px solid #ffffff;}
.bl1 .col-3:hover{border-color:#ffffff;}

.bl2 .item{box-shadow: 0 0px 10px 0 rgb(0, 0, 0, 0.1);height:100%;padding:15px 12px 70px;position:relative;}
.bl2 .item .titles{font-size:18px;color:#000000;font-weight:bold;}
.bl2 .item .titles span{vertical-align: middle;margin-right:5px;background:linear-gradient(to right, #209cff, #68e0cf);font-size:14px;color:#ffffff;border-radius:8px;padding:4px 8px;}
.bl2 .item .desc{font-size:16px;color:#999999;margin-top:15px;}
.bl2 .item .btn{position:absolute;left:12px;bottom:15px;border:1px solid #1768eb;font-size:16px;color:#ffffff;border-radius:0;background-color:#1768eb;}
.bl2 .item .btn.active,.bl2 .item .btn:hover{background-color:#ff934d;border-color:#ff934d;}

.aiypt{background-image:url('../images/web/gpu/ypt-bg.png');background-repeat:no-repeat;background-position:bottom center;}
.aiypt .box{padding:0 80px;}
.aiypt .box .item{background-color:#ffffff;position:relative;padding-bottom:60px;height:100%;transition: 0.3s;}
.aiypt .box .item:hover{transform: translateY(-20px);}
.aiypt .box .item .titles{background:linear-gradient(to right, #627fff, #445ffc);padding:20px;}
.aiypt .box .item .titles.bg{background:linear-gradient(to right, #ff934d, #fc686f);}
.aiypt .box .item .titles h3{font-size:24px;color:#ffffff;}
.aiypt .box .item .titles p{font-size:16px;color:#ffffff;margin-bottom:0;}
.aiypt .box .item .desc{padding:20px;}
.aiypt .box .item .desc p{font-size:16px;color:#666666;margin-bottom:10px;}
.aiypt .box .item .btn{position:absolute;border-radius:0;background-color:#ffffff;padding:12px 0;left:20px;bottom:20px;right:20px;font-size:14px;color:#1768eb;border:1px solid #1768eb;display:block;}
.aiypt .box .item .btn.y{border-color:#ff934d;color:#ff934d;}
.aiypt .box .item .btn.active,.aiypt .box .item .btn:hover{background-color:#1768eb;color:#ffffff;}
.aiypt .box .item .btn.y.active,.aiypt .box .item .btn.y:hover{background-color:#ff934d;color:#ffffff;}

.aiypt .detail .titles{font-size:30px;color:#ffffff;font-weight:bold;text-align:center;padding:43px 0 10px 0;}
.aiypt .detail .desc{font-size:14px;color:#ffffff;text-align:center;padding-bottom:43px;}

.pro{border:1px solid #eaeaea;height: 100%;position: relative;background: #ffffff;overflow: hidden;padding:15px 10px 190px 10px;transition: 0.3s;}
.pro:hover{background:linear-gradient(to bottom, #eeeeff, #ffffff);}
.pro .titles{font-size: 16px;font-weight: bold;color: #000000;}
.pro:hover .titles{color: #000000;}
.pro .desc{font-size: 14px;color: #666666;padding: 5px 0 5px 0;}
.pro .confs{display: flex;color: #333333;padding: 12px 0;border-bottom: 1px solid #eaeaea;}
.pro .confs .q{font-size: 16px;color: #000000;font-weight:bold;}
.pro .confs .a{font-size: 16px;color: #666666;text-align:right;flex: 1;}
.pro .labels{padding: 15px 0 0 0;}
.pro .labels span{font-size: 14px;padding: 2px 10px;display: inline-block;color: #000000;border: 1px solid #333333;}
.pro .btns-box{position: absolute;left: 0;bottom: 0;right: 0;}
.pro .prices{font-size: 0;padding: 0 10px;}
.pro .prices .unit{font-size: 18px;color: #ff934d;font-family: 'Arial';}
.pro .prices .num1{font-size: 30px;color: #ff934d;font-weight: bold;font-family: 'Arial';}
.pro .prices .num2{font-size: 18px;color: #ff934d;font-weight: bold;font-family: 'Arial';}
.pro .prices .txt2{font-size: 18px;color: #000000;}
.pro .old_prices{font-size: 16px;color: #999999;padding:0 10px 15px 10px;}
.pro .btns-box .bgs{background-color:#eeeeff;text-align:center;padding:25px 0;}
.pro .btns-box .btn{border:1px solid #1768eb;font-size:16px;color:#ffffff;border-radius:0;padding:8px 100px;background-color:#1768eb;}
.pro .btns-box .btn.active,.pro .btns-box .btn:hover{background-color:#ff934d;border-color:#ff934d;}

.swiper-menu .swiper-slide{background-color:#f7f7f7;text-align:center;font-size:18px;color:#000000;padding:12px 0;cursor:pointer;}
.swiper-menu .swiper-slide.swiper-slide-thumb-active{background-color:#445ffc;font-weight:bold;color:#ffffff}

.alff-box{height:100%;}
.alff{background-color:#ffffff;}
.alff .headers{background-color:#445ffc;padding:20px;color:#ffffff;}
.alff .headers .titles{font-size:22px;font-weight:bold;}
.alff .headers .desc{font-size:16px;}
.alff .info{padding:45px 20px;}
.alff .info p{font-size:16px;color:#666666;}
.alff .info p:last-child{margin-bottom:0;}
.alff .btn{background-color:#445ffc;color:#ffffff;border-radius:0;padding:8px 20px;font-size:16px;margin-left:20px;}

.alff-box .item{background-color:#ffffff;}
.alff-box .item .detail{padding:20px;}
.alff-box .item .detail .titles{font-size:16px;font-weight:bold;color:#000000;}
.alff-box .item .detail .desc{font-size:16px;font-weight:bold;color:#000000;}
.alff-box .item .detail .tag{padding-top:30px;}
.alff-box .item .detail .tag .sp{font-size: 14px;padding: 2px 10px;display: inline-block;color: #445ffc;border: 1px solid #445ffc;}
.alff-box .item .detail .tag .sp.hover{background-color:#445ffc;color:#ffffff;}
.alff-box .item .btn{display:block;background-color:#445ffc;color:#ffffff;border-radius:0;padding:8px 0;font-size:16px;}

.dztd{background-image:url('../images/web/gpu/dztd-bg.jpg');background-repeat:no-repeat;background-position:center center;display:flex;padding:50px 30px;align-items:center;justify-content:space-between;}
.dztd .detail .titles{font-size:30px;font-weight:bold;color:#ffffff;}
.dztd .detail .titles span{color:#77ffed;}
.dztd .detail .desc{font-size:16px;color:#ffffff;margin-top:10px;}
.dztd .btn{background-color:#ff934d;color:#ffffff;padding:15px 30px;border-radius:0;font-size:16px;}

.swiper-item{display:flex;justify-content:space-between;}
.swiper-item .detail{flex:1;padding-left:24px;}
.swiper-item .detail .item{padding:20px 20px;background-color:#f7f7f7;margin-bottom:24px;}
.swiper-item .detail .item:last-child{margin-bottom:0}
.swiper-item .detail .item .titles{font-size:18px;font-weight:bold;color:#000000;}
.swiper-item .detail .item .info{margin-top:12px;}
.swiper-item .detail .item .info p{font-size:14px;color:#777777;margin-bottom:12px;}
.swiper-item .detail .item .info p span{display:block;color:#000000;}
.swiper-item .detail .item .info p:last-child{margin-bottom:0}
.swiper-item .detail .item .info .btn{padding:0;margin-right:5px;width:86px;text-align:center;vertical-align:top;}
.swiper-item .detail .item .info .btn .txt{font-size:14px;color:#000000;}
.swiper-item .detail .item .info .btn2{background-color:#1768eb;color:#ffffff;border-radius:0;padding:8px 32px;font-size:16px;display:inline-block;transition: 0.3s;}
.swiper-item .detail .item .info .btn2:hover{background-color:#ff934d;}

.cpys{background-color:#ffffff;padding:20px;height:100%;}
.cpys .image{text-align:center;}
.cpys .image .img{max-width:100%;transition: 0.3s;}
.cpys:hover .image .img{transform: scale(1.1);}
.cpys .detail{text-align:center;}
.cpys .detail .titles{font-size:22px;font-weight:bold;color:#000000;margin-top:15px;}
.cpys .detail .desc{font-size:16px;color:#999999;margin-top:15px;}

.khal{background: linear-gradient(to right, #209cff, #68e0cf);padding:0px;height:100%;transition: 0.3s;display:block;}
.khal:hover{background:#445ffc;}
.khal .image{text-align:center;overflow:hidden;}
.khal .image .img{max-width:100%;transition: 0.3s;}
.khal:hover .image .img{transform: scale(1.1);}
.khal .detail{padding:30px 20px;}
.khal .detail .titles{font-size:22px;font-weight:bold;color:#ffffff;}
.khal .detail .desc{font-size:16px;color:#ffffff;margin-top:15px;}

.dlhb{background-color:#f7f7f7;padding:30px 30px;position:relative;}
.dlhb .img{position:absolute;right:-5px;top:-6px;}
.dlhb .titles{font-size:22px;font-weight:bold;color:#000000;}
.dlhb .desc{font-size:16px;color:#000000;}
.dlhb .info{font-size:16px;color:#666666;margin-top:30px;}
.dlhb .info p{margin-bottom:5px;}
.dlhb .btn-box{margin-top:30px;}
.dlhb .btn-box .btn{color:#000000;border:1px solid #000000;width:100%;border-radius:0;padding:15px 0px;font-size:16px;}
.dlhb .btn-box .btn.active,.dlhb .btn-box .btn:hover{background-color:#445ffc;color:#ffffff;border-color:#445ffc;}
/*GPU云服务器*/

/*阿里云数字人*/
.text-truncate1{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.text-truncate2{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.text-truncate3{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.text-truncate4{display: -webkit-box;overflow: hidden;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}

.swiper-jjfa1{width: 100%;}
.swiper-jjfa1 .item{font-size: 18px;padding: 16px 0;text-align: center;color: #666666;cursor: pointer;}
.swiper-jjfa1 .swiper-slide-thumb-active .item{color: #3c7efb;background-color: #ebf4ff;font-weight: bold;}
.swiper-jjfa2{margin-top: 24px;width: 100%;}
.swiper-jjfa2 .item{padding: 24px;display: flex;background-color: #ebf4ff;}
.swiper-jjfa2 .item .detail{margin-right: 24px;padding: 60px 40px;flex: 1;background-color: #ffffff;position: relative;}
.swiper-jjfa2 .item .detail .titles{font-size: 36px;color: #000000;font-weight: bold;}
.swiper-jjfa2 .item .detail .desc{margin-top: 80px;}
.swiper-jjfa2 .item .detail .desc .li{font-size: 16px;margin-bottom: 24px;padding-left: 30px;color: #000000;background-image: url('../images/web/alyszr/check-bg.png');background-repeat: no-repeat;background-position: left center;}
.swiper-jjfa2 .item .detail .btns{font-size: 18px;padding: 10px 50px;left: 40px;bottom: 60px;border-radius: 5px;cursor: pointer;color: #ffffff;background-color: #1f6ef8;position: absolute;}

.swiper-hxgn{height: 582px;width: 100%;}
.autoplay-progress{position: absolute;left: 16px;bottom: 16px;z-index: 10;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;font-weight: bold;color: var(--swiper-theme-color);}
.autoplay-progress svg{--progress: 0;position: absolute;left: 0;top: 0px;z-index: 10;width: 100%;height: 100%;stroke-width: 4px;stroke: var(--swiper-theme-color);fill: none;stroke-dashoffset: calc(125.6 * (1 - var(--progress)));stroke-dasharray: 125.6;transform: rotate(-90deg);}
.swiper-hxgn .item{width: 1200px;height: 582px;overflow: hidden;position: relative;}
.swiper-hxgn .item .swiper-video{width: 1200px;}
.swiper-hxgn .item .bg{height: 120px;position: absolute;left: 0;bottom: 0;right: 0;background-image: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);}
.swiper-pagination-hxgn.swiper-pagination-bullets{width: 536px;position: absolute;right: 0;top: 0;bottom: 0;z-index: 10;transform: unset;display: flex;flex-direction: column;}
.swiper-pagination-hxgn.swiper-pagination-bullets .swiper-pagination-bullet{padding: 30px 24px;margin: 0;background-color: #ffffff;border-radius: 0;flex: 1;width: 100%;opacity: 1;}
.swiper-pagination-hxgn.swiper-pagination-bullets .swiper-pagination-bullet .titles{font-size: 18px;color: #000000;font-weight: bold;}
.swiper-pagination-hxgn.swiper-pagination-bullets .swiper-pagination-bullet .desc{font-size: 16px;margin-top: 30px;color: #666666;}
.swiper-pagination-hxgn.swiper-pagination-bullets .swiper-pagination-bullet-active .titles{color: #1f6ef8;}

.gnty{display: block;}
.gnty .image{border-radius: 5px;overflow: hidden;}
.gnty .image .img{width: 100%;transition: all .3s;}
.gnty:hover .image .img{transform: scale(1.1);}
.gnty .detail{margin-top: 20px;}
.gnty .detail .titles{font-size: 24px;color: #000000;font-weight: bold;}
.gnty .detail .desc{font-size: 16px;margin-top: 6px;color: #666666;}

.swiper-yycj1{width: 100%;}
.swiper-yycj1 .item{font-size: 18px;padding: 16px 0;text-align: center;color: #000000;cursor: pointer;background-color: #ffffff;}
.swiper-yycj1 .swiper-slide-thumb-active .item{color: #ffffff;background-color: #1f6ef8;font-weight: bold;}
.swiper-yycj2{margin-top: 24px;width: 100%;}
.swiper-yycj2 .item{display: flex;}
.swiper-yycj2 .item .detail{margin-left: 24px;padding: 40px 40px;flex: 1;background-color: #ffffff;position: relative;}
.swiper-yycj2 .item .detail .titles{font-size: 36px;color: #000000;font-weight: bold;}
.swiper-yycj2 .item .detail .info{font-size: 16px;margin-top: 5px;color: #000000;}
.swiper-yycj2 .item .detail .subtitles{font-size: 24px;margin-top: 30px;color: #000000;font-weight: bold;}
.swiper-yycj2 .item .detail .desc{margin-top: 30px;}
.swiper-yycj2 .item .detail .desc .li{font-size: 16px;margin-top: 24px;padding-left: 30px;color: #000000;background-image: url('../images/web/alyszr/check-bg.png');background-repeat: no-repeat;background-position: left center;}
.swiper-yycj2 .item .detail .desc .lis{font-size: 14px;padding-left: 30px;color: #666666;}
.swiper-yycj2 .item .detail .btns{font-size: 18px;padding: 10px 50px;left: 40px;bottom: 60px;border-radius: 5px;cursor: pointer;color: #ffffff;background-color: #1f6ef8;position: absolute;}

.glpt-box{padding: 24px;background-color: #ebf4ff;}
.glpt{padding: 65px 0 380px 0;border-radius: 5px;background-color: #ffffff;display: block;height: 100%;position: relative;background-repeat: no-repeat;background-position: bottom 24px center;}
.glpt .step{font-size: 18px;padding: 5px 50px;border-radius: 0 0 5px 5px;font-weight: bold;color: #ffffff;background-color: #1367f6;top: 0;left: 50%;transform: translateX(-50%);display: inline-block;position: absolute;}
.glpt .titles{font-size: 24px;color: #000000;font-weight: bold;text-align: center;}
.glpt .desc{font-size: 16px;color: #666666;text-align: center;}
.glpt1{background-image: url('../images/web/alyszr/glpt-1.jpg');}
.glpt2{background-image: url('../images/web/alyszr/glpt-2.jpg');}
.glpt3{background-image: url('../images/web/alyszr/glpt-3.jpg');}
.glpt4{background-image: url('../images/web/alyszr/glpt-4.jpg');}
/*阿里云数字人*/