/* ========== 原有样式（完整保留，未改动） ========== */
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.6rem;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;}


.logo{ float:left; position:relative; z-index:1000;}
.logo img{ height:50px;}

.navbar {width:100%;z-index:1000;}
.nav-container {max-width:1600px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; position:relative;}

.nav-menu {display:flex; list-style:none;}
.nav-item {position:relative;}
.nav-link {color:#333; 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:#333;}

.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:#333; padding:12px 20px; text-decoration:none; display:block; font-size:16px; transition:background 0.3s ease;}
.dropdown-item .dropdown-link:hover {background:#f1f1f1;}

.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; height:50px; position:relative; z-index:1001;}
.menu-toggle span {display:block; width:24px; height:2px; background:#000; margin:2px 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;}
}
.fixed{position: fixed;z-index: 1000;background: #fff;box-shadow: rgba(0,0,0,.1) 0 0 10px;}

.e_title{font-size:28px;color:#333;line-height:35px;margin:15px 0;text-align:center;}
.e_title_ms{font-size:14px;color:#888;text-align:center;}
.font_a{font-size:2.8rem}
.font_b{font-size:2.4rem}
.font_c{font-size:2.0rem}
.font_d{font-size:1.8rem}
.font_e{font-size:1.6rem}
.font_f{font-size:1.4rem}
.pad_a{padding:1rem 0}
.pad_b{padding:0 0 1rem 0}
.pad_c{padding:7rem 5rem}
.pad_d{padding:0 0 0 3rem}
.pad_e{padding:0 1.5rem}
.pad_f{padding:1.5rem}
.pad_g{padding:6rem 0}
.pad_h{padding:2rem 0}
.padd{padding-top:20rem}
.mar_a{margin:0 -0.8%}

.color_a{color:#000}
.text_a{text-align:center;}

.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:30%}
.jl_ban{max-width:1600px;margin:0 auto;position:relative;}
.jl_ban_a{width:100%;height:74px;line-height:74px;color:#fff;text-align:center;}
.jl_ban_b {width: 100%;height: 42px;line-height: 42px;color: #fff;text-align: center;}
.jl_ban_c {width: 100%;height: 54px;}
.jl_cx {width: 540px;height: 54px;margin: 0 auto;background-color: #fff;border-radius: 10px;overflow: hidden;}
.jl_ca {width: 400px;height: 54px;line-height: 54px;text-align: center;font-size: 20px;color: #0233c5;float: left;}
.jl_cb {width: 140px;height: 54px;float: right;}
.jl_cb a {width: 140px;height: 54px;display: block;line-height: 54px;text-align: center;background-color: #ff9500;font-size: 20px;color: #fff;font-weight: bold;transition: all .6s;-webkit-transition: all .6s;}
.jl_video{height:500px;background-image: radial-gradient(circle, #275ab6, #1c4794);}
.jl_video .caves{height:500px;}

.jx_pro{max-width: 1600px;width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;overflow: hidden;position: absolute;left: 50%;top: 95%;transform: translate(-50%, -50%); z-index: 9;}
.jx_pro_list{width:23%;background:#fff;height:200px}
.jx_pro a{display: block;width:24% }

.iconic-box {z-index: 1;overflow: hidden;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;background: white;position: relative; margin-bottom: 30px;border-radius: 5px;padding: 40px 50px 35px;box-shadow: 0 7px 10px rgb(120 124 139 / 10%);}
.iconic-box:hover{background:#0055ff}
.iconic-box .icon {z-index: 1;line-height: 1;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; position: relative;margin-bottom: 25px;color: #0055ff; font-style: normal !important}
.iconic-box .icon:after {width: 80px;height: 80px;z-index: -1;position: absolute;left: 5px;top: 10px;-webkit-transition: 0.5s; -o-transition: 0.5s;transition: 0.5s;border-radius: 50%;-webkit-transition-delay: 0.2s;-o-transition-delay: 0.2s;transition-delay: 0.2s; background: #f1f5ff; }
.iconic-box .icon .iconfont{font-size:6rem !important}
.iconic-box .content h4 {margin-bottom: 15px;}
.iconic-box .content p {-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;font-size: 14px;}
.iconic-box .content hr {-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;margin-top: 30px;margin-bottom: 20px; background: #ebebeb;opacity: 1;border: none; outline: none;  height:1px}
.iconic-box .content .read-more {margin-top: 8px; }
.iconic-box .bg {z-index: -1;position: absolute;right: -40px;top: -40px;max-width: 60%;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s; }
.iconic-box:hover .icon,
.iconic-box:hover .read-more,
.iconic-box:hover .content p,
.iconic-box:hover .content h4 {color: #fff; }
.iconic-box:hover .icon:after {background: rgba(255, 255, 255, 0.1); }
.iconic-box:hover hr {opacity: 0.15;background: #fff; }
.iconic-box:hover .bg {top: 0;right: 0; }
.c {clear: both;}

.Eavesbg{ background: #f8f8f8;}
.Eaves_content{ max-width: 1600px; margin: 0 auto; }
.Eaves_title{margin-bottom: 70px;position: relative;display: flex;justify-content: space-between;align-items: center;}
.Eaves_title_fl h2{font-size: 32px;color: #333;position: relative;}
.Eaves_title_fl p{font-size: 16px;color: #666;margin-top: 10px;}
.Eaves_title_fl p::before{width: 80px;height: 4px;background: #ff8f04;content: '';position: absolute;bottom: -30px; left: 0;}
.Eaves_title_fr a{display: inline-block;padding:0 15px;font-size: 16px;color: #666; position:relative;}
.Eaves_title_fr a::after{content:''; position:absolute; bottom:-2px; left:50%; transform:translateX(-50%); width:0; height:2px; background:#000; transition:width 0.3s ease; z-index:2;}
.Eaves_title_fr a.cur { color:#ff8f04; }
.Eavescase_list{display: flex;flex-wrap: wrap;justify-content: flex-start; gap: 1%;}
.Eavescase_list > .col-4 {width: 32.33333%;box-sizing: border-box; }
.content_list {margin-bottom:40px; position:relative;}
.content_list .content_list_img{ text-align: center; position: relative;}
.content_list .content_list_img img{ max-width: 100%;}
.content_list:hover{ box-shadow: 0px 0px 25px rgba(0,0,0,.2);}
.content_list .content_list_txt{background: #fff;padding: 30px;}
.content_list .content_list_txt .case_name{font-size: 18px;color: #000;margin-bottom: 10px;}
.content_list .content_list_txt .case_name span{font-size: 16px;color: #666;margin-left: 12px;}
.content_list .content_list_txt .case_trades{font-size: 14px;color: #666;}
.content_list .content_list_txt .case_trades i{padding-left: 22px;}
.content_list .content_list_txt .case_more{font-size: 14px;color: #333;border-top: 1px solid #e1e1e1;padding-top: 14px;margin-top: 26px;}
.content_list .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 .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); }}

.Eaves_adv{position: relative;}
.Eaves_adv .swiper {width: 100%;height: 700px;margin-left: auto;margin-right: auto;}
.Eaves_adv .swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.Eaves_adv .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.Eaves_adv .swiper-slide {background-size: cover;background-position: center;}
.Eaves_adv .mySwiper2 {height: 80%;width: 100%;}
.Eaves_adv .mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.Eaves_adv .mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.Eaves_adv .mySwiper .swiper-slide-thumb-active {opacity: 1;}
.Eaves_adv .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.Eaves_icon {position: absolute !important;left: 20% !important;top: 60% !important;transform: translate(-50%, -50%) !important;z-index: 99 !important;width: 380px !important;height: 230px !important;overflow: hidden !important;pointer-events: auto !important;}
.Eaves_icon .swiper-wrapper {display: grid !important;grid-template-columns: 180px 180px !important;grid-template-rows: 110px 110px !important;gap: 10px !important;width: 370px !important;height: auto !important;flex-wrap: wrap !important;transform: none !important;transition: none !important;}
.Eaves_icon .swiper-slide {width: 180px !important;height: 110px !important;margin: 0 !important;opacity: 0.4 !important;pointer-events: auto !important;border-radius: 5px; cursor:pointer;}
.Eaves_icon .swiper-slide-thumb-active {opacity: 1 !important; border:2px solid #0055ff;}
.Eaves_icon::-webkit-scrollbar {display: none !important;}
.Eaves_icon {-ms-overflow-style: none !important;scrollbar-width: none !important;}
.Eaves_sw{position: absolute;transform: translate(-50%, -50%) !important;left: 30% ;top: 20%;z-index: 99;text-align: left;color:#fff}
.Eaves_sw h3{font-size:3rem;font-weight: bold;padding-bottom:1rem}
.Eaves_sw p::after{content: '';height:1px;width:10rem;display: block;background:#fff;top:5rem;position: relative;}
.Eaves_st{text-align: center;transform: translate(-50%, -50%) !important;left: 50% ;top: 50%;position: absolute;}
.Eaves_st span{font-size:3rem;color:#00b7ee;}
.Eaves_st p{color:#888;padding-top:1rem}

.News_content .box2 dt{width: 24.25%;float: left;margin-right: 1.1%;}
.News_content .box2 dt:nth-child(3){margin-right: 0;}
.News_content .box2 dt:nth-child(1){width: 49.3%;position: relative;}
.News_content .box2 dt p{height: 24px;}
.News_content .box2 dt .fen span{color: #ff8f04;}
.News_content .box2 dt i{font-style: normal;background: #f1f2f7;display: block;padding: 4px 8px;}
.News_content .box2 dt .txt{background: #fff;min-height: 150px;}
.News_content .box2 dt .txt .pad{padding: 16px 20px;}
.News_content .box2 dt .imgfd img{height: 250px;}
.News_content .box2 dt:nth-child(1) .imgfd img{height: 400px;}
.News_content .box2 dt:nth-child(1) .wz{color: #fff;position: absolute;left: 0;bottom: 25px;width: 100%;}
.News_content .box2 dt:nth-child(1) .wz h4{font-size: 22px;display: block;margin-bottom: 15px;height: 30px;line-height: 30px;overflow: hidden;}
.News_content .box2 dt:nth-child(1) .wz .sub{font-size: 14px;}
.News_content .box2 dt:nth-child(1) .wz .pad2{padding: 0 22px;}
.News_content .box1 li{width: 32.6%;margin-top: 18px;background: #fff;float: left;margin-right: 1.1%;}
.News_content .box1 li:nth-child(3n){margin-right: 0;}
.News_content .box1 li a{padding: 26px 20px;display: block;}
.News_content .box1 li h3,.News_content .box2 dt h3{font-size: 18px;color: #333;font-weight: normal;height: 24px;line-height: 24px;overflow: hidden;}
.News_content .box1 li p,.News_content .box2 dt p{font-size: 14px;color: #666;line-height: 24px;height: 48px;overflow: hidden;display: block;margin: 10px 0 20px;}
.News_content .box1 li .line{width: 100%;height: 1px;background: #e1e1e1;margin-bottom: 8px;}
.News_content .box1 li span,.News_content .box2 dt .fen,.News_content .box2 dt i{font-size: 14px;color: #333;}
.News_content .box1 li img{display: block;margin-top: 4px;}
.News_content .box1 li:hover h3,.News_content .box2 dt:hover h3,.News_content .box2 dt:nth-child(1):hover .wz h4{color: #ff8f04;transition: all 0.3s ease 0s;}
.News_content .box1 li:hover,.News_content .box2 dt:hover{ box-shadow: 0px 0px 15px rgba(0,0,0,.1);}
.imgfd{overflow: hidden;}
.imgfd img{transition: all 0.5s ease;height: auto;width: 100%;object-fit: cover;display: block;}
.imgfd:hover img{transform: scale(1.1);}
.detailes{color:#333;line-height:30px;font-size:16px}



.main_foot{background:#333;margin-top:6rem;padding:3rem 0}
.foot{display: flex;justify-content: space-between;align-items: center;padding-bottom:5rem}
.foot a{display: inline-block;color:#fff;padding:0 1.5rem}
.foot_link{display: flex;justify-content: space-between;align-items: center;}
.foot_link a{display: inline-block;color:#fff;padding:0 1.5rem 0 0}
.foot-fl .wz_add a{ margin-right:8px; }
.f-tel {font-size: 16px;color: #fff;text-align: right;}
.f-tel b {font-size: 26px;display: block;font-weight: normal;}
.ewm img{width:120px}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block; }
.title-small span {font-size: 14px;font-weight: 600;text-transform: uppercase;line-height: 30px;letter-spacing: 1px;color: #7e7d7d;display: block;}
.title-small h3 {font-size: 35px;line-height: 45px;font-weight: 700;margin-top: 1.5rem;color:#3f3a64}
.service-list{margin-top: 1.5rem }
.service-list li {display: block;margin-bottom: 15px;}
.service-list li i{color:#009f4d;margin-right: 5px;opacity: .8;}
.title-small p {margin-top: 1.5rem !important;color:#666;line-height: 3rem;}
.radius-image {border-radius: 8px;}
.web_new > .col-6 {margin:1%;box-sizing: border-box;background: #fff;width:48%;padding:1rem }

.case_main{padding:40px 0 100px;}
.center {max-width: 1600px; margin: 0 auto;}
.show_left{width:73%;}
.show_left img{max-width:100%;}
.show_right{width:25%;}
.caseshow{background:#fff;border-radius:5px;padding:30px 45px;overflow:hidden;margin-bottom: 20px;}
.jj_tit{font-size:26px;line-height:24px;margin-bottom:20px;color:#000;font-weight:bold;padding-bottom:20px}
.news_box{border-bottom: 1px solid #f1f1f1;margin-bottom:20px;padding-bottom:20px}
.news_box span{padding-right:20px}
.recom_case{width:1400px;overflow:hidden;margin:0 auto;height:100%;padding-bottom:30px}
.recom_case ul{display:flex;justify-content:center;gap:5px;}
.recom_case li{width:25%}
.recom_case ul li h2{font-weight:normal;font-size:16px;line-height:30px;height:30px;overflow:hidden;color:#333;margin-top:10px;}
.recom_case ul li img{width:100%;}
.recom_case ul li:hover h2{color:#e60012;}
.re_case{width:100%;overflow:hidden;margin:0 auto;height:100%;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;}
.recom_news{padding:28px 30px;background:#fff;margin-bottom:20px;border-radius:5px;}
.recom_news img{width:100%;}
.recom_news ul li a{display:inline-block;width:100%;margin-top:15px;color:#333;line-height:30px;height:30px;overflow:hidden;}
.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;height:100%;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;}

.web_art{padding:28px 0px;background:#fff;margin-bottom:20px;border-radius:5px;}
.web_art ul{display:flex;justify-content:center;gap:5px;}
.web_art li{padding:20px 10px;background:#ebebeb;width:50%}
.gray_bg{background:#f3f3f3;height:100%;overflow:hidden;}
.Eaves_case{padding-bottom:3rem}
.Eaves_case a{display: inline-block;font-size: 16px;color: #393a3a;border-radius: 5px;background: #fff;padding: 14px 25px;margin-right: 15px;}
.Jl_caseinfo{max-width:1600px;width:100%;display: flex;justify-content: space-between;margin: 40px auto;background-color: #fff;}
.Jl_caseinfo_fl{flex:1}
.Jl_caseinfo_tit{margin-bottom:2rem;}
.Jl_caseinfo_tit h2{font-size: 2.6rem;margin-bottom:1rem;color:#333;font-weight: bold;}
.jlrec{height: 4px;border-bottom: 1px solid #efefef;width: 100%;}
.Jl_caseinfo_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;}
.Jl_caseinfo_fr{flex:1;background: #efefef;}
.back_a{background: #fff;margin-bottom:2rem;border-radius: 1rem;padding:3rem;}
.news_list_img img{ max-width: 100%;}
.news_list h2 { font-size: 20px; color: #111; font-weight: normal; height: 26px; line-height: 26px; overflow: hidden;}
.news_list p { font-size: 14px; color: #717171; line-height: 30px; height: 60px; overflow: hidden; margin: 20px 0 30px;}
.img-fluid{max-width: 100%;height: auto;}


.btn-style {padding: 15px 50px;font-size: 16px;line-height: 18px;font-weight: 600;transition: 0.3s ease-in;border-radius: 5px;color: #fff;background-color: #00a63f;border-color: #00a63f;display: inline-block;margin-top: 3rem;}
.call-grids-w3 {display: grid;grid-template-columns: 1fr 1fr;grid-gap: 25px;}
.box-wrap {padding: 40px 30px;border-radius: 5px;text-align: center;box-shadow: rgba(1, 1, 1, 0.05) 1px 1px 5px 0px;background-color: #fff;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;-ms-transition: .3s ease;-o-transition: .3s ease;}
.box-wrap:hover {transform: translateY(-0.25rem);box-shadow: rgba(46, 41, 51, 0.08) 0px 2px 4px, rgba(71, 63, 79, 0.16) 0px 5px 10px;transition: .3s ease;-webkit-transition: .3s ease;-moz-transition: .3s ease;
-ms-transition: .3s ease;-o-transition: .3s ease; }
.box-wrap h4 a {font-size: 22px;line-height: 28px;font-weight: 600;margin-top: 25px;display: block;color: var(--heading-color);}

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

.E_contact{max-width: 1600px; margin: 0px  auto; }
.E_bg{background: url(../img/bg.jpg)no-repeat center top ;height:600px}
.lxfs {max-width: 665px;padding-top: 105px;padding-left: 60px;}
.lxfs_a{background-color: #fff;height:100%;overflow: hidden;padding: 60px;}
.lxfs_a h3{color:#000;font-weight: bold;font-size:2.8rem;padding-bottom:1rem}
.E_co{display:flex;justify-content: space-between;}

.lxfs_ewm img{width:120px}
.lxfs_ewm i{display: block;text-align: center;font-style: normal;font-size:1.2rem}
.row {display: flex;flex-wrap: wrap;}
.col,.col-1,.col-2,.col-3,.col-4,.col-5,.col-6,.col-8,.col-10,.col-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-6,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-6,.col-xs-12{box-sizing: border-box; width: 100%;}
.col-12{width:100%}.col-10{width:83.3333%}.col-8{width:66.6666%}.col-6{width:50%}.col-5{width:41.6666%}.col-4{width:33.3333%}.col-3{width:25%}.col-2{width:16.6666%}.col-1{width:8.3333%}
.E_ny{text-align:center;}
.E_ny h3{font-size: 30px;color: #333;font-weight: bold;}
.E_ny p {font-size: 16px;color: #717171;display: block;margin-top: 15px;}
.E_input{margin-bottom: 24px;position: relative;}
.E_input input{padding: 0 20px;font-size: 14px;color: #a3a3a3;height: 56px;line-height: 56px;background: #fff;border:none;width:99%}
.E_tex textarea{padding: 20px;font-size: 14px;color: #a3a3a3;width: 100%;resize: none;height: 160px;background: #fff;margin-bottom: 24px;border:none;}
.E_sub {cursor: pointer;width: 180px;height: 56px;line-height: 56px;font-size: 16px;color: #fff;background: #134b87;border:none;}
.E_yzm input{padding: 0 20px;font-size: 14px;color: #a3a3a3;height: 56px;line-height: 56px;background: #fff;border:none;width:30%}

.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) {
.padd{padding-top:2rem}
.col-md-12{width:100%}.col-md-6{width:50%}.col-md-4{width:33.3333%}.col-md-3{width:25%}.col-md-2{width:16.6666%}.col-md-1{width:8.3333%}

.jx_pro {flex-wrap: wrap;justify-content: center;gap: 20px;top: auto;transform: translate(-50%, 0);position: relative;margin: 40px auto 0;padding: 0 20px;}
.Eavesbg:first-of-type {padding-top: 4rem !important;}
.jx_pro a {width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
.iconic-box {padding: 30px 25px;}

/* 案例列表 2列 */
.Eavescase_list > .col-4 {width: 49%;}
.Eaves_adv {position: relative;overflow: hidden;}
.Eaves_icon {position: relative !important;left: auto !important;top: auto !important;transform: none !important;width: 100% !important;height: auto !important;margin-top: 15px;background: #f5f5f5;border-radius: 12px;padding: 12px 0;}
.Eaves_icon .swiper-wrapper {display: flex !important;grid-template-columns: none !important;flex-wrap: nowrap !important;width: 100% !important;gap: 10px;justify-content: center;}
.Eaves_icon .swiper-slide {width: 100px !important;height: 80px !important;opacity: 0.6;border-radius: 8px;overflow: hidden;}
.Eaves_icon .swiper-slide-thumb-active {opacity: 1;border: 2px solid #0055ff;}
.Eaves_st {transform: none;text-align: center;}
.Eaves_st span {font-size: 2rem;}
.Eaves_st p {font-size: 12px;padding-top: 4px;}
.Eaves_sw {left: 5% !important;top: 15% !important;transform: translate(0, -15%) !important;width: 85%;}
.Eaves_sw h3 {font-size: 2rem;}
.Eaves_sw p {font-size: 1.2rem;}
.swiper, .mySwiper2 {height: 450px;}

}

/* 3. 小型设备（平板）：768px ~ 991px */
@media (min-width: 768px) and (max-width: 991px) {
.col-sm-12{width:100%}.col-sm-6{width:50%}.col-sm-4{width:33.3333%}.col-sm-3{width:25%}.col-sm-2{width:16.6666%}.col-sm-1{width:8.3333%}
.padd{padding-top:2rem}

.navbar .nav-menu {position: fixed;left: -100%;top: 0;flex-direction: column;background-color: #fff;width: 80%;max-width: 320px;height: 100vh;padding: 80px 20px 30px;margin: 0;box-shadow: 2px 0 20px rgba(0,0,0,0.1);transition: left 0.3s ease;z-index: 1000;overflow-y: auto;display: flex !important;}
.navbar .nav-menu.active {left: 0;}
.nav-item .nav-link {color: #333 !important;line-height: 50px;padding: 0;margin: 0;display: block;border-bottom: 1px solid #eee;font-size: 16px;}
.nav-container {justify-content: space-between;}
.logo img {height: 40px;}
.nav-link::after {display: none;}

.jl_top {height: 480px;}
.jl_video, .jl_video .caves {height: 480px;}
.jl_ban_a {font-size: 1.8rem;height: auto;line-height: 1.4;padding: 0 15px;}
.jl_ban_b {font-size: 1.4rem;height: auto;line-height: 1.4;padding: 8px 15px;}
.jl_cx {width: 90%;max-width: 480px;height: auto;border-radius: 50px;display: flex;flex-wrap: wrap;}
.jl_ca {width: 65%;font-size: 16px;height: 48px;line-height: 48px;}
.jl_cb {width: 35%;}
.jl_cb a {width: 100%;height: 48px;line-height: 48px;font-size: 16px;}
.jl_banw {top: 25%;}


.jx_pro {flex-wrap: wrap;justify-content: center;gap: 20px;top: auto;transform: translate(-50%, 0);position: relative;margin: 40px auto 0;padding: 0 20px;}
.Eavesbg:first-of-type {padding-top: 4rem !important;}
.jx_pro a {width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
.iconic-box {padding: 30px 25px;}

.Eavescase_list > .col-4 {width: 49%;}


.Eaves_adv {position: relative;overflow: hidden;}
.Eaves_icon {position: relative !important;left: auto !important;top: auto !important;transform: none !important;width: 100% !important;height: auto !important;margin-top: 15px;background: #f5f5f5;border-radius: 12px;padding: 10px 0;}
.Eaves_icon .swiper-wrapper {display: flex !important;grid-template-columns: none !important;flex-wrap: nowrap !important;width: 100% !important;gap: 10px;justify-content: center;}
.Eaves_icon .swiper-slide {width: 90px !important;height: 70px !important;opacity: 0.6;border-radius: 6px;}
.Eaves_st span {font-size: 1.8rem;}
.Eaves_st p {font-size: 11px;}
.Eaves_sw {left: 5% !important;top: 12% !important;transform: translate(0, -12%) !important;width: 85%;}
.Eaves_sw h3 {font-size: 1.8rem;}
.Eaves_sw p {font-size: 1rem;}
.swiper, .mySwiper2 {height: 400px;}

.News_content .box2 dt,
.News_content .box2 dt:nth-child(1) {width: 100%;margin-right: 0;margin-bottom: 20px;}
.News_content .box2 dt .imgfd img {height: auto;max-height: 260px;}
.News_content .box2 dt:nth-child(1) .imgfd img {height: auto;max-height: 300px;}
.News_content .box2 dt:nth-child(1) .wz {position: absolute;bottom: 0;background: linear-gradient(0deg, rgba(0,0,0,0.7), transparent);padding: 20px 0 10px;}
.News_content .box2 dt:nth-child(1) .wz h4 {font-size: 18px;color: #fff;}
.News_content .box1 li {width: 100%;margin-right: 0;}

.main_foot {margin-top: 3rem;padding: 2rem 0;}
.foot {flex-direction: column;gap: 20px;padding-bottom: 30px;text-align: center;}
.foot_link {flex-direction: column;text-align: center;gap: 25px;}
.foot-fr {text-align: center;}
.f-tel {text-align: center;margin-bottom: 10px;}
.ewm img {width: 100px;}
.foot-fl .wz_add {text-align: center;}

.Eaves_title {margin-bottom: 40px;}
.Eaves_title_fl h2 {font-size: 26px;}
.Eaves_title_fl p {font-size: 14px;}
.Eavesbg {padding: 40px 0;}
.content_list .content_list_txt {padding: 20px;}
}




@media (max-width: 767px) {
.mySwiper .swiper-slide-text{left:50%;width:80%}
.mySwiper .swiper-slide-text h3{font-size:2.4rem}
.E_co{flex-wrap: wrap;}
.show_left{width:100%;}
.show_right{display:none}
.lxfs{padding-top: 30px;padding-left: 30px;padding-right: 30px;}
.main_foot{ display: none; }
.col-xs-12{width:100%}.col-xs-6{width:50%}.col-xs-4{width:33.3333%}.col-xs-3{width:25%}.col-xs-2{width:16.6666%}.col-xs-1{width:8.3333%}

.padd{padding-top:2rem}

.navbar .nav-menu {position: fixed;left: -100%;top: 0;flex-direction: column;background-color: #fff;width: 80%;max-width: 320px;height: 100vh;padding: 80px 20px 30px;margin: 0;box-shadow: 2px 0 20px rgba(0,0,0,0.1);transition: left 0.3s ease;z-index: 1000;overflow-y: auto;display: flex !important;}
.navbar .nav-menu.active {left: 0;}
.nav-item .nav-link {color: #333 !important;line-height: 50px;padding: 0;margin: 0;display: block;border-bottom: 1px solid #eee;font-size: 16px;}
.nav-container {justify-content: space-between;}
.logo img {height: 40px;}
.nav-link::after {display: none;}

.jl_top {height: 350px;}
.jl_video, .jl_video .caves {height: 350px;}
.jl_ban_a {font-size: 1.6rem;height: auto;line-height: 1.3;padding: 0 10px;}
.jl_ban_b {font-size: 1.2rem;height: auto;line-height: 1.3;padding: 5px 10px;}
.jl_ban_c{ display: none; }
.jl_cx {width: 90%;max-width: 400px;height: auto;border-radius: 40px;display: flex;flex-wrap: wrap;}
.jl_ca {width: 60%;font-size: 14px;height: 44px;line-height: 44px;}
.jl_cb {width: 40%;}
.jl_cb a {width: 100%;height: 44px;line-height: 44px;font-size: 14px;}
.jl_banw {top: 22%;}

.jx_pro {flex-wrap: wrap;justify-content: center;gap: 20px;top: auto;transform: translate(-50%, 0);position: relative;margin: 40px auto 0;padding: 0 20px;}
.Eavesbg:first-of-type {padding-top: 4rem !important;}
.jx_pro a {width: calc(50% - 10px);flex: 0 0 calc(50% - 10px);}
.iconic-box {padding: 25px 20px;text-align: center;}
.iconic-box .icon .iconfont {font-size: 4rem !important;}
.iconic-box .content h4 {font-size: 1.6rem;}
.iconic-box .content p{display: none;}
.iconic-box .content hr{display: none;}
.pro_btn{display: none;}
.Eaves_title_fr{display: none;}
.Eavescase_list > .col-4 {width: 100%;}
.Eaves_title {flex-direction: column;align-items: flex-start;gap: 20px;}
.Eaves_title_fr a {padding: 0 10px;font-size: 14px;}
.font_a { font-size: 3rem; }
.font_d { font-size: 1.4rem; }

/* 轮播区 */
.Eaves_adv {position: relative;overflow: hidden;}
.Eaves_icon {position: relative !important;left: auto !important;top: auto !important;transform: none !important;width: 100% !important;height: auto !important;margin-top: 15px;background: #f5f5f5;border-radius: 12px;padding: 12px 0;}
.Eaves_icon .swiper-wrapper {display: flex !important;grid-template-columns: none !important;flex-wrap: nowrap !important;width: 100% !important;gap: 8px;justify-content: center;}
.Eaves_icon .swiper-slide {width: 70px !important;height: 60px !important;opacity: 0.6;border-radius: 6px;}
.Eaves_st span {font-size: 1.6rem;}
.Eaves_st p {font-size: 10px;}
.Eaves_sw {left: 5% !important;top: 12% !important;transform: translate(0, -12%) !important;width: 90%;}
.Eaves_sw h3 {font-size: 1.4rem;padding-bottom: 0.5rem;}
.Eaves_sw p {font-size: 0.9rem;line-height: 1.3;}
.Eaves_sw p::after {width: 4rem;top: 2.5rem;}
.swiper, .mySwiper2 {height: 280px;}


@media (max-width: 479px) {
.Eaves_sw p::after {display: none;}
.Eaves_sw {background: rgba(0,0,0,0.5);padding: 6px 10px;border-radius: 10px;left: 2% !important;width: 96%;top: auto !important;bottom: 10px;transform: none !important;}
.Eaves_sw h3 {font-size: 1.2rem;margin-bottom: 2px;}
.Eaves_sw p {font-size: 0.7rem;}
}

/* 新闻区域 */
.News_content .box2 dt,
.News_content .box2 dt:nth-child(1) {width: 100%;margin-right: 0;margin-bottom: 20px;}
.News_content .box2 dt .imgfd img {height: auto;max-height: 240px;}
.News_content .box2 dt:nth-child(1) .imgfd img {height: auto;max-height: 280px;}
.News_content .box2 dt:nth-child(1) .wz {position: relative;bottom: auto;background: linear-gradient(0deg, rgba(0,0,0,0.7), transparent);padding: 15px 0 8px;}
.News_content .box2 dt:nth-child(1) .wz h4 {font-size: 16px;height: auto;line-height: 1.3;}
.News_content .box2 dt .txt .pad {padding: 12px;}
.News_content .box1 li {width: 100%;margin-right: 0;}
.News_content .box1 li a {padding: 18px 16px;}

/* 底部（手机已隐藏） */
/* 其他间距 */
.Eaves_title {margin-bottom: 30px;}
.Eaves_title_fl h2 {font-size: 24px;}
.content_list .content_list_txt {padding: 16px;}
}