body,div,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,i,button,input,p,span{margin:0; padding:0; list-style:none;}
body{font:12px "微软雅黑",Helvetica,Arial,sans-serif; margin:0 auto;}
a{text-decoration:none; color:#000;}
a:hover{text-decoration:none;}
input:focus{outline:none;}
img{border:0;}
* {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.flex{display:flex;}
.flex-col{justify-content:space-between;}
.flex-col-s{justify-content:space-evenly;}
.flex-col-c{justify-content:center;}
.flex-col-end{justify-content:flex-end;}
.flex-row-c{align-items:center;}
.flex-row-start{align-items:flex-start}
.flex-row-end{align-items:flex-end;}
.flex-wrap{flex-flow:row wrap;}
.flex-column{flex-direction:column;}
.image{overflow:hidden;}
.image img{width:100%; height:100%; object-fit:cover;}
.banner{width:100%; display:flex; justify-content:center;}
.banner img{width:100%;}

.index-title{display:flex; align-items:center; padding:70px 0;}
.index-title h2{height:50px; font-size:48px; display:inline-block; border-right:4px solid #333; line-height:1; padding-right:10px; margin-right:10px;}
.index-title span{font-size:30px;}
.index-title.white h2{color:#fff; border-right:4px solid #fff;}
.index-title.white span{color:#fff;}

.slideBox{width:100%; overflow:hidden; position:relative;}
.slideBox .hd{width:100%; position:absolute; right:0; bottom:110px; z-index:30;}
.slideBox .hd ul{overflow:hidden; zoom:1; display:flex; align-items:center; justify-content:center; gap:0 10px;}
.slideBox .hd ul li{width:15px; height:15px; border-radius:15px; text-align:center; background:#fff; cursor:pointer; color:#fff; border:1px solid #0187df;}
.slideBox .hd ul li.on{background:#0187df; color:#0187df; border:1px solid #0187df;}
.slideBox .bd{position:relative; height:100%; z-index:0;}
.slideBox .bd img{ width:100%; display:block;  }


.index-banner{width:100%; position:relative;}
.index-banner-t{width:100%;}
.index-banner-t img{width:100%;}
.index-banner-d{position:absolute; bottom:-50px;}
.index-banner-d dl{width:calc(25% - 37px);  padding:30px 15px 15px;; box-shadow:10px 10px 12px 2px rgba(0,0,0,0.3); background:#fff;  transition: height 0.3s ease, background-color 0.5s ease;}
.index-banner-d dl a{display:flex; flex-direction:column; align-items:center;}
.index-banner-d dl dt{font-size:22px; color:#0187df; display:flex; align-items:center; margin-bottom:8px; transition:color 0.3s ease;}
.index-banner-d dl dt span.iconfont{margin-right:15px; font-weight:500; font-size:24px; margin-top:3px;}
.index-banner-d dl:nth-child(2) dt span.iconfont{font-size:32px;}
.index-banner-d dl:nth-child(4) dt span.iconfont{font-size:28px;}
.index-banner-d dl dd{font-size:16px; padding-bottom:15px; transition:color 0.3s ease;}
.index-banner-d dl p{width:100%; height:0; border-top:dashed 1px #fff; color:#fff; font-size:16px; display:flex; align-items:flex-end; justify-content:center; overflow: hidden; transition: height 0.3s ease;}
.index-banner-d dl:hover{background-color:#0187df;}
.index-banner-d dl:hover dt, .index-banner-d dl:hover dd{color:#fff;}
.index-banner-d dl:hover p{height:30px;}
.index-banner-b{width:100%; height:80px;}

.index-about h2{font-size:36px; color:#0187df; text-align:center; padding:100px 0;}
.index-about p{font-size:24px; color:#0187df; text-align:center;}
.index-about-d{display:flex; justify-content:flex-end; padding:90px 0;}
.index-about-d a{width:200px; height:54px; display:flex; align-items:center; justify-content:center; background:#0187df; border-radius:54px; color:#fff; font-size:24px;}

.index-brand-bg{background:url(../images/index-brand.jpg) no-repeat; background-size:cover; padding:0 0 70px;}
.index-brand dl{width:calc(33.33% - 26px); border:1px solid #bbb; margin-bottom:26px; display:flex; flex-direction:column; align-items:center; padding:55px 20px 30px; background:#fff;}
.index-brand dl dt{font-size:30px; color:#0187df}
.index-brand dl p{font-size:18px; color:#666; padding:20px 0 30px;}
.index-brand dl dd{font-size:22px; color:#333; text-align:center;}
.index-brand dl:hover{background:#0187df;}
.index-brand dl:hover dt, .index-brand dl:hover p, .index-brand dl:hover dd{color:#fff;}

.index-marketing-bg{background:#0187df;}
.index-marketing h1{color:#fff; font-size:72px; text-align:center; padding:20px 0 100px;}
.index-marketing-t dl{width:285px; height:108px; border:5px solid #ddd; border-radius:10px; background:#fff; display:flex; flex-direction:column; align-items:center; justify-content:center;}
.index-marketing-t dl dt{font-size:24px;}
.index-marketing-t dl dd{font-size:36px; color:#0187df; margin-top:5px;}
.index-marketing-d{text-align:center;}

.index-advantage-bg{background:url(../images/index-advantage.jpg) center bottom no-repeat; background-size:cover;}
.index-advantage{position:relative;}
.index-advantage dl{}
.index-advantage dl dt{font-size:60px;}
.index-advantage dl dd{font-size:30px; padding:50px 0;}
.index-advantage img{width:703px; margin:0 auto; display:block;}
.index-advantage ul{}
.index-advantage ul li{position:absolute; font-size:36px;}
.index-advantage ul li:nth-child(1){top:56%; left:1%;}
.index-advantage ul li:nth-child(2){top:37%; right:11%;}
.index-advantage ul li:nth-child(3){bottom:9%; left:20%;}
.index-advantage ul li:nth-child(4){bottom:25%; right:1%;}

.index-media-t{font-size:30px;}
.index-media{padding:70px 0;}
.index-media-l{width:50%;}
.index-media-r{width:50%;}
.index-media-r dl{}
.index-media-r dl dt{font-size:36px;}
.index-media-r dl dd{font-size:30px; color:#0187df; margin:20px 0 50px;}
.index-media-r ul{}
.index-media-r ul li{display:flex; align-items:center; font-size:24px; margin-bottom:40px;}
.index-media-r ul li i{width:18px; height:18px; border-radius:18px; background:#b6dffa; display:flex; align-items:center; justify-content:center; margin-right:20px;}
.index-media-r ul li i::before{content:""; width:12px; height:12px; border-radius:12px; background:#0187df; display:inline-block;}
.index-customers-bg{background:#0187df; padding-bottom:50px;}
.index-customers{padding-bottom:50px;}
.index-customers ul{gap:20px 20px;}
.index-customers-d{width:100%; position:relative;}
.index-customers-d img{width:100%;}
.index-customers-d p{width:100%; position:absolute; top:15%; font-size:72px; color:#fff; text-align:center;}

.about-title{display:flex; align-items:center; justify-content:center; padding:70px 0;}
.about-title h2{height:50px; font-size:48px; display:inline-block; border-right:4px solid #333; line-height:1; padding-right:10px; margin-right:10px;}
.about-title span{font-size:30px;}

.about-companyt-t{background:#0187df;}
.about-companyt-t-l{width:50%;}
.about-companyt-t-l img{width:100%;}
.about-companyt-t-r{width:50%; padding:30px 18px 0;}
.about-companyt-t-r img{width:50%; margin:0 auto 20px; display:block;}
.about-companyt-t-r p{font-size:24px; color:#fff; text-indent:2em; margin-top:10px;}
.about-companyt-d{background:#f9f9f9; padding-bottom:30px;}
.about-companyt-d dl{text-align:center; padding:20px 15px 0;}
.about-companyt-d dl dt{font-size:24px; color:#0187df;}
.about-companyt-d dl dd{font-size:18px; line-height:36px;}

.about-advantages ul{gap:0 18px; padding:49px 0;}
.about-advantages li{width:20%; background:#f9f9f9; position:relative; padding:65px 2.5% 30px;}
.about-advantages li p{width:98px; height:98px; border-radius:98px; border:9px solid #d8eefd; background:#0187df; display:flex; align-items:center; justify-content:center; position:absolute; top:-49px; left:50%; margin-left:-49px;}
.about-advantages li p span.iconfont{font-size:40px; color:#fff;}
.about-advantages li dl{text-align:center;}
.about-advantages li dl dt{font-size:22px; margin-bottom:20px;}
.about-advantages li dl dd{font-size:16px; color:#666; line-height:1.5;}

.about-honors-bg{ background:url(../images/about-honors-bg.jpg) center bottom no-repeat; background-size:cover;}
.about-honors{width:100%; max-width:1400px; margin:0 auto;}
.about-honors ul{width:100%; max-width:1400px; gap: 20px; padding-bottom:40px;}
.about-honors ul li{flex: 0 0 calc(33.333% - 20px); }
.about-honors ul li img{width:100%;}

.scroll-section {
            padding: 10px 0 40px;
        }
        
        .scroll-title {
            font-size: clamp(18px, 3vw, 24px);
            margin-bottom: 15px;
            color: #333;
            padding-left: 10px;
        }
        
        .scroll-container {
            width: 100%;
            overflow: hidden;
            position: relative;
            border-radius: 8px;
        }
        
        /* 图片容器高度 - 根据比例自动调整 */
        .scroll-container.portrait { height: clamp(300px, 40vw, 500px); } /* 竖图比例 */
        .scroll-container.landscape { height: clamp(200px, 25vw, 350px); } /* 横图比例 */
        .scroll-container.square { height: clamp(250px, 30vw, 400px); } /* 方图比例 */
        
        .scroll-wrapper {
            position: absolute;
            display: flex;
            will-change: transform;
            height: 100%;
        }
        
        .scroll-item {
            flex-shrink: 0;
            padding: 0 10px;
            height: 100%;
            transition: transform 0.3s;
        }
        
        .scroll-item img {
            height: 100%;
            width: auto;
            object-fit: cover;
            border-radius: 5px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.1);
        }
        
        /* 鼠标悬停效果 */
        .scroll-item:hover img {
            transform: scale(1.03);
            box-shadow: 0 4px 12px rgba(0,0,0,0.15);
        }
        
        @media (max-width: 768px) {
            .scroll-item {
                padding: 0 5px;
            }
        }


.contact-title{padding:100px 0 50px;}
.contact-title-t{font-size:48px; color:#0187df; margin-bottom:30px;}
.contact-title-t span{color:#000; display:inline-block; margin-left:50px;}
.contact-title-d span{font-size:24px; color:#666; display:inline-block; margin:0 20px;}
.contact-title-d::before, .contact-title-d::after{content:""; width:125px; height:2px; background:#eee; display:inline-block;}
.contact-t{margin-bottom:140px;}
.contact-t li{display:flex; flex-direction:column; align-items:center;}
.contact-t li img{width:52px; margin-bottom:25px;}
.contact-t li p, .contact-t li a{font-size:18px; color:#666;}
.contact-guestbook{}
.contact-guestbook li{width:calc(33.33% - 38px); height:45px; display:flex; margin:0 19px;}
.contact-guestbook li p{width:75px; font-size:18px; line-height:45px; display:inline-block; border-bottom:2px solid #0187df;}
.contact-guestbook li>input{width:calc(100% - 75px); height:45px; border:none; border-bottom:2px solid #ddd; background:none;}
.contact-guestbook li:nth-child(4){width:calc(100% - 38px); margin-top:100px;}
.contact-guestbook li:nth-child(4) p{width:90px;}
.contact-guestbook li:nth-child(4) input{width:calc(100% - 90px);}
.contact-guestbook .checkcode{width:calc(100% - 75px); height:45px; border-bottom:2px solid #ddd;}
.contact-guestbook .checkcode input{width:50%; height:43px; border:none; background:none;}
.contact-guestbook .checkcode img{width:50%; height:43px;}
.contact-guestbook button{width:230px; height:50px; border:1px solid #666; background:none; display:flex; align-items:center; justify-content:center; font-size:18px; color:#666; border-radius:50px; margin:50px auto 100px;}
.contact-map{}
.contact-map-l{width:50%; position:relative; background:#0187df; padding-top:40px;}
.contact-map-l ul{padding-right:76px;}
.contact-map-l li{font-size:22px; color:#fff; position:relative; margin-bottom:50px; text-align:right;}
.contact-map-l li dl{}
.contact-map-l li dl dt{font-size:24px;}
.contact-map-l li dl dd{font-size:18px;}
.contact-map-l li dl dd a{color:#fff;}
.contact-map-l li p{width:82px; height:82px; border-radius:82px; background:rgba(255,255,255,0.2); position:absolute; top:-11px; right:-118px; display:flex; align-items:center; justify-content:center;}
.contact-map-l li p span{width:70px; height:70px; border-radius:70px; color:#0187df; font-size:50px; background:#fff; display:flex; align-items:center; justify-content:center;}
.contact-map img{width:50%;}

.media-title{text-align:center; font-size:48px; padding:100px 0 30px;}
.media-title p{width:1054px; font-size:30px; margin:50px auto 0;}
.media-title.w{color:#fff;}
.media-1{border:2px dashed #0187df; border-radius:20px; padding:50px 0 20px; margin-top:30px !important;}
.media-1 li{width:20%;}
.media-1-t{text-align:center; border-left:2px solid #666;}
.media-1-t img{width:134px; height:134px; border-radius:134px; border:10px solid #0187df;}
.media-1 li:nth-child(1) .media-1-t{border:none;}
.media-1 li dl{padding:0 10px; text-align:center;}
.media-1 li dl dt{font-size:22px; color:#0187df; padding:25px 0 10px;}
.media-1 li dl dd{font-size:18px; color:#666; padding:0 10px;}

.media-2{margin:20px auto 0 !important; padding:40px 0 100px; background:url(../images/media-2.jpg) center bottom no-repeat; background-size:cover;}
.media-2 li{width:25%; background:#0187df; display:flex; flex-direction: column; align-items:center; padding:40px;}
.media-2 li .iconfont{font-size:70px; color:#fff;}
.media-2 li dl{text-align:center;}
.media-2 li dl dt{font-size:30px; color:#fff; padding:30px 0 30px;}
.media-2 li dl dd{font-size:20px; color:#fff; line-height:1.5; padding:0 10px;}

.pas-1{gap:30px 30px; padding:30px 0 50px;}
.pas-1 dl{width:calc(33.33% - 30px); border:1px solid #ddd; padding:50px 30px 30px; text-align:center;}
.pas-1 dl dt{font-size:30px; color:#0187df;}
.pas-1 dl p{font-size:18px; color:666; padding:15px 0 30px;}
.pas-1 dl dd{font-size:22px;}
.pas-1 dl:hover{background:#0187df;}
.pas-1 dl:hover dt, .pas-1 dl:hover p, .pas-1 dl:hover dd{color:#fff;}

.pas-2-bg{background:url(../images/index-brand.jpg) center bottom no-repeat; background-size:cover; padding-bottom:100px;}
.pas-2{width:1170px; margin:50px auto 0; border:3px solid #0187df; border-radius:20px; overflow:hidden;}
.pas-2-l{width:550px; background:#fff;}
.pas-2-l img{width:60%; display:block;}
.pas-2-r{width:calc(100% - 550px); padding:50px 80px 40px; background:#0187df;}
.pas-2-r h2{font-size:44px; color:#fff; text-align:center; font-weight:500;}
.pas-2-r ul{padding-top:40px;}
.pas-2-r li{height:60px; margin-bottom:25px; background:#fff; border-radius:10px; padding:0 30px;}
.pas-2-r li input{width:100%; height:60px; font-size:18px; border:none; background:none;}
.pas-2-r button{width:268px; height:55px; border-radius:5px; margin:0 auto; display:block; background:#6e78fe; font-size:22px; color:#fff; border:none;}

.serverSEO-1 ul{gap:34px 34px; padding:30px 0 50px;}
.serverSEO-1 li{width:calc(33.33% - 68px); position:relative; overflow:hidden;}
.serverSEO-1-t{width:100%; height:0; transition: height 0.3s ease; background:#0187df; color:#fff; position:absolute; bottom:0; left:0; text-align:center;}
.serverSEO-1-t dt{font-size:30px; padding:60px 0 20px;}
.serverSEO-1-t dd{font-size:20px; padding:0 45px;}
.serverSEO-1-d{text-align:center; padding:30px 0 40px; border:1px solid #ddd;}
.serverSEO-1-d span{font-size:70px; color:#0187df;}
.serverSEO-1-d dt{font-size:30px; color:#0187df; padding:30px 0 20px;}
.serverSEO-1-d dd{font-size:18px; color:#666;}
.serverSEO-1 li:hover .serverSEO-1-t{height:100%;}

.serverSEO-2-bg{background:url(../images/index-brand.jpg) center top no-repeat; background-size:cover;}
.serverSEO-2{padding:30px 0 100px;}
.serverSEO-2 dl{width:20%; background:#0187df; color:#fff; padding:50px 0; text-align:center;}
.serverSEO-2 dl span{font-size:70px;}
.serverSEO-2 dl dt{font-size:30px; padding:20px 0;}
.serverSEO-2 dl dd{font-size:20px; margin-top:5px;}


.serverSEO-3-bg{background:#0187df; padding-bottom:60px;}
.serverSEO-3-bg .media-title{color:#fff;}
.serverSEO-3{width:1382px; margin:30px auto 0;}
.serverSEO-3-t{}
.serverSEO-3-t-l{width:54px; height:170px; border-left:3px solid #fff; border-top:3px solid #fff;}
.serverSEO-3-t-r{color:#fff; padding-bottom:153px; padding-left:10px;}
.serverSEO-3-t-r dt{font-size:24px;}
.serverSEO-3-t-r dd{font-size:18px;}
.serverSEO-3-m{width:1382px; height:109px; background:url(../images/serverSEO-3.jpg) no-repeat;}
.serverSEO-3-d{}
.serverSEO-3-d-l{width:54px; height:170px; border-left:3px solid #fff; border-bottom:3px solid #fff;}
.serverSEO-3-d-r{color:#fff; padding-top:153px; padding-left:10px;}
.serverSEO-3-d-r dt{font-size:24px;}
.serverSEO-3-d-r dd{font-size:18px;}

.serverSEO-4-bg{background:url(../images/serverSEO-4.jpg) center top no-repeat; background-size:cover; padding-bottom:50px;}
.serverSEO-4{gap:1px; margin-top:30px;}
.serverSEO-4 dl{width:20%;}
.serverSEO-4 dl dt{height:50px; color:#fff; font-size:24px; background:#0187df; display:flex; align-items:center; justify-content:center;}
.serverSEO-4 dl dd{height:120px; background:#bde3fd; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; font-size:24px; margin-top:2px;}
.serverSEO-4 dl dd.w{background:#eee;}
.serverSEO-4-d{font-size:24px; margin-top:30px;}
.serverSEO-4-d span{width:58px; height:26px; display:flex; align-items:center; justify-content:center; font-size:18px; background:#bde3fd; margin-left:20px;}
.serverSEO-4-d span.w{background:#eee;}

.serverSEO-5{width:1330px; height:494px; margin:30px auto 100px; background:url(../images/serverSEO-5.jpg) no-repeat; position:relative;}
.serverSEO-5 li{position:absolute; font-size:36px; color:#666;}
.serverSEO-5 li:nth-child(1){bottom:21%; left:-4%;}
.serverSEO-5 li:nth-child(2){bottom:-12%; left:8%;}
.serverSEO-5 li:nth-child(3){bottom:38%; left:24%;}
.serverSEO-5 li:nth-child(4){bottom:10%; left:41%;}
.serverSEO-5 li:nth-child(5){top:25%; right:36%;}
.serverSEO-5 li:nth-child(6){top:54%; right:17%;}
.serverSEO-5 li:nth-child(7){top:38%; right:-1%;}
.serverSEO-5 p{position:absolute; font-size:36px; color:#0187df; top:-11%; right:-2%;}

.serverReputation-1{padding:100px 0 30px;}
.serverReputation-1>dl dt{font-size:24px; font-weight:500; color:#0187df;}
.serverReputation-1>dl dd{font-size:20px; margin-top:20px;}
.serverReputation-1 .image{padding:0 20px; position:relative;}
.serverReputation-1 .image img{width:100%; height:100%; object-fit:cover;}
.serverReputation-1 .image dl{width:100%; height:100%; position:absolute; top:0; left:0; color:#0187df; text-align:center;}
.serverReputation-1 .image dl dt{font-size:72px; font-style:italic; margin:20px 0 0;}
.serverReputation-1 .image dl dd{font-size:48px;}
.serverReputation-1-d{font-size:30px; color:#666; text-align:center;}
.serverReputation-1-d p{font-size:36px; color:#0187df; padding:10px 0 50px;}
.serverReputation-2{background:#0187df;}
.serverReputation-2 .wrap{padding:50px 0;}
.serverReputation-3{background:url(../images/serverSEO-4.jpg) center top no-repeat; background-size:cover; padding-bottom:50px;}
.serverReputation-3 .wrap{padding:50px 0;}

.serverReputation-4{background:#0187df;}
.serverReputation-4 ul{padding:50px 0;}
.serverReputation-4 ul li{width:25%; display:flex; align-items:center; flex-direction:column; margin-bottom:50px;}
.serverReputation-4 ul li span{width:130px; height:130px; border-radius:10px; background:#fff; display:flex; align-items:center; justify-content:center; font-size:70px; color:#0187df;}
.serverReputation-4 ul li p{font-size:36px; color:#fff; margin-top:10px;}

.serverMarketing-1{background:url(../images/index-advantage.jpg) center bottom no-repeat;}
.serverMarketing-1-title-1{font-size:36px; text-align:center; padding:40px 0;}
.serverMarketing-1-title-2{font-size:30px; color:#0187df; text-align:center; padding:70px 0 40px;}
.serverMarketing-1-title-2 p{font-size:24px; color:#666; margin-top:15px;}
.serverMarketing-1-1{border:2px dashed #0187df; border-radius:20px; padding:0 100px 50px;}
.serverMarketing-1-1 ul li img{width:90px; height:90px; border:1px solid #ddd; border-radius:10px;}
.serverMarketing-1-1 ul.nob li img{border:0; border-radius:0;}
.serverMarketing-1-1 ul li p{font-size:20px; text-align:center; margin-top:5px;}
.serverMarketing-1-2{border:2px dashed #0187df; border-radius:20px; padding:0 40px 30px; margin-top:50px;}
.serverMarketing-1-2 li{width:33.33%; padding:25px 0; display:flex; align-items:center; font-size:24px;}
.serverMarketing-1-2 li::before{content:""; width:12px; height:12px; border-radius:12px; background:#0187df; display:inline-block; margin-right:20px;}
.serverMarketing-1-2 li:nth-child(1), .serverMarketing-1-2 li:nth-child(4){width:30%;}
.serverMarketing-1-2 li:nth-child(2), .serverMarketing-1-2 li:nth-child(5){width:30%;}
.serverMarketing-1-2 li:nth-child(3), .serverMarketing-1-2 li:nth-child(6){width:40%;}

.serverMarketing-1-3-l{width:820px;}
.serverMarketing-1-3-l h3{font-size:24px; text-indent:2em;}
.serverMarketing-1-3-l dl{padding-top:40px;}
.serverMarketing-1-3-l dl dt{font-size:20px; color:#666; font-weight:500;}
.serverMarketing-1-3-l dl dd{font-size:20px; color:#666; display:flex; align-items:center; margin-top:25px;}
.serverMarketing-1-3-l dl dd::before{content:""; width:7px; height:7px; border-radius:7px; background:#666; display:inline-block; margin-right:5px;}
.serverMarketing-1-3-r{width:384px; box-shadow:5px 5px 5px 1px rgba(0,0,0,0.3); border:1px solid #0187df;}
.serverMarketing-1-3-r img{width:100%;}
.serverMarketing-1-4{padding-bottom:50px;}
.serverMarketing-1-4 ul{gap:80px;}
.serverMarketing-1-4 ul li{width:calc(100% - 60px); border:1px solid #0187df;  background:#0187df; padding-bottom:20px;}
.serverMarketing-1-4 ul li .image{width:100%; height:270px;}
.serverMarketing-1-4 ul li dl{color:#fff; text-align:center;}
.serverMarketing-1-4 ul li dl dt{font-size:18px; padding:20px 0 10px;}
.serverMarketing-1-4 ul li dl dd{font-size:14px;}

.serverMarketing-2{background:#0187df; padding-bottom:100px;}
.serverMarketing-2-l{width:602px;}
.serverMarketing-2-r{position:relative;}
.serverMarketing-2-r h3{font-size:36px; color:#fff; padding-right:100px;}
.serverMarketing-2-r span{width:75px; line-height:1; font-size:115px; color:#fff; transform:rotate(270deg); position:absolute; top:430px; left:180px;}
.serverMarketing-2-r ul{padding-top:30px;}
.serverMarketing-2-r ul li{width:365px; height:58px; font-size:30px; color:#0187df; background:#fff; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:30px;}


.serverMarketing-3 ul, .serverMarketing-4 ul{}
.serverMarketing-3 ul li{width:25%; background:#0187df; color:#fff; display:flex; flex-direction:column; align-items:center; text-align:center; padding:40px 20px 30px;}
.serverMarketing-3 ul li span.iconfont, .serverMarketing-4 ul li span.iconfont{font-size:70px;}
.serverMarketing-3 ul li dl, .serverMarketing-4 ul li dl{}
.serverMarketing-3 ul li dl dt, .serverMarketing-4 ul li dl dt{font-size:30px; padding:20px 0;}
.serverMarketing-3 ul li dl dd, .serverMarketing-4 ul li dl dd{font-size:20px;}


.serverPsa-1 ul{gap:34px 34px; padding:30px 0 50px;}
.serverPsa-1 li{width:calc(33.33% - 68px); position:relative; overflow:hidden;}
.serverPsa-1-t{width:100%; height:0; transition: height 0.3s ease; background:#0187df; color:#fff; position:absolute; bottom:0; left:0; text-align:center;}
.serverPsa-1-t dt{font-size:30px; padding:60px 0 20px;}
.serverPsa-1-t dd{font-size:16px; padding:0 25px;}
.serverPsa-1-d{text-align:center; padding:30px 0 40px; border:1px solid #ddd;}
.serverPsa-1-d span{font-size:70px; color:#0187df;}
.serverPsa-1-d dt{font-size:30px; color:#0187df; padding:30px 0 20px;}
.serverPsa-1-d dd{font-size:18px; color:#666;}
.serverPsa-1 li:hover .serverPsa-1-t{height:100%;}

.serverPsa-2{background:#0187df; padding:50px 0;}
.serverPsa-2 h3{font-size:26px; color:#fff;}
.serverPsa-2 .jt{margin:0 10px;}
.serverPsa-2 .jt .iconfont{color:#fff; font-size:30px;}
.serverPsa-2 .hl{width:3px; height:636px; background:#fff;}
.serverPsa-2-r ul{padding:43px 0;}
.serverPsa-2-r ul .h-l{width:34px; height:3px; background:#fff;}
.serverPsa-2-r ul>p{width:84px; height:84px; border:3px solid #fff; border-radius:84px; display:flex; align-items:center; justify-content:center; margin-left:10px;}
.serverPsa-2-r ul>p span{width:72px; height:72px; font-size:70px; color:#fff; border-radius:72px; display:flex; align-items:center; justify-content:center;}
.serverPsa-2-r ul i{color:#fff; font-size:40px; transform:rotate(270deg);}
.serverPsa-2-r ul li{width:235px; height:125px; background:#fff; position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; font-size:16px; text-align:center; border-radius:5px;}
.serverPsa-2-r ul li p{width:100%; color:#fff; font-size:20px; text-align:cetner; position:absolute; top:-40px; left:0;}
.serverPsa-2-r ul:nth-child(2)>p span{font-size:90px;}

.serverPsa-3{background:#373d41;}
.serverPsa-3 ul{}
.serverPsa-3 ul li:nth-child(1){background:url(../images/serverPsa-3-1.jpg) no-repeat;}
.serverPsa-3 ul li:nth-child(2){background:url(../images/serverPsa-3-2.jpg) no-repeat;}
.serverPsa-3 ul li:nth-child(3){background:url(../images/serverPsa-3-3.jpg) no-repeat;}
.serverPsa-3 ul li:nth-child(4){background:url(../images/serverPsa-3-4.jpg) no-repeat;}
.serverPsa-3 ul li:nth-child(5){background:url(../images/serverPsa-3-5.jpg) no-repeat;}
.serverPsa-3 ul li{width:20%; height:400px; background-size:100% !important; position:relative;}
.serverPsa-3-t{width:100%; height:100%; padding:70px 0; display:flex; flex-direction:column; align-items:center; position:absolute; top:0; left:0;}
.serverPsa-3 ul li img{}
.serverPsa-3 ul li span{width:24px; height:2px; background:#fff; display:inline-block; margin:20px 0;}
.serverPsa-3 ul li dl{color:#fff;}
.serverPsa-3 ul li dl dt{font-size:19px; text-align:center; margin-bottom:30px;}
.serverPsa-3 ul li dl dd{font-size:16px; margin-bottom:10px;}
.serverPsa-3 ul li dl dd::before{content:""; width:4px; height:4px; border-radius:4px; background:#fff; display:inline-block; margin-right:20px;}
.serverPsa-3-d{width:100%; height:100%; background:rgba(10,105,224,0.6); display:none;}
.serverPsa-3 ul li:hover .serverPsa-3-d{display:block;}

.serverPsa-4{background:url(../images/index-brand.jpg) bottom no-repeat;}
.serverPsa-4 ul{padding:70px 0 20px;}
.serverPsa-4 ul li{display:flex; align-items:center; justify-content:space-between; margin-bottom:50px;}
.serverPsa-4 ul li dl{padding-right:90px;}
.serverPsa-4 ul li dl dt{font-size:36px; margin-bottom:50px;}
.serverPsa-4 ul li dl dd{font-size:30px; line-height:1.5;}
.serverPsa-4 ul li img{width:520px;}

.serverPsa-5{background:url(../images/serverPsa-5.jpg) no-repeat; background-size:cover; font-size:32px;}
.serverPsa-5 .wrap{height:235px;}
.serverPsa-5 p{color:#fff;}
.serverPsa-5 a{width:355px; height:72px; border-radius:72px; background:#0187df; display:flex; align-items:center; justify-content:center; color:#fff;}
.serverPsa-5 a .iconfont{font-size:40px; margin-left:40px;}

.foot-bg{width:100%; background:#eaeaea;}
.foot-t{border-bottom:1px solid #808080;}
.foot-t ul{height:148px;}
.foot-t li{display:flex; align-items:center;}
.foot-t li .icon{width:50px; height:50px; background:#fff; border-radius:50px; display:flex; align-items:center; justify-content:center;}
.foot-t li .icon span.iconfont{color:#5c5c66; font-size:28px;}
.foot-t li:nth-child(2) .icon span.iconfont{font-size:38px;}
.foot-t li dl{padding-left:10px;}
.foot-t li dl dt{font-size:20px; margin-bottom:5px;}
.foot-t li dl dd{font-size:16px; color:#818080;}
.foot-m{padding:20px 0; border-bottom:1px solid #808080;}
.foot-m-l{width:880px; padding-right:100px;}
.foot-m-l dl{}
.foot-m-l dl dt{font-size:24px; padding:15px 0; text-align:center;}
.foot-m-l dl dd{font-size:18px; color:#666; margin-bottom:15px; text-align:center;}
.foot-m-r{width:510px;}
.foot-m-r-t{font-size:24px; margin:10px 0 30px;}
.foot-m-r-t .iconfont{font-size:26px; margin-right:5px;}
.foot-m-r-t a{color:#333; margin-left:10px;}
.foot-m-r-d li{text-align:center;}
.foot-m-r-d li .image{width:150px; height:150px; margin-bottom:10px;}
.foot-m-r-d li text{font-size:18px;}
.foot-link{padding:20px 0 5px; border-bottom:1px solid #808080;}
.foot-link .wrap{width:1400px;}
.foot-link p{font-size:18px; margin-bottom:15px;}
.foot-link a{font-size:18px; color:#666; margin:0 0 15px 15px;}
.foot-d{padding:30px 0 100px; gap:0 80px;}
.foot-d p, .foot-d a{font-size:16px; color:#666;}
.foot-d a{display:flex; align-items:center;}
.foot-d a img{width:15px;}

/*弹窗*/
/* 遮罩层样式 */
        .overlay {
            display: none;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.7);
            backdrop-filter: blur(5px);
            -webkit-backdrop-filter: blur(5px);
            z-index: 1000;
        }
        
        /* 弹出框容器 */
        .popup-container {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            z-index: 1001;
            width: 650px;
            max-width: 90%;
            max-height: 90vh;
        }
        
        /* 弹出图片 */
        .popup-image {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);
        }
        
        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: -15px;
            right: -15px;
            width: 30px;
            height: 30px;
            background: #fff;
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            cursor: pointer;
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
            font-weight: bold;
            font-size: 18px;
            z-index: 1002;
        }
        
        /* 触发按钮样式 */
        .trigger-btn {
            position: fixed;
            bottom: 20px;
            right: 20px;
            padding: 10px 20px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 4px;
            cursor: pointer;
            font-size: 16px;
            z-index: 999;
        }
        
        @media (max-width: 768px) {
            .popup-container {
                width: 90%;
            }
            
            .popup-image {
                height: auto;
            }
        }
        
        /* 宽高比保持 */
        .image-wrapper {
            position: relative;
            padding-bottom: 61.54%; /* 400/650 ≈ 0.6154 */
            height: 0;
            overflow: hidden;
        }
        
        .image-wrapper img {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            object-fit: cover;
        }