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}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;vertical-align:top;}
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;}

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

.navbar {width:100%;z-index:1000;}
.nav-container {max-width:1400px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; padding:0 20px; 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:16px; 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:#fff; font-size:24px; cursor:pointer; padding:22px 0; display:none;}
.menu-toggle {display: none;flex-direction: column;justify-content: center;align-items: center;width: 30px;height: 50px;cursor: pointer;position: relative;z-index: 1001;}
.menu-toggle span {display: block;width: 24px;height: 2px;background: #fff;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);}




.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}
.mar_a{margin:0 -0.8%}
.color_a{color:#000}
.text_a{text-align:center;}

.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{}
.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%}



.jl_top{width: 100%;height: 500px;position: relative;}
.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 {/* content: '' */;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{}
.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{}
.Eaves_title_fr a{display: inline-block;padding:0 15px;font-size: 16px;color: #666;}
.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;}
.Eavescase_list{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Eavescase_list > .col-4 {width:32.3333%;gap:0.5%;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;-webkit-transform: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;}
.swiper {width: 100%;height: 700px;margin-left: auto;margin-right: auto;}
.swiper-slide {text-align: center;font-size: 18px;background: #fff;display: flex;justify-content: center;align-items: center;}
.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.swiper-slide {background-size: cover;background-position: center;}
.mySwiper2 {height: 80%;width: 100%;}
.mySwiper {height: 20%;box-sizing: border-box;padding: 10px 0;}
.mySwiper .swiper-slide {width: 25%;height: 100%;opacity: 0.4;}
.mySwiper .swiper-slide-thumb-active {opacity: 1;}
.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;}
.Eaves_icon .swiper-slide-thumb-active {opacity: 1 !important;}
.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}


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

.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}
.f-tel {font-size: 16px;color: #fff;text-align: right;}
.f-tel b {font-size: 26px;display: block;font-weight: normal;}


article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {display: block; }





@media (max-width:1170px) and (min-width:970px){
.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%}

}
@media (max-width:970px) and (min-width:750px){
.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%}
}

@media (max-width:750px){
.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%}



}