/* ========== 原有样式（完整保留，未改动） ========== */
html{font-size:62.5%}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,table,th,td,iframe{margin:0;padding:0;}
body{font-family: "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Microsoft Yahei", "Wenquanyi Micro Hei", sans-serif;font-size:1.8rem;color:#666666;word-break:break-all; overflow-x: hidden; width: 100%;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top; max-width:100%; height:auto;}
option{padding-left:5px;*padding:0;}
ul,li{list-style:none;}
a{color:#424242;text-decoration:none;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both}
h1,h2,h3,h4,h5,h6{font-weight:normal}
*{box-sizing:border-box;}

.mySwiper {width: 100%;max-width: 1920px;height: 500px;margin: 0 auto;position: relative;overflow: hidden;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;text-rendering: optimizeLegibility;}
.mySwiper .swiper-slide {width: 100%;height: 100%;position: relative;opacity: 0;transform: scale(1.1);transition: all 600ms ease;z-index: 1;}
.mySwiper .swiper-slide-active {opacity: 1;transform: scale(1);z-index: 2;}
.mySwiper .swiper-slide img {width: 100%;height: 100%;display: block;object-fit: cover;}
.mySwiper .swiper-slide-text {position: absolute;left: 30%; top: 50%;z-index: 3;color: #fff;max-width: 500px;    transform: translate(-50%, -50%);}
.mySwiper .swiper-slide-text h3 {margin-bottom: 16px;font-weight: bold;opacity: 0;transform: translateX(-80px);transition: opacity 0s 600ms, transform 0s 600ms;font-size:3.6rem}
.mySwiper .swiper-slide-text p {line-height: 1.6;opacity: 0;transform: translateX(-80px);transition: opacity 0s 600ms, transform 0s 600ms;}
.mySwiper .swiper-slide-active .swiper-slide-text h3 {animation: fadeInLeft 0.8s ease forwards;animation-delay: 0s;}
.mySwiper .swiper-slide-active .swiper-slide-text p {animation: fadeInLeft 0.8s ease forwards;animation-delay: 0.3s;}
@keyframes fadeInLeft {
0% {
opacity: 0;
transform: translateX(-80px);
}
100% {
opacity: 1;
transform: translateX(0);
}
}
.mySwiper .animate-fadeInLeft {animation: fadeInLeft 600ms ease forwards;}
.mySwiper .swiper-wrapper {position: relative;width: 100%;height: 100%;}
.mySwiper .swiper-pagination-bullet {width: 10px;height: 10px;background: #ffffff;opacity: 0.6;}
.mySwiper .swiper-pagination-bullet-active {opacity: 1;background: #ff6600;}
.mySwiper .swiper-button-prev, 
.mySwiper .swiper-button-next {display: block;width: 40px;height: 40px;background: transparent;right: 50%;left: auto;margin-right: -600px;bottom: 110px;top: auto;
border-radius: 50%;border: 2px solid rgba(255,255,255,.8);-webkit-font-smoothing: antialiased;}
.mySwiper .swiper-button-prev:hover,
.mySwiper .swiper-button-next:hover {background: rgba(255,255,255,.4);}
.mySwiper .swiper-button-prev {margin-right: -530px;}


.navbar {width:100%;z-index:1000;position: fixed;}
.fixed{background: rgba(0, 0, 0, 0.4);}
.nav-container {max-width:1700px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative;}
.logo{ position:relative; z-index:1000;flex:1}
.logo img{filter: brightness(0) invert(1);height:45px}

.nav-menu {display:flex;margin-right:5rem}
.nav-item {position:relative;}
.nav-link {color:#fff; text-decoration:none; padding:0 20px; font-size:18px; position:relative; z-index:3; display:inline-flex; align-items:center; gap:4px; transition:color 0.3s ease; line-height:77px; margin:0 10px;}
.nav-link::after {content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:2px; background:#fff; transition:width 0.3s ease; z-index:2;}
.nav-item:hover .nav-link::after {width:100%;}
.nav-item.active .nav-link::after {width:100%;}
.nav-item.active .nav-link,
.nav-item:hover .nav-link {color:#fff;}
.dropdown-toggle .arrow {font-size:10px; color:inherit;}
.dropdown {position:absolute; top:100%; left:0; background:#fff; border-radius:5px; box-shadow:0 3px 10px rgba(0,0,0,0.1); list-style:none; width:200px; display:none; padding:0; margin:0; border-top:2px solid #fff; z-index:1;}
.nav-item:hover .dropdown {display:block;}
.dropdown-item .dropdown-link {color:#fff; padding:12px 20px; text-decoration:none; display:block; font-size:16px; transition:background 0.3s ease;}
.dropdown-item .dropdown-link:hover {background:#f1f1f1;}
.chout{margin-right:5rem;cursor: pointer;}
.chout i{font-size:3rem !important;color:#fff}
.header_tel {height: 40px;padding: 5px 25px 5px 20px;font-size: 18px;line-height: 30px;color: #fff;background: #1338b1;border-radius: 100px 100px 100px 0px;}
.header_tel a{color: #fff}
.header_tel i{margin-right:1rem}

/* 遮罩层 淡入淡出动画 */
.drawer-overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 9998;opacity: 0;visibility: hidden;transition: opacity 0.7s ease, visibility 0.7s ease;}
.drawer-overlay.show {opacity: 1;visibility: visible;}
.drawer {position: fixed;top: 0;right: 0;width: 1400px;max-width: 100%;height: 100%;background: #fff;
z-index: 9999;
transform: translateX(100%);
transition: transform 0.7s cubic-bezier(0.2, 0, 0.2, 1);
overflow-y: auto;
padding: 0;
box-sizing: border-box;
display: flex;
align-items: center;
justify-content: center;
}
.drawer.show {transform: translateX(0);}
.drawer-close {position: absolute;top: 15px;right: 15px;width: 36px;height: 36px;line-height: 36px;text-align: center;font-size: 24px;color: #fff;
background: #1338b1;border: none;border-radius: 0;cursor: pointer;z-index: 10;}
.drawer-content {width: 90%;max-width: 1200px;margin: 40px 0;display: flex;gap: 7rem;}
.drawer-left,
.drawer-right {flex: 1;}
.drawer-left h2{margin-bottom: 3rem;font-size: 2.4rem;}
.drawer-left h3{margin-bottom: 3rem;font-size: 3rem;color:#000}
.drawer-left p{line-height: 3rem;font-size: 1.6rem;}
.drawer-contact {margin-top: 20px;line-height: 1.8;}
.form-radio {margin: 15px 0;}
.form-radio label {margin-right: 15px;cursor: pointer;}
.drawer-form .form-row {display: flex;gap: 20px;margin-bottom: 15px;}
.drawer-form .form-col {flex: 1;}
.drawer-form input {width: 100%;padding: 10px;border: 1px solid #eee;box-sizing: border-box;}
.form-contact{color: #1338b1;font-size: 3rem;font-weight: bold;margin-top: 2rem;}
.form-title{font-size: 3rem;margin-bottom: 1rem;color:#000}
.form-tip{margin-bottom: 3rem;}

.menu-toggle {color:#000; font-size:24px; cursor:pointer; padding:22px 0; display:none; flex-direction:column; justify-content:center; align-items:center; width:30px;position:relative; z-index:1001;}
.menu-toggle span {display:block; width:24px; height:3px; background:#fff; margin:5px 0; transition:all 0.3s ease; border-radius:2px;}
.menu-toggle.active span:nth-child(1) {transform: translateY(6px) rotate(45deg);}
.menu-toggle.active span:nth-child(2) {opacity: 0;}
.menu-toggle.active span:nth-child(3) {transform: translateY(-6px) rotate(-45deg);}

@media (max-width:992px) {
.menu-toggle {display: flex;}
.nav-menu{position:fixed;left:-100%;top:51px;flex-direction:column;background:#fff;width:100%;height:100vh;z-index:999;transition:0.3s;padding:20px 0;}
.nav-menu.active{left:0;}
.nav-link{color:#333 !important;line-height:50px;border-bottom:1px solid #eee;width:100%;justify-content:space-between;padding:0 25px;margin:0;}
.nav-link::after{display:none;}
.dropdown{position:static;box-shadow:none;width:100%;display:none;}
.dropdown-link{padding-left:40px !important;}
.menu-toggle{display:block;}
}

.banner {position: relative;width: 100%;height: 480px;overflow: hidden;}
.banner::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);z-index: 1;}
.banner img {width: 100%;height: 100%;object-fit: cover;display: block;}
.banner .banner-text {position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;text-align: center;z-index: 2; }
.banner .banner-text h1 {font-size: 3.6rem;font-weight: bold;margin-bottom:2rem}
.banner .banner-text p {margin: 0;font-size: 1.6rem;}
.banner .back_a {position: absolute;left: 0;bottom: 0;width: 100%;background: rgba(0, 0, 0, 0.3);padding: 12px 0;z-index: 2;}
.mbx a{color:#fff}



.jl_banner{position: relative;}
.jl_top{width: 100%;height: 500px;}
.jl_banw{width:100%;position:absolute;z-index:2;transform: translate(-50%, -50%);left: 50%;top:40%}
.jl_ban{max-width:1600px;margin:0 auto;position:relative;}
.jl_ban_a{width:100%;color:#fff;text-align:center;font-size: 3rem;padding-bottom:2rem}
.jl_ban_b {width: 100%;color: #fff;text-align: center;}
.jl_video{height:500px;background-image: radial-gradient(circle, #275ab6, #1c4794);}
.jl_video .caves{height:500px;}
.top_h{height:77px;width:100%}


.back_a{background:#eff3fa}
.back_b{background:#fff}
.back_c{background:#1338b1}
.imgfull{max-width: 100%;}
.f12{font-size:1.2rem;}
.f14{font-size:1.4rem;}
.f16{font-size:1.6rem;}
.f18{font-size:1.8rem;}
.f20{font-size:2rem;}
.f24{font-size:2.4rem !important;}
.f28{font-size:2.8rem;}
.f32{font-size:3.2rem !important;}
.f58{font-size:5.8rem;}
.text_a{text-align: left;}
.text_c{text-align: center;}
.color_a{color:#000}
.color_b{color:#1338b1}
.color_c{color:#999}
.color_d{color:#fff}
.color_e{color:#e93a3a}
.font_a{font-weight: bold;}
.font_b{line-height: 3rem;}
.pad_a{padding:3rem 0}
.pad_b{padding:3rem 0 0 0}
.pad_c{padding:0rem 0 2rem 0}
.pad_d{padding:2rem 0}
.pad_e{padding:3rem}
.pad_f{padding:0rem 0 3rem 0}
.pad_g{padding:2rem 4rem}
.mar_a{margin:0rem 0 1rem 0}
.mar_b{margin:0 0 8rem 0}
.mar_c{margin:2rem 0}

.pad_dd{padding:0}
.pos_a{position: relative;}
.about_img{display: block}

.global{max-width: 1400px;width:100%;margin:0px auto;}
.in_about{display:grid;grid-template-columns:35% 1fr;gap:9rem;align-items:center;}
.index_n {width: 100%;box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05);padding: 25px 0;margin-top:5rem;grid-template-columns:repeat(4,1fr);display:grid;}
.server_h{background:#eff3fa url(../img/bg.jpg)0px -600px no-repeat;}
.server_g{grid-template-columns:repeat(4,1fr);display:grid;}
.list_item:after {content: "";display: block;width: 1px;height: 80%;background: rgba(0, 0, 0, 0.1);top: 50%;right: 0;position: absolute;top: 10%;}
.bt_plan span{display: inline-block;padding: 14px 42px;border-radius: 100px 100px 100px 2px;background: #1338b1;color:#fff;cursor:pointer;}
.bt_plan input{display: inline-block;padding: 14px 42px;border-radius: 100px 100px 100px 2px;background: #1338b1;color:#fff;border:none;cursor:pointer;}
.why{background:url(../img/webbj.jpg);}

.advantage-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px;padding:3rem;border-radius: 1rem;}
.item-col{display:flex;flex-direction:column;gap:48px;}
.adv-item{display:flex;gap:16px;align-items:flex-start;cursor:pointer; padding-bottom: 40px;border-bottom: 1px solid #ebebeb;margin-bottom: 4rem;}
.icon-circle{width:56px;height:56px;min-width:56px;background:#3488f5;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0;transition: transform 0.4s ease;}
.adv-item:hover .icon-circle{transform: rotate(360deg);}
.text-box h3{font-size:24px;color:#222;margin-bottom:12px;font-weight:500;}
.text-box p{font-size:15px;color:#666;line-height:1.7;}
.center-img{width:100%;max-width:480px;}
.center-img img{width:100%;display:block;}

.incase{grid-template-columns:repeat(3,1fr);display:grid;gap:3rem}
.content_list{box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 6%);}
.content_list_txt{background: #fff;padding: 30px;}
.case_trades i{padding-left: 22px;}
.case_more{color: #333;border-top: 1px solid #e1e1e1;margin-top: 26px;}
.content_list_hover dd{background:rgba(0,0,0,.5);position:absolute;width:100%;height:100%;left:0;top:0;opacity:0;transition:all 0.5s ease;}
.content_list_hover .hr{position:absolute;left:50%;top:50%;z-index:5;opacity:0;transform: translate(-50%, -50%)}
.content_list:hover .content_list_hover dd{opacity:1;}
.content_list:hover .content_list_hover .hr{opacity:1;}
.circle-rotate {width: 80px;height: 80px;border-radius: 50%;border: 8px solid #e2e8f0;border-top-color: #3b82f6;animation: rotate 1.5s linear infinite;}
@keyframes rotate { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg); }}

.e_con{background: url(../img/bga.jpg) no-repeat center;background-size: cover;background-attachment: fixed;width:100%;text-align:center;color:#fff;overflow:hidden;padding:8rem 0;}
.e_con h1{line-height:38px;text-align:center;}
.e_con p{color:#e2e2e2;line-height:28px;max-width:840px;margin:0 auto;padding:5rem 0}
.e_con a{width:150px;background:#1338b1;border-radius:2px;font-size:16px;color:#fff;height:5rem;line-height:5rem;display:inline-block;margin:0 8px;transition:all 0.3s ease-in-out;}

.news-wrap{background:#f2f4f6;display:grid;grid-template-columns: minmax(0,1fr) minmax(0,2fr);;gap:2px;}
.news-big{background:#fff;padding:30px;display:flex;flex-direction:column;justify-content:space-between;}
.big-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #eee;padding-top:20px;}
.news-right{display:grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);grid-auto-rows:1fr;gap:2px;}
.news-item{background:#fff;padding:32px 26px;display:flex;gap:22px;overflow:hidden;}
.item-date-box{flex:0 0 auto;}
.item-text{flex:1;min-width:0 !important;}
.item-tit{margin-bottom:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.item-intro{line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

.lx_gro{display:grid;grid-template-columns:40% 1fr;gap:9rem;align-items:center;background: #fff;border-radius: 1rem;padding:3rem;}
.in_contact{grid-template-columns:repeat(2,1fr);display:grid;gap: 1rem 3rem;}
.in_contact label{display: block;}
.in_contact input{width:100%;border-radius: 0.5rem;height:4rem;border:1px solid #ddd;background: #F7F8F9;}

.main_foot{background: #1b1b1b;padding-top: 70px;color: #fff;}
.footer_top {grid-template-columns: 1.3fr repeat(3, 1fr);;display:grid;gap: 3rem;margin-bottom:4rem}
.foot{margin-right:5rem;color:#ffffffb3}
.foot img{filter:brightness(0) invert(1);}
.foot_nav a{color:#ffffffb3;padding-right:1rem}
.footserver a{color:#ffffffb3;padding-bottom:2rem;display: block;font-size:1.6rem}
.tit::after{content: "";display: block;width: 2rem;height: 2px;background: rgba(255, 255, 255, 0.7);position: absolute;top: 60%;}
.foot_fr{}
.foot_fr img{width:12rem}
.foot_fr p{color:#ffffffb3;}

/* 建站 */
.web_item {grid-template-columns:repeat(4,1fr);display:grid;gap: 5rem;}
.web_list p{font-size: 1.4rem;}
.web_lc{grid-template-columns:repeat(6,1fr);display:grid;gap: 3rem;padding:5rem 0}
.web_fw {position: relative;display: flex;flex-direction: column;align-items: center;}
.webnum{position: relative;padding:4rem 3rem;background:#fff}
.webnum em{position:absolute;z-index: 0;font-size: 56px;color: #f5f5fa;left: 30px;top: 1rem;font-weight: bold;}
.webnum h3{position: relative;z-index: 1;color:#000;padding-bottom:1rem}
.webnum p{word-break: break-all;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 2;display: -webkit-box;-webkit-box-orient: vertical;color: #999;font-size: 1.4rem;}
.title-box {width: 100px;height: 100px;border-radius: 50%;display: flex;flex-direction: column;justify-content: center;align-items: center;color: #fff;font-size: 20px;font-weight: bold;margin-bottom: 15px;}
.title-box .num {font-size: 16px;opacity: 0.8;margin-top: 4px;}
.web_fw:nth-child(1) .title-box { background: #f26b8a; }
.web_fw:nth-child(2) .title-box { background: #9c6ade; }
.web_fw:nth-child(3) .title-box { background: #f16c68; }
.web_fw:nth-child(4) .title-box { background: #e46ed6; }
.web_fw:nth-child(5) .title-box { background: #4fc8e6; }
.web_fw:nth-child(6) .title-box { background: #8dd35f; }
.web_fw:nth-child(7) .title-box { background: #2e63e8; }
.web_yy{background: #f8f8f8;border-radius: 8px;padding: 20px 12px;width: 100%;text-align: center;position: relative;}
.web_yy::before {content: "";position: absolute;top: -10px;left: 50%;transform: translateX(-50%);border-left: 10px solid transparent;border-right: 10px solid transparent;border-bottom: 10px solid #f8f8f8;}
.web_cn{grid-template-columns:repeat(4,1fr);display:grid;}
.reverse-row {display: contents;}
.web_tit{text-align: center;}
.web_tit h3{color:#000;font-size: 2rem;padding:0 0 1rem 0}
.web_tit p{font-size:1.4rem;color:#999}
/* 关于 */
.abou_top{padding:7rem 0}
.abou_top h3{font-size: 3.6rem;margin-bottom: 2rem;color:#000}
.abou_top p{font-size: 1.6rem;margin-bottom: 1rem;color:#999}
.about{display:grid;grid-template-columns:35% 1fr;gap:9rem;align-items:center;padding-top:10rem}
.pictureSlider {max-width: 1400px;width: 100%;margin: 60px auto;padding-inline: 1rem;overflow: hidden;}
.poster-main {position: relative;height: 480px;}
#zturn.poster-list {width: 100%;height: 100%;position: relative;list-style: none;}
.poster-item.zturn-item {width: 100%;max-width: 900px;position: absolute;left: 50%;transform: translateX(-50%);padding: 35px;background: #fff;border-radius: 14px;
box-shadow: 0 6px 24px rgba(0,0,0,0.1);cursor: pointer;transition: all 0.5s ease;}
.poster-item img {display: none !important;}
.xxgy {font-size: 28px;color: #222;margin-bottom: 18px;line-height: 1.3;}
.say {font-size: 16px;color: #666;line-height: 1.8;margin-bottom: 40px;}
.poster-item > div {position: absolute;right: 35px;bottom: 35px;font-size: 28px;color: #ccc;}
.poster-item > div span {color: #333;font-weight: 500;}
.about_s{position: relative;z-index: 1;}
.about_s h3{font-size:3.6rem;margin-bottom: 1rem;}
.about_s p{font-size: 1.6rem;line-height: 3rem;color: #333;}
.about_s h4{font-size: 1.6rem;color: #7f7f7f;padding-top: 10rem;}
.about_ser{grid-template-columns:repeat(2,1fr);display:grid;gap: 3rem;position: relative;z-index: 1;}
.about_fw{box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);border-radius: 1rem;padding:3rem 2rem 4rem 2rem}
.about_fw img{margin-bottom: 2rem;}
.about_fw h3{margin-bottom: 1rem;font-size:2.2rem}
.about_fw p{font-size: 1.6rem;}

/* 联系 */
.c_c{padding:5rem 0}
.c_con{grid-template-columns:repeat(2,1fr);display:grid;gap: 3rem;position: relative;z-index: 1;box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);padding:3rem;border-radius: 1rem;}
.c_msg{}
.c_msg h3{font-size:3.6rem;color:#000;margin-bottom:2rem}
.c_msg p{font-size: 1.6rem;color:#999;margin-bottom:1rem}
.c_lx dl{display: flex;align-items: center;width: 100%;padding: 20px 0;border-bottom: 1px solid #eee;margin: 0;}
.c_lx dl:last-child {border-bottom: none;  }
.c_lx dl dd{margin: 0;margin-right: 20px;}
.c_lx dl dd i{font-size:5.6rem !important;color:#1338b1}
.c_lx dl dt {margin: 0;}
.c_lx dl dt h4 {margin: 0 0 5px;font-size: 1.4rem;color: #333;}
.c_lx dl dt span {font-size: 2.2rem;color: #1338b1;font-weight: bold;display: block;}
.c_tit h3{margin-bottom: 3rem;color:#000}
.c_lx_contact{grid-template-columns:repeat(1,1fr);display:grid;gap: 1rem 3rem;}
.c_lx_contact label{display: block;}
.c_lx_contact input{width:100%;border-radius: 0.5rem;height:4rem;border:1px solid #ddd;background: #F7F8F9;}

/* 新闻 */
.newsweb{display:grid;grid-template-columns:75% 1fr;gap:4rem;padding:5rem 0;}
.news_pad{}
.news_pad .news_web{display:grid;grid-template-columns:30% 1fr;gap:4rem;padding-bottom:2rem;border-bottom: 1px solid #eff3fa;margin-bottom:2rem;border-radius: 1rem;padding:2rem;}
.recom_news{padding:28px 30px;background:#fff;margin-bottom:20px;border-radius:5px;}
.jj_tit{font-size:2.6rem;margin-bottom:20px;color:#000;font-weight:bold;padding-bottom:20px}
.recom_news ul li a{display:inline-block;width:100%;margin-top:15px;color:#333;line-height:30px;height:30px;overflow:hidden;font-size: 1.6rem;}
.recom_news ul li a i{margin-right:5px;}
.recom_news ul li a:hover{color:#e60012;}
.tag-cloud-header {display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}
.btn-refresh {background: #007bff;color: #fff;border: none;padding: 5px 12px;border-radius: 20px;cursor: pointer;transition: 0.3s;}
.btn-refresh:hover {background: #0056b3;}
.tag-list a {}
.tag-list a:hover {background: #007bff;color: #fff;}
.recom_tag{padding:28px 30px;background:#fff;margin-bottom:20px;border-radius:5px;overflow: hidden;}
.recom_tag a{background: #f4f7f9;font-size: 14px;color: #323333;height: 36px;line-height: 36px;display: block;padding: 0 8px;overflow: hidden;border-radius: 5px;width:31%;float:left;margin-right: 2%;text-align: center;margin-bottom: 14px;}
.n_datelie{padding:2rem;border-radius: 1rem}
.news_box{border-bottom: 1px solid #f1f1f1;margin-bottom:20px;padding-bottom:20px;font-size: 1.6rem;color:#999}
.news_box span{padding-right:20px}
.detailes{color:#333;line-height:30px;font-size:14px;}
.web_art{padding:28px 0px;background:#fff;margin-bottom:20px;border-radius:5px;}
.web_art ul{}
.web_art li{font-size: 1.6rem;padding:10px 10px;margin-bottom:2rem}
.web_art li a{display: inline-block;font-size: 1.4rem;}
.tagsbox{background: #fff;margin-bottom: 2rem;border-radius: 1rem;padding: 3rem;}
.tagsbox h2{padding-bottom:4rem;color:#000;font-weight: bold;}
.tagsbox h2:before{background: #00b7ee;content: "";height:3px;width:4rem;display: block;position: relative;top:45px;}


/* 案例展示 */
.case_info{max-width:1400px;width:100%;grid-template-columns:repeat(2,1fr);display:grid;margin:0px auto;padding:2rem 0 0 0}
.case_info_fl{padding:2rem 3rem}
.bak_a{background: #efefef;}
.case_info_tit{margin-bottom:2rem;}
.case_info_tit h2{font-size: 2.6rem;margin-bottom:1rem;color:#333;font-weight: bold;}
.jlrec{height: 4px;border-bottom: 1px solid #efefef;width: 100%;}
.case_info_fl h1{font-size: 18px;color: #111;font-weight: normal;}
.case_wz{font-size: 1.4rem;color: #666;line-height: 24px;margin: 2rem 0 5.5rem;}
.case_cj {display: inline-block;font-size: 14px;color: #08307f;border: 1px solid #08307f;padding: 8px 20px;border-radius: 500px;}
.case_cj:hover {background: #08307f;color: #fff;}
.casebox {width: 100%;display: inline-block;margin: 20px 0 50px;}
.casebox a {background: #fff;font-size: 14px;color: #323333;height: 36px;line-height: 36px;display: inline-block;padding: 0 20px;border-radius: 500px;margin-right: 30px;margin-bottom: 10px;}
.box a:hover{background: #ff9a00;color: #fff;}
.re_case{width:100%;overflow:hidden;margin-bottom:30px;background:#fff;border-radius:5px;padding:28px 30px;}
.re_case ul{display:flex;gap:5px;}
.re_case li{width:50%}
.re_case ul li h2{font-weight:normal;font-size:16px;line-height:30px;height:30px;overflow:hidden;color:#333;margin-top:10px;}
.re_case ul li img{max-width:100%;}
.re_case ul li:hover h2{color:#e60012;}


.sc_pages{width:100%;text-align:center;padding:15px 0}
.sc_pages span,.sc_pages a{display:inline-block;padding:5px 13px;border:1px solid #ccc;margin-right:5px}
.sc_pages .current{background:#a3a5aa;color:#fff}
.pagination{list-style:none;padding:0;margin:20px 0;display:flex;justify-content:center;gap:5px;}
.pagination li{display:inline-block;}
.pagination li a,.pagination li span{display:block;padding:8px 12px;border:1px solid #ddd;color:#333;text-decoration:none;}
.pagination li.active span{background:#007bff;color:#fff;border-color:#007bff;}
.pagination li.disabled span{color:#999;cursor:not-allowed;}


@media (min-width: 992px) and (max-width: 1199px) {



/* 联系 */
.c_c{padding:5rem 1rem}
.c_con{grid-template-columns:repeat(1,1fr);}
}

/* 3. 小型设备（平板）：768px ~ 991px */
@media (min-width: 768px) and (max-width: 991px) {
.global.web_lc {grid-template-columns: repeat(4, 1fr);gap: 2rem;}
	
	
/* 联系 */
.c_c{padding:5rem 1rem}
.c_con{grid-template-columns:repeat(1,1fr);}
}




@media (max-width: 767px) {
.pad_a{padding:3rem 1rem}
.pad_f{padding: 0rem 1rem 3rem 1rem;}
.pad_dd{padding:0 1rem}
.chout{display: none;}
.header_tel{display: none;}
.top_h{height:50px;width:100%}
.jl_top{height:40rem}

.jl_video{height:40rem}
.jl_video .caves{height:40rem}
.jl_ban_a{font-size: 2rem;padding-bottom:2rem}
.jl_ban_b {font-size: 1.4rem;}


.f24{font-size: 1.8rem !important;}
.f32{font-size: 1.8rem !important;}
.pad_g{padding:2rem}
.text_a{text-align: center;}


.about_img{display: none;}

.server_g{grid-template-columns:repeat(2,1fr);}



.advantage-box{grid-template-columns:1fr;}
.center-img{max-width:70%;margin:30px auto;order:-1;}
.item-col{gap:32px;}
.text-box h3{font-size:20px;}
.icon-circle{width:46px;height:46px;min-width:46px;font-size:18px;}
.wrap{padding:25px 3%;}


.news-wrap{grid-template-columns:minmax(0,1fr);padding:0 1rem}
.news-right{grid-template-columns:minmax(0,1fr);}
.item-day{font-size:46px;}
.news-item{padding:20px 16px;gap:14px;}

.lx_gro{grid-template-columns:repeat(1,1fr);gap: 3rem;padding:2rem}
.in_contact{grid-template-columns:repeat(1,1fr);}

.footer_top{grid-template-columns:repeat(1,1fr);gap:3rem;}
.foot{margin-right:0}



/* 建站 */
.web_item{grid-template-columns:repeat(2,1fr);padding:0 1rem;gap: 3rem;}
.drawer {width: 100%;}
.drawer-content {flex-direction: column;}
.global.web_lc {grid-template-columns: repeat(2, 1fr);gap: 1.5rem;}
.title-box {width: 90px;height: 90px;font-size: 18px;}
.web_cn{grid-template-columns: repeat(1, 1fr);}
.reverse-row {
        display: flex;
        flex-direction: column;
    }

    /* 每组内：第一个(图片)排第二，第二个(文字)排第一，实现 文在前、图在后 */
    .reverse-row > .web_fw:nth-child(1) {
        order: 2;
    }
    .reverse-row > .web_fw:nth-child(2) {
        order: 1;
    }

/* 案例 */
.case_info{grid-template-columns:repeat(1,1fr);}
.incase {grid-template-columns: repeat(1, 1fr);}

/* 新闻 */
.newsweb{grid-template-columns: repeat(1, 1fr);}
.news_pad .news_web{grid-template-columns: repeat(1, 1fr);}
.newsweb .n_datelie{margin:0 1rem}

/* 关于 */
.index_n{grid-template-columns: repeat(2, 1fr);margin-top: 1rem;}
.about{grid-template-columns: 1fr;gap:3rem;padding:4rem 1rem}
.about_ser{gap:2rem}
.about_s h4{padding-top: 5rem;}

/* 联系 */
.c_c{padding:5rem 1rem}
.c_msg h3{font-size: 2.4rem;}
.c_lx dl dt span{font-size:1.8rem}
.c_con{grid-template-columns:repeat(1,1fr);}
}