*{box-sizing:border-box;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{ margin:0; padding:0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,img{border:0 none; margin:0; padding:0; box-sizing:border-box; outline:0; font-family:"Source Han Sans CN", "Noto Sans S Chinese Light", "Microsoft Yahei", "Microsoft YaHei Light", "Pingfang sc regular", "Helvetica Neue", Helvetica, Tahoma, sans-serif;}/* font-family: 'Poppins',sans-serif;  */
body,textarea,input,button,select,keygen,legend{font-size: 14px;line-height:22px;color:#666;outline:0;font-style: normal;}
html,body{width:100%;position:relative;}
html{font-size:calc(100vw / 19.2);scroll-behavior:smooth;}
body{overflow-x:hidden;}
h1,h2,h3,.inbt,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}
.clearfix {
*zoom:1;
}
/*给IE6清除浮动*/
.clearfix:after {
	display:block;
	overflow:hidden;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}

/** 重置超链接元素 **/
a{text-decoration:none;color:#333;}
a:hover{color:#004ea2;}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.w1200{width:1200px;max-width: 95%; margin:auto;}
.w1440{width:1440px;max-width: 95%; margin:auto;}
.w1600{width:1600px;max-width: 95%; margin:auto;}
.pdt80{padding-top: 80px;padding-bottom: 80px;}
.pdt60{margin-left: 80px;margin-right: 80px;}
.pd95{padding-left:4%;padding-right: 4%;}
.pd10{padding-left: 10%;padding-right: 10%;}
.pd40{padding-left: 40px;padding-right: 40px;}

.top_bg{position: fixed;left: 0;top: 0;right: 0; z-index: 999;height: 80px;-webkit-transition:0.5s;transition:0.5s;border-bottom: 1px solid rgba(0, 0, 0, 0);-webkit-transition: 0.5s;transition: 0.5s;


}
/* .top_bg.xs{top:-80px;} */
.top_h{display: flex;align-items: center;justify-content: space-between;}
.top_h .logo{}
.top_h .logo img{display: block;height:80px;padding: 10px 0;}
.top_h .logo img.hs{display: none;}
.dhan2{display: none;}
.sjdh2{display: none;}
.dh{display: block; }
.dh ul{display: flex;}
.dh ul li{position: relative;}
.dh ul li p a{display:block;line-height:80px;font-size:18px;position:relative;color:#fff;padding:0 25px;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li p a:hover{color: #004ea2;}
.dh ul li p a:after{content: "";position: absolute;left: 25px;right: 25px;bottom: 0px;height: 2px;background: #fff;-webkit-transform: scale(0, 1);transform: scale(0, 1);opacity: 0;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li:hover p a:after{-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}
.dh ul li p a:after{background: #004ea2;}
.dh ul li.on p a{color:#fff; font-weight: 600;}

.dh ul li .dh_fl{position: absolute;left:50%;top: 80px;margin-left: -100px;width:280px;display: none;padding: 10px;}
.dh ul li .dh_fl ul{display: block;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.dh ul li .dh_fl ul li{border-bottom: 1px solid #eee;}
.dh ul li .dh_fl ul li:last-child{border-bottom:none;}
.dh ul li .dh_fl ul li a{display: flex;align-items: center;align-content: center;justify-content: space-between;font-size: 14px;line-height: 2;color: #000;padding: 10px 12px;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li .dh_fl ul li a:hover{color:#004ea2;}
.dh ul li .dh_fl ul li a i{font-size: 12px;color:#ccc;-webkit-transition:0.5s;transition:0.5s;}
.dh ul li .dh_fl ul li:hover>a{color:#004ea2;}
.dh ul li .dh_fl ul li:hover>a>i{color:#004ea2;}
.dh ul li .dh_fl ul li .dh_fl{left: 100%;top: 0;margin-left: 0px;height: 1080px;padding: 0 10px;}
.dh ul li .dh_fl ul li .dh_fl:after{content: "";position: absolute;left:-5px;top: 0;bottom: 0;width: 10px;}
.dh ul li .dh_fl dl{position: absolute; left:100%;top:0; display: none; background:#fff; min-width: 260px; border-radius: 5px;}  
.dh ul li .dh_fl dl dd{border-bottom: 1px solid #eee;}
.dh ul li .dh_fl dl dd:last-child{border-bottom: none;}


.top_ssyy{display: flex;align-items: center;}
.top_yy{position: relative;}
.top_yy span{display: block;font-size: 22px;line-height: 80px;color: #fff;-webkit-transition:0.5s;transition:0.5s;cursor: pointer;}
.top_yy_xl{position: absolute;top:80px;left: 50%;width: 120px;margin-left: -60px;padding: 10px;display: none;}
.top_yy_xl ul{background: #fff;border-radius: 5px;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.top_yy_xl ul li a{display: block;font-size: 14px;line-height: 2;color: #000;text-align: center;padding: 5px 0;border-bottom: 1px solid #eee;-webkit-transition:0.5s;transition:0.5s;}
.top_yy_xl ul li a:hover{color: #004ea2;}
.top_ss{margin-right:20px;position:relative;}
.top_ss a{display:flex;align-items:center;align-content:center;justify-content:center;font-size:24px;height:80px;color:#fff;-webkit-transition:0.5s;transition:0.5s;}
.top_ss.on form a{color:#004ea2;}
.top_ss_xl{position: fixed;left: 0;top: 0;right: 0;z-index: 10;bottom: 0;background: #fff;display: none;}
.top_ss_xl .top_ss_bg{width: 800px;max-width: 95%;margin: auto;}
.top_ss_logo{display: flex;align-items: center;justify-content: center;}
.top_ss_logo a{}
.top_ss_logo img{display: block;height:80px;padding: 10px 0;}
.top_ss_xl form{display: block;position: relative;padding: 0 100px 0 32px;border-bottom: 1px solid #000;margin-top: 20px;}
.top_ss_xl form input{display: block;width: 100%; font-size: 16px;line-height: 60px;color: #000;height: 60px;}
.top_ss_xl form span{position: absolute;left: 0;top: 0;font-size: 22px;line-height: 60px;color: #666;text-align: center;}
.top_ss_xl form a{position: absolute;right: 30px;top: 0;width: 60px;font-size: 16px;line-height: 60px;color: #000;text-align: center;cursor: pointer;}
.top_ss_xl form .top_ss_gb{position: absolute;right: 0;top: 0;width: 30px;font-size: 18px;line-height: 60px;color: #004ea2;text-align: center;cursor: pointer;}

.top_bg.on{background: #fff;box-shadow: 0 0 12px 2px rgb(0 0 0 / .09) !important; border-radius: 0px 0px 30px 30px; opacity: 0;}
.top_bg.on .top_h .logo img.bs{display: none;}
.top_bg.on .top_h .logo img.hs{display: block;}
.top_bg.on .dh ul li p a{color: #000;}
.top_bg.on .dh ul li p a:after{background: #004ea2;}
.top_bg.on .dh ul li.on p a{color:#004ea2;}
.top_bg.on .dh ul li:hover p a{color:#004ea2;}
.top_bg.on .top_ss a{color: #000;}
.top_bg.on .top_yy span{color: #000;}

.top_bg:hover.on{ opacity: 1;}

.top_bg.on2{background: #fff;box-shadow: 0 0 12px 2px rgb(0 0 0 / .09) !important; border-radius: 0px 0px 30px 30px;}
.top_bg.on2 .top_h .logo img.bs{display: none;}
.top_bg.on2 .top_h .logo img.hs{display: block;}
.top_bg.on2 .dh ul li p a{color: #000;}
.top_bg.on2 .dh ul li p a:after{background: #004ea2;}
.top_bg.on2 .dh ul li.on p a{color:#004ea2;}
.top_bg.on2 .dh ul li:hover p a{color:#004ea2;}
.top_bg.on2 .top_ss a{color: #004ea2;}
.top_bg.on2 .top_yy span{color: #004ea2;}

/* 基础导航样式保持你原有的不变，以下是新增/修改的多级菜单样式 */

/* 1. 一级下拉容器适配 BOE 宽菜单 */
.dh ul li .multi-level-dropdown {
    left: 0;
    margin-left: 0;
    width: 800px; /* 宽版下拉菜单 */
    padding: 0;
    display: none;
    background: #fff;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.1);
    overflow: hidden;
}
.dh ul li:hover .multi-level-dropdown {
    display: flex;
}

/* 2. 左侧主分类列表 */
.menu-left {
    width: 25%;
    background: #f5f5f5;
    border-right: 1px solid #eee;
}
.menu-left ul {
    display: block;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
}
.menu-left ul li {
    border-bottom: 1px solid #eee;
}
.menu-left ul li:last-child {
    border-bottom: none;
}
.menu-left ul li a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    color: #333;
    transition: 0.3s;
}
.menu-left ul li.active a,
.menu-left ul li:hover a {
    background: #fff;
    color: #004ea2;
    border-left: 3px solid #004ea2;
}

/* 3. 右侧分类内容区 */
.menu-right {
    width: 75%;
    display: flex;
    padding: 20px;
    position: relative;
}
.menu-content {
    display: none;
    width: 100%;
    gap: 20px;
}
.menu-content.active {
    display: flex;
}
.content-col {
    flex: 1;
}
.content-col .topbt {
    font-size: 16px;
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}
.content-col ul {
    display: block;
    background: transparent;
    border-radius: 0;
    box-shadow: none !important;
    background: none;
}
.content-col ul li {
    border-bottom: none;
}
.content-col ul li a {
    display: block;
    padding: 8px 0;
    font-size: 14px;
    color: #666;
    transition: 0.3s;
}
.content-col ul li a:hover {
    color: #004ea2;
    padding-left: 5px;
}

/* 4. 适配导航栏背景变化状态（.on/.on2 状态） */
.top_bg.on .multi-level-dropdown,
.top_bg.on2 .multi-level-dropdown {
    background: #fff;
}
.top_bg.on .menu-left ul li a,
.top_bg.on2 .menu-left ul li a {
    color: #333;
}
.top_bg.on .menu-left ul li.active a,
.top_bg.on2 .menu-left ul li.active a,
.top_bg.on .menu-left ul li:hover a,
.top_bg.on2 .menu-left ul li:hover a {
    color: #004ea2;
}


.banner{width:100%;overflow:hidden;position:relative;}
.banner ul{}
.banner ul li{overflow:hidden;position:relative;}
.banner ul li .img{overflow: hidden;height:calc(100vh - 80px);}
.banner ul li .img img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li .img video{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li .txt{position: absolute;left: 0;bottom: 0;right: 0;top: 0;background:rgba(15,52,96,0.5);display: flex;align-items: center;align-content: center;justify-content: center;}
.banner ul li .txt .txt2{max-width: 95%;text-align: center;}
.banner ul li .txt .ml1{font-size: 46px;line-height: 1.6;color: #fff;font-weight: bold;}
.banner ul li .txt .ml1:after{display: none;}
.banner ul li .txt .ml2{font-size: 24px;line-height: 2;color: #fff;margin-top: 30px;}
.banner ul li .txt .ml4{margin-top: 40px;display: flex;justify-content: center;}
.banner ul li .txt .ml4 .more_an{margin:0 10px;}
.banner ul li .txt .ml4 .more_an:last-child{margin-right: 0;color: #666;background: #fff;}
.banner ul li .txt .ml4 .more_an:first-child i{font-size:20px;}
.banner ul li .txt .ml4 .more_an:last-child:hover{color: #fff;}
.banner ul li .txt .ml4 .more_an:last-child:after{background: #0063d2;}
.banner ul li.swiper-slide-active .txt .ml1{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.75s;animation-delay: 0.75s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml3{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml4{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.25s;animation-delay: 1.25s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}
.bandd{position:absolute; left:0; bottom:30px!important; width:100%; text-align:center; z-index:5;display: flex;align-items: center;justify-content: center;}
.bandd span{z-index:2;cursor:pointer;margin:0 10px!important;width:8px;height:8px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:rgba(255, 255, 255, 0.5);opacity: 1!important;}
.bandd span.swiper-pagination-bullet-active{background:#fff;}
.bandd span:after{content: "";position: absolute;left: -6px;top: -6px;border: 1px solid #fff;width: 18px;height: 18px;border-radius: 50%;-webkit-transform: scale(0);transform: scale(0);-webkit-transition:0.5s;transition:0.5s;}
.bandd span.swiper-pagination-bullet-active:after{-webkit-transform: scale(1);transform: scale(1);}
.banz,.bany{position:absolute; top:50%; width:50px; height:50px;margin-top: -25px; opacity:0;-webkit-transition:0.5s;transition:0.5s; cursor:pointer; z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;background: rgba(0, 0, 0, 0.1);border-radius: 50%;}
.banz{left:5%;}
.bany{right:5%;}
.banner:hover .banz,.banner:hover .bany{opacity:1;}
.more_an{font-size: 14px;line-height:46px;color: #fff;background: #f46008;padding:0 30px;-webkit-transition:0.5s;transition:0.5s;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;border-radius: 5px;}
.more_an .more_an_wz{position: relative;z-index: 2;}
.more_an i{font-size: 12px;padding-left: 5px;position: relative;z-index: 2;-webkit-transition:0.5s;transition:0.5s;}
.more_an:after{content: "";position: absolute;left:0;top:0;bottom:0;width: 0;background: #0063d2;-webkit-transition:0.5s;transition:0.5s;z-index: 1;}
.more_an:hover:after{width: 110%;}
.more_an:hover{color: #fff;}

/* .banner{width:100%;overflow:hidden;position:relative;}
.banner ul{}
.banner ul li{overflow:hidden;position:relative;}
.banner ul li .img{overflow: hidden;}
.banner ul li .img img{display:block; width:100%;}
.banner .swiper-slide img {
  transform: scale(1.1);
  transition: transform 1.2s ease-out;
}
.banner .swiper-slide-active img {
  transform: scale(1);
}

.banner ul li .img img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:10s;transition:10s;} 
.banner ul li .img video{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li.swiper-slide-active .img img{-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);} 
.banner ul li .txt{position: absolute;left: 60px;bottom: 0;right: 60px;top: 0;display: flex;align-items: center;align-content: center;justify-content: flex-start;}
.banner ul li .txt .txt2{width: 100%;}
.banner ul li .txt .ml1{font-size: 52px;line-height: 1.2;color: #fff;font-weight: bold;}
.banner ul li .txt .ml2{font-size: 52px;line-height: 1.2;color: #fff;font-weight: bold;margin-top: 20px;}
.banner ul li.swiper-slide-active .txt .ml1{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.banner ul li.swiper-slide-active .txt .ml2{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;} */


/*.banner{width:100%;overflow:hidden;position:relative;}*/
/*.banner ul{}*/
/*.banner ul li{overflow:hidden;position:relative;}*/
/*.banner ul li .sp{display: block;overflow: hidden;height:100vh;position: relative;}*/
/*.banner ul li video{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}*/
/*.banner ul li .img{display: block;overflow: hidden;height:100vh;}*/
/*.banner ul li .img img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:10s;transition:10s;}*/
/*.banner ul li .txt{position: absolute;left:150px;bottom: 0;right: 55%;top: 0;display: flex;align-items: center;align-content: center;justify-content: flex-start;}*/
/*.banner ul li .txt .txt2{width: 100%;}*/
/*.banner ul li .txt .ml1{font-size: 18px;line-height: 30px;color: #fff;display: flex;}*/
/*.banner ul li .txt .ml1 span{background:linear-gradient(135deg, #004ea2 0%, #0d97d7 100%);padding: 5px 15px;border-radius: 20px;margin-bottom: 20px;}*/
/*.banner ul li .txt .ml2{font-size:50px;line-height: 1.4;color: #fff;font-weight: bold;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 0.5s;animation-delay: 0.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
/*.banner ul li .txt .ml2 span{background-image: linear-gradient(135deg, #004ea2 0%, #0d97d7 100%);-webkit-text-stroke-color: #fff;-webkit-text-fill-color: transparent;-webkit-background-clip: text;background-clip: text;}*/
/*.banner ul li .txt .ml3{font-size:32px;line-height: 1.6;color: #fff;letter-spacing: 1px;-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
/*.banner ul li .txt .ml4{display: flex;margin-top: 40px;}*/
/*.banner ul li.banner1 .txt{bottom:auto;right: 60px;top: 80px;text-align: center;padding-top:5vh;}*/
/*.banner ul li.banner1 .txt .ml1{justify-content: center;}*/
/*.banner ul li.banner1 .txt .ml4{justify-content: center;}*/
/*.banner ul li.banner4 .txt{bottom:auto;right: 60px;top: 80px;text-align: center;padding-top:5vh;}*/
/*.banner ul li.banner4 .txt .ml1{justify-content: center;}*/
/*.banner ul li.banner4 .txt .ml4{justify-content: center;}*/
/*.banner ul li.swiper-slide-active .txt{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
/*.banner ul li.swiper-slide-active .txt .ml2{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:0.5s;animation-delay: 0.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
/*.banner ul li.swiper-slide-active .txt .ml3{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1s;animation-delay: 1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}*/
/*.banner ul li.swiper-slide-active .txt .ml4{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay: 1.5s;animation-delay: 1.5s; -webkit-animation-fill-mode:both;animation-fill-mode:both;}*/

/*.bandd{position:absolute;left: auto!important;right: 60px;bottom:60px!important;width:28px!important;z-index:4;display: flex;justify-content: flex-end;flex-wrap: wrap;}*/
/*.bandd span{z-index:2;cursor:pointer;margin:6px 0px!important;width:15px;height:1px;position:relative;-webkit-transition:0.5s;transition:0.5s;background:#fff;opacity: 1!important;border-radius: 0!important;}*/
/*.bandd span.swiper-pagination-bullet-active{width: 28px;}*/
/* .banz,.bany{position:absolute;left: 60px;bottom: 60px;width:20px;height:50px;opacity:1;-webkit-transition:0.5s;transition:0.5s;cursor:pointer;z-index:5;font-size: 20px;line-height:50px;text-align: center;color: #fff;}
.bany{left:100px;} */

/* -------- 修改后的左右箭头样式 -------- */
/*.banz,.bany{*/
/*  position:absolute;
  top: 50%;
  transform: translateY(-50%); 
/*  width:50px;*/
/*  height:50px;
  opacity:0;        
/*  -webkit-transition:0.3s;*/
/*  transition:0.3s;*/
/*  cursor:pointer;*/
/*  z-index:5;*/
/*  font-size: 24px;*/
/*  line-height:50px;*/
/*  text-align: center;*/
/*  color: #fff;
  background: rgba(0,0,0,0.3); 
  border-radius: 50%;          
/*}*/
/* 左箭头靠左 */
/*.banz{ left: 20px; }*/
/* 右箭头靠右 */
/*.bany{ right: 20px; left: auto; }*/

/* 鼠标滑过banner，显示箭头 */
/*.banner:hover .banz,*/
/*.banner:hover .bany{*/
/*  opacity:1;*/
/*}*/



/*.banner:hover .banz,.banner:hover .bany{opacity:1;}*/
/*.ban_dh{position: absolute;left: 50%;bottom: 60px;margin-left: -30px;width: 60px;height: 60px;z-index: 4;display: flex;align-items: center;align-content: center;justify-content: center;cursor: pointer;}*/
/*.ban_dh i{font-size: 36px;line-height: 1;color: #fff;-webkit-animation: bounceDownSvg 1.5s infinite;animation: bounceDownSvg 1.5s infinite;}*/
/*@-webkit-keyframes bounceDownSvg{0%,100%{-webkit-transform: translateY(0);}50%{-webkit-transform: translateY(10px);}}*/
/*@keyframes bounceDownSvg{0%,100%{transform: translateY(0);}50%{transform: translateY(10px);}}*/

/*.more_an{position: relative;font-size:16px;line-height: 50px;color: #024a96;}*/
/*.more_an .more_an_bg{position: relative;z-index: 2;background: #fff; padding: 0px 30px;border-radius: 25px;display: flex;align-items: center;align-content: center;justify-content: center;}*/
/*.more_an i{margin-left: 10px;font-size: 14px;}*/
/*.more_an:hover .more_an_bg{background:linear-gradient(135deg, #004ea2 0%, #0d97d7 100%);color: #fff;box-shadow: 0 0 10px rgba(118, 186, 24, .6);}*/
/*.more_an:hover:after{display: none;}*/
/*.more_an:hover:before{display: none;}*/
/*.more_an:before{content:'';position: absolute;box-sizing: content-box;border-radius: 100px;width: 100%;height: 100%;translate: -50% -50%;left: 50%;top: 50%;z-index: 0;transition: all 0.5s;animation: more_an_dh 2000ms linear infinite;filter: blur(10px) brightness(1);background: conic-gradient(from var(--angle), transparent 150deg, #004ea2 230deg, #0d97d7 360deg);}*/
/*.more_an:after{content: '';position: absolute;box-sizing: content-box;border-radius: calc(100px + 2px);width: 100%;height: 100%;translate: -50% -50%;left: 50%;top: 50%;z-index: 1;animation: more_an_dh 2000ms linear infinite;padding: 2px;--angle: 0deg;background: conic-gradient(from var(--angle), transparent 100deg, #004ea2 215deg, #0d97d7 360deg);transition: all 0.5s;}*/
/*@property --angle {syntax:'<angle>';initial-value: 0deg;inherits: false;}*/
/*@keyframes more_an_dh{0%{--angle: 0deg;}50%{}100%{--angle: 360deg;}}*/


.bg-wrap {width:100%;background:url("../img/a_bg.jpg") bottom/cover no-repeat;position:relative;overflow:hidden; height:calc(100vh - 80px);}
.bg-wrap2 {width:100%;background:url("../img/a_bg2.jpg") bottom/cover no-repeat;position:relative;overflow:hidden; height:calc(80vh - 80px);}


/* 顶部数字排行容器*/        .num-row {position:absolute;top:12%;left:5%;right:5%;display:flex;justify-content:space-between;text-align:center;color:#fff;}
.num-item {flex:1;padding:0 5px;}
/* 动态数字*/        .num {font-weight:bold;line-height:1.1;font-size:clamp(24px,4vw,46px); }
.num span{font-size: 16px; font-weight: 300;} 
.num-txt {font-size:clamp(10px,1.2vw,16px);margin-top:4px;}
/* 左下角文字区域*/        .text-box {position:absolute;left:5%;top:35%;width:40%;}
.text-box.ct {top:10%;width:40%;}
.text-box .inabt {font-size:clamp(18px,2.5vw,32px);margin-bottom:10%;color:#fff; font-weight: 600;}
.text-box p {font-size:17px;line-height:36px;margin:20px 0; color: #fff;}
.text-box button {font-size:clamp(12px,1vw,15px);padding:clamp(6px,0.8vw,10px) clamp(16px,2vw,26px);border:2px solid #fff;background:transparent;color:#fff;border-radius:4px;cursor:pointer;white-space:nowrap;}
.text-box .inabt.ct{color:#333}
/* 小屏幕手机适配*/        
@media (max-width:768px) {.num-row {flex-wrap:wrap;top:8%;}
.num-item {flex:0 0 33.33%;margin-bottom:10px;}
.text-box {width:60%;bottom:8%;}
;}
@media (max-width:480px) {.num-item {flex:0 0 50%;}
.text-box {width:75%;}
;}


@media only screen and (min-width: 769px) {
 .fa_Home .fa_hApp .fa_listBox {
        position: relative;
        background: #000; counter-reset: section;
    }
     .fa_Home .fa_hApp .fa_listBox.delighter {
          -webkit-clip-path: polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);
	  clip-path: polygon(40% 0%, 60% 0%, 60% 100%, 40% 100%);
	  transition:all 1.5s;
         
     }
     .fa_Home .fa_hApp .fa_listBox.delighter.started {
	  -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
         
     }
    .fa_Home .fa_hApp .fa_listBox .fa_Img {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_htitle {
        margin-top: 5vw;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_htitle * {
        color: #fff;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li {
        display: block;
        position: relative;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_pic img {
        width: auto;
        max-width: 50%;
        transition: all 0.5s;
        opacity: 0.3;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on .fa_pic img {
        transform: rotateY(360deg);
        opacity: 1;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .pbtcn {
        font-size: var(--f28);
        color: #fff;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .pbten {
        font-size: 18px;
        color: #fff;
        opacity: 0.3;
        margin-bottom:30px;  
    }
     .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li p{
         color:#fff;
         font-size:
         var(--f18);
         transition: all 0.5s;
         opacity:0;
         
         transform:translateY(20px);
     }
         .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li:hover p,.fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on p{
             
         opacity:1; 
         
         transform:translateY(0);
         }
    .fa_Home .fa_hApp .fa_listBox .fa_htitle {
        position: absolute;
        left: 0;
        right: 0%;
        top: 3%;
        z-index: 30;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li {
        width: 33.333%;
        min-height: 80vh;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li::before {
        width: 1px;
        background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.5));
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        content: "";
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li::after {
        background: linear-gradient(rgba(255, 255, 255, 0), var(--main-color));
        height: 100%;
        position: absolute;
        left: 0;
        bottom: 0;
        right: 0;
        content: "";
        z-index: 11;
        transition: all 0.5s;
        transform: scaleY(0);
        transform-origin: center bottom;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on::after {
        transform: scaleY(1);
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_libox {
        position: relative;
        z-index: 20;
        text-align: left;
        padding: 3vw 120px 3vw 3vw;
        width: 100%;
        
         transform:translateY(40px);
        transition:all 0.5s;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_libox:before{
         counter-increment: section;
        content:"0"counter(section);
        position:absolute;
        font-size:var(--f60);
        font-weight:800;
        right:30px;
        color:#fff;
        bottom:3vw;
         transform:translateY(-40px);
        opacity:0.3;
        transition:all 0.5s;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on .fa_libox:before,.fa_Home .fa_hApp .fa_listBox .fa_list .fa_li:hover .fa_libox:before{
         transform:translateY(-0px);
        opacity:1;
        
    }
      .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li:hover .fa_libox , .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li.fa_on .fa_libox {   transform:translateY(0px);}
    .fa_Home .fa_hApp .fa_listBox .fa_Img img {
        opacity: 0;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_Img img.fa_on {
        opacity: 0.8;
    }
}
@media only screen and (max-width: 768px) {
   .fa_Home .fa_hApp .fa_listBox .fa_li{
       width:50%;
       position: relative;
       background: #000;
   }
    .fa_Home .fa_hApp .fa_listBox .fa_li .fa_Img{
        position:absolute;
        left:0px;
        right:0px;
        top:0;
        bottom:0;
        z-index:-1;
        opacity: 0.5;
    }
       .fa_Home .fa_hApp .fa_listBox .fa_li .fa_libox{
           padding:20px;
           text-align: center;
       }
       
 
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .fa_pic img {
        max-width:50%;
width:auto;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .pbtcn {
        font-size: 16px;
        color: #fff;
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li .pbten {
        font-size: 12px;
        color: #fff;
        opacity: 0.3;
        margin-bottom:30px;  
    }
     .fa_Home .fa_hApp .fa_listBox .fa_list .fa_li p{
         color:#fff;
         font-size:16px;
         transition: all 0.5s;
         opacity:0;
         
         transform:translateY(20px);
     }
}



.news-section {padding:4% 0;position:relative;overflow:hidden; background: url(../img/map.png) no-repeat top center;}
/* 背景世界地图*/    .news-section::after {content:"";position:absolute;top:120px;left:20%;width:60%;height:300px;opacity:0.6;z-index:0;pointer-events:none;}
/* 顶部左右布局*/    .news-top {display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:40px;position:relative;z-index:1;}
.news-left {flex:0 0 400px;}
.news-title {font-size:36px;font-weight:normal;line-height:1.4;color:#222;margin-bottom:30px;}
.btn-more {display:inline-block;background-color:#004ea2;color:#fff;padding:10px 28px;border-radius:24px;text-decoration:none;font-size:14px;transition:background 0.3s;}
.btn-more:hover {background-color:#004ea2;}
.news-right {/* flex:1;*/margin-left:40px;} 
.news-banner {position:relative;width:100%;height:auto;border-radius:8px;overflow:hidden; }
.news-banner img {width:100%;height:100%;object-fit:cover; display: block;transition:all 0.5s ease;}
.news-banner:hover img {transform:scale(1.08);}
.banner-overlay {position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);color:#fff;padding:30px 20px 20px;}
.banner-tag {font-size:14px;color:#fff;margin-bottom:10px;opacity:0.9;}
.banner-title {font-size:22px;line-height:1.5;}
/* 标签切换栏*/    .news-tabs {display:flex;gap:60px;margin-bottom:30px;position:relative;z-index:1;border-bottom:1px solid #eee;}
.tab-item {font-size:18px;color:#666;cursor:pointer;padding:10px 0;border-bottom:3px solid transparent;transition:all 0.3s;}
.tab-item.active {color:#004ea2;border-bottom-color:#004ea2;}
/* Swiper 卡片列表*/    .news-list-swiper {position:relative;overflow:hidden;z-index:1;}
.news-card {position:relative;height:280px;background:#eef2f7;border-radius:8px;overflow:hidden;}
.news-card img {width:100%;height:100%;object-fit:cover;transition:all 0.5s ease;}
.news-card:hover img {transform:scale(1.08);}
.card-overlay {position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,0.5);color:#fff;padding:15px;font-size:16px;}
/* 响应式适配*/    @media (max-width:992px) {.news-title {font-size:28px;}
.news-top {flex-direction:column;}
.news-right {margin-left:0;margin-top:30px;width:100%;}
;}
@media (max-width:768px) {.news-title {font-size:24px;}
.news-tabs {gap:30px;}
.news-banner {height:240px;}
.banner-title {font-size:18px;}
;}


.collection-section{padding:3% 0; overflow: hidden;}
/* 标题样式*/
.section-title {font-size:46px;color:#333;font-weight:bold;position:relative;padding-bottom:30px;margin-bottom:30px;display:inline-block;/* 关键：让宽度跟随文字*/    width:100%; letter-spacing: 6px;}
.section-title::after {content:'';position:absolute;left:0;bottom:0;height:3px;background-color:#004ea2;/* 红色*/    width:160px;/* 红色线条长度*/;}
.section-title::before {content:'';position:absolute;left:160px;/* 紧跟红色后面*/    bottom:0;height:3px;background-color:#e7e7e7;/* 灰色*/    width:calc(100% - 160px);/* 剩余宽度*/;}
/* 核心列表布局：使用你指定的类名 hotpro*/ul.hotpro {display:grid;grid-template-columns:2.06fr 1fr 1fr;grid-template-rows:auto auto;gap:20px;}
/* 网格区域分配，还原你的布局*/.hotpro li:nth-child(1) {grid-column:1 / 2;grid-row:1 / 3;}
.hotpro li:nth-child(2) {grid-column:2 / 3;grid-row:1 / 2;}
.hotpro li:nth-child(3) {grid-column:3 / 4;grid-row:1 / 2;}
.hotpro li:nth-child(4) {grid-column:2 / 3;grid-row:2 / 3;}
.hotpro li:nth-child(5) {grid-column:3 / 4;grid-row:2 / 3;}
/* 卡片容器：用于实现hover放大*/.hotpro li .card {position:relative;overflow:hidden;border-radius:8px;cursor:pointer;}
/* 图片样式 + 放大过渡效果*/.hotpro li img {width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.3s ease;}
/* 鼠标滑过图片放大*/.hotpro li .card:hover img {transform:scale(1.08);}
/* 文字标签样式*/.hotpro li .label {position:absolute;bottom:0;left:0;right:0;padding:25px;background:linear-gradient(to top,rgba(0,0,0,0.7),transparent);color:#fff;font-size:24px;font-weight:bold; box-sizing: border-box;}
/* --- 响应式适配 ---*//* 平板/中等屏幕*/@media (max-width:991px) {ul.hotpro {grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;}
.hotpro li:nth-child(1) {grid-column:1 / 3;grid-row:1 / 2;}
.hotpro li:nth-child(2) {grid-column:1 / 2;grid-row:2 / 3;}
.hotpro li:nth-child(3) {grid-column:2 / 3;grid-row:2 / 3;}
.hotpro li:nth-child(4) {grid-column:1 / 2;grid-row:3 / 4;}
.hotpro li:nth-child(5) {grid-column:2 / 3;grid-row:3 / 4;}
;}
/* 手机/小屏幕*/@media (max-width:575px) {ul.hotpro {grid-template-columns:1fr;grid-template-rows:auto auto auto auto auto;}
.hotpro li:nth-child(1),.hotpro li:nth-child(2),.hotpro li:nth-child(3),.hotpro li:nth-child(4),.hotpro li:nth-child(5) {grid-column:1 / 2;}
.hotpro li:nth-child(1) {grid-row:1 / 2;}
.hotpro li:nth-child(2) {grid-row:2 / 3;}
.hotpro li:nth-child(3) {grid-row:3 / 4;}
.hotpro li:nth-child(4) {grid-row:4 / 5;}
.hotpro li:nth-child(5) {grid-row:5 / 6;}
;}


.dsanp{position: relative; margin-bottom: 3%;}
.dsanp .yylyd{position: relative;}
.dsanp .yylyd .swiper-slide:before{content: "";width: 100%;height: 100%;background: url(../img/pic43.png) no-repeat left center;background-size: cover;position: absolute;left: 0;top: 0;z-index: 2;}
.dsanp .yylyd .swiper-slide figure{padding-bottom: 45%;}
.dsanp .yylyd .box{position: absolute;left: 8%;top: 0;z-index: 10;color: #FFF;width:40%;bottom: 15%;display: flex;justify-content: center;flex-flow: column;}
.dsanp .yylyd .box h2{font-size: 0.26rem;font-weight: bold; margin-bottom:2%;}
.dsanp .yylyd .box p{line-height:0.26rem;padding-bottom:1%; font-size: 0.16rem;}
.dsanp .yylyd .box .more{margin-top: 4%;transition: all .3s;display: inline-block;}
.dsanp .yylyd .box .more:hover{transform: skew(-30deg);}
.dsanp .yylyd .box .more a{border: 1px solid #FFF;display: inline-block;padding: .05rem .15rem;color: #FFF;border-radius: .04rem;}
.dsanp .yylyd .box .more a:hover{text-decoration: none;}
.dsanp .yylyd .box .more a i{font-size: .1rem;padding-left: .05rem;}
.dsanp .yylyx{position: absolute;left:12%;bottom: 10%;right: 12%;color: #FFF;}
.dsanp .yylyx .swiper-slide{position: relative;padding-top:2%;cursor: pointer; font-size: 0.18rem;}
.dsanp .yylyx .swiper-slide:before{display: block;content: "";height: 3px;position: absolute;left: 0;top: 0;width: 100%;background: rgba(255, 255, 255, .3);}
.dsanp .yylyx .swiper-slide:after{display: block;content: "";height: 3px;position: absolute;left: 0;top: 0;width: 0;background: rgba(255, 255, 255, 1);}
.dsanp .yylyx .swiper-slide-thumb-active:after{display: block;content: "";height: 3px;position: absolute;left: 0;top: 0;width: 100%;background: rgba(255, 255, 255, 1);transition: all 5s;}
.figure{display: block;height: 0;overflow: hidden;position: relative;}
.figure img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;transition: all .5s;}

.cf {max-width:100%;margin:0px auto;clear:left;}

.top_title {display:flex;justify-content:space-between;gap:50px; margin-bottom: 4%;}
.top_title .t_title{max-width:50%;font-size: 52px;font-weight: 800;color: #fff;}
.top_title .t_content {line-height:1.6;color:#fff;font-size:18px; font-weight:500; max-width:50%;}

.ks {width:100%;height:auto;margin-top:3%;border-radius:5px;float:left;}
.ksp {width:65%;height:auto;float:left;overflow:hidden;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;-webkit-backface-visibility:hidden;-webkit-perspective:1000;}
.ksp img {-webkit-transition:0.5s all ease-in-out;transition:0.5s all ease-in-out;width:100%;-webkit-backface-visibility:hidden;-webkit-perspective:1000;-webkit-filter:opacity(1.0); display: block;}
.ksp img:hover {-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
.kst {width:35%;height:auto;padding:3%;float:left;}
.kst .appbt {width:100%;height:auto;margin-top:5%;margin-bottom:3%;text-align:left;line-height:normal;color:#000;font-size:30px;font-weight:normal;display:block;float:left; font-weight: 600;}
.kst .appwz {width:100%;margin-bottom:5%;text-align:left;color:#555;font-size:18px;font-weight:normal;line-height:28px;display:block;float:left;word-break:break-word;text-overflow:ellipsis;display:-webkit-box;/** 将对象作为伸缩盒子模型显示 **/    -webkit-box-orient:vertical;/** 设置或检索伸缩盒对象的子元素的排列方式 **/    -webkit-line-clamp:8;/** 显示的行数 **/    overflow:hidden;/** 隐藏超出的内容 **/;}
.kst .appwz o {color:#999;font-size:12px;display:block;}
.kst .appbt {width:100%;height:auto;text-align:left;display:block;float:left;}

.anm a {width:125px;height:40px;line-height:40px;color:#004ea2;font-size:14px;font-weight:normal;border-radius:0px;border:solid 1px #004ea2;background-color:#fff;text-align:center;text-decoration:none;display:block;float:left;}
.anm a:hover {color:#fff;border:solid 1px #004ea2;background-color:#004ea2;}



.section-wrapper {background-color:#1e1e1e;padding:4% 0;color:#ffffff;}
.section-top {display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:50px;flex-wrap:wrap;gap:30px;}
.section-subtitle {font-size:16px;opacity:0.85;margin-bottom:12px;}
/* .section-title {font-size:44px;line-height:1.3;font-weight:600;max-width:700px;} */
.start-btn {background-color:#004ea2;border:none;padding:14px 28px;border-radius:30px;color:#000;font-weight:500;cursor:pointer;white-space:nowrap;margin-top:20px;transition:0.3s;}
.start-btn:hover {opacity:0.9;}
/* Swiper 容器样式*/ 
/* .mySwiper2{width: 75%; margin: auto;} */
.mySwiper {width:100%;overflow:visible;position:relative;}
.section-wrapper .swiper-slide {width:454px;height:700px;border-radius:12px;overflow:hidden;position:relative;}
.slide-card {width:100%;height:100%;}
.slide-card img {width:100%;object-fit:cover; height: 100%; display: block;}
.card-text {position:absolute;bottom:25px;left:20px;right:20px;color:#fff;}
.card-title {font-size:24px;font-weight:500;margin-bottom:12px;line-height:1.4;}
.read-more {color:#dcd8d8;font-size:16px;text-decoration:none;display:inline-flex;align-items:center;gap:6px;}
/* 左右箭头*/    .swiper-button-prev,.swiper-button-next {color:#fff;background-color:rgba(255,255,255,0.1);width:36px;height:36px;border-radius:50%;}
.swiper-button-prev:after,.swiper-button-next:after {font-size:16px;}
/* 分页圆点*/    .swiper-pagination-bullet {background-color:#fff;opacity:0.4;}
.swiper-pagination-bullet-active {opacity:1;background-color:#fff;}
/* 响应式适配*/    @media (max-width:768px) {
  .section-title {font-size:30px;}
  .swiper-slide {width:280px;height:420px;}
}

.why{padding: 4% 0; overflow: hidden;}
.container {display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start;margin:0 auto;}
/* 左侧时间线列表*/    .timeline-list {position:relative;padding-left:35px;}
/* 中间竖线*/    .timeline-list::before {content:"";position:absolute;left:8px;top:10px;width:2px;height:100%;background-color:#dddddd;z-index:1;}
/* 单个列表项*/    .timeline-item {position:relative;margin-bottom:35px;cursor:pointer;}
/* 圆点*/    .timeline-dot {position:absolute;left:-35px;top:4px;width:16px;height:16px;border-radius:50%;background-color:#004ea2;border:4px solid #ffccd8;z-index:2;}
/* 激活项：竖线变色*/    .timeline-item.active .timeline-dot {background-color:#004ea2;box-shadow:0 0 0 3px #ffccd8;}
.timeline-item.active::before {content:"";position:absolute;left:-27px;top:10px;width:2px;height:calc(100% + 35px);background-color:#004ea2;z-index:3;}
/* 标题样式*/    .timeline-title {font-size:30px;font-weight:600;color:#111111;margin-bottom:12px;transition:0.2s;}
.timeline-item.active .timeline-title {color:#004ea2;}
/* 展开内容区域*/    .timeline-content {max-height:0;overflow:hidden;color:#444444;font-size:17px;line-height:1.7;transition:max-height 0.4s ease-out,padding 0.4s ease;padding:0;}
.timeline-item.active .timeline-content {max-height:300px;padding:5px 0 10px;}
/* 右侧图片*/    .image-wrapper {margin-top:20px;}
.drone-img {width:100%;border-radius:16px;object-fit:cover;box-shadow:0 8px 25px rgba(0,0,0,0.08);transition:opacity 0.4s ease;opacity:1;}
/* 响应式适配*/    @media(max-width:900px) {.container {grid-template-columns:1fr;}
;}

/*优势*/
.ys{background: #fff;padding:1px 0;}
.ysj{font-size: 36px;margin: 70px auto 20px;text-align: center;}
.ysj h3{font-weight: bold;color:#333;}
.ysht{width: 40%;margin:auto;text-align: center;font-size: 18px;line-height: 30px;}
.yshi{margin-top: 0.3rem;}
.yshi ul{justify-content: space-between; display: flex;}
.yshi li{width:20%;text-align: center;}
.yshi li div span{font-size:40px;background: #F5F5F5;padding:40px;border-radius: 50%;display: inline-block;color:#004ea2;transition: all 0.3s; line-height: 40px;}
.yshi li h4{font-size:20px;margin:20px auto;font-weight: bold;}
.yshi li p{line-height:24px;color:#666;font-size:15px;}
.yshia{text-align: center;margin:80px auto 70px;}
.yshia a{display: inline-block;color:#fff;padding:15px 30px;background: #004ea2;border-radius: 10px;}
.yshi li div span:hover{background: #004ea2;color:#fff;}




.home-videos{padding:4% 0; overflow: hidden; background: #f5f5f5;}
#videoswiper{margin-top:30px}
#videoswiper .videoswiper-pagination{text-align:center;margin-top:30px}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet{background:#111111;opacity:1}
#videoswiper .videoswiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#004ea2}
#videoswiper .swiper-slide{background:#fff;transition:all .2s linear;border-radius:10px;overflow:hidden}
#videoswiper .swiper-slide:hover{background:#004ea2;color:#FFFFFF}
#videoswiper .swiper-slide .video{width:100%;aspect-ratio:3/2; height: 306px;}
#videoswiper .swiper-slide .video iframe,#videoswiper .swiper-slide .video img,#videoswiper .swiper-slide .video video{width:100%;height:100%;object-fit:cover}
#videoswiper .swiper-slide .nybox{margin:15px 20px; overflow: hidden; color: #121212;}
#videoswiper .swiper-slide .nybox .btwz{font-size:17px;font-weight:600;line-height:1.4;}
#videoswiper .swiper-slide .nybox .btny{font-size: 15px; line-height:22px; font-weight: 300; margin-top: 2%; opacity: 0.8;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;}
#videoswiper .swiper-slide:hover .nybox{color: #fff;}

/* 新增时间样式 */
#videoswiper .swiper-slide .nybox .news-time {
  font-size: 14px;
  color: #666;
  margin-top: 10px;
  opacity: 0.7;
}
/* hover 时间变白 */
#videoswiper .swiper-slide:hover .nybox .news-time {
  color: #fff;
  opacity: 0.9;
}
.inabout{padding:3% 0; overflow: hidden;}
.inabout_tit{overflow: hidden;}
.inabout_tit .home-titless{font-size:46px;font-weight:600;text-align:center;text-transform:capitalize;line-height:1.4; color: #000;}
.inabout_tit .home-desss{font-size:16px;color:#565656;text-align:center;margin:0% 0 2%}


footer {color:#bbb;position: relative; background: rgba(16, 67, 122, .7);}
footer video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: -2;object-fit: cover;}


.flex-jc-sb {display: flex; flex-wrap: wrap;justify-content: space-between}
.flex-jc-ai-sb {display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;}
.index footer {margin:0px auto;}
footer a {color:#bbb;}
footer .foot-top {padding:1% 0px;}
@media(max-width:1024px) {
  footer .foot-top {padding:20px 0px;}
}
footer .foot-sign {width:50%;display:flex;flex-direction:column;justify-content:center;color:#FFFFFF;}
footer .foot-sign .sign-des {color:var(--footercolor);}
footer .foot-sign .sign-tit {font-size:22px;color:#FFFFFF;line-height:1;margin-bottom:5px;}
footer .foot-submit {margin-top:5px;width:50%;display:flex;height:44px;max-width:540px;}
footer .foot-submit input {flex:1;background-color:transparent;border:1px solid #FFFFFF30;padding-left:10px;color:#FFFFFF;}
footer .foot-submit button {color:#FFFFFF;text-transform:uppercase;background-color:#f08200;padding:0px 15px;}
footer .foot-main {border-top:1px solid #FFFFFF15;border-bottom:1px solid #FFFFFF15;}
footer .foot-main .foot-item {padding:2% 0px;}
footer .foot-main .foot-item.foot-cate {max-width:16%}
footer .foot-main .foot-item.foot-cate ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
footer .foot-main .foot-item.foot-cate ul li {width:98%;}
/* footer .foot-main .foot-item.foot-cate li#li_Menu101_MainHome {display:none;} */
footer .foot-main .foot-item.foot-cate li a {display:block;text-transform:capitalize;}
footer .foot-main .foot-item.foot-cate li a::before {content:"+";display:inline-block;margin-right:6px;text-transform:capitalize;}
footer .foot-main .foot-item.foot-cate li:not(:last-of-type) a {margin-bottom:10px;}
footer .foot-main .foot-item.foot-about {width:26%;padding-right:2%;border-right:1px solid #FFFFFF15;}
footer .foot-main .foot-item.foot-contact {width:26%;padding-left:2%;border-left:1px solid #FFFFFF15;}
footer .foot-main .foot-item.foot-contact li {display:flex;}
footer .foot-main .foot-item.foot-contact li:not(:last-of-type) {margin-bottom:16px;}
footer .foot-main .foot-item.foot-contact li .icon em {font-size:28px;color:var(--color);line-height:1.2;}
footer .foot-main .foot-item.foot-contact li .con {flex:1;padding-left:16px;}
footer .foot-main .foot-item.foot-contact li .con p {color:var(--footercolor);text-transform:capitalize;}
footer .foot-main .foot-item .foot-title {font-size:22px;color:#FFFFFF;margin-bottom:16px;text-transform:capitalize;}
footer .foot-main .foot-item .foot-title img {display:block;width:auto;max-width:195px;max-height:65px;}
@media(max-width:1280px) {
  footer .foot-main .foot-item .foot-title {font-size:18px;margin-bottom:10px;}
;}
footer .foot-link {margin:16px 0px;}
footer .foot-link ul {display:flex;}
footer .foot-link ul a {display:flex;align-items:center;justify-content:center;width:37px;height:37px;border:1px solid #6A6A6A;margin-right:5px;color:#FFFFFF;transition:background .3s,border .3s;}
footer .foot-link ul a em {font-size:var(--fontsize20);}
footer .foot-link ul a:hover {background-color:var(--color);border-color:var(--color);}
footer .foot-bottom {padding:10px 0px;}
footer .copy {font-size:var(--fontsize14);}
footer .copy a {margin-left:10px;}
.share-link ul {display:flex;}
.share-link ul a {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:20px;margin-right:5px;color:var(--headercolor);transition:background .3s,border .3s;}
.share-link ul a i {font-size:var(--fontsize16);}
.share-link ul a:hover {background-color:var(--color);border-color:var(--color);}
.foot-bottom .share-link ul a {color:var(--footercolor);}


.i-bana,.n-absc ul,.n-abtab ul,.n-abta,.n-acb ul,.n-coj ul,.n-csx ul,.n-news ul,.n-proa,.n-prs,.n-prsa ul,.n-prxa,.n-prt,.n-prtt ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-ban{position: relative;}
.i-ban img{width: 100%; display: block;}
.i-bana{position: absolute;top: 0;left: 0;width:100%;height: 100%;z-index: 1;align-items: center;justify-content: center;font-size:32px;color:#fff;text-transform:uppercase;background:rgb(0 0 0 / 14%); line-height: 40px;}
.i-bana span{display:block;width:50px;height:5px;background:#fff;margin:10px auto 0;}


.i-bana,.n-absc ul,.n-abtab ul,.n-abta,.n-acb ul,.n-coj ul,.n-csx ul,.n-news ul,.n-proa,.n-prs,.n-prsa ul,.n-prxa,.n-prt,.n-prtt ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.i-ban{position: relative;}
.i-ban img{width: 100%; display: block;}
.i-bana{position: absolute;top: 0;left: 0;width:100%;height: 100%;z-index:1;align-items: center;justify-content: center;font-size:32px;color:#fff;text-transform:uppercase;line-height: 40px;}
.i-bana span{display:block;width:50px;height:5px;background:#fff;margin:10px auto 0;}


.i-fen{position: relative;}
.i-fena{position: absolute;width: 100%;bottom: 0; z-index: 2;}
.i-fenaa{max-width:1500px;width:96%;margin: auto;}
.i-fenaa ul{border-top-left-radius: 10px;border-top-right-radius: 10px;overflow: hidden; display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -o-flex;
    display: -ms-flexbox;
    display: flex;
}
.i-fenaa li{width:50%;border-right: 1px solid #eee;line-height: 70px; font-size: 16px;}
.i-fenaa li:last-child{border:0;}
.i-fenaa a{color:#333;display: block;text-align: center;font-weight: bold;background: #fff;border-bottom: 1px solid #eee;}
.i-fenaa li.on a{background: #004ea2;color:#fff}
.i-fenaa a:hover{background: #004ea2;color:#fff}


.nyaboutbig{padding: 3% 0; overflow: hidden;}
/* .nyaboutbig img{max-width: 100%; display: block; margin: auto;} */
.iiimg{width: 40%; margin-right: 3%; float: left;}
.iiimg img{width: 100%; display: block;}
.txt{overflow: hidden;}
.txt .ml1{font-size:30px;line-height:30px;color: #333;font-weight: bold;}
.txt .ml1:after{content: "";display: block;width: 40px;height: 4px;background: #1c4e88;margin-top:10px;}
.txt .ml2{font-size:18px;color: #666;line-height:36px;}



.boxss{margin:0 auto;box-shadow:0 8px 16px 0 rgba(24,40,3,.1);padding:3% 0; box-sizing: border-box; background: #1c4e88;}
#brand {}
#brand .brand-list {margin-top:2%;padding-left:3%;display:flex;flex-wrap:wrap;justify-content:space-around;}
#brand .brand-list li {position:relative;font-weight:500;display:flex;align-items:center; color: #fff;}
#brand .brand-list li .brand-number {font-size:50px;line-height:1;position:relative;z-index:1;}
@media(max-width:1280px) {#brand .brand-list li .brand-number {font-size:40px;}
;}
#brand .brand-list li .brand-number .text-shadow {font-size:100px;font-weight:500;color:#1c4e88;text-shadow:0 0 2px #CCCCCC;position:absolute;top:50%;right:0px;z-index:-1;line-height:1;transform:translate(12px,-50%);}
@media(max-width:1280px) {
  #brand{}
  #brand .brand-list{display: inline-block; padding-left: 0;}
  #brand .brand-list li{width: 50%; float: left; margin-bottom: 3%; padding: 0 5%; box-sizing: border-box;}
  #brand .brand-list li .brand-number .text-shadow {font-size:80px;}
}
#brand .brand-list li .brand-label {flex:1;text-transform:uppercase;padding-left:20px;}
#brand .brand-list li .brand-label span {display:block;}

.culturebg{padding: 3% 0; background: #f5f5f5; overflow: hidden;}
.index-hos-tr {height:auto;overflow:hidden;margin:0 auto;text-align:center; margin-bottom:2%;}
.index-hos-tr .tbt{font-size:40px;line-height:50px;color:#004ea2;font-weight:bold}
.index-hos-tr .tbt em{line-height:50px;color:#333;font-weight:normal;}
.index-hos-tr .twz{display:block;width:100%;height:auto;overflow:hidden;font-size:16px;line-height:26px;color:#666;font-weight:normal;}
.write{color: #fff;}


.profile-wh-list {width: 100%;}
.profile-wh-list ul{margin: 2% 0 0 -2%;}
.profile-wh-list li{width:23%;margin: 0% 0 0 2%;float: left;box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding:5% 2%;text-align: center;background: #fff;transition: all .4s ease; box-sizing: border-box; min-height: 245px;}
.profile-wh-list li:hover{transform: translateY(-10px);}
.profile-wh-listwd {margin-top:8%;}
.profile-wh-listwd .clbt{font-size: 28px;color: #333;margin-bottom: 25px;}
.profile-wh-listwd p{font-size:18px;line-height: 26px;color: #666; box-sizing: border-box; /* white-space:nowrap;text-overflow:ellipsis;overflow:hidden; */}


/*发展历程*/
/* display none until init*/

.owl-carousel {
  display: none;
  width: 100%;
  -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
  float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer;
}

.owl-controls {
  text-align: center;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}


/* fix*/

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
}

.owl-carousel .owl-controls {
  width: 100%;
  z-index: 11;
  margin-top:25px;
}

.owl-carousel .owl-controls .owl-buttons div {
  position: absolute;
  display: inline-block;
  zoom: 1;
  *display: inline;
  width: 20px;
  height: 70px;
  text-indent: -9999px;
  transition: .35s;
  top: 45%;
  margin-top: -35px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev {
  background: url(../images/index_24.png) center no-repeat;
  overflow: hidden;
  left: -30px;
}

.owl-carousel .owl-controls .owl-buttons .owl-next {
  background: url(../images/index_25.png) center no-repeat;
  overflow: hidden;
  right: -30px;
}

.owl-carousel .owl-controls .owl-buttons .owl-prev:hover {
  background: url(../images/index_24a.png) center no-repeat;
  overflow: hidden;
}

.owl-carousel .owl-controls .owl-buttons .owl-next:hover {
  background: url(../images/index_25a.png) center no-repeat;
  overflow: hidden;
}

.owl-carousel .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none;
}

.owl-carousel .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver*/
}

.owl-carousel .owl-controls .owl-page span {
  display: block;
  width: 10px;
  height: 10px;
  margin: 5px 7px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  border: 1px solid #999;
}

.owl-carousel .owl-controls .owl-page.active span,
.owl-carouselpzs .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  background: #004ea2;
  border: 1px solid #004ea2;
}

.owl-carousel .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: #FFF;
  padding: 2px 10px;
  font-size: 12px;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.AbHisBg {
	background:url(../img/a_bg.jpg) center;
	background-size: cover;
	background-attachment: fixed;
	padding: 3% 0 ;
	overflow: hidden;
}
.AbHisBg h2 {
	color: #FFFFFF;
	font-size: 36px;
}
.AbHisList {
	position: relative;
}
.AbHisList .bd {
	width: 100%;
	overflow: hidden;
}
/*横线*/
	.AbHisList .bd .ul {
	position:relative;
	padding:0 40px;
	width:100% !important;
}
.AbHisList .bd .ul .owl-wrapper {
	display:flex !important;
}
.AbHisList .bd .ul .item {
	display: flex;
	align-items: center;
	position: relative;
	height:100%;
}
.AbHisList .bd .ul .item .box {
	width:100%;
	padding:0 25px ;
}
.AbHisList .bd .ul .item:before {
	content: "";
	position: absolute;
	z-index: 1;
	top: 50%;
	left: 0%;
	display: block;
	width: 100%;
	height: 1px;
	border-top: 1px solid rgba(83,116,115,0.3);
}
.AbHisList .bd .ul .item:after {
	content: "";
	position: absolute;
	z-index: 1;
	top: 49.9%;
	left: 7%;
	display: block;
	width: 30%;
	height: 3px;
	background-color: #004ea2;
}
/*å…ƒç´ å†…å®¹å’Œæ¨ªçº¿çš„è·ç¦»*/
	.AbHisList .ul .item .box>div {
	padding: 20px 0;
}
/*按照奇数偶数隐藏上下文本*/
	.AbHisList .ul .owl-item:nth-of-type(Odd) .box>div:nth-of-type(Odd) {
	opacity: 0;
	visibility: hidden;
}
.AbHisList .ul .owl-item:nth-of-type(even) .box>div:nth-of-type(even) {
	opacity: 0;
	visibility: hidden;
}
.AbHisList .bd .item .fzbt {
	line-height: 48px;
	font-size: 32px;
  font-weight: 600;
	color:#004ea2;
}
.AbHisList .bd .item p {
	color:#333;
	padding:2% 0;
  font-size:16px;
  /* letter-spacing: 1px;
  line-height: 30px;
	background: url(../img/AbHisP.jpg) no-repeat left 20px; */
}
.owl-carousel.ul .owl-controls .owl-buttons .owl-next,.owl-carousel.ul .owl-controls .owl-buttons .owl-next:hover {
	position: absolute;
	right: 0;
	top: 50%;
	margin-top:-20px;
	width: 40px;
	height: 40px;
	z-index: 666;
	background: url(../img/AbHisR.png) center no-repeat;
}
.owl-carousel.ul .owl-controls .owl-buttons .owl-prev,.owl-carousel.ul .owl-controls .owl-buttons .owl-prev:hover {
	position: absolute;
	left: 0;
	top: 50%;
	margin-top:-20px;
	width: 40px;
	height: 40px;
	z-index: 666;
	background: url(../img/AbHisL.png) center no-repeat;
}


.AbHisBg {background:url(../img/n_bg.jpg) center;background-size:cover;background-attachment:fixed;padding:80px 0;overflow:hidden;}
.AbHisBg h2 {color:#FFFFFF;font-size:36px;}
.AbHisList {position:relative;margin-top:50px;}
.AbHisList .bd {width:100%;overflow:hidden;}
/*横线*/.AbHisList .bd .ul {position:relative;padding:0 40px;width:100% !important;}
.AbHisList .bd .ul .owl-wrapper {display:flex !important;}
.AbHisList .bd .ul .item {display:flex;align-items:center;position:relative;height:100%;}
.AbHisList .bd .ul .item .box {width:100%;padding:0 40px; box-sizing: border-box;}
.AbHisList .bd .ul .item:before {content:"";position:absolute;z-index:1;top:50%;left:0%;display:block;width:100%;height:1px;border-top:1px solid rgba(0,0,0,.3);}
.AbHisList .bd .ul .item:after {content:"";position:absolute;z-index:1;top:49.8%;left:7%;display:block;width:30%;height:3px;background-color:#004ea2;}
/*元素内容和横线的距离*/.AbHisList .ul .item .box>div {padding:20px 0;}
/*按照奇数偶数隐藏上下文本*/.AbHisList .ul .owl-item:nth-of-type(Odd) .box>div:nth-of-type(Odd) {opacity:0;visibility:hidden;}
.AbHisList .ul .owl-item:nth-of-type(even) .box>div:nth-of-type(even) {opacity:0;visibility:hidden;}
.AbHisList .bd .item .fzbt {line-height:48px;font-size:30px;font-weight:600;color:#004ea2;}
.AbHisList .bd .item p {color:#333;padding:2% 0;font-size:18px;/* background:url(../img/AbHisP.jpg) no-repeat left 20px;*/; line-height: 30px;}
.owl-carousel.ul .owl-controls .owl-buttons .owl-next,.owl-carousel.ul .owl-controls .owl-buttons .owl-next:hover {position:absolute;right:0;top:50%;margin-top:-20px;width:40px;height:40px;z-index:666;background:url(../img/AbHisR.png) center no-repeat; font-size: 0;}
.owl-carousel.ul .owl-controls .owl-buttons .owl-prev,.owl-carousel.ul .owl-controls .owl-buttons .owl-prev:hover {position:absolute;left:0;top:50%;margin-top:-20px;width:40px;height:40px;z-index:666;background:url(../img/AbHisL.png) center no-repeat; font-size: 0;}



.workshop{height:auto;overflow:hidden;}
.workshop ul{list-style:none;overflow:hidden;margin-right:-2%;}
.workshop li{width:23%;height:auto;overflow:hidden;margin-right:2%;float:left;margin-bottom:2%}
.workshop li .hpic{border:1px solid #cdcdcd;height:auto;overflow:hidden; display: block; margin: auto;}
.workshop li a{display:block;width:100%;overflow:hidden;transition:all 0.3s}
.workshop li .hpic img{width:100%!important;overflow:hidden; display: block;}
.workshop li div:hover{border:1px solid #004ea2}
.workshop li a:hover{transform:scale(1.2,1.2);overflow:hidden}
.workshop li span{display:block;text-align:center;line-height:40px;color:#222;font-size:15px}



/* 新闻容器*/    
.nynews {margin:0 auto;}
.nynews ul {list-style:none;display:grid;/* 默认两列布局*/      grid-template-columns:repeat(2,1fr);gap:30px;/* 卡片之间的间距*/;}
/* 单个新闻项*/    
.nynews li {display:flex;gap:25px;align-items:flex-start;}
/* 新闻图片*/    
.nynews .news-img {width:50%;flex-shrink:0;border-radius:4px;overflow:hidden;}
.nynews .news-img img {width:100%;height:auto;display:block;object-fit:cover;}
/* 新闻内容区域*/   
 .nynews .news-content {width:60%;}
.nynews .news-title {font-size:20px;font-weight:bold;color:#111;margin-bottom:10px;line-height:1.4; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.nynews .news-date {font-size:14px;color:#666;margin-bottom:15px;}
.nynews .news-desc {font-size:15px;color:#555;margin-bottom:20px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp:2;
    overflow: hidden;}
/* 详情按钮*/    
.nynews .btn-more {display:inline-block;padding:8px 25px;background:#004ea2;/* 深蓝色按钮*/      color:#fff;text-decoration:none;border-radius:25px;font-size:14px;font-weight:bold;}
.nynews .btn-more:hover {background:#1c4e88;}
/* 响应式适配：平板/手机端*/    
@media (max-width:992px) {
  .nynews ul {grid-template-columns:1fr;/* 变单列*/;}
  .nynews li {flex-direction:column;/* 图片和内容上下排列*/;}
  .nynews .news-img,.nynews .news-content {width:100%;}
;}


.afterservicebox{overflow: hidden; margin-top: 3%;}
.solution .sol-title{font-size:32px;color:#000;margin-bottom:3%;text-align:center; font-weight: 600;}
.solution .sol-list{display:flex;}
.solution .sol-list>li{width:50%;margin-right:3%;box-sizing:border-box; background: #f5f5f5;}
.solution .sol-list>li:last-child{margin-right:0px}
.solution .sol-item{position:relative;height:100%;padding:8%;box-sizing:border-box;border-bottom:3px solid #004ea2;transition:color .3s ease,background-color .3s ease}
.solution .sol-item .title{margin-bottom:3%;font-size:24px;font-weight:600;color:#000;transition:color .3s ease}
.solution .sol-item .con{line-height:30px; font-size: 16px;}
.solution .sol-item .icon{margin-bottom:5%; font-size: 60px; color: #004ea2;}
.solution .sol-item .icon img{width: 100%; display: block;}
.solution .sol-item .icon2{background-position:-120px 0px}
.solution .sol-item .icon3{background-position:-240px 0px}
.solution .sol-item .icon4{background-position:-360px 0px}
.solution .sol-item:hover{background-color:#004ea2;color:#FFFFFF}
.solution .sol-item:hover:after{opacity:.1}
.solution .sol-item:hover .title{color:#FFFFFF}
.solution .sol-item:hover .icon{color: #fff;}
.solution .sol-item:hover .icon2{background-position:-180px 0px}
.solution .sol-item:hover .icon3{background-position:-300px 0px}
.solution .sol-item:hover .icon4{background-position:-420px 0px}
.solution .sol-item:after{content:"";position:absolute;display:block;top:0px;left:0px;width:100%;height:100%;opacity:0;background-size:cover;background-repeat:no-repeat;transition:opacity .3s ease}
.solution .sol-content{margin-bottom:-90px;padding:60px 0 120px;background:#F2F2F2}
.solution .top-con{margin-bottom:66px}
.solution .sol-tab{display:flex}
.solution .sol-tab .sol-tab-container{display:none}
.solution .sol-tab .sol-tab-container.is-active{display:block}
.solution .sol-tab .sol-tab-item{height:80px;line-height:80px;margin-bottom:15px;cursor:pointer;padding:0px 10px;box-sizing:border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#FFFFFF;text-align:center;color:#000;transition:color .3s ease,background-color .3s ease}
.solution .sol-tab .sol-tab-item:hover,.solution .sol-tab .sol-tab-item.is-active{background-color:var(--color);color:#FFFFFF}
.solution .sol-tab .sol-tab-list{-ms-flex:3;flex:3;margin-right:36px}
.solution .sol-tab .sol-tab-wrap{-ms-flex:7;flex:7}
.solution .sol-tab .sol-tab-content{width:100%;display:flex}
.solution .sol-tab .sol-tab-content>div{width:50%}
.solution .sol-tab .sol-tab-con{background-color:#FFFFFF;padding:0px 34px 0px 50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}
.solution .sol-tab .sol-tab-con .title{font-weight:600;margin-bottom:10px;font-size:26px;color:#000}


/* 内页人才招聘部分*/
.jobbig{background: #f5f5f5; padding: 3% 0; overflow: hidden;}
.inner_content{width:100%;overflow: hidden;margin:3% 0}
.jobctit{background:#004ea2;line-height:70px;font-size:18px;color:#fff;margin-top:0px;}
.jobctit span{display:inline-block;width:18%;text-align:center;}
.job-content{width:100%;background:#fff; margin-top: 3%; overflow: hidden;}
.job-content dl{width:100%;float:left;}
.job-content dl dt{height:62px;line-height:62px;cursor:pointer;border-bottom:1px solid #e6e6e6;font-size:16px;display:block;overflow:hidden;}
.job-content span.job_cls{width:6%;}
.job-content dl dt .down{width:11px;height:60px;background:url(../img/dl.png) no-repeat center;display:block;margin:auto;}
.job-content dl dt.cur .down{background:url(../img/dlon.png) no-repeat center;}
.job-content dl dt span{width:18.3%;float:left;text-align:center;color:#666;}
.job-content dl dd{background:#f8f8f8;padding:3%;line-height:30px;font-size:15px;overflow:hidden;}
.job-content dl dd p{color:#666;margin-top:10px;}
.job-content dl dd p span{font-weight:bold;color:#333;font-size:18px;}
.job-content dl dd .cont{width:100%;border-top:1px solid #e6e6e6;padding:1%;margin:2% 0;}
.job-content dl dd .cont li{float:left;margin-right:3%;padding-left:30px;}
.job-content dl dd .cont li:nth-child(1){background:url(../img/dianhua.png) left no-repeat;background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(2){background:url(../img/dingwei.png) left no-repeat;background-size:25px 25px;}
.job-content dl dd .cont li:nth-child(3){background:url(../img/youxiang.png) left no-repeat;background-size:25px 25px;margin-right:0;}

/**联系我们**/
input,select,img,textarea{vertical-align:middle; border: 0}
.content{background:#f5f5f5;overflow: hidden; display: flex; justify-content: space-between;}
.l_cont{float: left; width:54%; padding: 2%; box-sizing: border-box;}
.l_cont .title{ font-size: 24px; }
.l_cont .title .line{ display: block; width: 1em; height: 2px; background-color: #cccccc; margin:15px 0; }
.l_cont .ul{ padding-top:0px; }
.l_cont .ul li{ position: relative; padding-left: 65px; font-size: 16px; line-height: 20px; color:#666666; margin-bottom:30px; }
.l_cont .ul li .t-cell{ display: table-cell; height: 48px; vertical-align: middle; }
.l_cont .ul .icons{ height: 48px; width: 48px; position: absolute; left: 0; display: block; border:1px solid #999999; border-radius: 50%; background-image: url(../images/icons.png);background-repeat: no-repeat;}
.l_cont .ul .phone { background-position:11px -110px; }
.l_cont .ul .fax { background-position:-48px -110px; }
.l_cont .ul .mail { background-position:-107px -110px; }
.l_cont .ul .address { background-position:-167px -110px; }
.map{float: right; width:44%;}
.map #map_container{height: 480px;}
.l_conttext{font-size:18px; line-height: 30px;}
.l_conttext span{font-weight: 600; color: #004ea2; line-height: 40px; font-size: 22px;}



.i-cot {
    background: #f8f8f8;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 4% 0;
    border: 1px solid #efefef;
}

.i-cota {
    font-size: 36px;
    margin-bottom: 20px;
    color: #333;
}

.i-cotb {
    line-height: 1.6;
    color: #444;
    font-size: 16px;
}

.i-cotc {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 0.2rem;
    display: flex;
}

.i-cotc .input {
    width: 48%;
}

.i-cotc .input div {
    align-items: center;
    justify-content: space-between;
    padding: 28px 0;
    border-bottom: 1px solid #eee;
    position: relative;
}

.i-cotc .input div:after {
    content: '';
    width: 8px;
    height: 8px;
    background: #e9e9e9;
    border-radius: 8px;
    position: absolute;
    left: 0;
    bottom: -4px;
}

.i-cotc .input div span {
    display: inline-block;
    width: 260px;
}

.i-cotc .input input {
    box-sizing: border-box;
    border: 0;
    width: 100%;
    background: none;
}

.i-cotc .textarea {
    width: 48%;
}

.i-cotc .textarea textarea {
    border: 1px solid #eee;
    border-radius: 10px;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    padding: 5%;
}

.i-cotc .div {
    width: 100%;
    margin-top: 3%;
    text-align: center;
}

.i-cotc .div a {
    display: inline-block;
    border-radius: 30px;
    line-height: 35px;
    background: #08428d;
    padding: 0 40px;
    color: #fff;
    transition: all 0.3s;
}

.i-cotc .div a:Hover {
    box-shadow: 0 3px 0px #08428d;
    transform: translateY(-5px);
}


.filter-section {margin-bottom:15px;line-height:2.2;}
.filter-label {display:inline-block;width:80px;color:#333;font-weight:500; font-size: 18px;}
.filter-tags {display:inline;}
.tag {display:inline-block;margin:0 8px 5px 0;color:#333;text-decoration:none;cursor:pointer; font-size: 16px;}
.tag.all {color:#08428d;font-weight:bold;}
/* 超出部分默认隐藏*/        .filter-tags.collapsed .tag:nth-child(n+13) {display:none;}
/* 展开时全部显示*/        .filter-tags.expanded .tag {display:inline-block;}
/* 更多按钮*/        .more-btn {color:#333;cursor:pointer;user-select:none;}
.more-btn:hover {color:#08428d;}

/* 表单容器*/    .search-form {display:flex;align-items:center;flex-wrap:wrap;/* 响应式换行*/      gap:16px;/* 元素间距*/      max-width:100%;}
/* 表单项组*/    .form-item {display:flex;align-items:center;gap:8px;}
/* 标签*/    .form-item label {font-size:18px;color:#333;white-space:nowrap;/* 标签文字不换行*/;}
/* 输入框*/    .form-item input {height:48px;padding:0 12px;border:1px solid #ccc;border-radius:4px;font-size:16px;outline:none;transition:border-color 0.2s;}
.form-item input:focus {border-color:#08428d;}
/* 不同输入框宽度适配*/    .input-series {width:320px;}
.input-sn {width:280px;}
.input-brightness {width:260px;}
/* 搜索按钮*/    .search-btn {height:48px;padding:0 32px;background-color:#08428d;color:#fff;border:none;border-radius:4px;font-size:18px;cursor:pointer;white-space:nowrap;transition:background-color 0.2s;}
.search-btn:hover {background-color:#08428d;}
/* 响应式适配*/    @media (max-width:1024px) {.input-series {width:240px;}
.input-sn {width:220px;}
.input-brightness {width:200px;}
;}
@media (max-width:768px) {.search-form {flex-direction:column;align-items:stretch;}
.form-item {flex-direction:column;align-items:flex-start;gap:4px;}
.form-item label {font-size:16px;}
.form-item input {width:100% !important;}
.search-btn {width:100%;}
;}


.home-products{padding:2% 0;}
.home-products .pro-list{display:flex;flex-wrap:wrap; margin-right: -2%;}
.home-products .pro-list li{width:23%;margin-right:2%;border-radius:6px;overflow:hidden;background-color:#f1f1f3;border:1px solid #e8e8e8;transition:all .2s linear; margin-bottom: 2%;}
.home-products .pro-list li .img{overflow:hidden;position:relative}
.home-products .pro-list li .img img{width:100%;transition:all .2s linear;display: block; overflow: hidden;}
.home-products .pro-list li .icon-hottitle{position:absolute;left:14px;top:14px;line-height:1;color:#1c4e88;font-size:24px;z-index:4;width:46px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:3px;background-color:#1c4e88;display:none}
.home-products .pro-list li .icon-hottitle::before{display:none}
.home-products .pro-list li .icon-hottitle::after{content:"Hot";color:#fff;font-size:14px;line-height:1;font-weight:400}
.home-products .pro-list li .info{padding:5%;box-sizing: border-box; text-align: center;}
.home-products .pro-list li .info .title{font-size:18px;font-weight:500;transition:all .2s linear; color: #333; line-height: 32px;}
.home-products .pro-list li .info .txt{color:#666;font-size:15px; line-height:24px;}
.home-products .pro-list li:hover{border-color:#1c4e88 }
.home-products .pro-list li:hover .img img{transform:scale(1.03)}
.home-products .pro-list li:hover .info .title{color:#1c4e88}
.line2 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.line3 {display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}

img.lazy {display:inline-block;opacity:0;}
img.lazy,img.tst {transition:opacity .6s,transform .3s ease;}
img.loaded {opacity:1;}
img:not([src]) {visibility:hidden;position:absolute;}
.lazy-load {position:absolute;left:50%;top:50%;width:30px;height:30px;transform:translate(-50%,-50%);border:2px solid #000;border-top-color:rgba(0,0,0,.2);border-right-color:rgba(0,0,0,.2);border-bottom-color:rgba(0,0,0,.2);border-radius:100%;animation:circle infinite 1s linear;}
@keyframes circle {0% {transform:translate(-50%,-50%) rotate(0);}
100% {transform:translate(-50%,-50%) rotate(360deg);}
;}
.lazy-wrap {display:block;position:relative;overflow:hidden;}
.lazy-wrap::after {content:"";display:block;padding-bottom:50%;}
.lazy-wrap.lazy-loaded .lazy-load {-webkit-animation:none;animation:none;display:none;}
.lazy-wrap.lazy-loaded::after {padding-bottom:0;}
img {vertical-align:bottom;max-width:100%;height:auto;}


.about_x2.bgs2{overflow:hidden;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#222;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:3%;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id img{max-width: 100%; display: block; margin: auto;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}

.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:auto;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#004ea2;height:45px;text-align:center;font-size:16px;font-weight:bold; padding:0 1.5%;}
.relatedNews{margin:3% 0 0;overflow:hidden}
.relatedNews_font{font-size:14px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../img/ly_li.png) no-repeat left center;padding-left:10px;color:#666}
.relatedNews_font ul li a:hover{color:#004ea2}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}




.pro_rightss{padding-bottom: 3%; overflow: hidden;}
.pro_right{width:100%; overflow: hidden;}
.productss{overflow: hidden;}
.promore_l img{max-width: none !important;}
.promore_l{width:47%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block; width: 90%;}
.jqzoom img{width:99.8%; border:1px solid #d6d6d6; background:#fff}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}


/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%; float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:13px;}
.spec-scroll .items{float:left;position:relative;width:80%; height:60px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:80px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:60px;height:60px;}
.spec-scroll .items ul li img:hover{border:2px solid #004ea2 ; padding:1px;}

.pros_right{width:50%; float:right; overflow:hidden;}
.pros_right_top{overflow:hidden; border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden; font-size:28px; color:#004ea2 ; padding-bottom:10px; line-height: 45px;}
.proleft{width:100%;font-size:14px; line-height:25px; margin-top:2%;}
.proleft p{font-size:14px; line-height:25px; }


.procolor{ margin-top:20px;}
.procolor_bt{font-weight: 600; font-size: 16px; color: #333;border-bottom: 1px dashed #e6e6e6; padding-bottom: 10px;}
.procolor ul{}
.procolor li{border: 1px solid #ccc; margin:2% 1% 0 0; display: inline-block; width:35px; height: 35px}
.color_witer{background: #fff}
.color_red{background: #ff0000}
.color_yellow{background: #fff600}
.color_blue{background: #02028f}
.color_pink{background: #ff3be6}
.color_black{background:#000}
.color_green{background: #049915}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../img/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.pbtn{margin-top:10px;overflow:hidden;}
.pbtn a{width:40%;height:50px;line-height:50px;float:left;text-align:center;margin-right:3%; background: #004ea2;
    color: #fff; font-size:18px}
.pbtn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;line-height:1;top:0px;}
.pbtn i img{width:20px; vertical-align: middle;}
.pbtn a:hover{background:#ff963a;color:#fff;}
/* .pbtn a:nth-child(2){width:50%; background:#ff963a;} */

.wl2{overflow: hidden; width: 45%; margin-top: 3%;}
.wl2 a{font-size:24px;line-height: 50px;color: #004ea2;padding: 0 3%; background: none; width: auto;}

.tabs-basic{width:100%; margin-top:50px; float:left;}
/* The tabs */
.tabs-basic ul{list-style:none; text-align:left; margin:0; padding:0; border-bottom:1px solid #e6e6e6;}
.tabs-basic ul li{display:inline-block; margin-bottom:-1px; font-size:16px; text-transform:uppercase;}
.tabs-basic a{display:block; text-decoration:none; background:#eee; border:1px solid transparent; padding:10px 40px; color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #004ea2 ; color:#fff; background:#004ea2 ;}
/* The content */

.tabs-basic .tabs-content-placeholder{overflow:hidden; margin:auto; background:#fff; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block; line-height:30px; font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6; line-height:24px; text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px; text-align:left; margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%; clear: both; display: block;}
.tabs-basic table{border-collapse:collapse; border: 1px #e6e6e6 solid !important; width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important; padding-left:12px !important; word-wrap:break-word; word-break:break-all; border:1px #e6e6e6 solid !important; line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}

.hot_pro2{width:100%;float:left; margin-top:50px;}
.hot_pro2_tit{width:100%; height:45px; background:#f1f1f1; color:#004ea2 ; line-height:45px; font-size:16px; padding:0 20px; font-weight:bold; border:1px solid #d6d6d6; box-sizing: border-box;}

.scrollleft2{width:100%; float:left; margin-top:20px;}
.scrollleft2 ul{margin-right: -2%}
.scrollleft2 li{width:200px; float:left; margin-right:20px; overflow:hidden;}
.scrollleft2 li img{width:99%; display:block; border:1px solid #e6e6e6; }
.scrollleft2 li img:hover{border:1px solid #fff ;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block; width:100%; line-height:30px; margin-top:10px; font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#004ea2;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


.pro-left{ width: 20.3%; margin-right: 2.3%; overflow: hidden; float: left;}
.pro-left .kk{background: #f9f9f9; border: 1px solid #e5e5e5;}
.pro-left .tops{ text-align: center; background: #004ea2;; height: auto; padding:5% 0;}
.pro-left .tops i{font-size: 24px;color: #fff;text-transform: uppercase; font-style: normal;}
.pro-left .sideMenu h6 a{ display: block; height: auto; line-height: 64px; padding: 0 40px 0 35px; font-size: 20px; color: #fff; box-sizing: border-box;}
.pro-left .sideMenu ul li a{ position: relative; display: block; height: auto; line-height:55px; background: #f9f9f9; font-size:15px; color: #333; padding-left: 5%; border-bottom: 1px solid #eee; box-sizing: border-box;}
.pro-left .sideMenu ul li a:hover{ color: #004ea2;}
.pro-left .sideMenu ul li a.hover{ color: #004ea2; font-weight: 600;}
.pro-left .sideMenu ul li a.hover:before{ top: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul li a.hover:after{ bottom: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul li a:before{ content: ""; left: 0; top: 50%; width: 2px; height: 1px; position: absolute; background: #004ea2;; visibility: hidden;}
.pro-left .sideMenu ul li a:hover:before{ top: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul li a:after{ content: ""; left: 0; bottom: 50%; height: 1px; width: 2px; position: absolute; background: #004ea2;; visibility: hidden;}
.pro-left .sideMenu ul li a:hover:after{ bottom: 0; height: 50%; visibility: visible; transition: all .5s;}
.pro-left .sideMenu ul dl{ padding: 1% 0 0 7%;}
.pro-left .sideMenu ul dl:last-child{ padding-bottom: 1%; margin-bottom: 0; border-bottom: 1px solid #e5e5e5;}
.pro-left .sideMenu ul dl a{ font-size: 14px; color: #333; line-height:30px; border-bottom:none}
.pro-left .sideMenu ul dl a:hover{ color: #004ea2;;}
.pro-left .sideMenu ul li a:hover:after, .pro-left .sideMenu ul li a:hover:before{display: none;}
.pro-left .phone{ padding: 30px 0 35px; height: 120px;}
.pro-left .sideMenu ul ol{display: none;}

.leftxw{margin-top: 10px;}
.leftxw .bt2{font-size:24px;color: #fff;background: #004ea2; padding:5% 0;text-align: center;}
.leftxw dl{border: 1px solid #eee;padding: 0 20px;}
.leftxw dl dd{border-bottom: 1px dashed #eee;}
.leftxw dl dd a{display: block;font-size: 14px;line-height: 24px;color: #666;padding: 10px 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition:0.5s;transition:0.5s;}
.leftxw dl dd a:hover{color: #004ea2;}

.ablxpne{overflow: hidden;padding:8%;background-color: #004ea2; box-sizing: border-box; margin-top:10%; text-align: center; }
.ablxpne p{font-size:22px;color: #fff; text-align: center; font-weight: 600; line-height: 50px; position: relative;}
.ablxpne p:after{width:32px;height: 2px;background: #fff;position: absolute;top:50%;left:8%;content: '';transform: translateY(-18%);}
.ablxpne p:before{width:32px;height: 2px;background: #fff;position: absolute;top:50%;right:8%;content: '';transform: translateY(-18%);}
.ablxpne b{font-size: 18px;color: #fff; text-align: center; font-weight: 600;}
.ablxpne .but_more{background: #fff; border-radius: 30px; padding: 8px; box-sizing: border-box; width: 100px; margin:20px auto 0}
.ablxpne:hover .but_more{background: #333; color: #fff;}
.ablxpne:hover .but_more a{color: #fff;}

.ny_right{ width:76%; float: right;}
.ppny{overflow: hidden;}
.ppny dl{overflow: hidden;}
.ppny dd{width:12.84%;border-right: 1px solid #fff; font-size: 18px; text-align: center; float: left; color: #fff; background:#004ea2; padding:1.5% 0;}
.ppny dd:nth-child(1){width: 20%;}
.ppny dd:nth-child(2){width: 28.636%;}
.ppny ul{overflow: hidden;} 
.ppny ul .dt{padding: 2% 0; background: #f5f5f5; border-bottom: 1px solid #eee; align-items: center;  display: flex;}
.ppny .dt li{width:12%; float:left; text-align: center; color: #666666; font-size: 16px;}
.ppny .dt li img{margin: auto; max-width: 100%;}
.ppny .dt li:nth-child(1){width: 20%;}
.ppny .dt li:nth-child(2){width: 28.636%;}
.ppny ul:hover .dt{background: #cbe4fb; border-bottom:1px solid #cbe4fb;}

/* ===== 六大应用领域 (fa_Home 网格布局) ===== */
.fa_Home{background:#f6f8fb;padding:70px 0;}
.fa_Home .fa_hApp{position:relative;}
.fa_Home .fa_fields{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:28px;

  margin:10px auto 0;
  padding:0 4%;
}
.fa_Home .fa_field{
  --accent:#004ea2;          /* 默认主题色 */
  --tint:#eef4fb;            /* 卡片背景浅色 */
  --accent-soft:#dce8f7;     /* 图标底浅色 */
  background:var(--tint);
  border:1px solid rgba(0,0,0,.05);
  border-radius:12px;
  padding:42px 32px 36px;
  text-align:center;
  transition:transform .4s ease, box-shadow .4s ease, border-color .4s ease;
}
/* 每张卡片不同的背景色与主题色 */
/* .fa_Home .fa_field:nth-child(1){--accent:#004ea2;--tint:#eef4fb;--accent-soft:#dce8f7;}
.fa_Home .fa_field:nth-child(2){--accent:#0a9c8f;--tint:#e8f6f4;--accent-soft:#d3efeb;}
.fa_Home .fa_field:nth-child(3){--accent:#e0455e;--tint:#fdeef1;--accent-soft:#f9dde2;}
.fa_Home .fa_field:nth-child(4){--accent:#e8820c;--tint:#fef3e7;--accent-soft:#fbe6cd;}
.fa_Home .fa_field:nth-child(5){--accent:#2e9e54;--tint:#eaf6ec;--accent-soft:#d6efde;}
.fa_Home .fa_field:nth-child(6){--accent:#6a4bc4;--tint:#f1edfb;--accent-soft:#e5def6;} */
.fa_Home .fa_field:hover{
  transform:translateY(-8px);
  box-shadow:0 18px 40px rgba(0,0,0,.10);
  border-color:var(--accent);
}
.fa_Home .fa_field .fa_pic{
  width:100%;
  aspect-ratio:16/10;
  margin:0 auto 22px;
  border-radius:10px;
  overflow:hidden;
  background:var(--accent-soft);
}
.fa_Home .fa_field .fa_pic img{
  width:100%;height:100%;
  object-fit:cover;display:block;
  transition:transform .5s ease;
}
.fa_Home .fa_field:hover .fa_pic img{
  transform:scale(1.06);
}
.fa_Home .fa_field .pbtcn{font-size:22px;font-weight:600;color:#1a1a1a;margin-bottom:6px;}
.fa_Home .fa_field .pbten{font-size:13px;color:#9aa3ad;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:16px;}
.fa_Home .fa_field p{font-size:14px;color:#666;line-height:1.9;text-align:justify;text-justify:inter-ideograph;margin:0;}
@media only screen and (max-width:768px){
  .fa_Home .fa_fields{grid-template-columns:repeat(2,1fr);gap:18px;}
  .fa_Home .fa_field{padding:32px 22px 28px;}
  .fa_Home .fa_field .pbtcn{font-size:19px;}
}
@media only screen and (max-width:480px){
  .fa_Home .fa_fields{grid-template-columns:1fr;gap:14px;}
}

.app-banner{
  position:relative;
  background:linear-gradient(180deg,#0F3480 0%,#1976D2 100%);
  color:#fff;
}
.app-banner-inner{
  margin:0 auto;
  padding:8% 0 3%;
}
.app-banner-en{
  display:block;
  font-size:14px;
  letter-spacing:3px;
  font-weight:400;
  color:rgba(255,255,255,.78);
  margin-bottom:18px;
}
.app-banner-title{
  font-size:46px;
  line-height:1.22;
  font-weight:700;
  margin:0 0 22px;
  letter-spacing:1px;
}
.app-banner-desc{
  max-width:640px;
  font-size:15px;
  line-height:1.9;
  font-weight:400;
  color:rgba(255,255,255,.82);
  margin:0;
}
.app-stats{
  margin:0 auto;
  padding-top:2%;
}
.app-stats-inner{
  display:flex;
  border-top:1px solid rgba(255,255,255,.22);
}
.app-stat{
  flex:1;
  padding:24px 26px;
}
.app-stat + .app-stat{
  /* border-left:1px solid rgba(255,255,255,.30); */
}
.app-stat .k{
  display:block;
  font-size:13px;
  letter-spacing:1px;
  color:rgba(255,255,255,.72);
  margin-bottom:8px;
}
.app-stat .v{
  display:block;
  font-size:20px;
  font-weight:600;
  color:#fff;
}


/* Section head */
  .section-head { padding: 4% 0}
  .section-head .pd95{ display: flex; align-items: end; justify-content: space-between; }
  .section-head .appbt { font-size: 42px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.2; }
  .section-head .appbt em { font-style: normal; color: #014DB2; }
  .section-head p { color: #6B7280; font-size: 15px; line-height: 1.7; max-width: 480px; text-align: right; }

  /* Scenarios Grid */
  .scenarios { padding:0 0 4%; grid-template-columns: 1fr 1fr; }
  .scenarios .pd95{ display:grid; grid-template-columns: repeat(2,1fr); gap:28px; }
  .card { background: #fff; border-radius: 20px; overflow: hidden; box-shadow: 0 1px 2px rgba(10,22,40,0.04), 0 8px 24px rgba(10,22,40,0.06); transition: transform .3s, box-shadow .3s; cursor: pointer; position: relative; }
  .card:hover { transform: translateY(-6px); box-shadow: 0 12px 40px rgba(10,22,40,0.12); }
  .card-img { position: relative; height: a; overflow: hidden; }
  .card-img img { width: 100%; height: 100%; object-fit: cover; display: block; transition: transform .5s; }
  .card:hover .card-img img { transform: scale(1.04); }
  .card-img::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 50%, rgba(10,22,40,0.55) 100%); }
  .card-no { position: absolute; top: 20px; left: 20px; z-index: 2; background: rgba(10,22,40,0.55); backdrop-filter: blur(8px); color: #fff; font-size: 12px; font-weight: 600; letter-spacing: 1px; padding: 6px 12px; border-radius: 100px; }
  .card-tag { position: absolute; bottom: 20px; left: 20px; z-index: 2; color: #fff; font-size: 13px; letter-spacing: 2px; font-weight: 500; opacity: 0.85; }
  .card-go { position: absolute; bottom: 20px; right: 20px; z-index: 3; background: #014DB2; color: #fff; font-size: 12px; font-weight: 600; padding: 8px 14px; border-radius: 100px; opacity: 0; transform: translateY(8px); transition: all .3s; }
  .card:hover .card-go { opacity: 1; transform: translateY(0); }
  .card-body { padding: 28px 32px 32px; }
  .card-title { display: flex; align-items: baseline; gap: 12px; margin-bottom: 6px; color: #000;}
  .card-title .appxbt { font-size: 24px; font-weight: 700; letter-spacing: -0.3px; }
  .card-title span { font-size: 12px; color: #9CA3AF; letter-spacing: 2px; font-weight: 500; }
  .card-desc { color: #4B5563; font-size: 14.5px; line-height: 1.7; margin-bottom: 22px; min-height: 50px; }

  .params { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; padding-top: 18px; border-top: 1px dashed #E5E8EE; }
  .param { display: flex; align-items: center; gap: 10px; }
  .param-dot { width: 6px; height: 6px; border-radius: 50%; background: #014DB2; flex-shrink: 0; }
  .param-dot.b { background: #3B82F6; }
  .param-dot.c { background: #8BC4FF; }
  .param-dot.d { background: #0A1628; }
  .param-text { font-size: 12.5px; color: #1F2937; line-height: 1.4; }
  .param-text b { color: #0A1628; font-weight: 600; }

  .card.featured { grid-column: span 2; display: grid; grid-template-columns: 1.1fr 1fr; }
  .card.featured .card-img { height: 100%; min-height: 360px; }
  .card.featured .card-body { padding: 48px 48px; display: flex; flex-direction: column; justify-content: center; }

  /* Detail page */
  .detail-hero { position: relative; padding: 56px 80px 72px; background: linear-gradient(135deg, #0A1628 0%, #014DB2 70%, #3B82F6 100%); color: #fff; overflow: hidden; }
  .detail-hero::before { content: ""; position: absolute; top: -180px; right: -120px; width: 520px; height: 520px; border-radius: 50%; background: radial-gradient(circle, rgba(139,196,255,0.16) 0%, transparent 70%); }
  .breadcrumb { display: flex; align-items: center; gap: 12px; font-size: 13px; color: rgba(255,255,255,0.6); margin-bottom: 28px; }
  .breadcrumb a { color: rgba(255,255,255,0.85); text-decoration: none; cursor: pointer; }
  .breadcrumb a:hover { color: #8BC4FF; }
  .breadcrumb b { color: #fff; font-weight: 600; }
  .detail-hero-layout { display: grid; grid-template-columns: 1.1fr 1fr; gap: 48px; align-items: center; }
  .detail-hero-tag { display: inline-block; padding: 6px 14px; border: 1px solid rgba(139,196,255,0.4); border-radius: 100px; font-size: 13px; letter-spacing: 2px; margin-bottom: 20px; }
  .detail-hero h1 { font-size: 52px; font-weight: 800; line-height: 1.15; letter-spacing: -1px; }
  .detail-hero h1 em { display: block; font-style: normal; font-size: 18px; color: #8BC4FF; letter-spacing: 2px; margin-top: 10px; }
  .detail-hero p { font-size: 16.5px; line-height: 1.75; color: rgba(255,255,255,0.85); margin-top: 20px; max-width: 640px; }
  .detail-hero-img { border-radius: 20px; overflow: hidden; box-shadow: 0 24px 60px rgba(0,0,0,0.35); height: 360px; }
  .detail-hero-img img { width: 100%; height: 100%; object-fit: cover; }

  .detail-content { padding: 80px 80px 0; }
  .section { margin-bottom: 72px; }
  .section-label { display: inline-block; font-size: 12px; font-weight: 700; letter-spacing: 2px; color: #014DB2; margin-bottom: 12px; }
  .section-title { font-size: 32px; font-weight: 800; letter-spacing: -0.5px; line-height: 1.2; margin-bottom: 32px; }
  .section-title em { font-style: normal; color: #014DB2; }
  .section-desc { color: #4B5563; font-size: 15px; line-height: 1.7; max-width: 860px; margin-bottom: 32px; }

  .sub-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
  .sub-card { background: #F8FAFC; border: 1px solid #E5E8EE; border-radius: 16px; padding: 24px; transition: transform .2s, border-color .2s; }
  .sub-card:hover { transform: translateY(-4px); border-color: #8BC4FF; }
  .sub-card-top { display: flex; align-items: center; gap: 12px; margin-bottom: 10px; }
  .sub-no { width: 26px; height: 26px; border-radius: 50%; background: #014DB2; color: #fff; font-size: 11px; font-weight: 700; display: grid; place-items: center; }
  .sub-card h4 { font-size: 17px; font-weight: 700; }
  .sub-card p { font-size: 13.5px; color: #4B5563; line-height: 1.6; }

  .spec-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
  .spec-tile { background: #fff; border: 1px solid #E5E8EE; border-radius: 14px; padding: 22px; }
  .spec-tile-label { font-size: 12px; color: #6B7280; letter-spacing: 1px; margin-bottom: 8px; }
  .spec-tile-value { font-size: 16px; font-weight: 700; color: #0A1628; line-height: 1.4; }

  .value-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
  .value-card { background: linear-gradient(135deg, #0A1628 0%, #014DB2 100%); color: #fff; border-radius: 18px; padding: 32px; position: relative; overflow: hidden; }
  .value-card::before { content: ""; position: absolute; top: -40px; right: -40px; width: 120px; height: 120px; border-radius: 50%; background: rgba(139,196,255,0.12); }
  .value-icon { width: 40px; height: 40px; border-radius: 10px; background: rgba(255,255,255,0.12); display: grid; place-items: center; font-size: 18px; margin-bottom: 18px; }
  .value-card h4 { font-size: 18px; font-weight: 700; margin-bottom: 10px; }
  .value-card p { font-size: 13.5px; color: rgba(255,255,255,0.8); line-height: 1.6; }

  .detail-nav { display: flex; align-items: center; justify-content: space-between; padding: 32px 80px 80px; }
  .detail-nav a { color: #014DB2; font-weight: 600; font-size: 14px; cursor: pointer; display: flex; align-items: center; gap: 8px; text-decoration: none; }
  .detail-nav a:hover { color: #013C8F; }
  .detail-nav-center { display: flex; gap: 16px; }
  .detail-nav-center a { background: #F3F4F6; color: #1F2937; padding: 10px 18px; border-radius: 8px; }
  .detail-nav-center a:hover { background: #E5E7EB; color: #0A1628; }


  .cd-wrap{background:#fff;color:#333;}
.cd-pd{margin:0 auto;}
/* 模块1 Banner */
.cd-banner{background:linear-gradient(135deg,#091d3a 30%,#337ae9 100%);color:#fff;padding:8% 0 3%;}
.cd-banner .cd-pd{display:flex;align-items:center;gap:48px;}
.cd-banner-left{flex:1;min-width:0;}
.cd-crumb{font-size:13px;color:rgba(255,255,255,.78);margin-bottom:22px;letter-spacing:.5px;}
.cd-crumb a{color:rgba(255,255,255,.78);text-decoration:none;}
.cd-crumb a:hover{color:#fff;}
.cd-crumb .cur{color:#fff;font-weight:600;}
.cd-crumb .sep{margin:0 8px;opacity:.55;}
.cd-tag{display:inline-block;font-size:12px;letter-spacing:2px;color:#bfe0ff;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:3px 12px;margin-bottom:16px;}
.cd-banner-title{font-size:46px;font-weight:800;line-height:1.15;margin:0 0 10px;color:#fff;}
.cd-banner-sub{font-size:16px;color:#bfe0ff;margin:0 0 22px;font-weight:500;letter-spacing:.5px;}
.cd-banner-desc{font-size:15px;line-height:1.9;color:rgba(255,255,255,.9);max-width:570px;margin:0;}
.cd-banner-right{flex:0 0 600px;}
.cd-banner-img{position:relative;width:100%;border-radius:24px;overflow:hidden;box-shadow:0 24px 60px rgba(8,30,80,.35);background:linear-gradient(135deg,#0b3a7a,#1f6fd0);}
.cd-banner-img img{width:100%;object-fit:cover;display:block;}
.cd-img-ph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;color:rgba(255,255,255,.85);font-size:14px;padding:20px;letter-spacing:.5px;}
/* 小标题组（模块2~4 共用） */
.cd-sec{padding:72px 0 8px;}
.cd-sec-en{display:block;font-size:13px;letter-spacing:2px;color:#2277DD;font-weight:600;text-transform:uppercase;margin-bottom:12px;}
.cd-sec-title{font-size:32px;font-weight:800;color:#1a1a1a;margin:0 0 12px;line-height:1.25;}
.cd-sec-desc{font-size:15px;color:#888;line-height:1.9;margin:0;max-width:760px;}
/* 模块2 典型应用细分 */
.cd-split-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:3% 0 0;}
.cd-split{display:flex;flex-wrap:wrap;align-items:center;gap:0 14px;background:#f7f9fc;border-radius:18px;padding:24px;min-height:112px;}
.cd-split-no{flex:0 0 auto;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#0F4699,#2277DD);color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(15,70,153,.3);}
.cd-split-title{font-size:19px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0;}
.cd-split-desc{flex-basis:100%;font-size:14px;color:#888;line-height:1.7;margin:10px 0 0;}
/* 模块3 显示模组核心参数 */
.cd-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:3% 0 0;}
.cd-spec{border:1px solid #e9edf3;border-radius:16px;padding:24px 22px;background:#fff;}
.cd-spec-k{font-size:13px;color:#888;margin-bottom:10px;}
.cd-spec-v{font-size:20px;font-weight:700;color:#1a1a1a;line-height:1.3;}
/* 模块4 我们能为您提供什么 */
.cd-adv-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:32px 0 80px;}
.cd-adv{position:relative;overflow:hidden;background:linear-gradient(135deg,#0F4699,#2277DD);border-radius:20px;padding:10%;color:#fff;box-shadow:0 14px 36px rgba(15,70,153,.22);transition:transform .3s,box-shadow .3s;}
.cd-adv:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(15,70,153,.32);}
.cd-adv::after{content:"";position:absolute;width:170px;height:170px;border-radius:50%;right:-46px;top:-46px; background: rgba(255, 255, 255, .1);}
/* background:radial-gradient(circle,rgba(120,190,255,.45),rgba(120,190,255,0) 70%); */
.cd-adv-check{position:relative;z-index:2;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;margin-bottom:18px;}
.cd-adv-check svg{width:18px;height:18px;color:#fff;}
.cd-adv-title{position:relative;z-index:2;font-size:20px;font-weight:800;margin:0 0 10px;}
.cd-adv-desc{position:relative;z-index:2;font-size:16px;line-height:1.8;color:rgba(255,255,255,.92);margin:0;}
/* 模块5 底部导航栏 */
.cd-navbar{padding:0 0 80px;text-align:center;}
.cd-navbar .cd-pd{display:flex;align-items:center;gap:18px;flex-wrap:wrap; justify-content: space-between;}
.cd-nav-link{display:inline-flex;align-items:center;gap:6px;font-size:15px;color:#2277DD;text-decoration:none;padding:10px 22px;border-radius:999px;transition:background .25s,color .25s,border-color .25s;}
.cd-nav-link:hover{background:#2277DD;color:#fff}
.cd-nav-link.over{ background: #f3f4f6; color: #000;}
.cd-nav-link.over:hover{background:#2277DD;color:#fff}
/* 响应式 */
@media(max-width:900px){
  .cd-banner .cd-pd{flex-direction:column;align-items:flex-start;gap:32px;}
  .cd-banner-right{flex:0 0 auto;width:100%;}
  .cd-banner-img{height:260px;}
  .cd-banner-title{font-size:36px;}
  .cd-split-grid{grid-template-columns:repeat(2,1fr);}
  .cd-spec-grid{grid-template-columns:repeat(2,1fr);}
  .cd-adv-grid{grid-template-columns:1fr;}
}
@media(max-width:560px){
  .cd-banner{padding:44px 0 40px;}
  .cd-banner-title{font-size:30px;}
  .cd-sec-title{font-size:26px;}
  .cd-split-grid{grid-template-columns:1fr;}
  .cd-spec-grid{grid-template-columns:repeat(2,1fr);}
  .cd-nav-link{width:100%;justify-content:center;box-sizing:border-box;}
}
:root, .rj-root {
  --rj-blue: #8bc4ff;
  --rj-blue-bright: #2f6bff;
  --rj-blue-soft: #eaf1ff;
  --rj-bg: #f4f6fa;
  --rj-card: #ffffff;
  --rj-border: #e7ebf2;
  --rj-text: #2a2f3a;
  --rj-gray: #6b7280;
  --rj-gray-2: #5b6478;
  --rj-radius: 16px;
  --rj-shadow: 0 8px 24px rgba(15, 52, 128, .06);
  --rj-shadow-hover: 0 16px 38px rgba(15, 52, 128, .14);
}

.rj-container {
  width: 100%;
  margin: 0 auto;
  padding: 0 4%;
  box-sizing: border-box;
}

/* ============ 模块1：顶部 Banner 大图区 ============ */
.rj-banner {
  position: relative;
  width: 100%;
  min-height: clamp(440px, 56vh, 560px);
  display: flex;
  align-items: center;
  /* 背景底色：图片加载前/失败时的占位色 */
  background-color: var(--rj-blue);
  overflow: hidden;
  /* 顶部留出固定导航 80px，避免文字被遮挡 */
  padding: 120px 0 70px;
}
/* 顶部大图：以 <img> 形式插入（非背景图），铺满 banner、随容器裁切 */
.rj-banner-img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  z-index: 0;
  pointer-events: none;
  display: block;
}
/* 低透明度暗化遮罩：左侧更亮便于文字阅读（层级在图片之上、文字之下） */
.rj-banner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(115deg,
      rgba(30, 41, 56, .90) 30%,
      rgba(15, 40, 90, .26) 55%);
}
.rj-banner .rj-container {
  position: relative;
  z-index: 2;
}
.rj-banner-label {
  display: inline-block;
  border: 1px solid #4b698c;
  color: #8bc4ff;
  font-size: 13px;
  letter-spacing: 1.5px;
  padding: 8px 18px;
  border-radius: 999px;
  margin-bottom: 22px;
  box-shadow: 0 6px 16px rgba(15, 52, 128, .25);
}
.rj-banner-title {
  font-size: clamp(34px, 5vw, 58px);
  font-weight: 800;
  line-height: 1.18;
  color: var(--rj-blue);
  letter-spacing: 1px;
  margin-bottom: 22px;
}
.rj-banner-title span {
  display: block;
}
.rj-banner-desc {
  max-width: 700px;
  font-size: 15px;
  line-height: 1.9;
  color: #fff;
}

/* ============ 通用区块间距 ============ */
.rj-section {
  padding: 74px 0;
}
.rj-section.rj-bg-gray {
  background: var(--rj-bg);
}

/* ============ 板块标题（左大标题 + 右英文小标） ============ */
.rj-sec-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 20px;
  margin-bottom: 38px;
}
.rj-sec-title {
  font-size: clamp(26px, 3.4vw, 40px);
  font-weight: 800;
  color: #000;
  line-height: 1.1;
  position: relative;

}
.rj-sec-title em{  color: #014db2;}

.rj-sec-meta {
  text-align: right;
  flex: none;
}
.rj-sec-en {
  font-size: 13px;
  letter-spacing: 2px;
  font-weight: 600;
  color: var(--rj-gray);
  text-transform: uppercase;
}
.rj-sec-sub {
  font-size: 14px;
  color: var(--rj-gray);
  margin-top: 8px;
  line-height: 1.6;
}

/* ============ 模块2：热招岗位（2列卡片网格） ============ */
.rj-pos-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.rj-pos-card {
  background: var(--rj-card);
  border: 1px solid var(--rj-border);
  border-radius: var(--rj-radius);
  box-shadow: var(--rj-shadow);
  padding: 30px 30px 26px;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rj-pos-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--rj-shadow-hover);
}
.rj-pos-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
}
.rj-pos-name {
  font-size: 20px;
  font-weight: 700;
  color: var(--rj-text);
  line-height: 1.3;
}
.rj-pos-loc {
  flex: none;
  font-size: 12px;
  color: #014db2;
  background: var(--rj-blue-soft);
  padding: 6px 13px;
  border-radius: 999px;
  white-space: nowrap;
  font-weight: 600;
}
.rj-pos-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 18px 0 16px;
}
.rj-pos-tag {
  font-size: 12px;
  color: #4b5563;
  background: #f1f3f7;
  border: 1px solid #eef1f6;
  padding: 5px 11px;
  border-radius: 6px;
}
.rj-pos-desc {
  font-size: 14px;
  color: var(--rj-gray);
  line-height: 1.75;
}

/* ============ 模块3：福利与成长（4列卡片） ============ */
.rj-ben-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 22px;
}
.rj-ben-card {
  background: var(--rj-card);
  border: 1px solid var(--rj-border);
  border-radius: var(--rj-radius);
  box-shadow: var(--rj-shadow);
  padding: 38px 26px 32px;
  text-align: center;
  transition: transform .25s ease, box-shadow .25s ease;
}
.rj-ben-card:hover {
  transform: translateY(-4px);
  box-shadow: var(--rj-shadow-hover);
}
.rj-ben-icon {
  width: 60px;
  height: 60px;
  margin: 0 auto 18px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--rj-blue-soft);
  border-radius: 16px;
  color:#014db2;
}
.rj-ben-icon svg {
  width: 32px;
  height: 32px;
  display: block;
}
.rj-ben-title {
  font-size: 18px;
  font-weight: 700;
  color: var(--rj-text);
  margin-bottom: 10px;
}
.rj-ben-desc {
  font-size: 14px;
  color: var(--rj-gray);
  line-height: 1.75;
}

/* ============ 模块4：底部行动号召渐变区块 ============ */
.rj-cta {
  background: linear-gradient(90deg, #0F3480 0%, #2f6bff 100%);
  border-radius: 24px;
  padding: 56px 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 36px;
  color: #fff;
  box-shadow: 0 18px 40px rgba(15, 52, 128, .22);
}
.rj-cta-text {
}
.rj-cta-title {
  font-size: clamp(24px, 3vw, 34px);
  font-weight: 800;
  margin-bottom: 14px;
  letter-spacing: .5px;
}
.rj-cta-desc {
  font-size: 14px;
  color: rgba(255, 255, 255, .88);
  line-height: 1.9;
}
.rj-cta-desc b {
  color: #fff;
  font-weight: 700;
}
.rj-cta-btn {
  flex: none;
  background: #fff;
  color: #014db2;
  font-weight: 700;
  font-size: 16px;
  padding: 16px 40px;
  border-radius: 999px;
  text-decoration: none;
  white-space: nowrap;
  transition: transform .2s ease, box-shadow .2s ease;
}
.rj-cta-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 26px rgba(0, 0, 0, .2);
}

/* ============ 职位卡片可点击（进入详情页，非弹窗） ============ */
.rj-pos-card {
  text-decoration: none;
  color: inherit;
  cursor: pointer;
}
.rj-pos-card .rj-pos-more {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 18px;
  font-size: 13px;
  font-weight: 600;
  color: var(--primary);
  transition: gap .2s ease;
}
.rj-pos-card .rj-pos-more .arrow {
  transition: transform .2s ease;
}
.rj-pos-card:hover .rj-pos-more { gap: 10px; }
.rj-pos-card:hover .rj-pos-more .arrow { transform: translateX(3px); }

/* ============ 职位详情页 ============ */
.rj-job-detail {
  background: #fff;
}
.rj-job-layout {
  display: grid;
  grid-template-columns: 1fr 340px;
  gap: 48px;
  align-items: start;
  padding: 56px 0 72px;
}
.rj-job-main { min-width: 0; }
.rj-job-block { margin-bottom: 40px; }
.rj-job-block:last-child { margin-bottom: 0; }
.rj-job-h2 {
  display: flex;
  align-items: center;
  gap: 12px;
  font-size: 21px;
  font-weight: 700;
  color: var(--rj-text);
  margin-bottom: 18px;
}
.rj-job-h2::before {
  content: "";
  width: 5px;
  height: 20px;
  border-radius: 3px;
  background: linear-gradient(180deg, #2f6bff, #0F3480);
}
.rj-job-intro {
  font-size: 15px;
  color: var(--rj-gray);
  line-height: 1.9;
  margin-bottom: 6px;
}
.rj-duty-list,
.rj-req-list {
  list-style: none;
  display: grid;
  gap: 14px;
}
.rj-duty-list p,
.rj-req-list p {
  position: relative;
  margin: 0;
  padding-left: 26px;
  font-size: 14.5px;
  color: #374151;
  line-height: 1.85;
}
.rj-duty-list p::before,
.rj-req-list p::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 11px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: var(--primary);
}
/* 侧栏：职位信息卡 + 投递 */
.rj-job-side {
  position: sticky;
  top: 100px;
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.rj-info-card {
  background: #fff;
  border: 1px solid var(--rj-border);
  border-radius: var(--rj-radius);
  box-shadow: var(--rj-shadow);
  padding: 26px 24px;
}
.rj-info-title {
  font-size: 15px;
  font-weight: 700;
  color: var(--rj-text);
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid #eef1f6;
}
.rj-info-row {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  padding: 9px 0;
  font-size: 14px;
}
.rj-info-row .k { color: var(--rj-gray); flex: none; }
.rj-info-row .v { color: var(--rj-text); font-weight: 600; text-align: right; }
.rj-apply-card {
  background: linear-gradient(135deg, #0F3480 0%, #2f6bff 100%);
  border-radius: var(--rj-radius);
  padding: 26px 24px;
  color: #fff;
  box-shadow: 0 16px 34px rgba(15, 52, 128, .22);
}
.rj-apply-card .t {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 6px;
}
.rj-apply-card .s {
  font-size: 12.5px;
  color: rgba(255, 255, 255, .82);
  line-height: 1.7;
  margin-bottom: 18px;
}
.rj-apply-btn {
  display: block;
  text-align: center;
  background: #fff;
  color: #014db2;
  font-weight: 700;
  font-size: 15px;
  padding: 13px 0;
  border-radius: 999px;
  text-decoration: none;
  transition: transform .2s ease, box-shadow .2s ease;
}
.rj-apply-btn:hover {
  transform: translateY(-2px);
  box-shadow: 0 10px 22px rgba(0, 0, 0, .2);
}
.rj-back {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  color: var(--primary);
  text-decoration: none;
  font-weight: 600;
}
.rj-back:hover { text-decoration: underline; }

.rj-apply-back {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  width: 100%;
  height: 46px;
  border-radius: 999px;
  border: 1.5px solid var(--primary);
  background: #fff;
  color: var(--primary);
  font-size: 15px;
  font-weight: 600;
  text-decoration: none;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
}
.rj-apply-back:hover {
  background: var(--primary);
  color: #fff;
  box-shadow: 0 8px 18px rgba(27, 91, 215, .25);
}

/* ============ 响应式 ============ */
@media (max-width: 980px) {
  .rj-pos-grid {
    grid-template-columns: 1fr;
  }
  .rj-ben-grid {
    grid-template-columns: repeat(2, 1fr);
  }
  .rj-sec-head {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }
  .rj-sec-meta {
    text-align: left;
  }
  .rj-cta {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    padding: 42px 34px;
    gap: 26px;
  }
  .rj-job-layout {
    grid-template-columns: 1fr;
    gap: 36px;
    padding: 40px 0 56px;
  }
  .rj-job-side {
    position: static;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .rj-info-card,
  .rj-apply-card {
    flex: 1 1 260px;
  }
}

@media (max-width: 560px) {
  .rj-section {
    padding: 52px 0;
  }
  .rj-banner {
    padding: 110px 0 56px;
    min-height: 400px;
  }
  .rj-ben-grid {
    grid-template-columns: 1fr;
  }
  .rj-pos-card {
    padding: 24px 22px 22px;
  }
  .rj-cta {
    padding: 34px 24px;
  }
}

/* =========================================================
   赛时达 新闻动态页 news.html —— 复刻截图简洁新闻列表模板
   仅作用于本页新增结构，不影响其它页面共享样式
   主色沿用深蓝 #0F3480，白底干净简约
   ========================================================= */

.nw-root {
  --nw-blue: #0F3480;
  --nw-blue-bright: #2f6bff;
  --nw-bg: #f8fafd;
  --nw-card: #ffffff;
  --nw-border: #eef1f6;
  --nw-title: #1a202c;
  --nw-text: #5b6478;
  --nw-gray: #9aa3b2;
  --nw-radius: 16px;
  --nw-shadow: 0 6px 20px rgba(15, 52, 128, .05);
  --nw-shadow-hover: 0 14px 34px rgba(15, 52, 128, .12);
}

.nw-section {
  background: #fff;
  /* 顶部留出固定导航 80px，避免内容被遮挡 */
  padding:4% 0;
}

.nw-container {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
}

/* ============ 胶囊标签页 ============ */
.nw-tabs {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-bottom: 34px;
}
.nw-tab {
  display: inline-block;
  padding: 10px 24px;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  color: var(--nw-text);
  background: #f4f6f9;
  border: 1px solid transparent;
  cursor: pointer;
  transition: all .22s ease;
  text-decoration: none;
}
.nw-tab:hover {
  background: #eaf1ff;
  color: var(--nw-blue);
}
.nw-tab.active {
  background: var(--nw-blue);
  color: #fff;
  box-shadow: 0 6px 16px rgba(15, 52, 128, .22);
}

/* ============ 新闻列表 ============ */
.nw-list {
  display: none;
  flex-direction: column;
  gap: 16px;
}
.nw-list.active {
  display: flex;
}

.nw-item {
  display: flex;
  align-items: center;
  gap: 22px;
  background: var(--nw-card);
  border: 1px solid var(--nw-border);
  border-radius: var(--nw-radius);
  box-shadow: var(--nw-shadow);
  padding: 22px 26px;
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.nw-item:hover {
  transform: translateY(-3px);
  box-shadow: var(--nw-shadow-hover);
  border-color: #dbe4f2;
}
.nw-item:hover .nw-arrow {
  background: var(--nw-blue);
  color: #fff;
  border-color: var(--nw-blue);
}

/* 日期块 */
.nw-date {
  flex: none;
  width: 64px;
  text-align: center;
}
.nw-day {
  display: block;
  font-size: 34px;
  font-weight: 800;
  line-height: 1;
  color: var(--nw-title);
  letter-spacing: -1px;
}
.nw-ym {
  display: block;
  font-size: 12px;
  color: var(--nw-gray);
  margin-top: 6px;
  font-weight: 500;
}

/* 缩略图（位于日期块之后） */
.nw-thumb {
  flex: none;
  width: 25%;
  border-radius: 10px;
  object-fit: cover;
  background: #eef2f8;
  border: 1px solid var(--nw-border);
  display: block;
  transition: box-shadow .22s ease;
}
.nw-item:hover .nw-thumb {
  box-shadow: 0 8px 18px rgba(15, 52, 128, .20);
}

/* 内容区 */
.nw-body {
  flex: 1;
  min-width: 0;
}
.nw-title {
  font-size: 17px;
  font-weight: 700;
  color: var(--nw-title);
  line-height: 1.45;
  margin-bottom: 8px;
  transition: color .22s ease;
}
.nw-item:hover .nw-title {
  color: var(--nw-blue);
}
.nw-desc {
  font-size: 14px;
  color: var(--nw-text);
  line-height: 1.7;
}

/* 箭头 */
.nw-arrow {
  flex: none;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid #e3e8f0;
  color: var(--nw-blue);
  background: #fff;
  transition: all .22s ease;
}
.nw-arrow svg {
  width: 18px;
  height: 18px;
  display: block;
}

/* ============ 空状态 ============ */
.nw-empty {
  padding: 60px 20px;
  text-align: center;
  color: var(--nw-gray);
  font-size: 14px;
  background: #fff;
  border: 1px dashed var(--nw-border);
  border-radius: var(--nw-radius);
}

/* ============ 响应式 ============ */
@media (max-width: 768px) {
  .nw-section {
    padding: 90px 0 60px;
  }
  .nw-item {
    padding: 18px 20px;
    gap: 16px;
  }
  .nw-day {
    font-size: 28px;
  }
  .nw-title {
    font-size: 15px;
  }
  .nw-desc {
    font-size: 13px;
  }
  .nw-arrow {
    width: 38px;
    height: 38px;
  }
}

@media (max-width: 480px) {
  .nw-tabs {
    gap: 8px;
    margin-bottom: 26px;
  }
  .nw-tab {
    padding: 9px 16px;
    font-size: 13px;
  }
  .nw-date {
    width: 54px;
  }
  .nw-day {
    font-size: 24px;
  }
  .nw-ym {
    font-size: 11px;
  }
  .nw-thumb {
    width: 88px;
    height: 60px;
    border-radius: 8px;
  }
}

/* ==========================================================
   联系我们 - 在线留言 模板样式
   对应页面：contact.html
   品牌主色统一走 --primary 变量，改一处即可全局换色
   ========================================================== */

:root {
    --primary: #1B5BD7;        /* 主色（按钮/焦点态） */
    --primary-dark: #1550C3;   /* 主色-悬停 */
    --icon-grad-a: #4B8BF5;    /* 图标底渐变-亮 */
    --icon-grad-b: #1D4FD8;    /* 图标底渐变-深 */
    --ink: #111827;            /* 主文字 */
    --ink-2: #1F2937;          /* 次级深文字 */
    --gray: #6B7280;           /* 说明文字 */
    --addr: #4B5563;           /* 地址正文 */
    --ph: #9AA3AF;             /* 输入框占位 */
    --red: #E5484D;            /* 必填星号 */
    --line: #E8ECF2;           /* 卡片描边 */
    --input-line: #E3E8F0;     /* 输入框描边 */
    --input-bg: #FAFBFD;       /* 输入框底色 */
    --shadow: 0 4px 16px rgba(15, 23, 42, .05);
    --shadow-hover: 0 8px 24px rgba(15, 23, 42, .09);
}



/* -------------------- 区块整体 -------------------- */
.contact-sec { padding: 4% 0; background: #FFFFFF; }

.contact-wrap {
    margin: 0 auto;
    display: flex;
    gap: 32px;
    align-items: flex-start;
}

/* -------------------- 左侧：联系信息栏 -------------------- */
.contact-info {
    width: 46%;
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* 信息卡片 */
.info-card {
    display: flex;
    gap: 16px;
    padding: 24px;
    background: #FFFFFF;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: box-shadow .3s ease, transform .3s ease;
}
.info-card:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}

/* 蓝色渐变图标底座 */
.info-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, var(--icon-grad-a), var(--icon-grad-b));
    display: flex;
    align-items: center;
    justify-content: center;
}
.info-icon svg { width: 22px; height: 22px; }

/* 卡片文字 */
.info-body { flex: 1; min-width: 0; }
.info-title { font-size: 16px; font-weight: 600; color: var(--ink); margin-bottom: 5px; }
.info-value { font-size: 16px; font-weight: 700; color: var(--ink); margin-bottom: 5px; }
.info-value a { color: inherit; text-decoration: none; }
.info-sub   { font-size: 13px; color: var(--gray); }
.info-addr  { font-size: 13px; color: var(--addr); line-height: 24px; }
.info-addr b,
.info-addr strong { display: block; margin-top: 2px; font-size: 14px; font-weight: 700; color: var(--ink); }

/* -------------------- 地图卡片 -------------------- */
.map-card {
    border: 1px solid #E4EDFB;
    border-radius: 12px;
    background: linear-gradient(180deg, #F2F6FD 0%, #E1EBFA 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 12px;
    text-align: center;
}
.map-pin  { width: 30px; height: 46px; }
.map-name { font-size: 15px; font-weight: 700; color: var(--ink-2); }
.map-addr { font-size: 13px; color: var(--gray); }

/* -------------------- 联系人分组（横向卡片：头像在左） -------------------- */
.contact-people { margin-top: 4px; }
.people-title {
    font-size: 16px;
    font-weight: 700;
    color: var(--ink);
    margin: 6px 0 14px;
    padding-left: 2px;
}
/* 一行三个网格：业务联系人 */
.people-list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
/* 横向卡：头像在左、文字在右，紧凑排布 */
.person-card {
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    gap: 12px;
    padding: 14px 16px;
    background: #FFFFFF;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    transition: box-shadow .3s ease, transform .3s ease;
}
.person-card:hover {
    box-shadow: var(--shadow-hover);
    transform: translateY(-2px);
}
/* 个人图片：圆形头像，object-fit:cover 自动裁切，background 作为缺图占位 */
.person-photo {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    object-fit: cover;
    background: #EDF2FA;
    border: 1px solid var(--line);
}
.person-body { flex: 1; min-width: 0; }
.person-name { font-size: 15px; font-weight: 700; color: var(--ink); line-height: 1.3; }
.person-role { font-size: 13px; color: var(--gray); margin: 2px 0 4px; }
.person-phone { font-size: 14px; font-weight: 600; color: var(--primary); }
.person-phone a { color: inherit; text-decoration: none; }
.person-phone a:hover { text-decoration: underline; }

/* 联系人网格响应式：窄屏降为 2 列 / 1 列 */
@media (max-width: 560px) {
    .people-list { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 380px) {
    .people-list { grid-template-columns: 1fr; }
}

/* -------------------- 右侧：在线留言表单 -------------------- */
.msg-card {
    flex: 1;
    min-width: 0;
    background: #FFFFFF;
    border: 1px solid var(--line);
    border-radius: 12px;
    box-shadow: var(--shadow);
    padding: 40px;
}

.msg-title { font-size: 24px; font-weight: 700; color: var(--ink); margin-bottom: 12px; }
.msg-desc  { font-size: 14px; color: var(--gray); margin-bottom: 28px; }
.msg-desc em { font-style: normal; font-weight: 700; color: var(--red); }

.msg-form { display: block; }

/* 两列字段行 */
.form-row {
    display: flex;
    gap: 24px;
}

.form-field {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 20px;
}
.form-field label {
    font-size: 14px;
    font-weight: 600;
    color: var(--ink);
}
.form-field label i {
    font-style: normal;
    color: var(--red);
    margin-left: 3px;
}

/* 输入控件统一样式 */
.form-field input,
.form-field select,
.form-field textarea {
    width: 100%;
    font-family: inherit;
    font-size: 14px;
    color: var(--ink);
    background: var(--input-bg);
    border: 1px solid var(--input-line);
    border-radius: 8px;
    outline: none;
    transition: border-color .2s ease, box-shadow .2s ease, background .2s ease;
}
.form-field input,
.form-field select {
    height: 46px;
    padding: 0 16px;
}
.form-field textarea {
    height: 130px;
    padding: 14px 16px;
    line-height: 22px;
    resize: vertical;
}
.form-field input::placeholder,
.form-field textarea::placeholder { color: var(--ph); }

.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus {
    border-color: var(--primary);
    background: #FFFFFF;
    box-shadow: 0 0 0 3px rgba(27, 91, 215, .10);
}

/* 下拉框：隐藏原生箭头，替换为自绘 chevron */
.form-field select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 40px;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' stroke='%23333' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
}

/* 提交按钮 */
.form-submit {
    width: 100%;
    height: 50px;
    margin-top: 4px;
    background: var(--primary);
    color: #FFFFFF;
    font-family: inherit;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: 2px;
    border: none;
    border-radius: 8px;
    cursor: pointer;
    box-shadow: 0 4px 12px rgba(27, 91, 215, .30);
    transition: background .2s ease, box-shadow .2s ease, transform .2s ease;
}
.form-submit:hover {
    background: var(--primary-dark);
    box-shadow: 0 6px 16px rgba(27, 91, 215, .38);
    transform: translateY(-1px);
}
.form-submit:active { transform: translateY(0); }

/* -------------------- 响应式 -------------------- */
@media (max-width: 992px) {
    .contact-sec { padding: 40px 0 56px; }
    .contact-wrap { flex-direction: column; }
    .contact-info { width: 100%; }
    .msg-card { padding: 28px 20px; }
    .form-row { flex-direction: column; gap: 0; }
    .form-field { margin-bottom: 16px; }
    .map-card { height: 240px; }
}