@charset "utf-8";
/* CSS Document - ZMADE 中美达首页内容样式 */
.search_box{ width: 100%; position: fixed; left: 0; top:121px; background: #fff;z-index:3; padding:40px 0; display:none;z-index:88;}
.search_box form{ width: 100%; overflow:hidden; transition:.3s ease;}
.search_box form input{ line-height: 60px; height: 60px; border: 2px solid #0b3090; font-family:gsan;}
.search_box form .search_sub{ width: 150px; line-height:60px; text-align:center; color:#fff; font-size:30px; text-align: center;background:#0b3090; cursor:pointer;}
.search_box form input.fl{ padding: 0 25px; width:calc(100% - 150px);}
.search_box form .search_sub:hover{ background:#f4a205;}

.right_online{position: fixed;top: 40%;right: 20px;z-index: 999;}
.right_online li{text-align: center;position: relative;margin-bottom: 5px;cursor: pointer;}
.right_online li span{font-size: 24px;color: #fff;background:#f5a100 ;position: relative;z-index: 2;border-radius: 3px;display: block;line-height: 50px;width: 50px;height: 50px; transition:.3s ease;}
.right_online li .box{
	position: absolute;right: 25px;top: 0;max-width: 0px;height: 50px;line-height: 50px;background: #f4a205 ;border-radius: 3px;border-top-right-radius: 0;border-bottom-right-radius: 0;
	overflow:hidden;
	-webkit-transition:max-width 0.3s linear;
	-moz-transition:max-width 0.3s linear;
	transition:max-width 0.3s linear;
}
.right_online li:hover span{ background:#f4a205;}
.right_online li:hover .box{max-width:300px;z-index: 1;}
.right_online li .box .p{color: #fff;font-size: 16px;width: 100%;white-space: nowrap;padding-left: 30px;padding-right: 40px;display: flex;}
.right_online li.inq .addnum{width: 18px;height: 18px;position: absolute;top: 0;right: 0;text-align: center;line-height: 18px;background: red;color: #fff;border-radius: 500px;display: block;font-size: 12px;z-index: 9;}
.right_online li .ewmtp{width: 120px;height: 120px;right: 55px;background: none;border-radius: 0;}
.right_online li .ewmtp .p{padding: 0;}
.right_online li .ewmtp img{ width: 120px; height:120px;}
/* ====================== 通用组件 ====================== */
/* 巨型背景水印文字：Montserrat Extra Bold，透明底 + 白色描边（PSD 原样） */
.word{ position:absolute; right:0; top:84px; font-family:MontoXB; font-size:168px; line-height:1; color:transparent; -webkit-text-stroke:1px rgba(255,255,255,.80); z-index:0; pointer-events:none; user-select:none; white-space:nowrap; letter-spacing:0; text-transform:uppercase; font-style:italic;}
.word:before{ display:none;}
.word2{ position:absolute; left:79px; top:106px; font-family:'MontoXB', gsanb; font-size: clamp(110px, 18.75vw, 360px); line-height:1; color:transparent; -webkit-text-stroke:2px rgba(255,255,255,.92); z-index:0; pointer-events:none; user-select:none; white-space:nowrap; text-transform:uppercase; font-style:italic;}

.pro_xiala{ position: fixed; width: 100%; left: 0; top: 121px; display:none;}
.pro_xiala .mcenter{  padding:45px 45px 30px; border-radius: 12px; background:#fff;}
.pro_xiala dt{ width: 14.5%; margin-right: auto; margin-bottom:40px;}
.pro_xiala dt:last-child{ margin-right:0;}
.pro_xiala dt h3 a{ font-family: gssb; font-size: 18px;}
.pro_xiala dt h3{ margin-bottom: 15px;}
.pro_xiala dt h3:hover a{ text-decoration:underline; color: #f5a100;}
.pro_xiala dt a.plink{line-height: 35px; border-bottom:1px dashed #e7e7e7; margin-bottom:5px; display:block; font-size:16px;}
.pro_xiala dt a.plink:hover{ color:#f5a100;}
.index_head .nav li:hover .pro_xiala{ display:block;}
/* 各分区定位，保证内容压在水印之上 */
.sy_pro, .sy_sol, .sy_about, .sy_adv, .sy_news{ position:relative; overflow:hidden;}
.item_top, .about_box, .global_box, .sy_pro .pro_band, .sy_news .left_news, .sy_news .newsul, .sy_about .stat_card{ position:relative; z-index:1;}
.sy_adv .word{ top:220px; right:0; left:auto; -webkit-text-stroke:1px rgba(255,255,255,.2);}
.sy_sol .word{ top:0;}
.sy_global .word{ top:30px; -webkit-text-stroke:1px #eeeeee;}
.sy_news .word{ top:70px;}
.sy_about .word2{width: 100%; text-align: center;font-size:360px; top: 40px; left: 0; font-style: normal; font-weight: normal;color:#fff; -webkit-text-stroke:0;}

.sy_title b{ font-size: 48px; font-family: gsanb; line-height: 60px; color:#083090; margin-bottom: 26px;}
.sy_title b span{ color:#f09800;}
.sy_title p{ font-size: 18px; line-height: 30px; color:#303030;}

.item_top{ margin-bottom: 55px;}
.item_top .sy_title{ max-width: 60%; margin-right: auto;}
.item_top .sy_title b{ margin-bottom: 30px;}

/* 圆形链接：环形文字背景图旋转，中心圆+箭头保持不动（PSD 组116 样式） */
.cirlink{ position:relative; display:inline-flex; align-items:center; justify-content:center; width: 105px; height:105px; border-radius: 50%; flex-shrink:0;}
.cirlink .ring{ position:absolute; left:0; top:0; width:100%; height:100%; background:url(../images/cirlink_ring.png) center/100% no-repeat; animation: cirlinkSpin 12s linear infinite;}
.cirlink .ring2{ background-image:url(../images/cirlink_ring2.png);}
.cirlink i{ position:relative; z-index:1; width:65px; height:65px; border-radius:50%; background:#083090; color:#fff; display:flex; align-items:center; justify-content:center; font-size:26px; transition:.3s ease; transform: rotate(90deg);}
.cirlink:hover i{ background:#f09800;}
@keyframes cirlinkSpin{ to{ transform:rotate(360deg);}}
@media (prefers-reduced-motion: reduce){ .cirlink .ring{ animation:none;} 
.sy-ban .bannerswiper .swiper-slide-active .img-m{ animation:none;}}

.top_h{ height: 121px;}

.amore{ display:inline-block; font-size:16px; line-height:43px; border-radius:999px; border: 1px solid #0b3090;padding:0 15px; color:#fff; background:#0b3090; transition:.3s ease; flex-shrink:0;}
.amore i{ display:inline-block; margin-right:8px; transition:margin .2s ease;}

.amore:hover,.amore.on{ background:#f4a205; border-color: #f4a205; color:#fff;}
.amore:hover i{ margin-right:12px;}

.amore.wb{ border-color:#fff; color:#fff; background: none;}
.amore.wb:hover{ border-color: #f4a205; background: #f4a205;}
/* ====================== Banner (PSD 1920x963, 1:1) ====================== */
.sy-ban{ width:100%; position:relative; overflow:hidden;}
.sy-ban .bannerswiper{ position:relative; width:100%;}
.sy-ban .bannerswiper .swiper-slide{ position:relative;}
.sy-ban .img-m{ width:100%; display:block;}
/*.sy-ban .bannerswiper .swiper-slide:nth-child(2) .img-m{ transform-origin: left center;}*/
/*.sy-ban .bannerswiper .swiper-slide:nth-child(3) .img-m{ transform-origin: right center;}*/
@keyframes banzoom{ from{ transform: translateY(-35%); opacity:.3;} to{transform: translateY(-50%); opacity:1} }
.sy-ban .bannerswiper .swiper-slide-active .img-m{}
.sy-ban .txt1{ position:absolute;width: 100%; left: 0; top:50%; transform: translateY(-50%);z-index:2; color:#fff; text-align:left;}
.sy-ban .bannerswiper .swiper-slide-active .txt1{ animation: banzoom 1.5s ease forwards;}
.sy-ban .txt1 b{ display:block; font-size:64px; max-width:50%; line-height:1.15; text-transform: uppercase;font-family:gsanb; color:#f4a205; margin-bottom:0;}
.sy-ban .txt1 p{ margin-top: 40px; color: #fff;font-family: gsanm; font-size: 24px; padding-left: 40px; background: url("../images/gou_03.png") no-repeat left 2px;}
.sy-ban .txt1 .amore{ margin-top: 65px;}
.sy-ban .txt1 .amore i{ margin-right: 5px;}
.sy-ban .ban_control{  position: absolute;width: 100%; left: 0; bottom: 0; color: #fff;z-index: 3;}
.sy-ban .updown{ display:flex; flex-direction:column; align-items:center; z-index:3; color:#fff; font-size:16px; text-transform: uppercase;}
.sy-ban .updown span{ writing-mode:vertical-rl; line-height:1;}
.sy-ban .updown i{ display:block; width:1px; height:3.28vw; margin-top:0.68vw; position: relative;}
.sy-ban .updown i:after{ position:absolute; background:rgba(255,255,255,.75); width: 100%; height: 0;animation: height 2s linear infinite; left: 0; top: 0; content: ''; }
@keyframes height{ to{ height: 100%;}}
.sy-ban .banner_num{ margin-left: auto;display:flex; width: auto;}
.sy-ban .banner_num .swiper-pagination-bullet{ width:auto; height:auto; background:none; opacity:1; color:rgba(255,255,255,.85); font-family:dinb; font-size:18px; line-height:1.2; margin:0 1.3vw; position:relative; padding-bottom: 5px; cursor:pointer;}
.sy-ban .banner_num .swiper-pagination-bullet:before{ content:''; position:absolute; left:50%; transform:translateX(-50%); bottom:0; width:22px; height:2px; background:transparent;}
.sy-ban .banner_num .swiper-pagination-bullet-active{ color:#fff;}
.sy-ban .banner_num .swiper-pagination-bullet-active:before{ background:#fff;}

/* ====================== Products ====================== */
/* 整个模块背景图通铺（PSD 模块背景 1920x1284，含标题区+实验室照片，整宽平铺） */
.sy_pro{ padding-bottom: 160px;}
.sy_pro .sy_title{ text-align:center; width:75%; margin:0 auto 45px;}
.sy_pro .sy_title b,.sy_pro .sy_title p{ color: #fff;}
.sy_pro .pro_band{ position:relative; padding: 0; margin: 1.2vw 0 0; background:none;}
.sy_pro .cirlink i{ background: #f5a100;}
.sy_pro .word{ opacity: .3;}
.pro_txt{ position:relative; z-index:1; text-align:center; color:#303030; opacity:0; transform:translateY(16px); opacity: 0; transition:opacity .4s ease, transform .4s ease; margin-bottom: 0;}
.pro_txt h2{ font-size: 40px; font-family: gsanb; line-height:1.2;}
.pro_txt h2 b{ display:block; font-size: 28px; line-height:1.15; color:#f5a100;}
.pro_txt h2 span{ display:block; margin-top:8px; font-family: gsan; font-size: 24px; line-height:1.3; color:#303030;}
/* 产品轮播：1:1 切图，中间大两边小（scale 0.686 = 405/590），底边对齐 */
.sy_pro .proSwiper{ position:relative; z-index:1; overflow:hidden; padding:60px 0 30px; text-align: center;}
.sy_pro .proSwiper .imgfd{padding-top: 100%;}
.sy_pro .proSwiper .swiper-slide{ width:100%; display:block; transform:scale(.45); transform-origin:center; transition:transform .45s ease;}
.sy_pro .proSwiper .swiper-slide-active,
.sy_pro .proSwiper .swiper-slide-duplicate-active{ transform:scale(1.3);}
.sy_pro .proSwiper .swiper-slide-active .pro_txt{ opacity: 1;}
.proSwiper .swiperbtn{ width: 45px; height: 45px; border-radius: 50%; background: #f4a205; line-height: 45px; text-align: center; font-size:22px; color:#fff; top:50%; transition:.3s ease;}
.proSwiper .swiper-button-next{ right: 0;}
.proSwiper .swiper-button-prev{ left: 0;}
.proSwiper .swiperbtn:hover{background:#f5a100;}
/* ====================== Solution ====================== */
/* solution 区上部与产品区底部渐变衔接（pro_bg 底缘 #dae1e9） */
.sy_sol{ padding-top: 90px;}
/* 背景大图带：1920x683，图片区 560/683，底部 123px 深色条由 CSS 绘制 */
.sy_sol .sol_band{ position:relative; background:#000c2b; overflow:hidden;}
.sy_sol .sol_band .imgfd{padding-top: 35.4%;}
.sy_sol .sol_txt{ position: absolute; width: 100%; left: 0; top: 160px;}
.sy_sol .sol_txt .txt1{text-align:center; color:#fff; padding:0 24%;}
.sy_sol .sol_txt .txt1.act{ opacity:1; visibility:visible; transform:none;}
.sy_sol .sol_txt .txt1 h2{ font-size:36px; font-family:gsanb; line-height:1.25; color:#fff; margin-bottom:35px;}
.sy_sol .sol_txt .txt1 p{ font-size:18px; color:rgba(255,255,255,.92); margin-bottom:26px;}
/* 底部深色条 + 贴底切换卡片（图文左右结构） */
.sy_sol .sol_tabs{ position:absolute;width: 100%; left: 0; bottom:0; z-index:4; justify-content:space-between; background:rgba(6,18,48,.2);}
.sy_sol .sol_tabs li{ width:25%; height: 160px; cursor:pointer;}
.sy_sol .sol_tabs li .box{ align-items:center; height:100%; padding:0 25px 0 40px; border-left:1px solid rgba(255,255,255,.35); transition:.3s ease;}
.sy_sol .sol_tabs li .box .ic img{width: 78px; display:block;}
.sy_sol .sol_tabs li .box p{ color:#fff; width: calc(100% - 90px); margin-left: auto;font-family:gssb; font-size:18px; line-height:30px; text-align:left;}
.sy_sol .sol_tabs li:hover .box,.sy_sol .sol_tabs li.active .box{ background:#f4a205; border-left-color:#f4a205;}

/* ====================== About ====================== */
.sy_about{ position:relative; background:linear-gradient(180deg,#fcfeff 0%,#e9f2fe 45%,#d8eefc 100%); padding-top:120px; padding-bottom: 240px; overflow: visible;}
.sy_about .about_box{ display:flex; align-items:flex-start;}
.sy_about .about_box .txt{ width:45%; position:relative; z-index:3;}
.sy_about .about_box .txt .des{ margin-bottom: 30px;}
.sy_about .pic{ position:absolute;  right:0; bottom: 0; width: 50%; margin:0; border-radius:0; overflow:hidden; z-index:1; max-width:1250px;}
.sy_about .pic img{ width:100%; height:100%; object-fit:cover; display:block;}
.sy_about .sy_title b{ margin-bottom:35px;}
.sy_about .cirlink{ width:103px; height:103px; margin-top:50px;}
.sy_about .cirlink .ring{ background-image:url("../images/abcir_04.png");}
.sy_about .stat_card{ position:absolute; width: 100%; left: 0; bottom:0; transform: translateY(50%);overflow:hidden; z-index:6;}
.sy_about .stat_card dl{ border-radius: 10px; overflow: hidden;background : linear-gradient( to right,#edf1fa,#d9e3ee,#edf1fa); opacity: .98;}
.sy_about .stat_card dt{ width:25%; background:transparent; padding: 185px 40px 45px; position:relative; transition:.35s ease;}
.sy_about .stat_card dt + dt{ border-left:1px solid rgba(8,48,144,.12);}
.sy_about .stat_card dt .ic{ position:absolute; right:20px; top:20px;  width: 100px; height: 114px; background: url("../images/nic1.png") no-repeat center; background-size: cover;}
.sy_about .stat_card dt .ic img{ width: 46px; position: absolute; left: 50%; top: 50%; position: absolute; transform: translate(-50%,-50%);}
.sy_about .stat_card dt p{ color:#333; font-family: gsanm; font-size:24px; line-height:30px; margin-bottom: 8px; text-align:left;}
.sy_about .stat_card dt b{ color:#0b3090; line-height:1; font-size: 24px;}
.sy_about .stat_card dt b i{ font-size: 70px; font-family: dinb; }
.sy_about .stat_card dt b sup{ font-family: dinb; font-size: 50px; line-height: 40px;}
.sy_about .stat_card dt span{ margin-left: 8px; display: inline-block;}
.sy_about .stat_card dt.orange{ background:#f4a205 url("../images/qbg_04.png") no-repeat left top;}
.sy_about .stat_card dt.orange p{ color:#fff;}
.sy_about .stat_card dt.orange b{ color:#fff;}
.sy_about .stat_card dt.orange .ic,.sy_about .stat_card dt:hover .ic{background: url("../images/nbg1.png") no-repeat center; background-size: cover;}

/* ====================== Strength / Advantage ====================== */
.sy_adv{ background:#0b3090 url("../images/abbg_07.jpg") center top/cover no-repeat; padding-top:260px; padding-bottom:110px;}
.sy_adv .sy_title{ text-align:left; margin-bottom: 45px; width: 58%;}
.sy_adv .sy_title b{ font-size: 48px; line-height:56px; color:#f8f8f8;}
.sy_adv .sy_title b span{ color:#f8f8f8;}
.sy_adv .adv_box{ align-items:center;}
.sy_adv .adv_box .pic{ width:50%; margin-left:0; position:absolute; height: 640px; left: 0; bottom: 0; border-radius:0 100px 0 0; overflow:visible;}
.sy_adv .adv_box .pic:hover img{ transform:none;}
.sy_adv .advpic{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:0 100px 0 0; opacity:0; transition:opacity .45s ease;}
.sy_adv .advpic.act{ opacity:1;}
.sy_adv .badge{ position:absolute; right:0; top:-20px; transform:translateX(50%);width: 120px; height: 120px; border: 5px solid #0b3090;border-radius:50%; background:#f4a205; display:flex; align-items:center; justify-content:center; z-index:2; box-shadow:0 6px 18px rgba(0,0,0,.18);}
.sy_adv .badge .bnum{ font-family:dinb; font-size:70px; color:#fff; line-height:1;}
.sy_adv .adv_box .txt{ width: 42%; margin-left:auto;}
.sy_adv .adv_tabs{ height: 450px; margin-bottom: 30px;}
.sy_adv .adv_tabs li .gic{ position:absolute; top:-8px; right:0; height:clamp(34px,2.9vw,56px); width:auto; opacity:0; transform:translateY(8px); transition:.35s ease; pointer-events:none; width: 85px;}
.sy_adv .adv_tabs li.act .gic{ opacity:.95; transform:none;}
.sy_adv .adv_tabs li{ cursor:pointer; margin-bottom:40px; position:relative; padding-left: 85px; padding-top: 15px;}
.sy_adv .adv_tabs li h2{ font-size:36px; font-family:gssb; display: inline-block;line-height:66px; color:#8fa3cf; transition:.3s ease; position: relative;}
.sy_adv .adv_tabs li .des{ max-height:0; opacity:0; width: calc(100% - 110px); overflow:hidden; color:#f8f8f8; font-size:18px; line-height:30px; transition:.4s ease;}
.sy_adv .adv_tabs li h2:after{ height: 3px; background: #f09f03; width: 0; content: '';position: absolute; left: 0; bottom: 0; transition: .3s ease;}
.sy_adv .adv_tabs li.act{padding-left: 0;}
.sy_adv .adv_tabs li.act h2{ color:#f09800;}
.sy_adv .adv_tabs li.act h2:after{ width: 100%;}
.sy_adv .adv_tabs li.act .des{ max-height:120px; opacity:1; margin-top:14px;}
.sy_adv .adv_tabs li:hover h2{ color:#f09800;}
.sy_adv .pags{ margin-top: 34px; display:flex; align-items:center; justify-content: flex-end;}
.sy_adv .pags span{ display: inline-block; font-size: 18px; font-family: dinb; color: #fff; margin-right:40px; padding-bottom: 10px; position: relative;cursor:pointer; transition:.3s ease;}
.sy_adv .pags span:after{ width: 0; height: 2px; content: ''; background: #f09f03; position: absolute; left: 0; bottom: 0; transition: .3s ease;}
.sy_adv .pags span.act:after{width: 100%;}
.sy_adv .pags span.act{ color: #f09f03;}
.sy_adv .pags i{ display:block; width:4px; height:4px; border-radius:50%; background:#3a5aa8; margin-left:6px;}

.sy_adv .v_box{ border-radius: 12px; overflow: hidden; position:relative;}
.sy_adv .v_box img{ width: 100%;}
.sy_adv .v_box:after{ width:70%; height: 100%; content: ''; position: absolute; left: 0; top: 0;background: linear-gradient( to right,rgba(11,48,144,.7),rgba(11,48,144,0))}
.sy_adv .v_box .v_btn{ position: absolute; left: 70px; top: 50%; transform: translateY(-50%); color:#fff; z-index:2; cursor:pointer; font-size:22px;}
.sy_adv .v_box .v_btn i{ text-align:center; line-height:68px; font-size:24px;display: block; width: 68px; height: 68px; border: 2px solid #fff; border-radius: 50%; margin-right: 20px; transition:.3s ease;}
.sy_adv .v_box .v_btn:hover i{ margin-right:25px;}



/* ====================== Global ====================== */
.sy_global{background: url("../images/globg_03.jpg") no-repeat left top;}
.sy_global .global_box{ position: relative;}
.sy_global .item_top{ align-items:flex-start;}
.sy_global .item_top .amore{ margin-top:6px;}
.sy_global .global_box .txt{ width: 42%; padding-top: 35px; position:relative; z-index:3;}
.sy_global .global_box .txt p.des{ font-size:18px; line-height:32px; color:#333; margin: 0; width: 85%;}
.sy_global .g_sub{ font-size:30px; line-height:40px; font-family: gssb; color:#0b3090; margin-bottom: 50px; position:relative; z-index:2;}
.sy_global .g_sub span{ color:#f09f03;}
.sy_global .g_stat{ justify-content: flex-start; gap: 60px; margin: 0 0 46px;}
.sy_global .g_stat dt{ width:auto; border-left:none; padding-left:0; margin-right:auto;}
.sy_global .g_stat dt b{ font-size:70px; font-family: dinb; color:#f09f03; line-height:1; display:block; margin-bottom: 8px;}
.sy_global .g_stat dt p{ color:#333; font-family: gsanm; font-size:20px;}
.sy_global .global_box .pic{ width:59%; margin-left:auto; position: absolute; right: 2%; top: 0;}

.mapbox .mappic{ width:100%; display:block;}
.mapbox .pt{ position: absolute;}
/* ---- global 地图点位 ---- */
.mapbox .pt{ position:absolute; width:8px; height:8px; background:#f09f03; border-radius:50%; transform:translate(-50%,-50%); box-shadow:0 0 0 3px rgba(240,159,3,.22); z-index:2;}
.mapbox .pt::after{ content:''; position:absolute; border:2px solid rgba(240,159,3,.65); box-sizing: border-box; width: 100%; height: 100%; left: 0; top: 0; border-radius:50%; animation:mapRipple 2.2s ease-out infinite;}
.mapbox .pt:nth-child(3n)::after{ animation-delay:.4s;}
.mapbox .pt:nth-child(3n+1)::after{ animation-delay:.9s;}
.mapbox .pt:nth-child(4n)::after{ animation-delay:1.4s;}
@keyframes mapRipple{ 0%{ transform:scale(.4); opacity:1;} 100%{ transform:scale(2.8); opacity:0;}}
.mapbox .map_pin{ position:absolute; left:73%; top:39.13%; width:5%; transform:translate(-47.8%,-26.7%); z-index:3;}
.mapbox .pt:nth-child(2){left:53.15%;top:60.93%}
.mapbox .pt:nth-child(3){left:61.24%;top:35.46%}
.mapbox .pt:nth-child(4){left:55.96%;top:39.41%}
.mapbox .pt:nth-child(5){left:53.83%;top:37.18%}
.mapbox .pt:nth-child(6){left:59.54%;top:45.95%}
.mapbox .pt:nth-child(7){left:72.91%;top:50.95%}
.mapbox .pt:nth-child(8){left:46.59%;top:51.81%}
.mapbox .pt:nth-child(9){left:48.98%;top:31.50%}
.mapbox .pt:nth-child(10){left:46.34%;top:32.36%}
.mapbox .pt:nth-child(11){left:22.06%;top:39.07%}
.mapbox .pt:nth-child(12){left:34.84%;top:66.09%}
.mapbox .pt:nth-child(13){left:81.26%;top:61.10%}
.mapbox .pt:nth-child(14){left:79.13%;top:67.30%}
.mapbox .pt:nth-child(15){left:72.06%;top:59.55%}
.mapbox .pt:nth-child(16){left:29.05%;top:82.27%}
.mapbox .pt:nth-child(17){left:59.79%;top:25.64%}
.mapbox .pt:nth-child(18){left:80.75%;top:39.76%}

/* ====================== News ====================== */
.sy_news{ background: url("../images/newscir_03.jpg") no-repeat left top;}
.sy_news .newsbtns{ display:flex; margin-left:auto;}
.sy_news .newsbtns .circlebtn{ width:48px; height:48px; border-radius:50%; border:1px solid #0b3090; color:#0b3090; text-align:center; line-height:48px; margin-left:12px; transition:.3s ease;}
.sy_news .newsbtns .circlebtn:hover{ background:#0b3090; color:#fff;}
.sy_news .newsrow{ display:flex; align-items:stretch;}
.sy_news .left_news{ width: 45%; border-radius:15px; overflow:hidden; transition:.3s ease; height: 590px;}
.sy_news .left_news a{ display:block; position:relative; height:100%;}
.sy_news .left_news .imgfdd{ border-radius:0; height:100%;}
.sy_news .left_news .imgfdd img{ height:100%; object-fit:cover;}
.sy_news .left_news .imgfdd{ border-radius:0;}
.sy_news .left_news .txt{ position:absolute; left:0; right:0; bottom:0; padding:70px 42px 34px; background:linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,.88) 42%, #fff 100%);}
.sy_news .left_news .txt .date{ display:block; color:#f09800;font-size:20px; margin-top: 14px;}
.sy_news .left_news .txt h2{ font-size:22px; font-family: gsanb; line-height:30px; color:#083090; transition:.3s ease;}
.sy_news .left_news:hover{ box-shadow:0 0 24px rgba(0,0,0,.08);}
.sy_news .left_news:hover h2{ color:#f09800;}
.sy_news .newsul{ width: 56%;}
.sy_news .newsul li{ width: 47%; background:#f0f3f6; border-radius:15px; margin-left: auto;padding: 30px; transition:.3s ease; display:flex;}
.sy_news .newsul li a{ display:flex; flex-direction:column; width:100%;}
.sy_news .newsul li .imgfd{ margin-top:auto;}
.sy_news .newsul li .date{ display:block; color:#f09800; font-size:20px; margin: 5px 0 15px;}
.sy_news .newsul li h2{ font-size:22px; font-family: gssb; line-height:26px; height:78px; overflow:hidden; margin: 12px 0 14px; color:#083090;}
.sy_news .newsul li p{ line-height:26px; height:78px; overflow:hidden; margin-bottom: 35px; font-size:18px;}
.sy_news .newsul li .imgfd{ border-radius:10px;}
.sy_news .newsul li .more{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:46px; height:46px; border-radius:50%; background:#0b3090; color:#fff; text-align:center; line-height:46px; margin:0; transition:.3s ease;}
.sy_news .newsul li .more i{ font-size:20px; color:#fff;}
.sy_news .newsul li:hover .more{ background:#f09800;}
.sy_news .newsul li .more i{ font-size:18px;}
.sy_news .newsul li:hover{ box-shadow:0 0 24px rgba(0,0,0,.08);}
.sy_news .newsul li:hover .more{ color:#f4a205;}
.sy_news .c{ clear:both;}

/* ====================== Footer ====================== */
.com_foot{ background:#00186c; color:#fff; padding: 40px 0 36px;}
.com_foot .f_center{ justify-content: space-between; padding-top:40px;}
.com_foot .box{ width: 30%;}
.com_foot .box .flogo{ max-height: 52px; margin-bottom: 28px;}
.com_foot .box .fname{ font-family: gsanm; font-size:18px; line-height:28px; color:#f8f8f8; margin-bottom: 30px;}
.com_foot .foot_lx dt{ margin-bottom: 24px;}
.com_foot .foot_lx dt img{ max-height: 22px; margin-right: 15px;}
.com_foot .foot_lx dt .lxbox p{margin-bottom: 10px;}
.com_foot .foot_lx dt .lxbox p, .com_foot .foot_lx dt .lxbox a{ color:#f8f8f8; font-size:18px; line-height:22px; transition:.3s ease;}
.com_foot .foot_lx dt .lxbox a:hover{ color:#f09800;}
.com_foot .f_nav{ width: 64%; position:relative;}
.com_foot .f_nav dl{ justify-content: space-between;}
.com_foot .f_nav dt{ width: 30%;}
.com_foot .f_nav dt b{ display:block; color:#f09800; font-family: gssb; text-transform: uppercase;font-size:22px; margin-bottom: 18px;}
.com_foot .f_nav dt a{ display:block; color:#d8d8d8; font-size:16px; line-height:34px; transition:.3s ease;}
.com_foot .f_nav dt a:hover{ color:#f09800;}
.com_foot .f_nav dt .follow_list a{background: rgba(0,0,0,.5)!important; margin-right:20px; width:32px; height:32px; border-radius:50%;}
.follow_list a svg{ padding: 7px;}
.com_foot .f_nav .follow_list{ margin-top: 14px;}
.com_foot .f_nav .follow_list a{ display:inline-block; margin-right:10px; transition:.3s ease;}
.com_foot .f_nav .follow_list a img{ max-height: 22px; display:block;}
.com_foot .f_nav .follow_list a:hover{ transform: translateY(-3px);}
.com_foot .b_top{ position:absolute; right:-44px; top:70px; width:44px; height:44px; line-height:44px; text-align:center; border-radius:10px; background:#f09800; cursor:pointer; transition:.3s ease; transform: rotate(90deg);}
.com_foot .b_top i{ display:inline-block; font-size:20px; color:#00186c; transform: rotate(180deg);}
.com_foot .b_top:hover{ background:#fff;}
.com_foot .copy{ text-align:center; color:#ffffff; font-size:16px; padding-top: 30px; margin-top: 45px; border-top:1px solid rgba(255,255,255,.2);}
.foot_msg{ padding-bottom: 35px; border-bottom: 1px solid rgba(255,255,255,.2);}
.foot_msg b{ font-size: 42px; color: #fff; font-family: gsanb; margin-right: auto;}
.foot_msg form{ width: calc(100% - 420px); }
.foot_msg form input{ width: 19%; line-height: 30px; padding: 10px 15px; border-radius: 25px; border: 1px solid rgba(255,255,255,.3); margin-right: auto; background:none; color:#fff; font-size:16px;}
.foot_msg form input::placeholder{ opacity:0.4; color:#fff;}
.foot_msg form .sub{ width: 19%; line-height: 50px; border-radius: 25px; text-align: center; background: #f5a100; color: #fff; font-family: gssb; font-size: 20px;cursor:pointer; }

@media (max-width: 1700px){
    .com_foot .b_top{ right: 0;}
    .index_head{padding-left: 2%;}
    .sy_about .word2{font-size: 300px;}
}
/* ====================== 响应式 ====================== */
@media (max-width: 1541px){
    .sy_about{padding-top: 160px; padding-bottom: 250px;}
    .sy_about .word2{ font-size: 280px;}
	.sy_title b{ font-size: 40px; line-height: 46px;}
	.sy_adv .sy_title b{ font-size: 40px; line-height:48px;}
	.sy_pro .pro_band .pro_txt h2{ font-size: 30px;}
	.sy_about .stat_card dt b i{ font-size:56px;}
	.sy_about .stat_card dt b sup{ font-size:40px; line-height:32px;}
	.sy_global .g_stat dt b{ font-size:56px;}
	.sy_adv .adv_box .pic{ height:520px;}
	.sy_pro .proSwiper{ width:80%; margin:40px auto 0;} 
	.pro_txt h2 b{ font-size: 24px;}
	.pro_txt{margin-bottom: 20px;}
	.sy_pro{padding-bottom: 120px;}
}
@media (max-width: 1281px){
    .word{ font-size: 120px; }
    .head_rg { display: none;}
    .sy-ban .txt1 b { font-size:50px;} 
    .sy-ban .txt1 p{ font-size: 22px; margin-top:30px;}
    .sy-ban .txt1 .amore{margin-top: 40px;}
    .pro_txt h2 b{ font-size: 22px;}
    .pro_txt h2 span{ font-size: 20px;}
    .sy_pro{padding-bottom: 150px;}
    .item_top{margin-bottom: 35px;}
    .item_top .sy_title b{ margin-bottom: 20px;}
    .sy_title b{ font-size: 36px;}
    .sy_sol .sol_txt .txt1{padding: 0 15%;}
    .sy_sol .sol_txt{ top: 100px;}
    .sy_sol .sol_tabs li .box .ic img{ width: 62px;}
    .sy_sol .sol_tabs li .box{ padding: 0 15px 0 25px;}
    .sy_sol .sol_tabs li .box p{ font-size: 16px; line-height: 24px; width: calc(100% - 75px);}
    .sy_sol .sol_tabs li{height: 110px;}
    .sy_about{padding-top: 100px; padding-bottom: 180px;}
    .sy_about .word2{ font-size: 180px;}
    .sy_about .about_box .txt{ width: 45%;}
    .sy_about .cirlink{margin-top: 30px;}
    .sy_about .stat_card dt{padding: 130px 30px 35px;}
    .sy_about .stat_card dt .ic{ width: 80px; height: 94px;}
    .sy_about .stat_card dt .ic img{ width: 36px;}
    .sy_about .stat_card dt p{ font-size: 20px; height: 30px;}
    .sy_adv{padding-top: 180px; padding-bottom:75px;}
    .sy_adv .adv_tabs li{margin-bottom: 25px; padding-left:60px;}
    .sy_adv .adv_tabs li h2{ font-size: 30px;}
    .sy_adv .adv_tabs li.act .gic{ width: 70px;}
    .sy_global .global_box .txt{padding-top: 0;}
    .sy_global .g_sub{ font-size: 26px; line-height:1.3; margin-bottom:35px;}
    .sy_global .g_stat{margin-bottom: 30px;}
    .sy_news .left_news{ height: 520px;}
}
@media (max-width: 1024px){
    .sy-ban .txt1 p{ font-size: 18px; background-size: 18px; margin-top: 20px;}
    .sy-ban .updown{ display: none;}
	.item_top, .sy_about .about_box, .sy_adv .adv_box, .sy_global .global_box{ flex-direction: column; align-items: flex-start;}
	.item_top .sy_title{ max-width: 100%;}
	.item_top a{ margin-left: 0; margin-top: 20px;}
	.sy_about .about_box .txt, .sy_adv .adv_box .txt, .sy_global .global_box .txt{ width: 100%;}
	.sy_about .about_box{ width:100%; height:auto;}
	.sy_about .about_box .pic{ position:static; width:100%; height:auto; margin:30px 0 0;}
	.sy_about .about_box .pic img{ height:auto;}
	.sy_adv .adv_box .pic{ width: 95%; margin: 0; order:-1;}
	.sy_adv{ padding-bottom:40px;}
	.sy_adv .badge{ transform:none;}
	.top_h{ display: none; }                 /* 移动端由 .waph(54px) 占位，避免 92+54 双重空白 */
    .word{ font-size: 96px; top: 56px; }
    .sy_adv .word{ top: 50px; }
    .sy_about .word2{ font-size: 120px; }
    .cirlink{ display: none;}
    .sy_about{ padding-top: 80px; padding-bottom: 45px; }
    .sy_adv{ padding-top: 50px; padding-bottom: 60px; }
    .sy_adv .adv_box .pic{ height: 450px; }
    .sy_adv .advpic{ border-radius:0 30px 0 0;}
    .sy_adv .badge{ width: 60px; height: 60px; line-height: 60px; border-width:3px;}
    .sy_adv .badge .bnum{ font-size: 30px;}
    .sy_adv .adv_tabs{ height: auto; width:70%;}
    .sy_adv .adv_tabs li h2{ font-size: 30px; line-height: 50px; }
    .sy_global .g_sub{ font-size: 24px; line-height: 34px; }
    .item_top{ margin-bottom: 36px; }
    .sy_adv .sy_title b{ font-size: 30px; line-height: 35px;}
	.sy_global .global_box .pic{ position:relative; width: 100%; margin: 30px 0 0;}
	.sy_about .pic{ display: none;}
	.sy_about .stat_card{ position:static; transform:translateY(0); width:100%; height:auto; min-height:0; margin:40px 0 0; flex-wrap:wrap; justify-content:space-between; left:auto; bottom:auto; border-radius:15px;}
	.sy_about .stat_card dt{ width:50%; min-height:180px; padding:30px 20px; background:#fff;}
	.sy_about .stat_card dt .ic{}
	.right_online{ display: none;}
	.sy_about .stat_card dt + dt{ border: none;}
	.sy_about .stat_card dt .ic img{ max-height:60px;}
	.sy_about .stat_card dt b i{ font-size:48px;}
	.sy_about .stat_card dt b sup{ font-size:34px; line-height:28px;}
	.sy_global .g_stat dt b{ font-size:48px;}
	.sy_pro .pro_band .pro_items li{ width: 30%;}
	.sy_sol .sol_band{ aspect-ratio:auto;}
	.sy_sol .sol_bg{ position:relative;}
	.sy_sol .sol_txt .txt1{ padding:0 6%;}
	.sy_sol .sol_tabs{ position:static; height:auto; flex-wrap:wrap; padding:12px 2% 0; justify-content:space-between;}
	.sy_sol .sol_band .imgfd{padding-top: 45%;}
	.sy_sol .sol_tabs li{ width:48.5%; height:64px; margin-bottom:10px;}
	.sy_news .left_news{ display: none;}
	.com_foot .f_center{ display: none;}
	.com_foot{ padding: 0;}
	.com_foot .copy{ margin-top: 0; padding:25px 0;}
	 .sy_news .newsul{ width: 100%; float: none;}
	.sy_news .newsrow{ flex-direction: column;}
	.sy_news .left_news a{ min-height:64vw;}
	.sy_news .left_news .txt{ padding:40px 24px 24px;}
	.sy_news .newsul li .more{ width:36px; height:36px; line-height:36px;}
	.sy_news .newsul{ margin-top: 24px;}
	.sy_news .newsul li{ width: 48%;}
	.com_foot .box, .com_foot .f_nav{ width: 100%;}
	.com_foot .f_nav{ margin-top: 40px;}
	.com_foot .f_nav dt{ width: 30%;}
	.sy-ban .txt1{ width: 60%;}
	.sy-ban .txt1 b{ font-size: 34px;}
	.sy-ban .txt1 ul li{ font-size: 14px; line-height: 32px;}
	.sy-ban .txt1 ul li .iconfont{ font-size: 14px; margin-right: 8px;}
	.sy-ban .txt1 .amore1{ margin-top: 22px; line-height: 38px; padding: 0 24px; font-size: 13px; border-radius: 999px;}
	.sy-ban .txt1 .amore1 .iconfont{ left: 11px; font-size: 13px;}
	.sy-ban .updown span{ font-size: 12px; letter-spacing: 2px;}
	.sy-ban .updown i{ height: 42px; margin-top: 8px;}
	.sy-ban .banner_num .swiper-pagination-bullet{ font-size: 13px; margin: 0 14px; padding-bottom: 9px;}
	.sy-ban .banner_num .swiper-pagination-bullet:before{ width: 18px; height: 4px;}
}

@media (max-width: 768px){
	.sy_title b{ font-size: 32px; line-height: 40px; margin-bottom: 20px;}
	.sy_adv .sy_title b{ font-size: 32px; line-height:40px;}
	.sy-ban .txt1{ width: 72%; top: 32%;}
	.sy-ban .txt1 b{ font-size: 26px;}
	.sy-ban .txt1 ul li{ font-size: 13px; line-height: 28px;}
	.sy-ban .txt1 .amore1{ margin-top: 16px;}
	.sy_pro .pro_band .pro_items{ flex-wrap: wrap; justify-content: center;}
	.sy_pro .pro_band .pro_items li{ width: 70%; margin: 0 0 24px;}
	.sy_sol .sol_tabs li{ width:100%;}
	.sy_sol .sol_txt .txt1 p{ font-size:14px;}
	.sy_sol .sol_txt .txt1 h2{ font-size:22px;}
	.sy_about .stat_card dt{ width: 100%;}
	.sy_about .stat_card dt b i{ font-size:42px;}
	.sy_about .stat_card dt b sup{ font-size:30px; line-height:24px;}
	.sy_global .g_stat dt b{ font-size:42px;}
	.sy_global .g_stat{ flex-direction: column;}
	.sy_global .g_stat dt{ width: 100%; margin: 0 0 20px;}
	.sy_global .g_sub{ margin: 30px 0 30px;}
	.sy_global .pt{ width:5px; height:5px; box-shadow:0 0 0 2px rgba(240,159,3,.22);}
	.sy_global .pt::after{ border-width:1px;}
	.com_foot .f_nav dl{ flex-direction: column;}
	.com_foot .f_nav dt{ width: 100%; margin-bottom: 25px;}
	.com_foot .b_top{ position: static; margin-top: 20px;}
	.word{ font-size: 64px; top: 34px; }
    .sy_adv .word{ top: 88px; }
    .sy_about .word2{ font-size: 108px; }
    .sy_about{ padding-top: 120px; padding-bottom: 90px; }
    .sy_adv{ padding-top: 120px; padding-bottom: 50px; }
    .sy_adv .adv_box .pic{ height: auto; aspect-ratio: 962 / 643; }
    .sy_adv .adv_tabs li{ padding-left: 70px; }
    .sy_adv .adv_tabs li h2{ font-size: 26px; line-height: 44px; }
    .sy_sol .sol_txt{ top: 7vw; }
    .sy_global .g_sub{ font-size: 20px; line-height: 30px; }
    .item_top{ margin-bottom: 28px; }
    .sy_pro .proSwiper .swiper-slide{ width: 60%; }
    .sy-ban .img-m{ height: 360px; object-fit: cover; }
    .sy_adv .adv_box .pic{ border-radius: 0 30px 0 0; }
}

@media (max-width: 450px){
    .sy-ban .txt1 p{ font-size: 16px; background-size: 16px; margin-top:10px; padding-left:22px;}
	.sy_title b{ font-size: 26px; line-height: 34px;}
	.sy_title p{ font-size: 16px; line-height:24px;}
	.sy-ban .txt1{ width: 84%; top: 40%;}
	.sy-ban .txt1 b{ font-size: 22px;}
	.sy-ban .txt1 ul{ margin-top: 8px;}
	.sy-ban .txt1 ul li{ font-size: 12px; line-height: 24px;}
	.sy-ban .txt1 ul li .iconfont{ font-size: 12px; margin-right: 6px;}
	.sy-ban .txt1 .amore{ margin-top: 12px; line-height: 32px; padding: 0 18px; font-size: 12px;}
	.sy-ban .updown{ display:none;}
	.sy-ban .banner_num{ right: 24px;}
	.sy_pro .proSwiper .swiper-slide{ width: 78%;}
	.sy_pro .proSwiper .swiper-slide img{ transform:scale(.82);}
	.sy_about .stat_card dt{ padding: 30px 14px;}
	.sy_about .stat_card dt b{ font-size: 30px;}
	.sy_about .stat_card dt b i{ font-size:36px;}
	.sy_about .stat_card dt b sup{ font-size:26px; line-height:20px;}
	.sy_global .g_stat dt b{ font-size:36px;}
	.sy_news .newsul li{ width: 100%;}
	.sy_news .newsul li{ padding: 22px;}
	.cirlink{ width: 108px; height: 108px;}
	.com_foot .copy{ font-size: 13px;}
	.word{ font-size: 44px; top: 22px; }
    .sy_adv .word{ top: 20px; }
    .sy_about .word2{ font-size: 76px; }
    .sy_about{ padding-top: 92px; padding-bottom: 70px; }
    .sy_adv{ padding-top: 92px; padding-bottom: 40px; }
    .sy_adv .adv_tabs li{ padding-left: 0; padding-top: 10px; }
    .sy_adv .adv_tabs li h2{ font-size: 22px; line-height: 38px; }
    .sy_adv .adv_tabs li.act .gic{ top: -2px; width: 40px; }
    .sy_global .g_sub{ font-size: 18px; line-height: 26px; }
    .sy_pro .proSwiper .swiper-slide{ width: 82%; }
    .sy_pro .proSwiper .swiper-slide img{ transform: none; }
    .sy_pro .pro_txt h2 b{ font-size: 20px; }
    .sy_pro .pro_txt h2{margin-bottom: 15px;}
    .amore{ line-height: 38px;}
    .sy_pro{padding-bottom: 70px;}
    .sy_sol .word{ top: 50px;}
    .item_top .sy_title b{ margin-bottom: 10px;}
    .sy_sol .sol_txt .txt1 p{ display: none;}
    .sy_sol .sol_bg{display: none;}
    .pro_txt h2 span{ font-size: 16px;}
    .sy-ban .img-m{ height: 320px; object-fit: cover; }
    .sy_adv .adv_box .pic{ aspect-ratio: 962 / 643; border-radius: 0 22px 0 0; }
    .item_top{ margin-bottom: 22px; }
    .sy_sol .sol_band{background: #0b3090;}
    .sy_sol .sol_tabs li .box{padding-left: 15px;}
    .sy_about{ padding-top: 40px; padding-bottom:40px;}
    .sy_about .sy_title b{margin-bottom: 20px;}
    .sy_about .stat_card{margin-top: 20px;}
    .sy_about .stat_card dt{ min-height: 140px;}
    .sy_adv .sy_title{ width: 100%;}
    .sy_adv{padding-top: 45px;}
    .sy_adv .sy_title b{ font-size: 26px; line-height: 1.2;}
    .sy_adv .adv_tabs{ width: 90%;}
    .sy_adv .sy_title{margin-bottom: 20px;}
    .sy_adv .adv_tabs li .des{ width: calc(100% - 60px); font-size:16px; line-height:24px;}
    .sy_global .item_top .amore{ display: none;}
    .sy_global .g_sub{margin: 20px 0;}
    .sy_global .g_stat dt p{ font-size: 18px;}
    .sy_global .g_stat{margin-bottom: 0;}
    .sy_global .global_box .txt p.des{ font-size: 16px; line-height: 24px;}
    .sy_news .item_top .amore{display: none;}
    .sy_news .newsul{margin-top: 0;}
    .sy_news .newsul li{padding: 15px; margin-bottom: 15px;}
    .com_foot .copy{ padding: 15px 0;}
    .com_foot .copy p{ font-size: 13px;}
    .sy_news .newsul li h2{ font-size: 18px;}
    .sy_news .newsul li p{ display: none;}
    .sy_news .newsul li .date{ font-size: 18px;}
}


.ny_ban{ position: relative; overflow: hidden;}
.ny_ban img{ width: 100%;}
.ny_ban .ban_tit{ position: absolute; left:0; top:50%; transform:translateY(-50%); width: 100%;}
.ny_ban .ban_tit b{ font-size: 45px; font-family: gsanb; color:#0b3090; text-transform:uppercase; padding-bottom: 15px; position:relative;}
/*.ny_ban .ban_tit b:after{ width:130px; height: 2px; background: #f4a205; content: ''; bottom: 0; left: 0; position:absolute;}*/
.ny_ban .posi{ position: absolute; width: 100%; bottom: 15px; font-size: 16px; color:#fff;}
.ny_ban .posi a{ color: #fff;}

.pro_page{ padding: 60px 0 80px;}
.ny_tit b{ font-size: 40px; margin-bottom: 20px; font-family:gsanb;}
.ny_tit { margin-bottom: 50px;}
.col_list li{ float: left; width: 48%; margin-right: 4%; margin-bottom:60px; border-radius:20px; overflow:hidden; position:relative;}
.col_list li:nth-child(2n){margin-right:0;}
.col_list li .imgfd{padding-top: 74.24%;}
.col_list li .txt{ border-radius: 10px; background: rgba(255,255,255,.95); padding: 20px; position:absolute; bottom:20px; width:calc(100% - 40px); left:20px; transition:.3s ease;}
.col_list li .txt h2{ font-size: 28px; font-family: gsanb; width:calc(100% - 55px); line-height:45px;}
.col_list li .txt .cmore{ background: #0b3090; line-height: 45px; border-radius: 23px; color:#fff; font-size:16px; display:inline-flex; position:absolute; right:20px; bottom:20px; transition:.3s ease; }
.col_list li .txt .cmore i{ display: block; line-height: 45px; width: 45px; text-align: center;}
.col_list li .txt .cmore span{ display: block; width: 0; overflow:hidden; height:45px; transition:.3s ease;}
.col_list li:hover .txt{padding:20px 20px 70px;}
.col_list li:hover .txt .cmore span{ width:auto; padding-right: 15px;}
.col_list li .t-flex { height:0px; overflow:hidden;} 
.col_list li:hover .t-flex{margin:15px 0; height:auto;}
.col_list li .t-flex a{ display:block; width: 47%; margin-right: auto; color: #0b3090; padding-left: 15px; position:relative; line-height:30px;}
.col_list li .t-flex a:after{ width:4px; height: 4px; border-radius: 50%; background: #0b3090; content: ''; left: 0; top: 13px; position:absolute;}
.col_list li .txt .cmore:hover{background:#f5a100;}
.col_list li .t-flex a:hover{ color:#f5a100;}
.col_list li .t-flex a:hover:after{background:#f5a100;}

@media (max-width: 1281px){
    .ny_tit b{ font-size: 36px; margin-bottom: 10px;}
    .ny_tit{margin-bottom: 40px;}
    .col_list li .txt h2{ font-size: 24px; line-height:36px;}
    .col_list li{margin-bottom: 40px;}
    .ny_ban .ban_tit b{ font-size: 40px;}
    .ny_ban .ban_tit{padding-bottom: 20px;}
    .ny_ban .ban_tit:after{ width:110px;}
}
@media (max-width: 1024px){
    .ny_ban .ban_tit b{ font-size: 36px;}
    .col_list li .txt{ padding: 15px;}
    .col_list li .txt .cmore i{ width: 38px; line-height: 38px;}
    .col_list li .txt .cmore{line-height: 38px; bottom:15px; right:15px;}
    .col_list li .txt .cmore span{ height: 38px;}
    .col_list li .txt h2{ font-size: 20px; line-height:30px;}
    .ny_tit b{ font-size: 32px;}
}
@media (max-width: 450px){
    .ny_ban img{height: 160px; object-fit: cover;}
    .ny_ban .ban_tit b{ font-size: 28px;}
    .ny_ban .ban_tit{padding-bottom: 15px;}
    .ny_ban .ban_tit:after{ width:70px;}
    .ny_ban .posi{ font-size: 14px;}
    .pro_page{padding: 35px 0 30px;}
    .ny_tit b{ font-size: 26px;}
    .ny_tit{margin-bottom: 20px;}
    .col_list li{margin-bottom: 25px; width:100%; float:none; border-radius:10px;} 
    .col_list li .txt h2{ font-size: 18px;}
    .col_list li .txt .cmore{ bottom: 12px;}
}

.list_top{ background: #e1edfb; height:280px; position:relative; }
.list_top .posi,.list_top .posi a,.show_top .posi,.show_top .posi a{ color: #666666; font-size:16px;}
.list_top .posi,.show_top .posi{ padding-top: 25px;}
.list_top .ban_tit{ position: absolute; left:0; top:50%; transform:translateY(-50%); width: 100%; text-align: center; padding-bottom: 30px;}
.list_top .ban_tit b{ font-size: 45px; font-family: gsanb; color:#333; text-transform:uppercase;}
.list_top .ban_tit:after{ width:130px; height: 2px; background: #0b3090; content: ''; bottom: 0; left: 50%; transform: translateX(-50%); position:absolute;}

.pro_main{ padding: 75px 0 70px;}
.main_left{ width: 300px;}
.main_right{ width: calc(100% - 345px);}
/* 左侧三级导航 */
.plb_nav{ flex: 0 0 303px; }
.plb_nav > ul > li{ margin-bottom: 2px; }                 /* 一级条间 2px 白缝 */
.plb_nav .hd{ position: relative; display:flex; align-items:center; flex-wrap:wrap; min-height: 45px; background: #0b3090; border-radius: 4px; padding:10px 10px 10px 0; }
.plb_nav .hd a{ display: block; width:calc(100% - 21px); margin-right:auto;line-height:24px;  padding-left: 17px; font-size: 18px; color: #fff; }
/* 一级右侧白箭头：控制二级显示/隐藏（命中区放大便于点击） */
.plb_nav .hd .arr{ cursor: pointer; color:#fff; }


/* 二级块：默认隐藏，点一级箭头展开 */
.plb_nav .sub2{ display: none; background: #f1f4fb; }
.plb_nav li.open .sub2{ display: block; padding:15px 0; }
.plb_nav .it2{ position: relative; }
.plb_nav .it2 a{ display: block; padding: 5px 17px; line-height: 26px; font-size: 18px; color: #333; }
.plb_nav .it2 a:hover{ color: #f5a100; }
/* 二级名称后面的三角箭头：控制三级显示/隐藏（PSD：收起 ▶ 8×12，展开旋转成 ▼ 12×8；命中区放大便于点击） */
.plb_nav .it2.has3 .arr2{ position: absolute; right: 8px; top: 3px; text-align:center; width: 30px; height: 30px; line-height:30px; cursor: pointer; }

/* 三级面板：内缩 5px（PSD 矩形19：293×73），默认隐藏，点二级箭头展开 */
.plb_nav .sub3{ display: none; margin: 0 5px; background: #f1f4fb; padding: 11px 0 0; }
.plb_nav .it2.open .sub3{ display: block; }
.plb_nav .sub3 a{ display: block; padding: 0 8px; font-size: 16px; line-height: 23px; color: #666; margin-bottom:10px; }
.plb_nav .sub3 a:hover{ color: #f5a100; }
/* 展开时箭头转向：一级 ▼，二级 ▼（实心三角旋转 90°） */
.plb_nav li.open > .hd .arr{ transform: rotate(90deg); }
.plb_nav .it2.open > .arr2{ transform: rotate(90deg); }
.plb_nav a.act,.plb_nav a.on{ color: #f5a100;}

.pro_list li{ float: left; width: 32%; margin-right: 2%; margin-bottom: 30px; transition:.3s ease;}
.pro_list li:nth-child(3n){margin-right:0;}
.proli{ border: 1px solid #e3e3e3; border-radius: 15px; padding:25px; text-align:center; background:#fff;}
.proli .imgfd{padding-top: 100%; margin-bottom:25px;}
.proli h2{ font-size: 18px; line-height: 24px; height: 48px; overflow: hidden; margin-bottom: 15px;}
.proli .amore{line-height: 36px;}
.proli:hover{ border-color:#f5a100;}

.pro_get{ overflow: hidden; border-radius: 20px; position:relative;}
.pro_get img{ width: 100%;}
.pro_get .txt{ position: absolute; width: 38%; left: 55%; top: 50%; transform: translateY(-50%);}
.pro_get .txt b{ font-size: 36px; color: #0b3090; margin-bottom: 25px; font-family:gsanb;}
.pro_get .txt p{ font-size: 20px; line-height: 36px; margin-bottom: 40px;}
.pro_get .txt .amore{ text-transform: uppercase;}
.mainh{height: 120px;}
@media (max-width: 1281px){
    .pro_get .txt b{ font-size: 32px;}
    .pro_get .txt p{ font-size: 18px; line-height: 30px;}
    .mainh{ height: 100px;}
    .list_top .ban_tit b{ font-size: 40px;}
}
@media (max-width: 1024px){
    .mainh{height: 80px;}
    .list_top .ban_tit b{ font-size: 36px;}
    .list_top .ban_tit{ padding-bottom: 20px;}
    .list_top .ban_tit:after{ width:100px;}
    .main_left{ display: none;}
    .main_right{width: 100%;}
    .pro_main{ padding: 50px 0 55px;}
    .pro_get .txt b{ font-size: 28px; margin-bottom:20px;}
    .pro_get .txt{ width: 45%; left:50%;}
}
@media (max-width: 450px){
    .list_top .ban_tit b{font-size: 28px;}
    .list_top .posi, .show_top .posi{ font-size: 14px; padding-top:20px;}
    .list_top .ban_tit:after{ width:80px;}
    .list_top{ height: 180px;}
    .list_top .ban_tit{padding-bottom: 15px;}
    .pro_list li{ width:100%; float:none; padding:10px 18px 20px;}
    .proli h2{ font-size: 16px; line-height: 20px; height: auto;}
    .pro_main{padding: 30px 0 0;}
    .pro_get{display:none;}
    .mainh{ height: 40px;}
}
.top_main{ padding: 36px 0 85px;}
.top_main .top_pic{ width: 50%;}
.top_pic .imgfd{padding-top: 100%;}
.top_pic .smpic{ width: 80px; position:relative; height:600px;}
.top_pic .smswiper{ overflow:hidden; height:440px; width:100%;}
.top_pic .picswiper{ width: calc(100% - 100px); overflow:hidden; border-radius: 30px; overflow: hidden;}
.top_pic .smswiper li{ width: 100%; height:80px!important; border:1px solid #fff; border-radius:5px;}
.top_pic .smswiper .swiper-slide{ width: 100%!important;  overflow:hidden; background:#fff;}
.top_pic .smswiper .imgfd{ border-radius:5px;}
.top_pic .picswiper .swiper-slide{ border-radius: 15px; overflow: hidden; background:#fff;}
.top_pic .smswiper .swiper-slide-thumb-active{border-color: #0b3090;}
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after{ display:none;}
.top_pic .smpic .swiperbtn{ width: 30px; height: 30px; text-align: center; line-height: 30px; font-size: 20px; border-radius:50%; background:#fff; transform:rotate(90deg); transition:.3s ease; margin-top:0; left:50%; margin-left:-15px;}
.top_pic .smpic .swiper-button-prev{ top: 20px;}
.top_pic .smpic .swiper-button-next{ bottom: 20px;}
.top_pic .smpic .swiperbtn:hover{ background:#f5a100; color: #fff;}

.top_txt{ width: 45%; margin-left: auto;}
.top_txt h1{ font-size: 36px; font-family: gsanb; padding-bottom: 25px; position:relative;}
.top_txt h1:after{width:126px; height: 2px; content: ''; background: #0b3090; position: absolute; left: 0; bottom: 0;}
.top_txt .des{margin: 40px 0 90px;}
.top_txt .amore{ text-transform: uppercase;}
.top_txt .downbtn{margin-left: 20px; background: #fff; color: #0b3090; border-color:#fff;}
.top_txt .downbtn:hover{background:#f5a100; color: #fff; border-color:#f5a100;}

.dettit{ text-align: center; font-size: 36px; font-family: gsanb; padding-bottom: 25px; position: relative; margin-bottom:30px;}
.dettit:after{ width:126px; height: 2px; background: #0b3090; content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%);}
.det_box{ overflow: hidden; }
.det_box img{ max-width: 100%!important;}
.pro_det{background: #f2f7ff;}
.det_box table{ width: 100%;}
.para_table table{ background: #fff;}
.para_table table td{ padding: 20px 15px 20px 40px;}
.para_table table tr:nth-child(2n+1){background:#eef5ff;}
.para_table table tr{background: #f2f7ff;}
.para_table table tr:first-child{ background: #0b3090; color: #fff;}

.relswiper{ overflow: hidden;}
.swiperall{ position: relative;}
.swiperall .swiperbtn{ width: 45px; height: 45px; border-radius: 50%; background: #0b3090; line-height: 45px; text-align: center; font-size:22px; color:#fff; top:50%; transition:.3s ease;}
.swiperall .swiper-button-next{ right: -100px;}
.swiperall .swiper-button-prev{ left: -100px;}
.swiperall .swiperbtn:hover{ background:#f5a100;}

.pro_msg{ position: relative; border-radius: 20px; overflow: hidden;}
.pro_msg img{ width: 100%;}
.pro_msg .msgbox{ width: 100%; padding: 0 60px; text-align: center; top: 50%; transform: translateY(-50%); position:absolute;}
.pro_msg .msgbox .title b{ color: #0b3090; font-size: 36px; font-family: gsanb; margin-bottom: 15px;}
.pro_msg .msgbox .title{margin-bottom: 45px;}
.lx_msg .formbox.fl{ width: 49%; margin-right: 2%;}
.lx_msg .formbox.fl:nth-child(2n){ margin-right:0;}
.lx_msg .formbox{ margin-bottom: 30px; background:#fff; padding:13px 15px; border-radius:5px;}
.lx_msg input,.lx_msg textarea{ line-height: 24px; font-size:16px; font-family:gsan; width:calc(100% - 10px); margin-left:auto;}
.lx_msg .formbox i{ color: #ff0000;}
.lx_msg .sub{ width: 100%; text-align: center; line-height: 50px; color: #fff; border-radius: 5px; color: #fff; text-transform: uppercase; font-family:gssb; cursor:pointer; background:#0b3090; transition:.3s ease;}
.lx_msg .sub:hover{ background:#f5a100;}

@media (max-width: 1700px){
    .swiperall .swiper-button-next{ right: -5px;}
    .swiperall .swiper-button-prev{ left: -5px;}
}
@media (max-width: 1281px){
    .top_txt .des{margin-bottom: 50px;}
    .top_txt h1{ font-size: 32px;}
    .top_pic .smpic{height: 500px;}
    .top_pic .smpic .swiper-button-next{ bottom: 0;}
    .top_pic .smpic .swiper-button-prev{ top: 0;}
    .top_pic .smswiper{ height: 400px;}
}
@media (max-width: 1024px){
    .top_pic .smpic{ width: 60px;}
    .top_pic .smswiper li{height: 60px!important}
    .top_pic .picswiper{ width: calc(100% - 75px);}
    .top_pic .smpic{height: 400px;}
    .top_pic .smswiper{ height: 320px;}
    .top_pic .picswiper .swiper-slide,.top_pic .picswiper{ border-radius: 10px;}
    .dettit:after{ width:100px;}
    .pro_msg .msgbox .title{margin-bottom: 20px;}
    .pro_msg .msgbox .title b{ font-size: 30px; margin-bottom:5px;}
    .lx_msg .formbox{margin-bottom: 20px;}
    .pro_msg{ border-radius: 10px;}
    .udpad{padding: 45px 0;}
    .dettit{ font-size: 32px;}
    .para_table table td{padding: 10px 10px 10px 15px;}
    .para_table table{ min-width: 1000px;}
    .j_table{ overflow-x: auto;}
    .j_table::-webkit-scrollbar{ height:4px; border-radius:2px;}
    .j_table::-webkit-scrollbar-track{ background:#f3f3f3;}
    .j_table::-webkit-scrollbar-thumb{ background:#0b3090; border-radius:2px;}
}

@media (max-width: 450px){
    .top_main{ display: block;}
    .top_main .top_pic{ width: 100%; margin-bottom: 25px;}
    .top_pic .smswiper{ height: 260px;}
    .top_pic .smpic{ height: 310px;}
    .top_txt{ width: 100%;}
    .top_txt h1{ font-size: 24px; padding-bottom:15px;}
    .top_txt h1:after{ width:90px;}
    .top_txt .des{margin: 25px 0 30px;}
    .top_main{ padding-bottom: 40px;}
    .udpad{padding: 35px 0;}
    .dettit{ font-size: 28px; padding-bottom:20px; margin-bottom:20px;}
    .dettit:after{ width:80px;}
    .swiperall .swiperbtn{ width: 38px; height: 38px; line-height: 38px; font-size:20px;}
    .pro_msg img{ height: 500px; object-fit: cover;}
    .pro_msg .msgbox{padding: 0 30px;}
    .pro_msg .msgbox .title b{ font-size: 24px;}
    .lx_msg .formbox.fl{ width: 100%; float:none; padding:8px 10px;}
    .lx_msg .formbox{ margin-bottom: 10px;}
    .lx_msg input, .lx_msg textarea{ font-size: 14px;}
    .lx_msg .sub{ line-height: 46px;}
}
.solpage .item{ margin-bottom: 25px; background:#e1edfb; border-radius:20px; overflow:hidden;}
.solpage .item .pic{ width: 60%; position:relative;}
.solpage .item .pic .imgfd{padding-top: 48.6%;}
.solpage .item .txt{ width: 40%; padding: 0 70px;}
.solpage .item .pic .ic{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.solpage .item .pic .ic img{ width: 108px;}
.solpage .item h2{ font-size: 30px; font-family: gssb; line-height: 40px;}
.solpage .item .txt p{margin: 30px 0 35px;}

@media (max-width: 1281px){
    .solpage .item .txt{ padding: 0 50px;}
    .solpage .item h2{ font-size: 26px;}
    .solpage .item .txt p{margin: 20px 0 25px;}
    .solpage .item .pic{ width: 55%;}
    .solpage .item .txt{ width: 45%;}
    .solpage .item .pic .imgfd{padding-top: 55%;}
}
@media (max-width: 1024px){
    .solpage .item h2{ font-size: 22px; line-height:32px;}
    .solpage .item .pic .ic img{ width: 80px;}
}
@media (max-width:450px){
    .solpage .item{ display: block; border-radius:10px;}
    .solpage .item .pic{ width: 100%;}
    .solpage .item .txt{ width: 100%; padding: 25px 20px;}
    .solpage .item h2{ font-size: 20px; line-height: 30px;}
    
}
.fb40{ font-family: gsanb; font-size: 40px; margin-bottom: 35px;}
.c_txt{ text-align: center;}
.sol_top .txt{ width: 49%;}
.sol_top .pic{ width: 48%;}
.sol_top .pic .imgfd{padding-top: 66.68%; border-radius:20px;}

.lx_card{ background: #0b3090; border-radius: 20px; padding: 40px 50px 40px 40px;}
.lx_card .left{ margin-right: auto; color: #fff; padding-left:27px; border-left:3px solid #f5a100; width:calc(100% - 200px);}
.lx_card .left b{ font-family: gssb; font-size: 24px; line-height: 1; margin-bottom: 20px;}
.lx_card .amore{ text-transform: uppercase;}

.case_list li{ width:32%; margin-right:2%; margin-bottom:50px; float: left; background: #f1f4fb; border-radius: 20px; overflow: hidden;}
.case_list li:nth-child(3n){ margin-right:0;}
.case_list li .imgfd{padding-top: 66.67%;}
.case_list li .txt{ padding: 27px 30px 40px;}
.case_list li .txt h2{ font-size: 22px; font-family: gssb; line-height: 30px; height: 60px; overflow: hidden; margin-bottom: 15px;}
.case_list li .txt p{ line-height: 26px; height: 78px; overflow: hidden; margin-bottom: 20px;}
.case_list li:hover .txt h2{ color:#f5a100;}
@media (max-width: 1281px){
    .fb40{ font-size: 36px;}
}
@media (max-width: 1024px){
    .case_list li .txt{padding: 20px 25px 25px;}
    .fb40{ font-size: 32px;}
    .sol_top .txt{margin-bottom: 20px;}
    .sol_top .pic .imgfd{ border-radius: 10px;}
}
@media (max-width: 450px){
    .fb40{ font-size: 26px; margin-bottom:20px;}
    .lx_card{ display: none;}
    .sol_top { padding-bottom: 0;}
    .case_list li{margin-bottom: 25px;}
    .case_list li .txt h2{ font-size: 20px;}
    .sol_top .pic{margin-bottom: 0;}
}
.case_top{ padding: 60px 0;}
.case_top .txt{ width: 46%; margin-right:auto;}
.case_top .pic{ width: 48%; border-radius:8px; overflow:hidden;}
.case_top .txt h1{ font-size: 40px; margin-bottom: 40px;}
.case_top .des{ height: 330px; overflow-y: auto;padding-right:20px;}
.case_top .des::-webkit-scrollbar{ width:4px; border-radius:2px;}
.case_top .des::-webkit-scrollbar-track{ background:#f3f3f3;}
.case_top .des::-webkit-scrollbar-thumb{ background:#cd0000; border-radius:2px;}
.proswiper{ overflow: hidden;}

.rel_pro .fb54{ text-align: center; text-transform: uppercase;}
@media (max-width: 1281px){
    .case_top .txt h1{ font-size: 34px; margin-bottom: 30px;}
    
}
@media (max-width: 450px){
    .case_top{ display: block; padding:35px 0;}
    .case_top .txt{ width: 100%; margin-bottom: 25px;}
    .case_top .txt h1{ font-size: 24px; margin-bottom: 20px;}
    .case_top .pic{ width: 100%;}
}


.hotswiper{ overflow: hidden; position:relative;}
.hotswiper .pic{ width: 55%;}
.hotswiper .pic .imgfd{padding-top: 66.67%; border-radius: 20px;}
.hotswiper .txt{ width: 40%; padding-top:75px;}
.hotswiper .txt h2{ font-size: 24px; line-height: 32px; font-family: gssb; }
.hotswiper .txt span{ display: block;color: #f5a100; margin: 20px 0;}
.hotswiper .txt p{ margin-bottom: 45px; max-height:120px; overflow:hidden;}
.hotswiper b{ font-size: 40px; position:absolute; font-family: gsanb; color:#0b3090; left:60%; top:0;}
.hotswiper .swiper-pagination{ width: auto; position:unset;}
.hotswiper .swiperbtn{ position: unset; font-size: 24px; margin-top: 0; font-weight:bold;}
.hotswiper .swiper_control{ position: absolute; right: 0; bottom: 20px;}
.hotswiper .swiper-pagination .swiper-pagination-bullet-active{background: #f5a100;}
.hotswiper .swiperbtn:hover{ color:#f5a100;}

.news_nav{padding: 0 260px 50px; border-bottom:1px solid #e7e7e7;}
.news_nav a{ display: block; line-height: 43px; width: 29%; margin: 0 auto; border-radius: 23px; border: 1px solid #0b3090; margin:0 auto; text-align:center; color:#0b3090; transition:.3s ease;}
.news_nav a.act,.news_nav a:hover{background:#f5a100; border-color: #f5a100; color: #fff;}

.news_list a{ padding: 40px 30px; border-bottom: 1px solid #e7e7e7;}
.news_list .pic{ width: 320px; margin-left:auto;}
.news_list .pic .imgfd{ padding-top: 66.8%; border-radius:10px;}
.news_list .txt{ width: calc(82% - 320px); margin-left: 60px; margin-right:auto;}
.news_list span{ display: block; color: #f09f03; line-height: 30px;}
.news_list .date{padding-bottom: 15px; position: relative;}
.news_list .date:after{ width:20px; height: 2px; background: #333333; content: ''; position: absolute; left: 0; bottom: 0;}
.news_list i{ display: block; width: 45px; height:45px; border-radius:50%; text-align:center; background:#0b3090; color:#fff; transition:.3s ease; line-height:45px; font-size:18px;}
.news_list .txt h2{ font-size: 24px; font-family: gssb; line-height: 30px; height: 60px; margin-bottom: 20px; overflow:hidden;}
.news_list .txt p{ max-height: 90px; overflow: hidden;}
.news_list li:hover i{ background:#f09f03;}

.showposi{ background: #e1edfb; color: #666666; font-size:16px; padding:15px 0;}
.showposi a{ color: #666666; font-size:16px;}

.news_det{ background: #fff; border-radius: 20px; padding: 40px 35px;}
.news_det h1{ font-size: 30px; font-family:gssb;}
.news_det .news_info{ padding: 30px 0; font-size:16px; border-bottom:1px solid #ddd; margin-bottom:40px;}
.news_det .news_info .colname{ margin-left: auto;}
.news_det .news_info .colname span{ color: #f5a100;}
.page_btn{ border-top: 1px solid #ececec; margin-top:40px;}
.page_btn .prev,.page_btn .next{ margin-top: 30px; font-size:16px;}
.page_btn span{ display: block; font-size: 16px; color: #666; margin-bottom:10px;}
.page_btn a:hover{ color:#f5a100;}
.r_card{ border-radius: 10px; background: #fff; margin-bottom: 30px; overflow:hidden;}
.r_card b{ line-height: 50px; font-family:gssb; background: #000f24; font-size: 24px; color: #fff; text-transform: uppercase; padding-left: 30px;}
.r_nav a{ display: block; padding:10px 30px;}
.r_nav .list{ padding: 10px 0 20px;}
.r_nav a:hover,.r_nav a.act{background:#f5a100; color:#fff;}
.r_nav a i{ margin-right: 3px;}

.last_news .list{ padding: 0 30px 20px;}
.last_news .list a{display: block; padding: 22px 0 10px; border-bottom: 1px solid #e7e7e7;}
.last_news .list a p{ font-size: 16px; line-height: 20px; margin-bottom: 5px;}
.last_news .list a .date{ font-size: 14px; color: #666666; display: block; margin-right: auto;}
.last_news .list a i{ font-size: 18px; font-weight: bold;}
.last_news .list a:hover p,.last_news .list a:hover i{ color:#f5a100;}
.r_msg form{ padding: 30px;}
.r_msg input,.r_msg textarea{ margin-bottom: 15px; line-height:45px; background: #f3f3f3; border-radius: 5px; width:100%; font-size:14px; padding-left:8px; font-family:goth;}
.r_msg .sub{ background: #111; border-radius: 5px; line-height: 45px; color: #fff; display: inline-block; padding: 0 13px; font-weight: bold; cursor: pointer; transition:.3s ease;}
.r_msg .sub:hover{ background:#f5a100;}

.down_list dl{ height: 60px; padding:0 48px; border-radius: 5px; background:#0b3090;}
.down_list dl dt{ color: #fff; font-family: gssb; font-size:18px;}
.down_list dl dt:first-child{ width:52%;}
.down_list dl dt{ width: 15%; margin-right:auto;}
.down_list a{margin-top: 10px; background: #f1f4fb; border-radius: 5px; padding: 16px 24px;}
.down_list a .tit{ width:53%;}
.down_list a h2{ font-size:18px; line-height:30px; width:calc(100% - 45px);}
.down_list a .tit i{ font-size: 24px; color: #ff0000; margin-right: 15px;}
.down_list a span,.down_list a p{ display: block; width: 15%; margin-right: auto; font-size:16px; line-height:30px;}
.down_list a p i{ display: block; height: 22px; line-height: 22px; text-align: center; width: 22px; color: #fff; background: #0b3090; font-size:14px; border-radius:50%; margin-right:10px; transition:.2s ease;}
.down_list a p{ width: 17%; display: flex; color:#0b3090; transition:.2s ease;}
.down_list a p:hover{ color:#f5a100;}
.down_list a p:hover i{ background:#f5a100;}

.down_faq li{ padding: 22px 20px 22px 25px; border-radius: 5px; border: 1px solid #e3e3e3; border-left:6px solid #f5a100; margin-bottom:14px;}
.down_faq li .tit{ font-family: gssb; font-size: 20px; line-height:30px; cursor:pointer;}
.down_faq li .tit h2{ font-size: 20px; width: calc(100% - 80px); margin-left: 15px; margin-right:auto;}
.down_faq li .tit i{ display: block; width: 20px; height: 20px; background: #f5a100; border-radius: 50%; position: relative; margin-top:5px;}
.down_faq li .tit i:after,.down_faq li .tit i:before{ position:absolute; left: 50%; top: 50%; background: #fff; content: ''; transform: translate(-50%,-50%);}
.down_faq li .tit i:after{ width:10px; height: 2px;}
.down_faq li .tit i:before{ width:2px; height: 10px;}
.down_faq li .ans{ margin-top: 15px; display:none; color:#666666;}
.down_faq li .ans p{ width: calc(100% - 35px); margin-left: auto;}
.down_faq li .ans span{ display: block; line-height: 30px;}
.down_faq li.open .tit i:before{ display:none;}
.down_faq li.open .tit i{ background: #333333;}

.sup_box .txt{ width: 48%; margin-right: auto;}
.sup_box .imgfdd{ width: 48%; border-radius: 20px;}
.sup_box .txt li{ padding: 22px 0; border-bottom: 1px solid #e7e7e7;}
.sup_box .txt li:last-child{ border:none;}
.sup_box .txt li .box{ width: calc(100% - 95px); margin-left: auto;}
.sup_box .txt li h3{ font-size: 22px; font-family: gssb; margin-bottom: 10px;}
.sup_box .txt li .ic{ transition: 2s ease;}
.sup_box .txt li:hover .ic{ transform:rotateY(360deg);}

.ab_ban .ban_tit b{ color: #333;}
.ab_ban .posi{ bottom: auto; top: 20px; color:#666666;}
.ab_ban .posi a{ color: #666;}
.ab_ban .ab_top{ width: 100%; position: absolute; left: 0; top:50%; transform:translateY(-50%);}
.ab_ban .ab_top .ban_tit{ position: unset; position:relative; text-align:center;}
.ab_ban .ab_top .ban_tit b:after{ left:50%; transform: translateX(-50%);}
.ab_ban .ab_top .txt{ width:60%; margin:0 auto 75px; text-align:center;}

.ab_number{ background: linear-gradient( to right,rgba(241,244,247,.85),rgba(219,229,241,0.85),rgba(241,244,247,.85)); padding:55px 0; border-radius:10px;}
.ab_number dt{ width: 25%; padding: 0 30px; text-align: center;}
.ab_number dt p{ font-size: 20px; font-family: gssb; height: 30px; margin-bottom: 15px;}
.ab_number dt i{ font-family: dinb; line-height: 70px; font-size: 70px;}
.ab_number dt b{ color: #0b3090;}
.ab_number dt sup{ font-family: gsanb; font-size: 40px; line-height: 40px;}
.ab_number dt span{ font-size: 24px;}

.ab_cult dt{ width: 32%; margin-right: auto; border-radius: 20px; background: #e1edfb; text-align: center; padding:45px 35px 55px; transition:.3s ease;}
.ab_cult dt:last-child{ margin-right:0;}
.ab_cult dt i{ font-size: 22px; color: #0b3090;}
.ab_cult dt .txt{margin: 30px 0 45px;}
.ab_cult dt b{ font-size: 40px; font-family: gssb; line-height: 40px; height: 40px; margin-bottom: 25px;}
.ab_cult dt p{ font-size: 20px; line-height: 30px; height: 90px;}
.ab_cult dt:nth-child(2){background:#f1f4fb;}
.ab_cult dt:hover{background:#f5a100; color: #fff;}
.ab_cult dt:hover i{ color:#fff;}
.ab_cult dt:hover .ic img{filter: grayscale(100%);-webkit-filter: grayscale(100%);filter: brightness(0%) invert(100%);-webkit-filter: brightness(0%) invert(100%);}

.ab_manu .tab-hd{ justify-content: center; margin-bottom:50px;}
.ab_manu .tab-hd li{ width: 230px; line-height: 44px; border-radius: 23px; border: 1px solid #0b3090; color: #0b3090;  text-align: center; margin: 0 30px; transition:.3s ease;}
.ab_manu .tab-hd li.active{ background: #0b3090; color: #fff;}
.ab_manu .tab-bd{ padding: 0 24px;}
.ab_manu .tab-bd dt{ width: 24%; margin-right: 1.33%; margin-bottom:24px;}
.ab_manu .tab-bd dt:nth-child(4n){ margin-right:0;}
.ab_manu .tab-bd dt .imgfd{ padding-top: 66.67%; border-radius: 10px;}

.ab_honor .c_txt{ width: 90%; margin: 0 auto 65px;}
.honor_box{ position: relative;}
.honor_box .swiperbtn{ width: 45px; height: 45px; border-radius: 50%; background: #0b3090; line-height: 45px; text-align: center; font-size:22px; color:#fff; top:50%; transition:.3s ease;}
.honor_box .swiper-button-next{ right: 0;}
.honor_box .swiper-button-prev{ left: 0;}
.honor_box .swiperbtn:hover{ background:#f5a100;}
.honorswiper{ width:1100px; margin:0 auto; overflow: hidden; position: relative; padding-bottom:60px; margin-top:60px;z-index:3;}
.honorswiper li{ width: 270px;transform-origin: center; transition:1s ease; border: 4px solid #a6987d; border-radius:3px;}
.honorswiper li .imggd{ padding-top: 137.3%;}
.honorswiper .swiper-wrapper{align-items:center; transform-style: preserve-3d;}

.ab_global{ position: relative;}
.ab_global .c_txt p{ color: #0b3090; font-size: 24px;}
.ab_global .glomap{ width: 80%; margin-top:35px;}
.ab_global .glomap .mapbox{ position: relative;}
.ab_global .glo_num{ left: 0; bottom: 120px; position:absolute;}
.ab_global .glo_num b{ font-family: dinb; color: #f09f03; font-size: 70px; line-height: 70px; height: 70px; align-items:flex-end;}
.ab_global .glo_num dt{margin-bottom: 55px;}
.ab_global .glo_num p{ font-family: gssb; font-size: 20px; margin-top: 15px;}

.get_touch{ width: 52%; margin-right: auto;}
.lx_way{ width: 40%;}
.get_touch .title b{margin-bottom: 15px;}
.get_touch .title{margin-bottom: 35px;}
.get_touch .lx_msg .formbox{ background: #f5f5f5;}
.lx_msg input,.lx_msg textarea{ background: none;}
.lx_way span{ display: block; font-family: gssb; padding-bottom: 15px; border-bottom: 1px solid #e7e7e7; position:relative; margin-bottom:20px;}
.lx_way span:after{ width:88px; height: 1px; left: 0; bottom: -1px; background: #f5a100; content: ''; position: absolute;}
.lx_way .item{margin-bottom: 35px;}
.lx_way .item .follow_list a{ margin-right: 20px;}
.lx_way .item i{ font-size: 24px; line-height: 30px;}
.lx_way .item p{ width: calc(100% - 35px); margin-left: auto;}
.lx_way .item a:hover{ color:#f5a100;}


.video_bg{ width: 1150px; position:fixed; left:50%; margin-left:-575px; top:50%; transform:translateY(-50%);display: none; z-index:9999; }
.video_box{ width:100%; background: #fff; height:auto; position: relative; transition: all 0.5s linear;}
.video_box iframe{width:1150px;}
.video_box iframe{ height:650px;}
.video_close{ position: absolute; right: 15px; top: 15px; font-size: 30px; cursor: pointer; z-index:9999;}
.video_gb{ width: 100%; height: 100%; position: fixed; left: 0; top: 0; display: none;z-index: 9998; background:rgba(0,0,0,.3); }
.video_close i{ font-size: 30px; color: #fff;}


@media (max-width: 1281px){
    .video_bg{ width: 94%; left:3%; margin-left:0;}
    .video_box iframe{width:100%; height:520px;}
}

@media (max-width: 450px){
    .sy_adv .v_box .v_btn{ left: 30px;}
    .sy_adv .v_box .v_btn i{ width: 42px; height: 42px; line-height: 42px; font-size: 20px; margin-right:10px;}
    .sy_adv .v_box .v_btn:hover i{ margin-right:15px;}
    .video_box iframe{ height:280px;}
}