*{border:0; margin:0; padding:0; box-sizing:border-box;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,input,fieldset,legend,button,textarea,div,img{border:0; margin:0; padding:0; box-sizing:border-box;}
body,textarea,input,button,select,keygen,legend{font-size:16px;color:#666;font-family:'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', Arial, sans-serif;}
html,body{width:100%;position:relative;}
html{font-size:calc(100vw / 19.2);scroll-behavior:smooth;}
body{overflow-x:hidden;padding-top: 70px;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
em{font-style:normal;}
ul,li,ol{list-style:none;}
img{max-width: 100%;height: auto;display: block;}

/** 重置超链接元素 **/
a{text-decoration:none;color:#333;}
a:hover{color:#ba1918;}
a:focus-visible, button:focus-visible, input:focus-visible { outline: 3px solid #ba1918; outline-offset: 2px; border-radius: 4px; }

/* 适配系统「减少动画」无障碍设置 */
@media (prefers-reduced-motion: reduce) {
  /* 全局关闭所有过渡、关键帧动画 */
  * {
    animation: none !important;
    transition: none !important;
  }

  /* 轮播容器禁止自动轮播（JS 配套判断 autoplay 关闭） */
  .swiper {
    --swiper-autoplay: false;
  }

  /* 跑马灯/横向滚动动画模块 */
  .sy_hz .lb {
    animation: none !important;
  }

  /* 如果你还有其他滚动动画、数字滚动、渐显动画类，可自行补充选择器 */
  /* .wow-animate, .num-count, .marquee-wrap { animation: none !important; } */
}

/** 重置表格元素 **/
table{border-collapse:collapse;}
.w1000{width:1000px;max-width: 95%; margin:auto;}
.w1200{width:1200px;max-width: 95%; margin:auto;}
.w1400{width:1400px;max-width: 95%; margin:auto;}
.w1600{width:1600px;max-width: 95%; margin:auto;}
.pdt80{padding-top: 80px;padding-bottom: 80px;}
.pdt60{padding-top: 60px;padding-bottom: 60px;}
.pd95{padding-left: 2.5%;padding-right: 2.5%;}
.pd40{padding-left: 40px;padding-right: 40px;}

.top_bg{position: fixed;left: 0;top: 0;right: 0;z-index: 99;height: 70px;background: #fff;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.top_h{display: flex;align-items: center;align-content: center;justify-content: space-between;}
.logo_dh{display: flex;align-items: center;align-content: center;}
.top_h .logo{}
.top_h .logo img{display: block;height:70px;padding: 20px 0;width: auto;}
.dhan2{display: none;}
.sjdh2{display: none;}
.dh{display: block;}
.dh ul{display: flex;}
.dh ul li{position: relative;z-index: 1;}
.dh>ul>li>a{display:block;line-height:70px;font-size:16px;position:relative;color:#333;padding:0 20px;-webkit-transition:color 0.5s;transition:color 0.5s;}
.dh>ul>li>a:after{content: "";position: absolute;left: 20px;right: 20px;bottom: 0px;height: 3px;background: #ba1918;-webkit-transform: scale(0, 1);transform: scale(0, 1);opacity: 0;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.dh>ul>li:hover>a{color:#ba1918;}
.dh>ul>li:hover>a:after{-webkit-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}
.dh>ul>li.on>a{color:#ba1918;}
.dh ul li .dh_fl{position:absolute;left:50%;top:70px;margin-left:-110px;width:220px;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: #333;padding: 10px 12px;-webkit-transition:color 0.5s;transition:color 0.5s;}
.dh ul li .dh_fl ul li a i{font-size: 12px;color:#ccc;-webkit-transition:color 0.5s;transition:color 0.5s;}
.dh ul li .dh_fl ul li:hover>a{color:#ba1918;}
.dh ul li .dh_fl ul li:hover>a>i{color:#ba1918;}
.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;}

.top_r{display: flex;align-items: center;align-content: center;}
.top_lx{margin-right: 30px;display: flex;align-items: center;align-content: center;cursor: pointer;height: 70px;}
.top_lx i{font-size: 24px;line-height: 40px;color: #ba1918;-webkit-transition:color 0.5s;transition:color 0.5s;}
.top_lx span{font-size: 22px;line-height: 40px;color: #ba1918;font-weight: bold;-webkit-transition:color 0.5s;transition:color 0.5s;}
.top_zx{display: flex;align-items: center;align-content: center;height: 70px;}
.top_zx a{font-size: 14px;line-height: 30px;padding: 0 20px;color: #fff;background: #ba1918;border-radius: 15px;-webkit-transition:background 0.5s;transition:background 0.5s;}
.top_zx a:hover{background: #333;}
.top_zd{display: flex;align-items: center;align-content: center;height: 70px;}
.top_zd a{font-size: 14px;line-height: 26px;padding: 0 20px;color: #333;border: 2px solid #333;border-radius: 15px;-webkit-transition:background 0.5s,color 0.5s,border-color 0.5s;transition:background 0.5s,color 0.5s,border-color 0.5s;}
.top_zd a:hover{background: #ba1918;color: #fff;border: 2px solid #ba1918;}

.banner{width:100%;overflow:hidden;position:relative;}
.banner ul{}
.banner ul li{overflow:hidden;}
.banner ul li img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.banner ul li video{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}
.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:background 0.5s;transition:background 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:transform 0.5s;transition:transform 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:opacity 0.5s;transition:opacity 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:60px;}
.bany{right:60px;}
.banner:hover .banz,.banner:hover .bany{opacity:1;}

.sy_xm_bg{background: #f9fafb;}
.sy_xm{margin-top: -110px;position: relative;z-index: 2;}
/*.sy_xm .lb ul{display: flex;}
.sy_xm .lb ul li{width: 23.5%;margin-right: 2%;}
.sy_xm .lb ul li:nth-child{margin-right: 0;}*/
.sy_xm .lb ul li{height: auto;}
.sy_xm .lb ul li a{display: block;height: 100%;background: #fff;padding:40px 20px;border-radius: 20px;overflow: hidden;text-align: center;/*box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);*/border: 1px solid #ddd;}
.sy_xm .lb ul li .img{display: flex;align-items: center;align-content: center;justify-content: center;margin-bottom: 10px;}
.sy_xm .lb ul li .img img{display: block;width: 120px;}
.sy_xm .lb ul li .txt{}
.sy_xm .lb ul li .txt .ml1{font-size: 24px;color: #333;line-height: 1.6;}
.sy_xm .lb ul li .txt .ml2{font-size: 16px;color: #666;line-height: 1.6;margin-top:5px;}
.sy_xm .sy_xm_dd{display: flex;justify-content: center;padding-top: 40px;}
.sy_xm .sy_xm_dd span{width: 80px;height: 5px;border-radius: 5px;opacity: 1;background: #ddd;}
.sy_xm .sy_xm_dd span.swiper-pagination-bullet-active{background: #ba1918;}

.more_an{font-size: 16px;line-height:50px;color: #fff;background: #ba1918;padding: 0 10px 0 30px;-webkit-transition:background 0.5s,color 0.5s;transition:background 0.5s,color 0.5s;display: flex;align-items: center;justify-content: center;overflow: hidden;position: relative;border-radius: 25px;}
.more_an .more_an_wz{position: relative;z-index: 2;}
.more_an i{width: 36px;height: 36px;margin-left: 20px;background: #fff;border-radius: 50%;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 16px;color: #ba1918;position: relative;z-index: 2;-webkit-transition:background 0.5s,color 0.5s;transition:background 0.5s,color 0.5s;}
.more_an::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);-webkit-transition:left 0.5s;transition:left 0.5s;}
.more_an:hover::before{left:100%;}
.more_an:hover{color: #fff;}

.sy_bt{text-align: center;}
.sy_bt .ml1{font-size: 48px;line-height: 1;color: #333;font-weight: bold;}
.sy_bt .ml1 span{color: #ba1918;}
.sy_bt .ml2{font-size: 18px;line-height: 1.6;color: #666;margin-top: 20px;}
.sy_bt.left{text-align: left;}
.sy_bt.fff .ml1{color: #fff;}
.sy_bt.fff .ml2{color: #fff;}

.sy_box1_bg{background: #f9fafb;}
.sy_box1{}
.sy_box1_fl{margin-top: 30px;}
.sy_box1_fl ul{display: flex;justify-content: center;}
.sy_box1_fl ul li{margin: 0 10px;cursor: pointer;}
.sy_box1_fl ul li span{display: block;font-size: 20px;line-height: 46px;border: 2px solid #999;padding: 0 30px;color: #333;border-radius: 25px;-webkit-transition:border-color 0.5s,color 0.5s,background 0.5s;transition:border-color 0.5s,color 0.5s,background 0.5s;}
.sy_box1_fl ul li.on span{border: 2px solid #ba1918;color: #fff;background: #ba1918;}
.sy_box1 .lb_bg{margin-top: 60px;}
.sy_box1 .lb{display: none;}
.sy_box1 .lb1 ul{display: flex;}
.sy_box1 .lb1 ul li{width: 18.4%;margin-right: 2%;text-align: center;background: #fff;padding: 40px 0;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.sy_box1 .lb1 ul li:last-child{margin-right: 0;}
.sy_box1 .lb1 ul li .img{display: flex;justify-content: center;}
.sy_box1 .lb1 ul li .img img{display: block;height: 100px;border-radius: 20px;width: auto;}
.sy_box1 .lb1 ul li .txt{margin-top: 10px;}
.sy_box1 .lb1 ul li .txt .ml1{font-size: 18px;line-height: 1.6;color: #333;}
.sy_box1 .lb1 ul li .txt .ml2{font-size: 14px;line-height: 1.6;color: #666;margin-top: 5px;}
.sy_box1 .lb1 ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.sy_box1 .lb2 ul{display: flex;}
.sy_box1 .lb2 ul li{width: 32%;margin-right: 2%;padding: 30px;background: #fff;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.sy_box1 .lb2 ul li:last-child{margin-right: 0;}
.sy_box1 .lb2 ul li .ml1{padding-bottom: 10px;}
.sy_box1 .lb2 ul li .ml1 img{display: block;height: 40px;width: auto;}
.sy_box1 .lb2 ul li .ml2{font-size: 24px;line-height: 1.6;color: #333;}
.sy_box1 .lb2 ul li .ml3{font-size: 16px;line-height: 1.6;color: #666;margin-top: 10px;}
.sy_box1 .lb2 ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}

.sy_box2_bg{}
.sy_box2{}
.sy_box2 .lb{margin-top: 50px;}
.sy_box2 .lb ul{display: flex;}
.sy_box2 .lb ul li{width:23.5%;margin-right: 2%;position: relative;overflow: hidden;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.sy_box2 .lb ul li:last-child{margin-right: 0;}
.sy_box2 .lb ul li .img{overflow: hidden;}
.sy_box2 .lb ul li .img img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.sy_box2 .lb ul li:hover .img img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_box2 .lb ul li .txt{padding:20px 20px 60px;text-align: center;-webkit-transition:color 0.5s;transition:color 0.5s;}
.sy_box2 .lb ul li .txt .ml1{font-size: 22px;line-height: 1.6;color: #333;}
.sy_box2 .lb ul li .txt .ml2{font-size: 14px;line-height: 1.6;color: #666;margin-top: 5px;}
.sy_box2 .lb ul li .txt .ml3{font-size: 14px;line-height: 1.6;color: #ba1918;position: absolute;left: 0;right: 0;bottom: 20px;-webkit-transition:color 0.5s;transition:color 0.5s;}
.sy_box2 .gd{display: flex;justify-content: center;margin-top: 50px;}
.sy_box2 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}

.sy_box3_bg{background: #f9fafb;}
.sy_box3{display: flex;justify-content: space-between;align-items: center;align-content: center;}
.sy_box3 .txt{width: 54%;}
.sy_box3 .txt .lb{margin-top: 40px;}
.sy_box3 .txt .lb ul li{display: flex;background: #fff;padding:24px 20px;border-radius: 10px;margin-bottom: 20px;align-items: center;align-content: center;max-width: 750px;box-shadow: 3px 3px 6px 0 rgba(0, 0, 0, 0.05);}
.sy_box3 .txt .lb ul li .tb{font-size: 20px;background: #dcfce7;color: #22c55e;width: 40px;height: 40px;border-radius: 50%;display: flex;align-items: center;align-content: center;justify-content: center;}
.sy_box3 .txt .lb ul li .wz{flex:1;width: 100%;overflow: hidden;padding-left: 10px;}
.sy_box3 .txt .lb ul li .wz span{display: block;font-size: 18px;font-weight: bold;line-height: 1.6;color:#333;}
.sy_box3 .txt .lb ul li .wz p{font-size: 14px;line-height: 1.6;color:#666;}
.sy_box3 .img{width: 42%;font-size: 16px;line-height: 1.6;color:#333;border-radius: 20px;overflow: hidden;box-shadow: 0 0 40px rgba(184, 0, 12, 0.15);}
.sy_box3 .img table{width: 100%;}
.sy_box3 .img table tr th{background: #ba1918;color: #fff;padding: 15px 24px;}
.sy_box3 .img table tr th:nth-child(1){text-align: left;}
.sy_box3 .img table tr th:nth-child(2){text-align: center;}
.sy_box3 .img table tr th:nth-child(3){text-align: right;}
.sy_box3 .img table tr td{background: #fff;padding: 15px 24px;border-bottom: 1px solid #e5e7eb;}
.sy_box3 .img table tr td:nth-child(1){text-align: left;color: #333;}
.sy_box3 .img table tr td:nth-child(2){text-align: center;color: #999;}
.sy_box3 .img table tr td:nth-child(3){text-align: right;color: #ba1918;}
.sy_box3 .img table tr:last-child td{border-bottom: 0 solid #fff;}
.sy_box3 .img table tr:hover td{background: #f9fafb;}

.sy_box4_bg{}
.sy_box4{}
.sy_box4 .lb{margin-top: 50px;}
.sy_box4 .lb ul{display: flex;flex-wrap: wrap;}
.sy_box4 .lb ul li{width:32%;margin:0 2% 2% 0;position: relative;overflow: hidden;padding: 30px;border: 1px solid #f3f4f6;border-radius: 15px;-webkit-transition:border-color 0.5s,background 0.5s;transition:border-color 0.5s,background 0.5s;position: relative;}
.sy_box4 .lb ul li:nth-child(3n){margin-right: 0;}
.sy_box4 .lb ul li:before{content: "";position: absolute;right: -60px;top: -60px;width: 128px;height: 128px; background-color: rgba(184,0,12,0.05);border-radius: 50%;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.sy_box4 .lb ul li:nth-child(2):before{background-color: rgba(59,130,246,0.05);}
.sy_box4 .lb ul li:nth-child(3):before{background-color: rgba(168,85,247,0.05);}
.sy_box4 .lb ul li:nth-child(4):before{background-color: rgba(34,197,94,0.05);}
.sy_box4 .lb ul li:nth-child(5):before{background-color: rgba(245,158,11,0.05);}
.sy_box4 .lb ul li:nth-child(6):before{background-color: rgba(6,182,212,0.05);}
.sy_box4 .lb ul li .img{display: flex;}
.sy_box4 .lb ul li .img i{width: 56px;height: 56px;border-radius: 10px;background: #ba1918;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 36px;color: #fff;}
.sy_box4 .lb ul li:nth-child(2) .img i{background: #3170ec;}
.sy_box4 .lb ul li:nth-child(3) .img i{background: #9a44e9;}
.sy_box4 .lb ul li:nth-child(4) .img i{background: #17b363;}
.sy_box4 .lb ul li:nth-child(5) .img i{background: #f1820b;}
.sy_box4 .lb ul li:nth-child(6) .img i{background: #09aab9;}
.sy_box4 .lb ul li .txt{margin-top: 10px;}
.sy_box4 .lb ul li .txt .ml1{font-size: 20px;line-height: 1.6;color: #333;font-weight: bold;}
.sy_box4 .lb ul li .txt .ml2{font-size: 16px;line-height: 1.6;color: #666;margin-top: 5px;}
.sy_box4 .lb ul li .txt .ml3{font-size: 14px;line-height: 24px;color: #16a34a;display: flex;align-items: center;align-content: center;margin-top: 5px;}
.sy_box4 .gd{display: flex;justify-content: center;margin-top: 30px;}
.sy_box4 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.sy_box4 .lb ul li:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5);}

.sy_sz_bg{background:url("../img/sy_sz_bg.jpg") center center / cover no-repeat;background-attachment: fixed;padding: 120px 0;}
.sy_sz{}
.sy_sz ul{width: 100%;display: flex;align-items: center;align-content: center;justify-content: center;margin-top: 100px;}
.sy_sz ul li{width: 25%;text-align: center;}
.sy_sz ul li .ml1{display: flex;justify-content: center;line-height: 1;}
.sy_sz ul li .ml1 p{font-size: 66px;color: #fff;font-weight: bold;}
.sy_sz ul li .ml1 span{font-size: 24px;color: #fff;}
.sy_sz ul li .ml2{font-size: 24px;line-height: 1.6;color: #fff;margin-top: 20px;}

.sy_zp_bg{background: #f9fafb;}
.sy_zp{}
.sy_zp .lb_bg{margin-top: 60px;position: relative;}
.sy_zp_l,.sy_zp_r{position:absolute; top:50%; width:30px; height:80px;margin-top: -58px; opacity:0.5;-webkit-transition:opacity 0.5s;transition:opacity 0.5s; cursor:pointer; z-index:5;font-size: 14px;line-height:80px;text-align: center;color: #fff;background:#ba1918;border-radius: 15px;}
.sy_zp_l{left:10px;}
.sy_zp_r{right:10px;}
.sy_zp_l:hover,.sy_zp_r:hover{opacity:1;}
.sy_zp_dd{display: none;}
.sy_zp .lb{position: relative;}
.sy_zp .lb ul{}
.sy_zp .lb ul li{}
.sy_zp .lb ul li .img{overflow: hidden;border-radius: 10px;}
.sy_zp .lb ul li .img img{display: block;width: 100%;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.sy_zp .lb ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_zp .lb ul li .txt{font-size: 16px;line-height: 1.6;color: #666;text-align: center;padding-top: 10px;}

.sy_hz_bg{}
.sy_hz{}
.sy_hz .lb{margin-top: 60px;overflow: hidden;width: 100%;}
.sy_hz .lb.lb2,.sy_hz .lb.lb3,.sy_hz .lb.lb4{margin-top: 20px;}
.sy_hz .lb ul{display: flex;}
.sy_hz .lb ul li{background: #fff;overflow: hidden;}
.sy_hz .lb ul li img{display: block;width: 100%;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.sy_hz .lb ul li:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.sy_hz .gd{display: flex;justify-content: center;margin-top: 50px;}

.sy_faq_bg{background: #f9fafb;}
.sy_faq{margin-top: 60px;}
.sy_faq ul{}
.sy_faq ul li{position: relative;background: #fff;border-radius: 20px;padding: 20px;margin-bottom: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);}
.sy_faq ul li:last-child{margin-bottom: 0px;}
.sy_faq ul li:after{content: "\e711";font-family: "iconfont" !important;position: absolute;right: 20px;top: 20px;font-size:18px;line-height: 30px;color: #999;}
.sy_faq ul li.on:after{content: "\e60f";}
.sy_faq ul li .txt{/*border-bottom: 1px solid #e5e5e5;*/padding:0px 40px 0px 0px;}
.sy_faq ul li .txt .ml1{font-size: 20px;line-height: 36px;color: #333;-webkit-transition:color 0.5s;transition:color 0.5s;position: relative;}
.sy_faq ul li.on .txt .ml1{color: #ba1918;}
.sy_faq ul li .txt .ml2{font-size: 16px;line-height: 2;color: #666;display: none;padding-top: 10px;}

.sy_xw_bg{}
.sy_xw{}
.sy_xw .lb{margin-top: 50px;overflow: visible;}
.sy_xw .lb ul li{border-radius: 20px;overflow: hidden;}
.sy_xw .lb ul li .img{overflow: hidden;}
.sy_xw .lb ul li .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.sy_xw .lb ul li .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.sy_xw .lb ul li .txt{padding: 20px;-webkit-transition:background 0.5s;transition:background 0.5s;}
.sy_xw .lb ul li .txt .ml1{display: flex;align-items: center;align-content: center;justify-content: space-between;}
.sy_xw .lb ul li .txt .ml1 span{font-size: 15px;line-height: 1.6;color: #ba1918;}
.sy_xw .lb ul li .txt .ml1 p{font-size: 14px;line-height: 1.6;color: #999;}
.sy_xw .lb ul li .txt .ml2{font-size:24px;line-height: 1.4;color: #333;margin-top: 10px;}
.sy_xw .lb ul li:hover .txt{background: #f5f7f9;}

.sy_zxzx_bg{background:url("../img/sy_zxzx_bg.jpg") center center / cover no-repeat;background-attachment: fixed;padding: 120px 0;}
.sy_zxzx{}
.sy_zxzx .gd{display: flex;justify-content: center;margin-top: 40px;}

.foot_bg{background: #181818 url("../img/foot_bg.jpg") center center / cover no-repeat;}
.foot{display: flex;justify-content: space-between;padding: 60px 0;}
.foot_gz{width: 20%;}
.foot_gz .ml4{}
.foot_gz .ml4 img{display: block;height: 40px;width: auto;}
.foot_gz .ml4ms{font-size: 15px;line-height: 1.6;color: #999;margin-top: 15px;}
.foot_gz .ml5{margin-top: 20px;}
.foot_gz .ml5 ul{display: flex;}
.foot_gz .ml5 ul li{margin-right: 10px;position: relative;}
.foot_gz .ml5 ul li .tb{display: block;font-size: 22px;line-height: 40px;width: 42px;border-radius: 50%;color: #fff;text-align: center;-webkit-transition:color 0.5s,background 0.5s,border-color 0.5s;transition:color 0.5s,background 0.5s,border-color 0.5s;overflow: hidden;position: relative;border: 1px solid #ccc;cursor: pointer;}
.foot_gz .ml5 ul li .tb.wx{background:#07c160;}
.foot_gz .ml5 ul li .tb.sph{background:#fa9e3b;}
.foot_gz .ml5 ul li .tb.dy{background:#0e0b1e;}
.foot_gz .ml5 ul li .tb::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent);transition:left 0.5s ease;}
.foot_gz .ml5 ul li .tb:hover::after{left:100%;}
.foot_gz .ml5 ul li .xl{position: absolute;left:50%;bottom: 42px;margin-left:-70px;width: 140px; padding-bottom: 15px;display: none;}
.foot_gz .ml5 ul li .xl:after{content: "";position: absolute;left: 50%;margin-left:-10px; bottom:-5px;border: 10px solid transparent;border-top:10px solid #fff;}
.foot_gz .ml5 ul li .xl img{display: block;width: 100%;padding: 5px;background: #fff;border-radius: 5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.foot_lx{width: 26%;}
.foot_lx .ml1{font-size: 20px;line-height: 2;color: #eee;font-weight: bold;}
.foot_lx .ml2{font-size: 15px;line-height: 2;color: #999;margin-top: 10px;}
.foot_dh{width: 20%;display: flex;justify-content: space-between;}
.foot_dh ul{}
.foot_dh ul li{}
.foot_dh ul li a{font-size: 15px;line-height: 2;color: #999;-webkit-transition:color 0.5s;transition:color 0.5s;}
.foot_dh ul li.bt{padding-bottom: 10px;}
.foot_dh ul li.bt a{font-size: 20px;color: #eee;font-weight: bold;}
.foot_dh ul li a:hover{color: #ba1918;}
.foot_ewm{}
.foot_ewm ul{display: flex;justify-content: space-between;}
.foot_ewm ul li{width: 120px;}
.foot_ewm ul li .img{}
.foot_ewm ul li .img img{display: block;width: 100%;}
.foot_ewm ul li .txt{font-size: 14px;line-height: 2;color: #999;text-align: center;padding-top: 10px;}
.bqsy{border-top: 1px solid rgba(255, 255, 255, 0.1);display: flex;align-items: center;align-content: center;justify-content: space-between;}
.bqsy .bqsy_l{font-size: 15px;line-height: 24px;padding: 20px 0;color:#999;}
.bqsy .bqsy_l a{color: #ba1918;}
.bqsy .bqsy_r{}
.bqsy .bqsy_r ul{display: flex;}
.bqsy .bqsy_r ul li{margin-left: 12px;}
.bqsy .bqsy_r ul li a{font-size: 15px;line-height: 24px;-webkit-transition:color 0.5s;transition:color 0.5s;color: #999;}
.bqsy .bqsy_r ul li a:hover{color: #ba1918;}

.bat{overflow: hidden;}
.bat img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

.geo_gy_bg{background: #f5f7f9;}
.geo_gy{}
.geo_gy .lb{margin-top: 30px;font-size: 16px;line-height: 2;color: #333;text-align: center;}
.geo_gy .lb2{margin-top: 60px;}
.geo_gy .lb2 ul{display: flex;}
.geo_gy .lb2 ul li{width: 32%;margin-right: 2%;padding: 30px;background: #fff;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.geo_gy .lb2 ul li:last-child{margin-right: 0;}
.geo_gy .lb2 ul li .ml1{padding-bottom: 10px;display: flex;align-items: center;align-content: center;}
.geo_gy .lb2 ul li .ml1 img{display: block;height: 40px;}
.geo_gy .lb2 ul li .ml1 p{font-size: 24px;line-height: 1.6;color: #333;font-weight: bold;padding-left: 8px;}
.geo_gy .lb2 ul li .ml2{font-size: 16px;line-height: 1.6;color: #666;margin-top: 10px;}
.geo_gy .lb2 ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}

.geo_gy2_bg{}
.geo_gy2{}
.geo_gy2 .lb{margin-top: 60px;}
.geo_gy2 .lb ul{display: flex;}
.geo_gy2 .lb ul li{width: 32%;margin-right: 2%;padding: 30px;background: #fff;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.geo_gy2 .lb ul li:last-child{margin-right: 0;}
.geo_gy2 .lb ul li .ml1{padding-bottom: 10px;display: flex;justify-content: center;}
.geo_gy2 .lb ul li .ml1 i{width: 80px;height: 80px;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 42px;color: #fff;background: #ba1918;border-radius: 50%;}
.geo_gy2 .lb ul li:nth-child(1) .ml1 i{background:linear-gradient(135deg, #f1820b 0%, #ba1918 100%);}
.geo_gy2 .lb ul li:nth-child(2) .ml1 i{background:linear-gradient(135deg, #9a44e9 0%, #3170ec 100%);}
.geo_gy2 .lb ul li:nth-child(3) .ml1 i{background:linear-gradient(135deg, #27eaf3 0%, #078c99 100%);}
.geo_gy2 .lb ul li .ml2{font-size: 24px;line-height: 1.6;color: #333;text-align: center;}
.geo_gy2 .lb ul li .ml3{font-size: 16px;line-height: 1.6;color: #666;margin-top: 10px;}
.geo_gy2 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}

.geo_gy3_bg{background: #f5f7f9 url(../img/geo_gy3_bg.jpg) center center / cover no-repeat;}
.geo_gy3{display: flex;align-items: center;align-content: center;flex-direction: row-reverse;justify-content: space-between;}
.geo_gy3 .img{width: 48%;overflow: hidden;border-radius: 20px;}
.geo_gy3 .img img{display:block;width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.geo_gy3 .img:hover img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.geo_gy3 .txt{width: 48%;}
.geo_gy3 .txt .ms{font-size: 18px;line-height: 2;color: #fff;margin-top: 40px;}
.geo_gy3 .txt .ms2{font-size: 18px;line-height: 2;color: #fff;margin-top: 40px;display: flex;}
.geo_gy3 .txt .ms2 p{background: #ba1918;padding:10px 30px;border-radius: 10px;}

.geo_gy4_bg{}
.geo_gy4{}
.geo_gy4 .lb{margin-top: 60px;}
.geo_gy4 .lb ul{display: flex;flex-wrap: wrap;}
.geo_gy4 .lb ul li{width:32%;margin:0 2% 2% 0;position: relative;overflow: hidden;padding: 30px;border: 1px solid #f3f4f6;border-radius: 15px;-webkit-transition:box-shadow 0.5s,transform 0.5s,border-color 0.5s;transition:box-shadow 0.5s,transform 0.5s,border-color 0.5s;position: relative;display: flex;align-items: center;align-content: center;}
.geo_gy4 .lb ul li:nth-child(3n){margin-right: 0;}
.geo_gy4 .lb ul li:before{content: "";position: absolute;right: -60px;top: -60px;width: 128px;height: 128px; background-color: rgba(184,0,12,0.05);border-radius: 50%;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.geo_gy4 .lb ul li:nth-child(2):before{background-color: rgba(59,130,246,0.05);}
.geo_gy4 .lb ul li:nth-child(3):before{background-color: rgba(168,85,247,0.05);}
.geo_gy4 .lb ul li:nth-child(4):before{background-color: rgba(34,197,94,0.05);}
.geo_gy4 .lb ul li:nth-child(5):before{background-color: rgba(245,158,11,0.05);}
.geo_gy4 .lb ul li:nth-child(6):before{background-color: rgba(6,182,212,0.05);}
.geo_gy4 .lb ul li .img{display: flex;}
.geo_gy4 .lb ul li .img span{width: 80px;height: 80px;border-radius: 10px;background: #ba1918;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 42px;color: #fff;font-weight: bold;}
.geo_gy4 .lb ul li:nth-child(2) .img span{background: #3170ec;}
.geo_gy4 .lb ul li:nth-child(3) .img span{background: #9a44e9;}
.geo_gy4 .lb ul li:nth-child(4) .img span{background: #17b363;}
.geo_gy4 .lb ul li:nth-child(5) .img span{background: #f1820b;}
.geo_gy4 .lb ul li:nth-child(6) .img span{background: #09aab9;}
.geo_gy4 .lb ul li .txt{padding-left: 20px;}
.geo_gy4 .lb ul li .txt .ml1{font-size: 20px;line-height: 1.6;color: #333;font-weight: bold;}
.geo_gy4 .lb ul li .txt .ml2{font-size: 16px;line-height: 1.6;color: #666;margin-top: 5px;}
.geo_gy4 .lb ul li .txt .ml3{font-size: 14px;line-height: 24px;color: #16a34a;display: flex;align-items: center;align-content: center;margin-top: 5px;}
.geo_gy4 .gd{display: flex;justify-content: center;margin-top: 30px;}
.geo_gy4 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.geo_gy4 .lb ul li:hover:before{-webkit-transform:scale(1.5);transform:scale(1.5);}

.geo_gy5_bg{background: #f5f7f9;}
.geo_gy5{}
.geo_gy5 .lb{margin-top: 60px;}
.geo_gy5 .lb ul{display: flex;justify-content: center;position: relative;}
.geo_gy5 .lb ul:after{content: "↔";position: absolute;left: 50%;width: 100px;text-align: center;margin-left: -50px;top: 0;bottom: 0;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 36px;color: #ba1918;}
.geo_gy5 .lb ul li{background: #fff;padding: 40px;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;width: 500px;}
.geo_gy5 .lb ul li:nth-child(2){margin-left: 100px;}
.geo_gy5 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.geo_gy5 .lb ul li .txt{text-align: center;}
.geo_gy5 .lb ul li .txt .ml1{font-size: 36px;line-height: 1;color: #ba1918;font-weight: bold;}
.geo_gy5 .lb ul li .txt .ml2{font-size: 18px;line-height: 2;color: #333;margin-top: 20px;}
.geo_gy5 .lb2{margin-top: 60px;}
.geo_gy5 .lb2 ul{display: flex;flex-wrap: wrap;}
.geo_gy5 .lb2 ul li{width: 32.666%;margin: 0 1% 1% 0;background: #e4e9f2;padding: 20px;border-radius: 10px;-webkit-transition:background 0.5s;transition:background 0.5s;position: relative;}
.geo_gy5 .lb2 ul li:before{content: "";position: absolute;left: 0;top: 0;bottom: 0;width: 9px;background: url(../img/geo_gy5.png);background-size: 100% auto;}
.geo_gy5 .lb2 ul li:nth-child(3n){margin-right:0;}
.geo_gy5 .lb2 ul li:nth-child(2){background: #fcecde;}
.geo_gy5 .lb2 ul li:nth-child(3){background: #fdf5d8;}
.geo_gy5 .lb2 ul li:nth-child(4){background: #eaf3dc;}
.geo_gy5 .lb2 ul li:nth-child(5){background: #e0f4ed;}
.geo_gy5 .lb2 ul li:nth-child(6){background: #fbe2de;}
.geo_gy5 .lb2 ul li .txt{}
.geo_gy5 .lb2 ul li .txt .ml1{font-size: 20px;line-height: 1.6;color: #333;font-weight: bold;}
.geo_gy5 .lb2 ul li .txt .ml2{font-size: 16px;line-height: 1.6;color: #666;margin-top: 5px;}

.geo_gy6_bg{background: url(../img/geo_gy6_bg.jpg) center center / cover no-repeat;background-attachment: fixed;}
.geo_gy6{}
.geo_gy6 .lb{margin-top: 60px;}
.geo_gy6 .lb ul{position: relative;}
.geo_gy6 .lb ul:after{content: "";position: absolute;left: 50%;top: 0;bottom: 0;width: 2px;margin-left: -1px;background: #ccc;}
.geo_gy6 .lb ul li{padding-right: calc(50% + 40px);text-align: right;position: relative;z-index: 1;}
.geo_gy6 .lb ul li:nth-child(2n){padding-left: calc(50% + 40px);padding-right: 0;text-align: left;}
.geo_gy6 .lb ul li .sz{position: absolute;left: 50%;top: 50%;margin: -15px auto auto -15px;width: 30px;height: 30px;background: #ba1918;border-radius: 50%;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 16px;color: #fff;font-weight: bold;}
.geo_gy6 .lb ul li .sz:after{content: "";position: absolute;left: 50%;top: 50%;margin: -20px auto auto -20px;width: 38px;height: 38px;border: 1px solid #ba1918;border-radius: 50%;}
.geo_gy6 .lb ul li:nth-child(2) .sz{background: #3170ec;}
.geo_gy6 .lb ul li:nth-child(2) .sz:after{border: 1px solid #3170ec;}
.geo_gy6 .lb ul li:nth-child(3) .sz{background: #9a44e9;}
.geo_gy6 .lb ul li:nth-child(3) .sz:after{border: 1px solid #9a44e9;}
.geo_gy6 .lb ul li:nth-child(4) .sz{background: #17b363;}
.geo_gy6 .lb ul li:nth-child(4) .sz:after{border: 1px solid #17b363;}
.geo_gy6 .lb ul li:nth-child(5) .sz{background: #f1820b;}
.geo_gy6 .lb ul li:nth-child(5) .sz:after{border: 1px solid #f1820b;}
.geo_gy6 .lb ul li:nth-child(6) .sz{background: #09aab9;}
.geo_gy6 .lb ul li:nth-child(6) .sz:after{border: 1px solid #09aab9;}
.geo_gy6 .lb ul li .txt{padding: 30px;background: #ba1918;border-radius: 15px;}
.geo_gy6 .lb ul li:nth-child(2) .txt{background: #3170ec;}
.geo_gy6 .lb ul li:nth-child(3) .txt{background: #9a44e9;}
.geo_gy6 .lb ul li:nth-child(4) .txt{background: #17b363;}
.geo_gy6 .lb ul li:nth-child(5) .txt{background: #f1820b;}
.geo_gy6 .lb ul li:nth-child(6) .txt{background: #09aab9;}
.geo_gy6 .lb ul li .txt .ml1{font-size: 24px;line-height: 1;color: #fff;font-weight: bold;}
.geo_gy6 .lb ul li .txt .ml2{font-size: 16px;line-height: 2;color: #fff;margin-top: 10px;}

.geo_gy7_bg{}
.geo_gy7{}
.geo_gy7 .lb{margin-top: 60px;}
.geo_gy7 .lb ul{display: flex;flex-wrap: wrap;}
.geo_gy7 .lb ul li{width: 49%;margin: 0 2% 2% 0;box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);border-radius: 20px;overflow: hidden;-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.geo_gy7 .lb ul li:nth-child(2n){margin-right: 0;}
.geo_gy7 .lb ul li .img{overflow: hidden;}
.geo_gy7 .lb ul li .img img{display:block;width:100%;}
.geo_gy7 .lb ul li .txt{font-size: 24px;background: #ba1918;color: #fff;text-align: center;line-height: 1.6;padding: 10px;}
.geo_gy7 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.2);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.geo_gy7 .gd{display: flex;justify-content: center;margin-top: 40px;}

.geo_cn_bg{background: #f5f7f9;}
.geo_cn{}
.geo_cn .lb{margin-top: 30px;display: flex;align-items: center;align-content: center;justify-content: space-between;flex-direction: row-reverse;}
.geo_cn .lb .img{width: 48%;overflow: hidden;border-radius: 20px;}
.geo_cn .lb .img img{display:block;width:100%;}
.geo_cn .lb .txt{width: 48%;}
.geo_cn .lb .txt .ml1{font-size: 18px;line-height: 1.6;color: #333;}
.geo_cn .lb .txt .ml1 strong{font-size: 30px;}
.geo_cn .lb .txt .ml2{font-size: 16px;line-height: 2;color: #fff;}
.geo_cn .lb .txt .ml2 p{background: #999;margin-top: 20px;border-radius: 20px;padding: 20px;}
.geo_cn .lb .txt .ml2 p span{display: block;font-size: 24px;}
.geo_cn .lb .txt .ml3{font-size: 16px;line-height: 2;color: #fff;}
.geo_cn .lb .txt .ml3 p{background: #ba1918;margin-top: 20px;border-radius: 20px;padding: 20px;}
.geo_cn .lb .txt .ml3 p span{display: block;font-size: 24px;}

.geo_cn2_bg{}
.geo_cn2{}
.geo_cn2 .lb{margin-top: 60px;}
.geo_cn2 .lb ul{display: flex;flex-wrap: wrap;}
.geo_cn2 .lb ul li{width: 32%;margin:0 2% 2% 0;padding:40px 30px;background: #fff;border-radius: 20px;border: 1px solid #f3f4f6;-webkit-transition:box-shadow 0.5s,transform 0.5s,border-color 0.5s;transition:box-shadow 0.5s,transform 0.5s,border-color 0.5s;}
.geo_cn2 .lb ul li:nth-child(3n){margin-right: 0;}
.geo_cn2 .lb ul li .ml1{padding-bottom: 20px;display: flex;justify-content: center;}
.geo_cn2 .lb ul li .ml1 i{width: 70px;height: 70px;display: flex;align-items: center;align-content: center;justify-content: center;font-size: 42px;color: #fff;background: #ba1918;border-radius: 20px;}
.geo_cn2 .lb ul li:nth-child(1) .ml1 i{background:#ba1918;}
.geo_cn2 .lb ul li:nth-child(2) .ml1 i{background:#3170ec;}
.geo_cn2 .lb ul li:nth-child(3) .ml1 i{background:#9a44e9;}
.geo_cn2 .lb ul li:nth-child(4) .ml1 i{background:#17b363;}
.geo_cn2 .lb ul li:nth-child(5) .ml1 i{background:#f1820b;}
.geo_cn2 .lb ul li:nth-child(6) .ml1 i{background:#09aab9;}
.geo_cn2 .lb ul li .ml2{font-size: 24px;line-height: 1.6;color: #333;text-align: center;}
.geo_cn2 .lb ul li .ml3{font-size: 16px;line-height: 1.6;color: #666;margin-top: 10px;text-align: center;}
.geo_cn2 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}
.geo_cn2 .gd{display: flex;justify-content: center;margin-top: 40px;}

.geo_cn3_bg{background: #f5f7f9;}
.geo_cn3{}
.geo_cn3 .lb{margin-top: 50px;}
.geo_cn3 .lb ul{display: flex;}
.geo_cn3 .lb ul li{width: 18.4%;margin-right: 2%;text-align: center;background: #fff;padding: 40px 0;border-radius: 20px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);-webkit-transition:box-shadow 0.5s,transform 0.5s;transition:box-shadow 0.5s,transform 0.5s;}
.geo_cn3 .lb ul li:last-child{margin-right: 0;}
.geo_cn3 .lb ul li .img{display: flex;justify-content: center;}
.geo_cn3 .lb ul li .img img{display: block;height: 100px;border-radius: 20px;}
.geo_cn3 .lb ul li .txt{margin-top: 10px;}
.geo_cn3 .lb ul li .txt .ml1{font-size: 18px;line-height: 1.6;color: #333;}
.geo_cn3 .lb ul li .txt .ml2{font-size: 14px;line-height: 1.6;color: #666;margin-top: 5px;}
.geo_cn3 .lb ul li:hover{box-shadow: 10px 10px 20px 0 rgba(0, 0, 0, 0.1);-webkit-transform: translate(0,-5px);transform: translate(0,-5px);}

.geo_cn4_bg{}
.geo_cn4{}
.geo_cn4 .lb{margin-top: 50px;position: relative;}
.geo_cn4 .lb:after{content: "";position: absolute;left: 12%;right: 12%;top: 30px;height: 2px;background: #ba1918;}
.geo_cn4 .lb ul{display: flex;position: relative;z-index: 1;}
.geo_cn4 .lb ul li{width: 23.5%;margin-right: 2%;text-align: center;}
.geo_cn4 .lb ul li:last-child{margin-right: 0;}
.geo_cn4 .lb ul li .img{display: flex;justify-content: center;}
.geo_cn4 .lb ul li .img span{width: 60px;height: 60px;border-radius: 50%;background: #ba1918;font-size: 24px;color: #fff;display: flex;align-items: center;align-content: center;justify-content: center;font-weight: bold;}
.geo_cn4 .lb ul li .txt{margin-top: 20px;}
.geo_cn4 .lb ul li .txt .ml1{font-size: 24px;line-height: 1.6;color: #333;}
.geo_cn4 .lb ul li .txt .ml2{font-size: 16px;line-height: 1.6;color: #666;margin-top: 5px;}

.geo_cn5_bg{background: #f5f7f9;}
.geo_cn5{}
.geo_cn5 .lb{margin-top: 50px;}
.geo_cn5 .lb ul{}
.geo_cn5 .lb ul li .img{overflow-x: hidden;border-radius: 20px 20px 0 0;border: 2px solid #ccc;}
.geo_cn5 .lb ul li .img img{display: block;width: 100%;}
.geo_cn5 .lb ul li .txt{padding-top: 20px;}
.geo_cn5 .lb ul li .txt .ml1{font-size: 24px;line-height: 1.6;color: #333;}
.geo_cn5 .lb ul li .txt .ml2{font-size: 16px;line-height: 1.6;color: #666;}
.geo_cn5 .lb ul li .txt .ml2 span{color: #ba1918;}
.geo_cn5 .gd{display: flex;justify-content: center;margin-top: 40px;}

.geo_cn6_bg{}
.geo_cn6{}
.geo_cn6 .lb{margin-top: 80px;}
.geo_cn6 .lb ul{display: flex;flex-wrap: wrap;}
.geo_cn6 .lb ul li{width: 31.333%;margin: 0 3% 3% 0;border: 1px solid #f3f4f6;border-radius: 20px;padding:50px 0px;box-shadow: 5px 5px 10px 0 rgba(0, 0, 0, 0.05);}
.geo_cn6 .lb ul li:nth-child(3n){margin-right: 0;}
.geo_cn6 .lb ul li.on{transform: scale(1.05); -webkit-transform: scale(1.05);border: 2px solid #ba1918;overflow: hidden;}
.geo_cn6 .lb ul li .txt{}
.geo_cn6 .lb ul li.on .txt{transform: scale(0.95); -webkit-transform: scale(0.95);}
.geo_cn6 .lb ul li.on .txt_dw{position: absolute;right: -36px;top: 10px;font-size: 14px;line-height: 1.6;padding: 10px 40px;background: #ba1918;color: #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.geo_cn6 .lb ul li .txt .ml1{font-size: 26px;line-height: 1;color: #333;font-weight: bold;text-align: center;}
.geo_cn6 .lb ul li .txt .ml2{font-size: 16px;line-height: 1;color: #666;display: flex;justify-content: center;align-items: baseline;align-content: flex-end;padding: 30px 0 40px;border-bottom: 1px solid #f3f4f6;}
.geo_cn6 .lb ul li .txt .ml2 span{font-size: 48px;color: #ba1918;font-weight: bold;}
.geo_cn6 .lb ul li .txt .ml3{padding:20px 30px;}
.geo_cn6 .lb ul li .txt .ml3 dl dd{border-bottom: 1px solid #f3f4f6;font-size: 16px;line-height: 24px;color: #333;padding: 16px 0;}
.geo_cn6 .lb ul li .txt .ml3 dl dd:before{content: "✓";color: #ba1918;font-size: 20px;padding-right: 10px;}
.geo_cn6 .lb ul li .txt .ml4{display: flex;justify-content: center;margin-top: 20px;}


/* 独立站页面专属样式 */
.hw_market_bg {background: #f8f9fc; padding: 80px 0;}
.hw_market {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_market .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_market .data_box {display: flex; justify-content: space-around; flex-wrap: wrap;}
.hw_market .data_item {text-align: center; padding: 40px 30px; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); min-width: 280px; margin: 15px;}
.hw_market .data_item .num {font-size: 48px; font-weight: 700; color: #b8000c; line-height: 1.2;}
.hw_market .data_item .num span {font-size: 24px;}
.hw_market .data_item .label {font-size: 16px; color: #666; margin-top: 10px;}
.hw_market .data_item .desc {font-size: 14px; color: #999; margin-top: 8px;}

.hw_compare_bg {padding: 80px 0;}
.hw_compare {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_compare .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_compare .compare_box {display: flex; justify-content: space-between; gap: 30px; flex-wrap: wrap;}
.hw_compare .compare_item {flex: 1; min-width: 280px; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s;}
.hw_compare .compare_item:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.hw_compare .compare_item.highlight {border: 2px solid #b8000c;}
.hw_compare .compare_item .head {padding: 30px; text-align: center; background: #f5f5f5;}
.hw_compare .compare_item.highlight .head {background: linear-gradient(135deg, #b8000c, #d4383d); color: #fff;}
.hw_compare .compare_item .head .icon {font-size: 40px; margin-bottom: 10px;}
.hw_compare .compare_item .head .title {font-size: 22px; font-weight: 600;}
.hw_compare .compare_item .body {padding: 30px;}
.hw_compare .compare_item .body ul li {padding: 12px 0; border-bottom: 1px dashed #eee; font-size: 15px; color: #666; position: relative; padding-left: 25px;}
.hw_compare .compare_item .body ul li:last-child {border-bottom: none;}
.hw_compare .compare_item .body ul li:before {content: ""; position: absolute; left: 0; top: 18px; width: 8px; height: 8px; border-radius: 50%; background: #ccc;}
.hw_compare .compare_item.highlight .body ul li:before {background: #b8000c;}
.hw_compare .compare_item .body ul li.weak {color: #ccc; text-decoration: line-through;}

.hw_systems_bg {background: #f8f9fc; padding: 80px 0;}
.hw_systems {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_systems .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_systems .systems_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.hw_systems .system_card {background: #fff; border-radius: 12px; padding: 40px 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s; position: relative; overflow: hidden;}
.hw_systems .system_card:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.hw_systems .system_card:before {content: ""; position: absolute; top: 0; left: 0; width: 4px; height: 0; background: #b8000c; transition: height 0.3s;}
.hw_systems .system_card:hover:before {height: 100%;}
.hw_systems .system_card .icon {width: 60px; height: 60px; background: linear-gradient(135deg, #b8000c, #d4383d); border-radius: 12px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 28px; margin-bottom: 20px;}
.hw_systems .system_card .icon i{font-size: 36px;}
.hw_systems .system_card .title {font-size: 20px; font-weight: 600; color: #333; margin-bottom: 15px;}
.hw_systems .system_card .desc {font-size: 14px; color: #666; line-height: 1.8;}
.hw_systems .system_card .features {margin-top: 20px;}
.hw_systems .system_card .features span {display: inline-block; padding: 4px 12px; background: #f5f5f5; border-radius: 20px; font-size: 12px; color: #888; margin: 4px 6px 4px 0;}

.hw_duoengine_bg {padding: 80px 0; background: linear-gradient(135deg, #1a1a2e 0%, #16213e 100%);}
.hw_duoengine {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_duoengine .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_duoengine .sy_bt .ml1 {color: #fff;}
.hw_duoengine .sy_bt .ml1 span {color: #b8000c;}
.hw_duoengine .sy_bt .ml2 {color: rgba(255,255,255,0.7);}
.hw_duoengine .engine_box {display: flex; align-items: center; justify-content: space-between; gap: 40px; flex-wrap: wrap;}
.hw_duoengine .engine_item {flex: 1; min-width: 300px; background: rgba(255,255,255,0.05); border-radius: 16px; padding: 40px; backdrop-filter: blur(10px); border: 1px solid rgba(255,255,255,0.1);}
.hw_duoengine .engine_item .icon {font-size: 50px; color: #b8000c; margin-bottom: 20px;}
.hw_duoengine .engine_item .title {font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 15px;}
.hw_duoengine .engine_item .subtitle {font-size: 16px; color: rgba(255,255,255,0.6); margin-bottom: 25px;}
.hw_duoengine .engine_item ul li {padding: 10px 0; color: rgba(255,255,255,0.8); font-size: 15px; position: relative; padding-left: 25px;}
.hw_duoengine .engine_item ul li:before {content: "✓"; position: absolute; left: 0; color: #4ade80; font-weight: bold;}
.hw_duoengine .engine_mid {text-align: center; padding: 20px;}
.hw_duoengine .engine_mid .plus {font-size: 60px; font-weight: 700; color: #b8000c; line-height: 1;}
.hw_duoengine .engine_mid .text {font-size: 18px; color: rgba(255,255,255,0.8); margin-top: 15px;}

.hw_feature_bg {padding: 80px 0; background: #f8f9fc;}
.hw_feature {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_feature .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_feature .feature_row {display: flex; gap: 40px; align-items: stretch; margin-bottom: 50px; flex-wrap: wrap;}
.hw_feature .feature_row:last-child {margin-bottom: 0;}
.hw_feature .feature_row.reverse {flex-direction: row-reverse;}
.hw_feature .feature_img {flex: 1; min-width: 350px; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: 0 4px 20px rgba(0,0,0,0.06); display: flex; align-items: center; justify-content: center; min-height: 350px;}
.hw_feature .feature_img img {max-width: 100%; height: auto;}
.hw_feature .feature_img .placeholder {position: relative;overflow: hidden;}
.hw_feature .feature_img .placeholder img{display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.hw_feature .feature_img .placeholder:hover img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.hw_feature .feature_img .placeholder .tb{position: absolute;left:50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);display: flex;justify-content: center;width: 60px;height: 60px;cursor: pointer;}
.hw_feature .feature_img .placeholder .tb i{width: 100%;height: 100%;display: flex;align-items: center;align-content: center;justify-content: center;border: 2px solid #fff;border-radius: 50%;font-size: 30px;color: #fff;-webkit-transition:color 0.5s,background 0.5s;transition:color 0.5s,background 0.5s;}
.hw_feature .feature_img .placeholder .tb:hover i{color: #b8000c;background: #fff;}
.hw_feature .feature_img .placeholder .tb span{position: absolute;top: 50%;left: 50%;-webkit-transform: translateX(-50%) translateY(-50%);transform: translateX(-50%) translateY(-50%);width: 100%;height:100%;display: block;border: 1px dashed #fff;-webkit-border-radius: 100%;border-radius: 100%;}
.hw_feature .feature_img .placeholder .tb .cirI01 {-webkit-animation: jing_max 2.4s linear 0s infinite normal both;animation: jing_max 2.4s linear 0s infinite normal both;}
.hw_feature .feature_img .placeholder .tb .cirI02 {-webkit-animation: jing_max 2.4s linear 0.6s infinite normal both;animation: jing_max 2.4s linear 0.6s infinite normal both;}
.hw_feature .feature_img .placeholder .tb .cirI03 {-webkit-animation: jing_max 2.4s linear 1.5s infinite normal both;animation: jing_max 2.4s linear 1.5s infinite normal both;}
.hw_feature .feature_img .placeholder .sp{position: absolute;left:0;top:0;right:0;bottom:0;z-index:2;display:none;background:#000;}
.hw_feature .feature_img .placeholder .sp video{display:block;width:100%;height:100%;-o-object-fit:cover;-webkit-object-fit:cover;object-fit:cover;}
@-webkit-keyframes jing_max {0% {width: 100%;height: 100%;opacity: 0;}25% {width: 120%;height:120%;opacity: 1;}50% {width: 140%;height:140%;opacity: .4;}75% {width: 160%;height:160%;opacity: 0;}100% {width: 100%;height:100%;opacity: 0;}}
@keyframes jing_max {0% {width: 100%;height: 100%;opacity: 0;}25% {width: 120%;height:120%;opacity: 1;}50% {width: 140%;height:140%;opacity: .4;}75% {width: 160%;height:160%;opacity: 0;}100% {width: 100%;height:100%;opacity: 0;}}

.hw_feature .feature_txt {flex: 1; min-width: 350px; display: flex; flex-direction: column; justify-content: center;}
.hw_feature .feature_txt .tag {display: inline-block; padding: 6px 16px; background: rgba(184,0,12,0.1); color: #b8000c; border-radius: 20px; font-size: 14px; margin-bottom: 20px; width: fit-content;}
.hw_feature .feature_txt .title {font-size: 32px; font-weight: 700; color: #333; margin-bottom: 20px; line-height: 1.3;}
.hw_feature .feature_txt .title span {color: #b8000c;}
.hw_feature .feature_txt .desc {font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 25px;}
.hw_feature .feature_txt .points {display: flex; flex-wrap: wrap; gap: 15px;}
.hw_feature .feature_txt .points .point {flex: 1; min-width: 150px; padding: 15px; background: #fff; border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.04);}
.hw_feature .feature_txt .points .point .pt {font-size: 15px; font-weight: 600; color: #333; margin-bottom: 5px;}
.hw_feature .feature_txt .points .point .pd {font-size: 13px; color: #999;}

.hw_cases_bg {padding: 80px 0;}
.hw_cases {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_cases .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_cases .cases_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; margin-bottom: 50px;}
.hw_cases .case_card {background: #fff; border-radius: 12px; padding: 35px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s; border-top: 4px solid #b8000c;}
.hw_cases .case_card:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.hw_cases .case_card .img {margin-bottom: 20px;}
.hw_cases .case_card .img img{display: block;width: 100%;}
.hw_cases .case_card .amount {font-size: 36px; font-weight: 700; color: #b8000c; margin-bottom: 10px;}
.hw_cases .case_card .amount span {font-size: 18px; font-weight: 400;}
.hw_cases .case_card .company {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 15px;}
.hw_cases .case_card .product {font-size: 14px; color: #888; line-height: 1.6; padding-top: 15px; border-top: 1px dashed #eee;}
.hw_cases .big_case {background: linear-gradient(135deg, #b8000c, #d4383d); border-radius: 16px; padding: 50px; color: #fff; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 30px;}
.hw_cases .big_case .left {flex: 1; min-width: 300px;}
.hw_cases .big_case .left .label {font-size: 16px; opacity: 0.9; margin-bottom: 15px;}
.hw_cases .big_case .left .company {font-size: 28px; font-weight: 700; margin-bottom: 20px;}
.hw_cases .big_case .left .desc {font-size: 15px; opacity: 0.9; line-height: 1.8;}
.hw_cases .big_case .right {text-align: center; min-width: 200px;}
.hw_cases .big_case .right .num {font-size: 56px; font-weight: 700; line-height: 1;}
.hw_cases .big_case .right .num span {font-size: 24px;}
.hw_cases .big_case .right .text {font-size: 16px; opacity: 0.9; margin-top: 10px;}

.hw_service_bg {background: #f8f9fc; padding: 80px 0;}
.hw_service {max-width: 1600px;width:95%;margin: 0 auto;}
.hw_service .sy_bt {text-align: center; margin-bottom: 60px;}
.hw_service .service_box {display: flex; gap: 30px; flex-wrap: wrap;}
.hw_service .service_item {flex: 1; min-width: 250px; background: #fff; border-radius: 12px; padding: 40px 30px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s;}
.hw_service .service_item:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.hw_service .service_item .icon {width: 70px; height: 70px; margin: 0 auto 20px; background: linear-gradient(135deg, #b8000c, #d4383d); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 30px;}
.hw_service .service_item .icon i{font-size: 36px;}
.hw_service .service_item .title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 12px;}
.hw_service .service_item .desc {font-size: 14px; color: #888; line-height: 1.7;}

@media (max-width: 768px) {
  .hw_systems .systems_grid {grid-template-columns: 1fr;}
  .hw_cases .cases_grid {grid-template-columns: 1fr;}
  .hw_duoengine .engine_box {flex-direction: column;}
  .hw_duoengine .engine_mid {padding: 10px;}
}


/* 海外社媒页面专属样式 */
.hw2_market_bg {padding: 80px 0; position: relative; overflow: hidden;}
.hw2_market {max-width: 1600px;width:95%;margin: 0 auto; position: relative; z-index: 1;}
.hw2_market .sy_bt {text-align: center; margin-bottom: 60px;}
.hw2_market .sy_bt .ml1 {color: #333;}
.hw2_market .sy_bt .ml1 span {color: #b8000c;}
.hw2_market .sy_bt .ml2 {color: #666;}
.hw2_market .data_row {display: flex; justify-content: center; gap: 60px; flex-wrap: wrap; margin-bottom: 50px;}
.hw2_market .data_item {text-align: center;}
.hw2_market .data_item .num {font-size: 56px; font-weight: 700; color: #b8000c; line-height: 1.2;}
.hw2_market .data_item .num span {font-size: 24px; color: #333;}
.hw2_market .data_item .label {font-size: 16px; color: #666; margin-top: 8px;}
.hw2_market .tags {display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;}
.hw2_market .tags .tag {padding: 12px 30px; background: rgba(184, 0, 12,0.1); border: 1px solid rgba(184, 0, 12,0.2); border-radius: 30px; color: #333; font-size: 16px; backdrop-filter: blur(10px);}

.hw2_platforms_bg {padding: 80px 0; background: #f8f9fc;}
.hw2_platforms {max-width: 1600px;width:95%;margin: 0 auto;}
.hw2_platforms .sy_bt {text-align: center; margin-bottom: 60px;}
.hw2_platforms .platforms_grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px;}
.hw2_platforms .platform_card {background: #fff; border-radius: 16px; padding: 35px 25px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s; position: relative; overflow: hidden;}
.hw2_platforms .platform_card:hover {transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0,0,0,0.12);}
.hw2_platforms .platform_card:before {content: ""; position: absolute; top: 0; left: 0; right: 0; height: 4px;}
.hw2_platforms .platform_card.fb:before {background: linear-gradient(90deg, #1877f2, #42b72a);}
.hw2_platforms .platform_card.yt:before {background: linear-gradient(90deg, #ff0000, #ff6b6b);}
.hw2_platforms .platform_card.ig:before {background: linear-gradient(90deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);}
.hw2_platforms .platform_card.tk:before {background: linear-gradient(90deg, #00f2ea, #ff0050);}
.hw2_platforms .platform_card.tw:before {background: linear-gradient(90deg, #1da1f2, #000);}
.hw2_platforms .platform_card .icon {margin-bottom: 15px;}
.hw2_platforms .platform_card .icon  i{font-size: 42px;}
.hw2_platforms .platform_card.fb .icon {color: #1877f2;}
.hw2_platforms .platform_card.yt .icon {color: #ff0000;}
.hw2_platforms .platform_card.ig .icon {color: #e1306c;}
.hw2_platforms .platform_card.tk .icon {color: #000;}
.hw2_platforms .platform_card.tw .icon {color: #1da1f2;}
.hw2_platforms .platform_card .name {font-size: 20px; font-weight: 700; color: #333; margin-bottom: 15px;}
.hw2_platforms .platform_card .stats {font-size: 13px; color: #888; line-height: 1.8;}
.hw2_platforms .platform_card .stats strong {color: #b8000c; font-size: 16px;}

.hw2_timeline_bg {padding: 80px 0;}
.hw2_timeline {max-width: 1600px;width:95%;margin: 0 auto;}
.hw2_timeline .sy_bt {text-align: center; margin-bottom: 60px;}
.hw2_timeline .timeline {position: relative; padding: 20px 0;}
.hw2_timeline .timeline:before {content: ""; position: absolute; top: 50%; left: 0; right: 0; height: 4px; background: linear-gradient(90deg, #e0e0e0, #b8000c); transform: translateY(-50%);}
.hw2_timeline .timeline_row {display: flex; justify-content: space-between; position: relative;}
.hw2_timeline .timeline_item {flex: 1; text-align: center; position: relative; padding: 0 15px;}
.hw2_timeline .timeline_item .dot {width: 24px; height: 24px; background: #b8000c; border-radius: 50%; margin: 0 auto 10px; position: relative; z-index: 2; border: 4px solid #fff; box-shadow: 0 2px 10px rgba(184,0,12,0.3);}
.hw2_timeline .timeline_item .stage {font-size: 14px; color: #b8000c; font-weight: 600; margin-bottom: 8px;}
.hw2_timeline .timeline_item .title {font-size: 18px; font-weight: 700; color: #333; padding-bottom: 20px;}
.hw2_timeline .timeline_item .desc {font-size: 14px; color: #666; line-height: 1.7;padding-top: 10px;}
.hw2_timeline .timeline_item:nth-child(odd) {padding-bottom: 40px;}
.hw2_timeline .timeline_item:nth-child(even) {padding-top: 40px; display: flex; flex-direction: column-reverse;}
.hw2_timeline .timeline_item:nth-child(even) .dot {margin: 10px auto 0;}
.hw2_timeline .timeline_item:nth-child(even) .stage{margin: 8px auto 0;}
.hw2_timeline .timeline_item:nth-child(even) .title{padding: 20px 0 0;}
.hw2_timeline .timeline_item:nth-child(even) .desc{padding: 0 0 10px;}

.hw2_advantage_bg {background: #f8f9fc; padding: 80px 0;}
.hw2_advantage {max-width: 1600px;width:95%;margin: 0 auto;}
.hw2_advantage .sy_bt {text-align: center; margin-bottom: 60px;}
.hw2_advantage .adv_main {display: flex; gap: 50px; align-items: center; flex-wrap: wrap; margin-bottom: 50px;}
.hw2_advantage .adv_text {flex: 1; min-width: 350px;}
.hw2_advantage .adv_text .highlight {font-size: 20px; font-weight: 600; color: #b8000c; margin-bottom: 20px; line-height: 1.6;}
.hw2_advantage .adv_text .desc {font-size: 16px; color: #666; line-height: 1.8; margin-bottom: 25px;}
.hw2_advantage .adv_text .points li {padding: 10px 0; font-size: 15px; color: #555; position: relative; padding-left: 30px;}
.hw2_advantage .adv_text .points li:before {content: "✓"; position: absolute; left: 0; width: 20px; height: 20px; background: #b8000c; color: #fff; border-radius: 50%; text-align: center; line-height: 20px; font-size: 12px;}
.hw2_advantage .adv_img {flex: 1; min-width: 350px; min-height: 300px; background: #fff; border-radius: 16px; display: flex; align-items: center; justify-content: center; box-shadow: 0 4px 20px rgba(0,0,0,0.06);overflow: hidden;}
.hw2_advantage .adv_img .placeholder {}
.hw2_advantage .adv_img .placeholder img{display: block;width: 100%;}
.hw2_advantage .teams_grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 20px;}
.hw2_advantage .team_item {background: #fff; border-radius: 12px; padding: 25px 15px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s;}
.hw2_advantage .team_item:hover {transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.08);}
.hw2_advantage .team_item .icon {color: #b8000c; margin-bottom: 10px;}
.hw2_advantage .team_item .icon i{font-size: 36px;}
.hw2_advantage .team_item .name {font-size: 15px; font-weight: 600; color: #333;}

.hw2_service_bg {padding: 80px 0;}
.hw2_service {max-width: 1600px;width:95%;margin: 0 auto;}
.hw2_service .sy_bt {text-align: center; margin-bottom: 60px;}
.hw2_service .service_grid {display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px;}
.hw2_service .service_item {background: #fff; border-radius: 12px; padding: 35px 30px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s; border-left: 4px solid #eee;}
.hw2_service .service_item:hover {transform: translateY(-3px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.hw2_service .service_item .num {font-size: 36px; font-weight: 700; color: rgba(184,0,12,1); line-height: 1; margin-bottom: 10px;}
.hw2_service .service_item .title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 15px;}
.hw2_service .service_item .desc {font-size: 14px; color: #666; line-height: 1.7;}
.hw2_service .service_item .sub_list {margin-top: 15px;}
.hw2_service .service_item .sub_list span {display: inline-block; padding: 4px 10px; background: #f5f5f5; border-radius: 4px; font-size: 12px; color: #888; margin: 3px 4px 3px 0;}

.hw2_data_bg {background: #dbf6ff; padding: 80px 0;}
.hw2_data {max-width: 1600px;width:95%;margin: 0 auto;}
.hw2_data .data_content {display: flex; gap: 40px; align-items: center; flex-wrap: wrap;margin-top: 60px;}
.hw2_data .data_features {flex: 1; min-width: 300px;}
.hw2_data .data_features .feature {padding: 20px 0; border-bottom: 1px solid rgba(0,0,0,0.1); display: flex; align-items: flex-start; gap: 15px;}
.hw2_data .data_features .feature:last-child {border-bottom: none;}
.hw2_data .data_features .feature .icon {width: 48px; height: 48px; background: rgba(34,211,238,0.15); border-radius: 10px; display: flex; align-items: center; justify-content: center; color: #b8000c;flex-shrink: 0;}
.hw2_data .data_features .feature .icon i{font-size: 30px;}
.hw2_data .data_features .feature .txt .t {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 5px;}
.hw2_data .data_features .feature .txt .d {font-size: 14px; color: #666; line-height: 1.6;}
.hw2_data .data_preview {flex: 1.2; min-width: 350px; background: rgba(15,160,209,0.1); border-radius: 16px; padding: 30px; border: 1px solid rgba(15,160,209,0.1); backdrop-filter: blur(10px);}
.hw2_data .data_preview .mock_title {font-size: 16px; color: #333; font-weight: 600; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.hw2_data .data_preview .mock_stats {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px; margin-bottom: 20px;}
.hw2_data .data_preview .mock_stat {background: #dbf6ff; border-radius: 8px; padding: 15px; text-align: center;}
.hw2_data .data_preview .mock_stat .n {font-size: 24px; font-weight: 700; color: #b8000c;}
.hw2_data .data_preview .mock_stat .l {font-size: 12px; color: rgba(0,0,0,0.5); margin-top: 5px;}
.hw2_data .data_preview .mock_list {background:#dbf6ff; border-radius: 8px; padding: 15px;}
.hw2_data .data_preview .mock_list .item {padding: 10px 0; border-bottom: 1px dashed rgba(0,0,0,0.1); font-size: 14px; color: #666;}
.hw2_data .data_preview .mock_list .item:last-child {border-bottom: none;}
.hw2_data .data_preview .mock_list .item .time {color: #b8000c; margin-right: 10px;}

.hw2_case_bg {background: #f8f9fc;}
.hw2_case {}
.hw2_case .lb{margin-top: 60px;overflow: hidden;width: 100%;}
.hw2_case .lb.lb2,.hw2_case .lb.lb3,.hw2_case .lb.lb4{margin-top: 20px;}
.hw2_case .lb ul{display: flex;}
.hw2_case .lb ul li{background: #fff;overflow: hidden;}
.hw2_case .lb ul li a{display: block;height: 480px;}
.hw2_case .lb ul li img{display: block;width: 100%;height: 100%;}

@media (max-width: 1199px) {
  .hw2_platforms .platforms_grid {grid-template-columns: repeat(3, 1fr);}
  .hw2_advantage .teams_grid {grid-template-columns: repeat(3, 1fr);}
  .hw2_service .service_grid {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
  .hw2_platforms .platforms_grid {grid-template-columns: repeat(2, 1fr);}
  .hw2_advantage .teams_grid {grid-template-columns: repeat(2, 1fr);}
  .hw2_service .service_grid {grid-template-columns: 1fr;}
  .hw2_market .data_row {gap: 30px;}
  .hw2_market .data_item .num {font-size: 40px;}
}


/* 网易外贸通页面专属样式 */
.hw3_brand_bg {padding: 80px 0; position: relative; overflow: hidden;}
.hw3_brand_bg:before {content: ""; position: absolute; top: -50%; right: -20%; width: 600px; height: 600px; background: radial-gradient(circle, rgba(184,0,12,0.15) 0%, transparent 70%); border-radius: 50%;}
.hw3_brand {max-width: 1600px;width:95%;margin: 0 auto; position: relative; z-index: 1;}
.hw3_brand .brand_main {display: flex; gap: 60px; align-items: center;align-content: center;justify-content: space-between;}
.hw3_brand .brand_text {width: 50%;}
.hw3_brand .brand_text .logo_row {display: flex; align-items: center; gap: 15px; margin-bottom: 25px;}
.hw3_brand .brand_text .logo_row .netease {font-size: 28px; font-weight: 700; color: #333;}
.hw3_brand .brand_text .logo_row .x {color: #666; font-size: 20px;}
.hw3_brand .brand_text .logo_row .product {font-size: 24px; font-weight: 600; color: #b8000c;}
.hw3_brand .brand_text .title {font-size: 36px; font-weight: 700; color: #333; line-height: 1.3; margin-bottom: 20px;}
.hw3_brand .brand_text .title span {color: #b8000c;}
.hw3_brand .brand_text .desc {font-size: 16px; color:#666; line-height: 1.8; margin-bottom: 30px;}
.hw3_brand .brand_text .stats {display: flex; gap: 40px; flex-wrap: wrap;}
.hw3_brand .brand_text .stats .item .num {font-size: 32px; font-weight: 700; color: #b8000c;}
.hw3_brand .brand_text .stats .item .num span {font-size: 16px;}
.hw3_brand .brand_text .stats .item .label {font-size: 14px; color: #666; margin-top: 5px;}
.hw3_brand .brand_img {width: 48%;border-radius: 16px;overflow: hidden;}
.hw3_brand .brand_img .placeholder {}
.hw3_brand .brand_img .placeholder img{display: block;width: 100%;}

.hw3_advantage_bg {padding: 80px 0; background: #f8f9fc;}
.hw3_advantage {max-width: 1600px;width:95%;margin: 0 auto;}
.hw3_advantage .sy_bt {text-align: center; margin-bottom: 60px;}
.hw3_advantage .adv_cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.hw3_advantage .adv_card {background: #fff; border-radius: 16px; padding: 45px 35px; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s; position: relative; overflow: hidden;}
.hw3_advantage .adv_card:hover {transform: translateY(-8px); box-shadow: 0 12px 40px rgba(0,0,0,0.12);}
.hw3_advantage .adv_card .icon {width: 70px; height: 70px; border-radius: 16px; display: flex; align-items: center; justify-content: center; color: #fff; margin-bottom: 25px;}
.hw3_advantage .adv_card .icon i{font-size: 42px;}
.hw3_advantage .adv_card:nth-child(1) .icon {background: linear-gradient(135deg, #3b82f6, #1d4ed8);}
.hw3_advantage .adv_card:nth-child(2) .icon {background: linear-gradient(135deg, #b8000c, #d4383d);}
.hw3_advantage .adv_card:nth-child(3) .icon {background: linear-gradient(135deg, #10b981, #059669);}
.hw3_advantage .adv_card .title {font-size: 22px; font-weight: 700; color: #333; margin-bottom: 15px;}
.hw3_advantage .adv_card .desc {font-size: 14px; color: #777; line-height: 1.8; margin-bottom: 20px;}
.hw3_advantage .adv_card .highlights li {padding: 8px 0; font-size: 14px; color: #555; position: relative; padding-left: 25px;}
.hw3_advantage .adv_card .highlights li:before {content: "✓"; position: absolute; left: 0; color: #10b981; font-weight: bold;}

.hw3_ai_bg {padding: 80px 0;}
.hw3_ai {max-width: 1600px;width:95%;margin: 0 auto;}
.hw3_ai .sy_bt {text-align: center; margin-bottom: 60px;}
.hw3_ai .ai_intro {text-align: center; max-width: 800px; margin: 0 auto 50px; font-size: 16px; color: #666; line-height: 1.8;}
.hw3_ai .ai_team {display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.hw3_ai .ai_member {background: #fff; border-radius: 16px; padding: 35px 25px; text-align: center; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s; border-top: 4px solid #b8000c;}
.hw3_ai .ai_member:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.hw3_ai .ai_member .avatar {width: 100px; height: 100px; border-radius: 50%;box-shadow: 0 0 5px 0 #999;overflow: hidden; margin: 0 auto 15px; display: flex; align-items: center; justify-content: center;}
.hw3_ai .ai_member .avatar img{width: 100%; height: 100%;}
.hw3_ai .ai_member:nth-child(1) .avatar {background: linear-gradient(135deg, #ec4899, #be185d);}
.hw3_ai .ai_member:nth-child(2) .avatar {background: linear-gradient(135deg, #8b5cf6, #6d28d9);}
.hw3_ai .ai_member:nth-child(3) .avatar {background: linear-gradient(135deg, #06b6d4, #0891b2);}
.hw3_ai .ai_member:nth-child(4) .avatar {background: linear-gradient(135deg, #f59e0b, #d97706);}
.hw3_ai .ai_member .name {font-size: 20px; font-weight: 700; color: #333; margin-bottom: 5px;}
.hw3_ai .ai_member .role {font-size: 14px; color: #b8000c; margin-bottom: 15px; font-weight: 600;}
.hw3_ai .ai_member .slogan {font-size: 14px; color: #888; line-height: 1.6; margin-bottom: 15px; font-style: italic;}
.hw3_ai .ai_member .skills {text-align: left;}
.hw3_ai .ai_member .skills li {padding: 6px 0; font-size: 14px; color: #666; position: relative; padding-left: 14px;}
.hw3_ai .ai_member .skills li:before {content: "•"; position: absolute; left: 0; color: #b8000c;}

.hw3_features_bg {background: #f8f9fc; padding: 80px 0;}
.hw3_features {max-width: 1600px;width:95%;margin: 0 auto;}
.hw3_features .sy_bt {text-align: center; margin-bottom: 60px;}
.hw3_features .feat_tabs {display: flex; justify-content: center; gap: 10px; margin-bottom: 40px; flex-wrap: wrap;}
.hw3_features .feat_tab {padding: 12px 28px; background: #fff; border-radius: 30px; font-size: 15px; color: #666; cursor: pointer; transition: background 0.3s, color 0.3s; box-shadow: 0 2px 10px rgba(0,0,0,0.04);}
.hw3_features .feat_tab.active {background: #b8000c; color: #fff;}
.hw3_features .feat_content {display: none;}
.hw3_features .feat_content.active {display: block;}
.hw3_features .feat_grid {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px;}
.hw3_features .feat_item {background: #fff; border-radius: 12px; padding: 25px 20px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s;}
.hw3_features .feat_item:hover {transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.08);}
.hw3_features .feat_item .icon {font-size: 28px; color: #b8000c; margin-bottom: 12px;}
.hw3_features .feat_item .title {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 8px;}
.hw3_features .feat_item .desc {font-size: 13px; color: #888; line-height: 1.6;}

.hw3_service_bg {padding: 80px 0;}
.hw3_service {max-width: 1600px;width:95%;margin: 0 auto;}
.hw3_service .sy_bt {text-align: center; margin-bottom: 60px;}
.hw3_service .sy_bt .ml1 {color: #333;}
.hw3_service .sy_bt .ml1 span {color: #b8000c;}
.hw3_service .sy_bt .ml2 {color:#666;}
.hw3_service .service_cards {display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.hw3_service .service_card {background:#f8f9fc; border-radius: 16px; padding: 35px 25px; text-align: center; border: 1px solid rgba(0,0,0,0.1); backdrop-filter: blur(10px); transition: background 0.3s, transform 0.3s;}
.hw3_service .service_card:hover {background: #fff9f9; transform: translateY(-3px);}
.hw3_service .service_card .icon {color: #b8000c; margin-bottom: 15px;}
.hw3_service .service_card .icon i{font-size: 48px;}
.hw3_service .service_card .title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px;}
.hw3_service .service_card .desc {font-size: 14px; color:#666; line-height: 1.7;}
.hw3_service .service_card .highlight {font-size: 24px; font-weight: 700; color: #b8000c; margin-top: 10px;}

@media (max-width: 1199px) {
  .hw3_ai .ai_team {grid-template-columns: repeat(2, 1fr);}
  .hw3_features .feat_grid {grid-template-columns: repeat(2, 1fr);}
  .hw3_cases .cases_grid {grid-template-columns: 1fr;}
  .hw3_service .service_cards {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 768px) {
  .hw3_ai .ai_team {grid-template-columns: 1fr;}
  .hw3_features .feat_grid {grid-template-columns: 1fr;}
  .hw3_service .service_cards {grid-template-columns: 1fr;}
  .hw3_brand .brand_text .title {font-size: 28px;}
  .hw3_brand .brand_text .stats {gap: 25px;}
}

.case_list_bg {padding: 60px 0; background: #f8f9fc;}
.case_list {max-width: 1600px;width:95%;margin: 0 auto;}
.case_filter {display: flex; justify-content: center; gap: 15px; margin-bottom: 50px; flex-wrap: wrap;}
.case_filter .filter_item {padding: 10px 28px; background: #fff; border-radius: 30px; font-size: 15px; color: #666; cursor: pointer; transition: background 0.3s, color 0.3s; box-shadow: 0 2px 10px rgba(0,0,0,0.04);}
.case_filter .filter_item.active {background: #b8000c; color: #fff;}
.case_items {display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.case_item {background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06); transition: box-shadow 0.3s, transform 0.3s;}
.case_item:hover {transform: translateY(-5px); box-shadow: 0 8px 30px rgba(0,0,0,0.1);}
.case_item .img {display: flex; align-items: center; justify-content: center; position: relative; overflow: hidden;}
.case_item .img img {display: block;width: 100%;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.case_item:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.case_item .img .tag {position: absolute; top: 15px; left: 15px; padding: 4px 12px; background: rgba(184,0,12,0.9); color: #fff; border-radius: 20px; font-size: 12px;}
.case_item .info {padding: 25px;}
.case_item .info .title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 10px; line-height: 1.4;}
.case_item .info .desc {font-size: 14px; color: #888; line-height: 1.7; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.case_item .info .data {display: flex; gap: 20px; padding-top: 15px; border-top: 1px dashed #eee;}
.case_item .info .data .d .num {font-size: 20px; font-weight: 700; color: #b8000c;}
.case_item .info .data .d .num span {font-size: 12px; font-weight: 400;}
.case_item .info .data .d .label {font-size: 12px; color: #999; margin-top: 3px;}

.pagination{padding-top:50px;display: flex;align-items: center;align-content: center;justify-content: center;}
.pagination a,.pagination span{padding:0 20px; line-height:36px; font-size:14px; margin:0 5px;color: #666;border-radius: 5px; -webkit-transition:color 0.2s,background 0.2s;transition:color 0.2s,background 0.2s;}
.pagination span.current,.pagination a:hover{color:#fff;background:#b8000c;}

@media (max-width: 992px) {
  .case_items {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width: 600px) {
  .case_items {grid-template-columns: 1fr;}
}

.case_detail_bg {padding: 60px 0; background: #f8f9fc;}
.case_detail {max-width: 1200px;width:95%;margin: 0 auto;}
.crumb {font-size: 14px; color: #999; margin-bottom: 30px;}
.crumb a {color: #999;}
.crumb a:hover {color: #b8000c;}
.crumb span {margin: 0 8px; color: #ccc;}

.case_main {background: #fff; border-radius: 16px; padding: 50px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);}
.case_main .case_tag {display: inline-block; padding: 6px 16px; background: rgba(184,0,12,0.1); color: #b8000c; border-radius: 20px; font-size: 14px; margin-bottom: 20px;}
.case_main .case_title {font-size: 32px; font-weight: 700; color: #333; line-height: 1.3; margin-bottom: 20px;}
.case_main .case_meta {display: flex; gap: 30px; padding-bottom: 30px; border-bottom: 1px solid #eee; margin-bottom: 40px; flex-wrap: wrap;}
.case_main .case_meta .item {font-size: 14px; color: #666;line-height: 24px;display: flex;align-items: center;align-content: center;}
.case_main .case_meta .item i {margin-right: 5px; color: #b8000c;font-size: 20px;}

.case_banner {width: 100%;border-radius: 12px; margin-bottom: 40px; display: flex; align-items: center; justify-content: center;overflow: hidden;}
.case_banner img {display: block;width: 100%;}

.case_data {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-bottom: 40px; padding: 30px; background: linear-gradient(135deg, #b8000c, #d4383d); border-radius: 12px;}
.case_data .data_item {text-align: center; color: #fff;}
.case_data .data_item .num {font-size: 32px; font-weight: 700; line-height: 1.2;}
.case_data .data_item .num span {font-size: 16px; font-weight: 400;}
.case_data .data_item .label {font-size: 14px; opacity: 0.9; margin-top: 8px;}

.case_content h3 {font-size: 22px; font-weight: 600; color: #333; margin: 35px 0 15px; padding-left: 15px; border-left: 4px solid #b8000c;}
.case_content h4 {font-size: 18px; font-weight: 600; color: #333; margin: 25px 0 12px;}
.case_content p {font-size: 15px; color: #666; line-height: 1.8; margin-bottom: 15px;}
.case_content ul {margin-bottom: 15px;}
.case_content ul li {font-size: 15px; color: #666; line-height: 1.8; padding: 5px 0; padding-left: 25px; position: relative;}
.case_content ul li:before {content: "✓"; position: absolute; left: 0; color: #b8000c; font-weight: bold;}

.case_footer {margin-top: 50px; padding-top: 30px; border-top: 1px solid #eee; display: flex; justify-content: space-between; flex-wrap: wrap; gap: 20px;}
.case_footer .prev_next {flex: 1; min-width: 200px;}
.case_footer .prev_next a {font-size: 14px; color: #666;}
.case_footer .prev_next a:hover {color: #b8000c;}
.case_footer .share {display: flex; gap: 10px; align-items: center;}
.case_footer .share span {font-size: 14px; color: #999;}
.case_footer .share a {width: 36px; height: 36px; line-height: 36px; text-align: center; background: #f5f5f5; border-radius: 50%; color: #999; font-size: 16px; transition: background 0.3s, color 0.3s;}
.case_footer .share a:hover {background: #b8000c; color: #fff;}

.related_cases {margin-top: 60px;}
.related_cases .title {font-size: 22px; font-weight: 600; color: #333; margin-bottom: 30px;}
.related_cases .title span {color: #b8000c;}
.related_cases .related_grid {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.related_cases .related_item {background: #fff; border-radius: 12px; overflow: hidden; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s;}
.related_cases .related_item:hover {transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.08);}
.related_cases .related_item .img {overflow: hidden;}
.related_cases .related_item .img img {display: block;width: 100%;-webkit-transition:transform 0.5s;transition:transform 0.5s;}
.related_cases .related_item:hover .img img{transform: scale(1.1); -webkit-transform: scale(1.1);}
.related_cases .related_item .info {padding: 20px;}
.related_cases .related_item .info .t {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 8px; line-height: 1.4;}
.related_cases .related_item .info .d {font-size: 13px; color: #999;}

@media (max-width: 768px) {
  .case_main {padding: 30px 20px;}
  .case_main .case_title {font-size: 24px;}
  .case_data {grid-template-columns: repeat(2, 1fr);}
  .related_cases .related_grid {grid-template-columns: 1fr;}
}

.news_list_bg {padding: 60px 0; background: #f8f9fc;}
.news_list {max-width: 1200px;width:95%; margin: 0 auto;}
.news_filter {display: flex; justify-content: center; gap: 15px; margin-bottom: 50px; flex-wrap: wrap;}
.news_filter .filter_item {padding: 10px 28px; background: #fff; border-radius: 30px; font-size: 15px; color: #666; cursor: pointer; transition: background 0.3s, color 0.3s; box-shadow: 0 2px 10px rgba(0,0,0,0.04);}
.news_filter .filter_item.active {background: #b8000c; color: #fff;}

.news_items {display: flex; flex-direction: column; gap: 20px;}
.news_item {background: #fff; border-radius: 12px; padding: 30px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s; display: flex; gap: 30px;}
.news_item:hover {transform: translateX(5px); box-shadow: 0 6px 20px rgba(0,0,0,0.08);}
.news_item .date {flex-shrink: 0; width: 100px; text-align: center; border-right: 1px solid #eee; padding-right: 30px;}
.news_item .date .day {font-size: 36px; font-weight: 700; color: #b8000c; line-height: 1;}
.news_item .date .year {font-size: 14px; color: #999; margin-top: 8px;}
.news_item .content {flex: 1;}
.news_item .content .tag {display: inline-block; padding: 3px 12px; background: rgba(184,0,12,0.1); color: #b8000c; border-radius: 12px; font-size: 12px; margin-bottom: 12px;}
.news_item .content .title {font-size: 20px; font-weight: 600; color: #333; margin-bottom: 12px; line-height: 1.4; transition: color 0.3s;}
.news_item:hover .content .title {color: #b8000c;}
.news_item .content .desc {font-size: 14px; color: #888; line-height: 1.8; margin-bottom: 15px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.news_item .content .meta {font-size: 13px; color: #bbb; display: flex; gap: 20px;}
.news_item .content .meta span i {margin-right: 5px;}

.news_page {display: flex; justify-content: center; gap: 10px; margin-top: 50px;}
.news_page .page_item {width: 40px; height: 40px; line-height: 40px; text-align: center; background: #fff; border-radius: 8px; color: #666; font-size: 14px; cursor: pointer; transition: background 0.3s, color 0.3s; box-shadow: 0 2px 8px rgba(0,0,0,0.04);}
.news_page .page_item.active {background: #b8000c; color: #fff;}
.news_page .page_item:hover {background: #b8000c; color: #fff;}

@media (max-width: 768px) {
  .news_item {flex-direction: column; gap: 15px;}
  .news_item .content .title {font-size: 17px;}
}

.news_detail_bg {padding: 60px 0; background: #f8f9fc;}
.news_detail {max-width: 900px;width:95%; margin: 0 auto;}

.news_main {background: #fff; border-radius: 16px; padding: 50px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);}
.news_main .news_tag {display: inline-block; padding: 6px 16px; background: rgba(184,0,12,0.1); color: #b8000c; border-radius: 20px; font-size: 14px; margin-bottom: 20px;}
.news_main .news_title {font-size: 30px; font-weight: 700; color: #333; line-height: 1.3; margin-bottom: 20px;}
.news_main .news_meta {display: flex; gap: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; margin-bottom: 35px; flex-wrap: wrap; font-size: 14px; color: #999;}
.news_main .news_meta span i {margin-right: 5px; color: #b8000c;}

.news_content h3 {font-size: 20px; font-weight: 600; color: #333; margin: 30px 0 15px;}
.news_content p {font-size: 15px; color: #666; line-height: 1.9; margin-bottom: 18px; text-indent: 2em;}
.news_content p:first-child {text-indent: 0;}
.news_content img {max-width: 100%; border-radius: 8px; margin: 20px 0;}
.news_content ul {margin: 15px 0 20px 2em;}
.news_content ul li {font-size: 15px; color: #666; line-height: 1.9; padding: 5px 0;}
.news_content blockquote {border-left: 4px solid #b8000c; padding: 15px 20px; background: #f9f9f9; margin: 20px 0; font-size: 15px; color: #888; line-height: 1.8; font-style: italic;}

.news_footer {margin-top: 50px; padding-top: 30px; border-top: 1px solid #eee;}
.news_tags {display: flex; gap: 10px; margin-bottom: 25px; flex-wrap: wrap;}
.news_tags span {font-size: 14px; color: #999;}
.news_tags a {padding: 5px 15px; background: #f5f5f5; border-radius: 15px; font-size: 13px; color: #666; transition: background 0.3s, color 0.3s;}
.news_tags a:hover {background: #b8000c; color: #fff;}

.prev_next {display: flex; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.prev_next .pn_item {flex: 1; min-width: 250px;}
.prev_next .pn_item .label {font-size: 13px; color: #999; margin-bottom: 8px;}
.prev_next .pn_item a {font-size: 15px; color: #333; line-height: 1.5; transition: color 0.3s;}
.prev_next .pn_item a:hover {color: #b8000c;}
.prev_next .pn_item.next {text-align: right;}

.related_news {margin-top: 60px;}
.related_news .title {font-size: 22px; font-weight: 600; color: #333; margin-bottom: 25px;}
.related_news .title span {color: #b8000c;}
.related_news .related_list {display: flex; flex-direction: column; gap: 15px;}
.related_news .related_item {background: #fff; border-radius: 10px; padding: 20px 25px; box-shadow: 0 2px 8px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s; display: flex; justify-content: space-between; align-items: center;}
.related_news .related_item:hover {transform: translateX(5px); box-shadow: 0 4px 15px rgba(0,0,0,0.08);}
.related_news .related_item .t {font-size: 15px; color: #333; transition: color 0.3s;}
.related_news .related_item:hover .t {color: #b8000c;}
.related_news .related_item .d {font-size: 13px; color: #bbb; flex-shrink: 0; margin-left: 20px;}

@media (max-width: 768px) {
  .news_main {padding: 30px 20px;}
  .news_main .news_title {font-size: 22px;}
  .prev_next {flex-direction: column;}
  .prev_next .pn_item.next {text-align: left;}
}

.about_bg {padding: 0;}

/* 公司介绍 */
.about_intro_bg {padding: 80px 0; background: #fff;}
.about_intro {max-width: 1600px;width:95%;margin: 0 auto;}
.about_intro .intro_main {display: flex; gap: 60px; align-items: center;align-content: center;justify-content: space-between;}
.about_intro .intro_text {width: 50%;}
.about_intro .intro_text .sub {font-size: 16px; color: #b8000c; margin-bottom: 15px; font-weight: 600; letter-spacing: 2px;}
.about_intro .intro_text .title {font-size: 36px; font-weight: 700; color: #333; line-height: 1.3; margin-bottom: 25px;}
.about_intro .intro_text .title span {color: #b8000c;}
.about_intro .intro_text p {font-size: 15px; color: #666; line-height: 1.9; margin-bottom: 15px;}
.about_intro .intro_text .stats {display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 30px;}
.about_intro .intro_text .stats .item {text-align: center; padding: 20px 10px; background: #f8f9fc; border-radius: 12px;}
.about_intro .intro_text .stats .item .num {font-size: 28px; font-weight: 700; color: #b8000c; line-height: 1.2;}
.about_intro .intro_text .stats .item .num span {font-size: 14px; font-weight: 400;}
.about_intro .intro_text .stats .item .label {font-size: 13px; color: #999; margin-top: 8px;}
.about_intro .intro_img {width: 50%;border-radius: 16px;overflow: hidden;}
.about_intro .intro_img img {display: block;width: 100%;}

/* 发展历程 */
.about_history_bg {padding: 80px 0; background: #f8f9fc;}
.about_history {max-width: 1200px;width:95%; margin: 0 auto;}
.about_history .sy_bt {text-align: center; margin-bottom: 60px;}
.about_history .timeline {position: relative;}
.about_history .timeline:before {content: ""; position: absolute; left: 50%; top: 0; bottom: 0; width: 2px; background: #e0e0e0; transform: translateX(-50%);}
.about_history .timeline_item {display: flex; margin-bottom: 40px; position: relative;}
.about_history .timeline_item:nth-child(odd) {flex-direction: row;}
.about_history .timeline_item:nth-child(even) {flex-direction: row-reverse;}
.about_history .timeline_item .content {width: calc(50% - 40px); background: #fff; padding: 25px 30px; border-radius: 12px; box-shadow: 0 2px 10px rgba(0,0,0,0.04);}
.about_history .timeline_item .content .year {font-size: 24px; font-weight: 700; color: #b8000c; margin-bottom: 10px;}
.about_history .timeline_item .content .title {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 8px;}
.about_history .timeline_item .content .desc {font-size: 14px; color: #888; line-height: 1.7;}
.about_history .timeline_item .dot {position: absolute; left: 50%; top: 30px; width: 16px; height: 16px; background: #b8000c; border-radius: 50%; transform: translateX(-50%); border: 4px solid #fff; box-shadow: 0 2px 8px rgba(184,0,12,0.3); z-index: 1;}

/* 企业文化 */
.about_culture_bg {padding: 80px 0 0;}
.about_culture {max-width: 1600px;width:95%;margin: 0 auto;}
.about_culture .sy_bt {text-align: center; margin-bottom: 60px;}
.culture_cards {display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.culture_card {text-align: center; padding: 40px 25px; background: #f8f9fc; border-radius: 16px; transition: box-shadow 0.3s, transform 0.3s;}
.culture_card:hover {transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.08);}
.culture_card .icon {width: 70px; height: 70px; line-height: 70px; text-align: center; background: linear-gradient(135deg, #b8000c, #d4383d); border-radius: 50%; color: #fff;margin: 0 auto 20px;}
.culture_card .icon i{font-size: 30px;}
.culture_card .title {font-size: 18px; font-weight: 600; color: #333; margin-bottom: 12px;}
.culture_card .desc {font-size: 14px; color: #888; line-height: 1.7;}


@media (max-width: 992px) {
  .about_intro .intro_text .stats {grid-template-columns: repeat(2, 1fr);}
  .culture_cards {grid-template-columns: repeat(2, 1fr);}
  .team_cards {grid-template-columns: repeat(3, 1fr);}
  .honor_grid {grid-template-columns: repeat(2, 1fr);}
  .timeline:before {left: 20px;}
}
@media (max-width: 600px) {
  .about_intro .intro_text .title {font-size: 26px;}
  .culture_cards {grid-template-columns: 1fr;}
  .team_cards {grid-template-columns: repeat(2, 1fr);}
  .honor_grid {grid-template-columns: 1fr;}
}

.contact_bg {padding: 0;}

/* 联系信息 */
.contact_info_bg {padding: 80px 0; background: #fff;}
.contact_info {max-width: 1600px;width:95%;margin: 0 auto;}
.contact_info .sy_bt {text-align: center; margin-bottom: 60px;}

.info_cards {display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px;}
.info_card {background: #f8f9fc; border-radius: 16px; padding: 35px 25px; text-align: center; transition: box-shadow 0.3s, transform 0.3s;}
.info_card:hover {transform: translateY(-5px); box-shadow: 0 8px 25px rgba(0,0,0,0.08);}
.info_card .icon {width: 60px; height: 60px; line-height: 60px; text-align: center; background: linear-gradient(135deg, #b8000c, #d4383d); border-radius: 50%; color: #fff;margin: 0 auto 20px;}
.info_card .icon i{font-size: 30px;}
.info_card .title {font-size: 16px; font-weight: 600; color: #333; margin-bottom: 10px;}
.info_card .content {font-size: 14px; color: #666; line-height: 1.7;}
.info_card .content a {color: #666; transition: color 0.3s;}
.info_card .content a:hover {color: #b8000c;}

/* 联系表单+地图 */
.contact_main_bg {padding: 0 0 80px;}
.contact_main {max-width: 1600px;width:95%;margin: 0 auto; display: grid; grid-template-columns: 1fr 1fr; gap: 60px;}

.contact_form {background: #fff; border-radius: 16px; padding: 40px; box-shadow: 0 4px 20px rgba(0,0,0,0.06);}
.contact_form .title {font-size: 22px; font-weight: 600; color: #333; margin-bottom: 10px;}
.contact_form .subtitle {font-size: 14px; color: #999; margin-bottom: 30px;}
.form_group {margin-bottom: 20px;}
.form_group label {display: block; font-size: 14px; color: #666; margin-bottom: 8px;}
.form_group label .required {color: #b8000c; margin-left: 3px;}
.form_group input,
.form_group textarea,
.form_group select {width: 100%; padding: 12px 15px; border: 1px solid #e0e0e0; border-radius: 8px; font-size: 14px; color: #333; box-sizing: border-box; transition: border-color 0.3s; background: #fff;}
.form_group input:focus,
.form_group textarea:focus,
.form_group select:focus {border-color: #b8000c; outline: none;}
.form_group textarea {resize: vertical; min-height: 100px; font-family: inherit;}
.form_row {display: grid; grid-template-columns: 1fr 1fr; gap: 15px;}
.form_submit {margin-top: 25px;}
.form_submit button {width: 100%; padding: 14px; background: linear-gradient(135deg, #b8000c, #d4383d); color: #fff; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: box-shadow 0.3s, transform 0.3s;}
.form_submit button:hover {transform: translateY(-2px); box-shadow: 0 6px 20px rgba(184,0,12,0.3);}

.contact_map {background: #fff; border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.06);}
.map_placeholder {height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: relative;}
.map_placeholder img {display:block; width:100%;height:100%;-o-object-fit: cover;-webkit-object-fit: cover;object-fit: cover;}

/* 分公司 */
.contact_branch_bg {padding: 80px 0; background: #f8f9fc;}
.contact_branch {max-width: 1600px;width:95%;margin: 0 auto;}
.contact_branch .sy_bt {text-align: center; margin-bottom: 60px;}
.branch_cards {display: grid; grid-template-columns: repeat(3, 1fr); gap: 25px;}
.branch_card {background: #fff; border-radius: 16px; padding: 35px 30px; box-shadow: 0 2px 10px rgba(0,0,0,0.04); transition: box-shadow 0.3s, transform 0.3s;}
.branch_card:hover {transform: translateY(-3px); box-shadow: 0 6px 20px rgba(0,0,0,0.08);}
.branch_card .city {font-size: 20px; font-weight: 600; color: #333; margin-bottom: 20px; padding-bottom: 15px; border-bottom: 2px solid #b8000c; display: inline-block;}
.branch_card ul li {padding: 10px 0; font-size: 14px; color: #666; display: flex; align-items: flex-start;}
.branch_card ul li i {color: #b8000c; margin-right: 10px; margin-top: 3px; flex-shrink: 0;}

/* 工作时间 */
.work_time {background: linear-gradient(135deg, #1a1a2e 0%, #0f3460 100%); padding: 60px 0;}
.work_time_inner {max-width: 1200px; margin: 0 auto; text-align: center;}
.work_time .title {font-size: 28px; font-weight: 700; color: #fff; margin-bottom: 15px;}
.work_time .title span {color: #ff6b6b;}
.work_time .subtitle {font-size: 15px; color: rgba(255,255,255,0.7); margin-bottom: 40px;}
.work_time .time_cards {display: flex; justify-content: center; gap: 50px; flex-wrap: wrap;}
.work_time .time_card {text-align: center;}
.work_time .time_card .day {font-size: 16px; color: rgba(255,255,255,0.8); margin-bottom: 10px;}
.work_time .time_card .hour {font-size: 24px; font-weight: 700; color: #ff6b6b;}

@media (max-width: 992px) {
  .info_cards {grid-template-columns: repeat(2, 1fr);}
  .contact_main {grid-template-columns: 1fr;}
  .branch_cards {grid-template-columns: 1fr;}
}
@media (max-width: 600px) {
  .info_cards {grid-template-columns: 1fr;}
  .form_row {grid-template-columns: 1fr;}
  .contact_form {padding: 25px 20px;}
  .work_time .time_cards {gap: 30px;}
}