/* ==========================================================================
   Index Page
   ========================================================================== */
/*首页banner大图样式*/
.ibanner{ position:relative; height:98vh; width: 100%; overflow: hidden; }
.ibanner .swiper-container {width: 100%;height: 100%;}
.ibanner .swiper-slide { transition: all 0.4s cubic-bezier(0.42, 0, 0.58, 1); background-repeat:no-repeat; background-position:center center; background-size:cover;text-align: center;/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; position:relative; background-color: #000;}
.ibanner .swiper-container-horizontal > .swiper-scrollbar{ width:272px; left:251px; bottom:30%;}
.ibanner .swiper-scrollbar-drag{ background:#1b85e7;}
.ibanner .ban-img{ display:block; width:100%; height:100%; color:#fff;text-align:left;}
.ibanner .swiper-pagination{ bottom: 5%; text-align: right; right:12%; left: auto; display: flex; justify-content: flex-end;}
.ibanner .swiper-pagination-bullet{ background: none; border: 1px solid #ffffff; width: 15px; height: 15px; text-align: center; border-radius: 100%; display: block; float: left; opacity: 1;}
.ibanner .swiper-pagination-bullet-active{  opacity: 1; background: #ffffff;}
.ibanner .swiper-button-next,.ibanner .swiper-button-prev{ background: none; width: 43px; height: 43px; line-height: 28px; margin-top: auto; text-align: center; top: auto; bottom: 3%;}
.ibanner .swiper-button-next i,.ibanner .swiper-button-prev i{ color: #fff; font-size: 24px; opacity: 1;}

.ibanner .swiper-button-prev{ left: auto; right: 17%; }
.ibanner .swiper-button-next{ right: 10%;}
.ibanner .swiper-button-next:hover,.ibanner .swiper-button-prev:hover{  opacity: 1;}

.ibanner .binfo{ color: #fff; text-align: center; transform: translateY(100px); opacity: 0; margin-bottom:10%; width:90%; margin-left: auto; margin-right:auto;}
.ibanner .binfo span{ display: block; font-size: 7rem; font-weight: bold; margin-bottom: 5rem;}
.ibanner .binfo img{ transform: translateY(100px); opacity: 0; text-align: center; }
.ibanner .binfo1{ margin-left: 5%; display: flex; justify-content: flex-start; color: #FFFFFF; text-align: left; transform: translateY(100px); opacity: 0; margin-bottom: 5%;}
.ibanner .binfo1 span{ font-size: 7rem; font-weight: bold; line-height: 1.5; border-left: 8px solid #ffffff; padding-left: 3rem;}

.ibanner .binfo2{ margin-right: 5%; display: flex; justify-content: end; color: #FFFFFF; text-align: right; transform: translateY(100px); opacity: 0; margin-bottom: 5%;}
.ibanner .binfo2 span{ font-size: 7rem; font-weight: bold; line-height: 1.5; border-right: 8px solid #ffffff; padding-right: 3rem;}

.ibanner .binfo3{ display: flex; justify-content: center; color: #FFFFFF; text-align: center; transform: translateY(100px); opacity: 0; margin-bottom:5%;}
.ibanner .binfo3 span{ font-size: 7rem; font-weight: bold; line-height: 1.5; }

.ibanner .swiper-slide-active .binfo{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .swiper-slide-active .binfo img{ transform: translateX(0); opacity: 1; transition: all 2s ease .5s;}
.ibanner .swiper-slide-active .binfo1{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .swiper-slide-active .binfo2{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}
.ibanner .swiper-slide-active .binfo3{ transform: translateY(0); opacity: 1; transition: all 2s ease .1s;}

.ibanner .scroll-dot{ display: block; text-align: center; max-width: 20%;  position: absolute; bottom: 5%; right: 0; left: 0; margin: 0 auto; z-index: 10; color: #fff;    }
.ibanner .scroll-dot div{position: relative; padding-top: 15%; display: block; background: url(../img/shubiao.png) no-repeat center; animation: scroll 2s infinite; font-size: 14px;}
@keyframes scroll{
    0%, 100% { 
        transform: translateY(0);
        animation-timing-function: ease-in;
    }
    50% { 
        transform: translateY(20px);
        animation-timing-function: ease-out;
    }
}

a.amore{ display: inline-block; width: 6rem; line-height: 6rem; height: 6rem; border: 1px solid #ffffff; border-radius: 100%; text-align: center;     margin-left: auto;}
a.amore i{ color: #ffffff; font-size: 3rem;}
a.amore:hover{ background-color: #0576cc; border: 1px solid #0576cc; color: #fff;}

a.amore1{ display: inline-block; font-size: 18px; border: 1px solid #0075c1; padding: 1rem 5rem; color: #0075c1; border-radius: 3rem; text-align: center;  }

a.amore1:hover{ background-color: #0576cc; border: 1px solid #0576cc; color: #fff;}

.flex{ display: flex; align-items: center;}
.flex1{ display: flex;}
.flex-end{ justify-content: flex-end;}

.menu{ position: fixed; width: 24px; height: 180px; right: 30px; top: 50%; margin-top: -180px; z-index: 10000000; }
.menu a{ color: #111; display: block; position: relative; height: 30px;}
.menu a span{ position: relative; z-index: 3;font-size: 13px; color: #002781; display: flex; text-align: center; letter-spacing: 2px; writing-mode: vertical-lr; justify-content: center; align-items: center; display: none;}
.menu a:before{ content: ""; width: 12px; height: 12px; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin:auto auto; background: #818ca0; border-radius: 22px;}

.menu a.current::before{ display: none;}
.menu a.current span{ display: block;}

.ibk_bg1{ padding: 12rem 0;}
.iimg{}
.iblock-1{}
.iblock-1 span{ font-size: 5rem; color: #222222; line-height: 1.2; text-align: left; display: block; font-weight: bold;}
.iblock-2{ width: 80%; margin: 3rem 0 5rem;}
.iblock-2 p{ font-size: 18px; line-height: 1.5; text-align: left;}

.list_i1{ list-style: none; clear: both; overflow: hidden;}
.list_i1 li{ width: 30.33%; padding-left: 3%; float: left; position: relative;}

.list_i1 li:after{ width: 2px; display: block; height:100%; content: ""; background: #b7b7b7; position: absolute; left: 0; top: 0;}
.list_i1 li img{ margin-bottom: 10px;}
.list_i1 li p{ font-size:5rem ; color: #0075c1;     line-height: 1; margin: 2rem 0 1rem;}
.list_i1 li p b{ font-size:7.2rem ; font-family: 'Barlow-R';}
.list_i1 li p i{ margin-left: 10px; font-size: 2.2rem; }
.list_i1 li span{ font-size: 18px; color: #333333;  line-height: 1;}

.iblock-3{  margin: 5rem 0;}
.iblock-3 span{ font-size: 3rem; font-weight: bold; line-height: 1; color: #0075c1; text-align: left;}
.iblock-3 li{ margin: 2rem 0 0; float: left; margin-right: 5%;}
.iblock-3 li img{}

.ibk_bg2{ background:url(../img/ibg_1.jpg) no-repeat center center/cover fixed; padding: 15rem 0 10rem;}
.ibk_bg2 .span-7{ width: 50.333333%; margin-right: 5%;}
.ibk_bg2 .span-5{ width: 39.333333%;}
.ititle1{ text-align: left; letter-spacing: 3px; line-height: 1.5; font-size: 5rem; font-weight: bold; color: #ffffff; margin-bottom:20%;}

.ititle2{ text-align: left; color: #ffffff;}
.ititle2 span{ font-size: 4.6rem; line-height: 1; margin-bottom: 2rem; font-weight: bold;}
.ititle2 p{ font-size: 2.8rem;}
.ibox_1{ max-width: 90%; display: flex; align-items: center;}
.list_i2{ list-style: none; margin-top: 5rem; }
.list_i2 li{ width: 27%; margin-right: calc((100% - (27%*3))/2); float: left; margin-bottom: 2rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.list_i2 li:nth-child(3n){ margin-right: 0;}
.list_i2 li a{ color: #ffffff; font-size: 18px; border-bottom: 1px solid #ffffff; display: block; line-height: 2;}
.list_i2 li a:hover{ transform: translateY(-10px);}

.list_i3{ list-style: none; margin-top: 5rem; margin-right: 27%; clear: both; overflow: hidden;}
.list_i3 li{ width: 39%; margin-right: 16%; float: left; margin-bottom: 2rem;}
.list_i3 li:nth-child(2n){ margin-right: 0;}
.list_i3 li a{ color: #ffffff; font-size: 18px; border-bottom: 1px solid #ffffff; display: block; line-height: 2;}
.list_i3 li a:hover{ transform: translateY(-10px);}

.ibk_bg3{ background: url(../img/ibg_2.jpg) no-repeat center center; padding: 10rem 0; background-size: cover;}
.ititle3{ text-align: left;  line-height: 1; font-size: 5rem; font-weight: bold; color: #222222;}
.ititle4{ text-align: center; display: flex; justify-content: center; align-items: center; }
.ititle4 .i_tit span{ font-size: 5rem; font-weight: bold;}
.ititle4 .i_tit p{ font-size: 18px; line-height: 2; color: #595656;}
.ititle4 .i_img{ margin: 0 2rem;}

.ibk_bg4{ padding: 10rem 0;}
.inews-box{ margin: 0; width: auto; box-sizing: border-box;}
.inews-box a{ display: block;}
.inews-box .icon img{ width: 100%;}
.inews-box .btit{ padding: 2rem 3rem; border-bottom: 2px solid #0075c1; background: #f9f9f9;}
.inews-box .btit span{ display: block; font-size: 3rem; font-weight: bold; color: #222222;}
.inews-box .btit i{ display: block; color: #0075c1; font-size: 18px;  text-align: left; margin:0 0 10px;}
.inews-box .btit i em{ font-size: 16px; margin-left: 15px; border: 1px solid #0075c1; border-radius: 15px; font-style: normal; padding: 2px 15px;display: inline-block;}
.inews-box .btit i em a {
    color: inherit;       /* 继承文字颜色 */
    text-decoration: none;/* 去掉下划线 */
    display: block;       /* 充满整个按钮区域 */
    width: 100%;
    height: 100%;}
.inews-box p{ color: #666666; font-size: 18px; line-height: 30px; }
.inews-box .nmore{ font-size: 18px; margin: 2rem 0; transition: all 0.5s;}
.inews-box .nmore span{ font-size: 18px; color: #0075c1; display: flex; justify-content: flex-start; align-items: center;}
.inews-box .nmore i{ font-size: 18px; vertical-align: middle; margin: 0 0 0 10px;}
.inews-box a:hover{}
.inews-box a:hover span{ color: #1e5ca2;}
.inews-box a:hover .nmore{ transform: translateX(80%); transition: all 0.5s;}

.list_i4{ margin-left: 3rem; list-style: none; border-top: 1px solid #d5d5d5;}
.list_i4 li{ padding:4.6rem 0; border-bottom: 1px solid #d5d5d5; transition: all 0.5s;}
.list_i4 li .btit{ }
.list_i4 li .btit span{ display: block; font-size: 2.4rem; font-weight: bold; color: #222222;}
.list_i4 li .btit i{ display: block; color: #737373; font-size: 18px;  text-align: left; margin:0 0 10px;}
.list_i4 li .btit i em{ font-size: 16px; margin-left: 15px; border: 1px solid #737373; border-radius: 15px; font-style: normal; padding: 2px 15px;}
.list_i4 li .btit p{ color: #737373; font-size: 18px; line-height: 1.5; }
.list_i4 li .nmore{ text-align: right; transition: all 0.5s;}
.list_i4 li .nmore i{ font-size: 3rem; color: #0176c1; vertical-align: middle; margin: 0 0 0 10px; position: relative; font-weight: bold}
.list_i4 li a:hover .nmore{ transform: translateX(-5rem); transition: all 0.5s;}
.list_i4 li a:hover .btit span{ color: #0075c1;}

.picMarquee-top { width: 78%; margin: 0 auto; overflow: visible; padding: 6rem 0; position: relative; }
.perspective-container { width: 100%; perspective: 800px; perspective-origin: center top; }
.tilt-box { width: 100%; -webkit-transform: rotateX(35deg); -moz-transform: rotateX(35deg); transform: rotateX(35deg); -webkit-transform-origin: center top; -moz-transform-origin: center top; transform-origin: center top; }
.content-box { width: 100%; -webkit-transform: rotateX(-35deg); -moz-transform: rotateX(-35deg); transform: rotateX(-35deg); -webkit-transform-origin: center top; -moz-transform-origin: center top; transform-origin: center top; }
.mask-box { width: 100%; -webkit-mask: linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 100%); mask: linear-gradient(180deg, transparent 0%, #000 15%, #000 85%, transparent 100%); }
.bd { width: 100%; overflow: hidden; position: relative; }
.a5v2_list1 { list-style: none; margin: 0; padding: 0; will-change: transform; }
.a5v2_list1 li { display: flex; justify-content: center; align-items: center; gap: clamp(8px, 2vw, 20px); padding: clamp(5px, 1.5vw, 10px); flex-shrink: 0; flex-wrap: nowrap; }
.block { display: block; flex: 1; min-width: 0; border: 1px solid #dedede; overflow: hidden; transition: transform 0.3s ease, box-shadow 0.3s ease; background: #fff; }
.block img { width: 100%; height: auto; display: block; }
@media (max-width: 768px) { .picMarquee-top { padding: 30px 0; } .tilt-box { -webkit-transform: rotateX(25deg); -moz-transform: rotateX(25deg); transform: rotateX(25deg); } .content-box { -webkit-transform: rotateX(-25deg); -moz-transform: rotateX(-25deg); transform: rotateX(-25deg); } .block { min-width: 60px; } }
.nbanner{ height: 100vh; width: 100%;}
.ban-about{ background-position: center; background-size: cover;}
.ban-about p{font-size: 6rem; color: #ffffff; line-height: 1.5; font-weight: bold; text-align: center; padding:25% 0;}
.ban-about1{ background-position: center; background-size: cover;}
.ban-list1{ background-position: center; background-size: cover;}
.ban-list1 p{ font-size: 6rem; color: #ffffff; line-height: 1.5; font-weight: bold; text-align: center; padding: 12% 0;}

.ban-list2{ background-image: url(../img/ban_n2.jpg); background-position: center; background-size: cover;}
.ban-list2 p{ font-size: 6rem; color: #ffffff; line-height: 1.5; font-weight: bold; text-align: center; padding: 12% 0;}

.nbanner .ntit{ padding:6.5% 0; text-align: center;}
.nbanner .ntit p{ font-size: 6rem; color: #000; line-height: 1.5; font-weight: bold; text-align: center; }

.sub_box{border-bottom: 1px solid #dfdfdf; height: 6rem;}
.sub_box .place{ text-align: right; line-height: 6rem;}
.cate_bk a{ display: inline-block; line-height: 6rem; padding: 0 1.5%; color: #333;}
.cate_bk a:hover,.cate_bk a.current{ font-weight: bold; color: #1e5ca2;}

.about_bk1{ background: url(../img/bg_n1.jpg) no-repeat center bottom; padding: 5rem 0;}

.abk1{ position: relative; max-width: 75%;}
.abk1 p{ margin-bottom:2rem; font-size: 18px;}
.ntitle1{ font-size: 5rem; font-weight: bold; line-height: 2;}
.ntitle2{ text-align: left;}
.ntitle2 span{ font-weight: bold; font-size: 3rem; color: #0075c1;}
.ntitle3{ text-align: center; display: block; line-height: 1.6; font-size: 3.6rem; font-weight: bold; color: #ffffff;}
.ntitle4{ text-align: left;}
.ntitle4 span{ font-weight: bold; display: block; font-size: 5rem; color: #0075c1;}
.ntitle5{ text-align: center;}
.ntitle5 span{ font-weight: bold; display: block; font-size: 5rem; color: #ffffff;}
.ntitle6{ text-align: center;}
.ntitle6 span{ font-weight: bold; display: block; font-size: 5rem; color: #0075c1;}


.ntitle7{ text-align: center;}
.ntitle7 span{ font-weight: bold; display: block; font-size: 5rem; color: #222222;}

.ntitle8{ text-align: left;}
.ntitle8 span{ font-weight: bold; display: block; font-size: 20px; color: #333333;}

.list-a{ margin-top: 2rem; margin-bottom: 3rem;}
.list-a li{ margin-bottom: 20px;}

.list-a1{ list-style: none; margin-top: 2rem; clear: both; overflow: hidden;}
.list-a1 li{ width: calc((100% - 15px)/2); margin-right: 15px; margin-bottom: 15px; float: left;}
.list-a1 li:nth-child(2){ margin-right: 0;}
.list-a1 li a{ border: 2px solid #9e9e9e; font-size: 2.2rem; font-weight: bold; display: flex; justify-content: space-between; height: 60px; line-height: 60px; padding: 0 20px;}
.list-a1 li a i{ display: none;}
.list-a1 li:hover i{ display: block;}

.about_bk2{ background: url(../img/bg-a2.jpg) no-repeat center bottom; height:70vh; background-attachment: fixed; padding: 10rem 0;}
.box-a1{ text-align: center; color: #ffffff;}
.box-a1 span{ font-size: 5rem; font-weight: bold; line-height: 2; display: block;}
.box-a1 p{ font-size: 18px; text-align: center; line-height: 2;}

.about_bk3{ padding: 8rem 0; background: url(../img/bg-a3.jpg) no-repeat center bottom; background-size: cover;}
.box-a2{ border-right: 1px solid rgba(255,255,255,0.2); text-align: center; color: #ffffff; display: flex; justify-content: center; flex-direction: column; margin-top: 35rem; align-items: center; transition: all 0.3s;}
.box-a2:hover{ transform: translateY(-10px); transition: all 0.3s;}
.box-a2 i{ background: #0075c1; border-radius: 100%; width: 8rem; line-height: 8rem; height: 8rem; border-radius: 100%;}
.box-a2 span{ font-size: 3rem; display: block; padding: 2rem 0;}
.box-a2 p{ font-size: 18px; line-height: 2; min-height: 80px;}

.about_bk4{ background: url(../img/bg-a4.jpg) no-repeat center center; background-size: cover; padding: 8rem 0; }
#nlist-1{ position: relative; width: 85%; margin: 0 auto; padding:  0 2rem;}
.about_bk4 .npad:before{ bottom: 39%; width: 200%; height: 1px; margin: 0 auto; content: ""; display: block; background: #ffffff; position: absolute; left: -50%; right: 0;}
.about_bk4 .nprev1{ left: 0; top: 60%; background: #ffffff; border-radius: 100%; width: 6rem; height: 6rem; text-align: center; line-height: 6rem;}
.about_bk4 .nprev1 i,.about_bk4 .nnext1 i{ font-size: 3rem; color: #000000;}
.about_bk4 .nnext1{ top: 60%; background: #ffffff; border-radius: 100%; width: 6rem; height: 6rem; text-align: center; line-height: 6rem;}
.about_bk4 .nprev1 i{  transform: rotate(180deg); display: block;}
.about_bk5{ padding: 8rem 0;}


.tablist { position: relative;}
.tablist .tlist{ display:none; position: relative;  text-align: center;   margin: 0;}
.tablist .active{ display:block;}

.tabs{ display: flex; justify-content:center; align-items: center; margin-left: 8%;}
.tabs a{ font-size: 18px; margin: 0 1rem; line-height: 1.5; border-radius: 35px; border: 1px solid #cfcfcf; height: 5rem; line-height: 5rem; padding:0 4rem; color: #000000; position: relative; display: block; }
.tabs a:hover{ border: 1px solid #0075c1; color: #0075c1;}
.tabs .active{border: 1px solid #0075c1; color: #0075c1;}

.itab{ flex-direction: column; align-items: flex-start; border-left: 1px dashed #0080a6; margin-left: 0; }
.itab a i{ width: 8px; height: 8px; border-radius: 100%; display: block; background: #9f9f9f; display: block; margin-left: -5px;}
.itab a span{ margin-left: 15px;}
.itab a:hover{ border: none; color: #595656;}
.itab a:hover i{ background: #0080a6;}
.itab a{border: none; border-radius: 0; height: auto; line-height: 2; padding: 1rem 0;display: flex; justify-content: flex-start; align-items: center;}
.itab .active{border: none; color: #595656;}
.itab .active i{ background: #0080a6;}

.tab-1{ margin-left: 0; margin-top: 4rem;}
.tab-1 a{ background: #f8f8f8; border: 1px solid #f8f8f8;}
.tab-1 a:hover{ background: #0075c1; border: 1px solid #0075c1;  color: #ffffff;}
.tab-1 .active{ background: #0075c1; border: 1px solid #0075c1; color: #ffffff;}

.tab-2{ margin-left: 0; margin-top: 4rem;}
.tab-2 a{ color: #333333; border: none; background: none; padding: 0 2rem;}
.tab-2 a:hover{ color: #9f0810; border: none; background: none;}
.tab-2 .active{ color: #9f0810; border: none; background: none; padding: 0 2rem; font-weight:bold;}

.nprev2,.nprev3,.nprev4{ left: -3rem; top: 40%; background: #ffffff; border: 1px solid #d0d0d0; border-radius: 100%; width: 6rem; height: 6rem; text-align: center; line-height: 6rem; opacity: 0.5 !important;}
.nprev2 i,.nnext2 i,.nprev3 i,.nnext3 i,.nprev4 i,.nnext4 i{ font-size: 2rem; color: #ffffff;}
.nnext2,.nnext3,.nnext4{ opacity: 1 !important; right: -3rem; top: 40%;  background: #0075c1; border-radius: 100%; border: 1px solid #0075c1;  width: 6rem; height: 6rem; text-align: center; line-height: 6rem;}
.nprev2 i,.nprev3 i,.nprev4 i{  transform: rotate(180deg); display: block; color: #000000;}

.honor-box a{}
.honor-box a:hover .icon{ background: #fafafb;}
.honor-box .icon{box-sizing: border-box;  background: #f6f6f8; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center;}
.honor-box .icon img{ height: 100%;}
.honor-box .btit{ padding: 2rem 0 0; text-align: center; }
.honor-box .btit span{}

.about_bk6{ background: url(../img/bg-a5.jpg) no-repeat center center; background-size: cover; padding: 22rem 0;}

.n-box{ display: flex; justify-content: center; align-items: center; margin-top: 5rem;}
.n-box a{ width: 170px; background: #ffffff; border: 1px solid #ffffff; text-align: center; color: #0075c1; font-size: 18px; border-radius: 30px; height: 6rem; line-height: 6rem; margin: 0 3rem;}
.n-box a:hover{ background: none; border: 1px solid #ffffff; color: #ffffff;}
.n-box a:nth-child(2){ background: none; border: 1px solid #ffffff; color: #ffffff;}
.n-box a:nth-child(2):hover{  background: #ffffff !important; border: 1px solid #ffffff !important; color: #0075c1 !important;}

.n-box1 { position: relative;    margin: 24rem 0 0; border-left: 1px solid #ffffff;  padding: 2rem;}
.n-box1:before{ width: 14px; height: 14px; display: block; background: #ffffff; border-radius: 100%; content: ""; position: absolute; left: -7px; top: 0;}
.n-box1:after{ width: 18px; height: 18px; display: block; background: rgba(255,255,255,0.5); border-radius: 100%; content: ""; position: absolute;          left: -9px; top: -2px;}
.n-box1.nn{ margin: 0 !important; }
.n-box1.nn:before{ top: auto; bottom: 0;}
.n-box1.nn:after{ top: auto; bottom: -2px;}
.n-box1 .btit{  text-align: left; color: #ffffff; }
.n-box1 .btit span{ font-family: 'Barlow-R'; font-size: 6rem;}
.n-box1 .btit p{ font-size: 18px; line-height: 2;}

.list_n1{ list-style: none; clear: both; overflow: hidden; display: flex; justify-content: flex-end;  margin-left: auto;}
.list_n1 li{ width: 30.33%; text-align: center; position: relative;}
.list_n1 li p{ font-size:5rem ; color: #0075c1;  background: url(../img/fyzzbg.png) no-repeat center bottom;    line-height: 1; padding: 1.5rem 0;}
.list_n1 li p b{ font-size:4.8rem ; font-family: 'Barlow-R';}
.list_n1 li span{ font-size: 2.2rem; color: #0075c1;  line-height: 2; margin-top: 2rem;}

.sect_pk1{ background-color: #085079; padding: 8rem 0;}
.list_n2 {
list-style: none;
overflow: hidden;
  width:90%;
  margin:3rem auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start; /* 默认4个：靠左排列 */
  gap: 20px; /* 左右、上下间距统一 20px */
}
.list_n2 li {
  background: #ffffff;
  border-radius: 15px;
  padding: 4rem 0;
  /* 一行4个的宽度计算 */
  width: calc((100% - 60px) / 4);
  text-align: center;
  position: relative;
  transition: all 0.3s;
  margin: 0; /* 去掉原来的 margin */
  float: none; /* 清除浮动 */
}

/* 只有 2 个 li 时，整行居中 */
.list_n2 li:nth-child(2):last-child {
  justify-content: center;
}
.list_n2:has(li:nth-child(2):last-child) {
  justify-content: center;
}

/* 只有 3 个 li 时，整行居中 */
.list_n2 li:nth-child(3):last-child {
  justify-content: center;
}
.list_n2:has(li:nth-child(3):last-child) {
  justify-content: center;
}
.list_n2 li:hover{ transform: translateY(-10px); transition: all 0.3s;}
.list_n2 li:nth-child(4n){ margin-right: 0;}
.list_n2 li span{ font-size: 28px; color: #333333;display: inline-block;position: relative; padding-bottom:6px;}
.list_n2 li span::after{
  content: '';
  width: 50%;
  height: 3px;
  background: #0075c1;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}
.list_n2 li span img{ margin-bottom: 3rem;}
.list_n2 li p {
  /* position: relative;  关键：让伪元素以p为参照定位 */
  padding-top: 16px; /* 线条和文字的间距，可自行调大/调小 */
  font-size: 22px;
  line-height: 1.5;
  text-align: center; /* 线条居中，文字也居中，按需删除 */
}
.list_n2 li p1::before {
  content: '';
  width: 60px;
  height: 3px;
  background: #0075c1;
  position: absolute;
  left: 50%;
  top: 0; /* 固定在p顶部 */
  transform: translateX(-50%);
}
.list_n2 li p em{ font-size: 6rem; font-style: normal; font-family: 'Barlow-R';}
.sect_pk2{  padding: 8rem 0;}
.ipro-box{ background: #f8f8f8;}
.ipro-box a{  padding: 2rem;}
.ipro-box .icon{ background: #f8f8f8;}
.ipro-box .ntit{ display: block; text-align: center; }
.ipro-box .ntit span{font-size:2.0rem; color: #333333; line-height:4.2rem; font-weight: bold;}
.ipro-box .ntit p{ font-size: 18px; color: #333333; padding:1.5rem 0;box-sizing: border-box;}
.ipro-box a:hover .btit{ background: none;}
.ipro-box a:hover .btit{ color: #1e5ca2;}
.sect_pk3{ padding: 4rem 0 8rem;}
.p-box{ text-align: center; display: flex; justify-content: center; flex-direction: column;}
.p-box span{ font-size: 5rem; font-weight: bold; color: #222222;}
.p-box a{ color: #ffffff; max-width: 400px; margin: 2rem auto; width: 90%; background: #0075c1; font-size: 3rem; border-radius: 50px; padding: 1rem 0;}

.t-box{ width: 92%;  position: fixed;   top: 50%;  left: 50%;   transform: translate(-50%, -50%);  z-index: 1000; display: none;  overflow-y: auto; max-width: 980px; margin:0 auto; background: #ffffff; -moz-box-shadow:0px 2px 15px #d5e6fd; -webkit-box-shadow:0px 2px 15px #d5e6fd; box-shadow:0px 2px 15px #d5e6fd; border: 10px; padding: 4rem 0; }
.msg-bk{ padding: 6rem 0 5rem;}
.msg-img{ position: relative; height: 100%;}
.msg-img img{ width: 100%; height: 100%;}
.msg-bk .msg-tit{ line-height: 36px; text-align: center;}
.msg-bk .msg-tit span{ font-size: 4.2rem;}
.msg-bk .msg-tit p{ font-size: 18px; color: #777; line-height: 30px; margin-top: 10px;}

.m-form{   padding: 0 5%;}
.m-form1{ padding: 0 !important;}
.m-form label{ color: #e30000; display: block; position: absolute; top: 0; line-height: 50px; right: 10px; z-index: 3;}
.m-form label i{ color: #f00; font-size: 20px;}
.m-form .btn{ background-color: #0075c1; border-color: #0075c1; font-size: 18px;  line-height: 45px; width: 200px; color: #fff; padding: 0;  display: block; vertical-align: middle;  margin-left: auto; border-radius: 30px;}
.m-form .btn.red-color{ background-color: #950000; border-color: #950000;}
.m-form .btn:hover{ background-color: #950000;}
.bt1{ margin-left: 0 !important;}

.m-form .btn2{ background-color: #9f0710; border: none; font-size: 18px;  line-height: 45px; width: 200px; color: #fff; padding: 0;  display: block; vertical-align: middle;  margin-left: auto; border-radius: 30px;}
.m-form .btn2:hover{ background-color: #0075c1;}

.m-form .form-control{ border: 1px solid #d9d9d9;  color: #222222; height: 50px; font-size: 16px; background-color: #fff; position: relative; border-radius: 0; padding: 0 15px;}
.m-form .form-control1{ border: 1px solid #f0f0f0;   color: #222222; height: 50px; font-size: 16px; position: relative; border-radius: 0; padding: 0 15px; width: 100%;}

.m-form textarea.form-control{ border: 1px solid #d9d9d9; height: auto; padding: 20px 15px;}
.m-bg{ background: #f0f0f0 !important; border:none !important;}
.m-form .form-group{ margin-bottom: 2rem; position: relative;}
.m-form1 .form-group{ margin-bottom: 1.5rem; position: relative;}
.m-form textarea{ }
.m-form p{ font-size: 16px; color: #333;}
.m-form p span{color: #e30000;}

.m-form .form-control::-moz-placeholder{color: #222222; opacity: 1;}
.m-form .form-control:-ms-input-placeholder{color: #222222;}
.m-form .form-control::-webkit-input-placeholder{color: #222222;}

.box-m{ display: flex; justify-content: space-between; align-items: center; border: 1px solid #d9d9d9;  color: #c5c5c5; height: 50px; line-height: 50px; font-size: 16px; background-color: #fff; padding: 0 15px;}
.box-m span{ color: #222222;}
.box-m span em{ color: #f00;}
.box-m select { border: none; color: #222222; width: 50%; height: 50px; line-height: 50px;}
.t-box i{ font-size: 4rem; position: absolute; right: 5%; top: 5%; cursor: pointer;}
.t-box-overlay{position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.7); z-index: 999; display: none;}

.canvas{ position: absolute; right: 0;}
.verify-code {  display: flex; align-items: center; gap: 10px; max-width: 300px; width: 100%;   position: relative;}
.verify-code input { flex: 1;}
.verify-canvas { cursor: pointer; position: absolute; right: 0; height: 45px; top:3px;}
.refresh-code {font-size: 24px; background: #f0f0f0; cursor: pointer; color: #666; transition: transform 0.3s;}
.refresh-code:hover {  transform: rotate(90deg); color: #333;}

/*新闻*/
.nblock-2{ margin-bottom: 4rem; border-bottom: 1px solid #d5d5d5; padding-bottom: 5rem;}
.nblock-2 .media-box{ margin-bottom: 0; width: auto;}
.nblock-2 .media-box img{ width: 100%;}
.nblock-2 .ntit{ margin: 2rem 0 0 8%;}
.nblock-2 ul{ display: flex; justify-content: flex-start; align-items: center;}
.nblock-2 ul li{ font-size: 16px; border: 1px solid #737373; padding: 2px 2rem; border-radius: 25px; margin-right: 15px; margin-top: 2rem;}
.nblock-2 .ntit em{ display: block; font-style: normal; font-size: 18px; color: #737373;}
.nblock-2 .ntit span{ font-weight: bold; display: inline-block; margin: 1rem 0;  font-size: 3rem;  line-height: 1.5; color: #222222; }
.nblock-2 .ntit p{ color: #737373; font-size: 18px; text-align: left; line-height: 2; margin: 0;}
.nblock-2 .ntit b{ font-size: 18px; color: #0075c1; font-weight: normal; margin-top: 2rem; display: block;}
.nblock-2 .ntit b i{ margin-left: 10px;}
.nblock-2:hover li{ color: #737373;}
.nblock-2:hover .ntit b{ transform: translateX(20%);}
.nblock-2:hover .ntit span{ color: #0075c1;}
.nblock-2:hover .media-box img{ transform: scale(1.2);}

.nblock-3{ margin-bottom: 4rem; background: #f8f8f8;}
.nblock-3 .media-box{ margin-bottom: 0; width: auto;}
.nblock-3 .media-box img{ width: 100%;}
.nblock-3 .ntit{ margin: 2rem 0 0 8%;}
.nblock-3 ul{ display: flex; justify-content: flex-start; align-items: center;}
.nblock-3 ul li{ font-size: 16px; border: 1px solid #737373; padding: 2px 2rem; border-radius: 25px; margin-right: 15px; margin-top: 2rem;}
.nblock-3 .btit{ margin-top: 4rem;}
.nblock-3 .btit em{ display: block; font-style: normal; font-size: 18px; color: #0075c1;}
.nblock-3 .btit span{ font-weight: bold; display: inline-block; margin: 1rem 0;  font-size: 3rem;  line-height: 1.5; color: #222222; }
.nblock-3 .btit p{ color: #737373; font-size: 18px; text-align: left; line-height: 2; margin: 0;     word-break: break-all; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  overflow: hidden;}
.nblock-3 .btit b{ font-size: 18px; color: #0075c1; font-weight: normal; margin-top: 2rem; display: block;}
.nblock-3 .btit b i{ margin-left: 10px;}
.nblock-3:hover li{ color: #737373;}
.nblock-3:hover .btit b{ transform: translateX(90%);}
.nblock-3:hover .btit span{ color: #0075c1;}
.nblock-3:hover .media-box img{ transform: scale(1.2);}
.nprev5,.nnext5{ background: none; top: 72%;}
.nprev5 i,.nnext5 i{ font-size: 4rem;}
.nnext5{ right: 4%;}
.nprev5 { left: auto; right: 8%;}
.nprev5 i{ transform: rotate(180deg);  display: block;}
.nprev5-pagination{ max-width: 50%; left: 5% !important; right: 0; justify-content: center; margin: 0 auto;  display: flex;  bottom: 18% !important;}
.nprev5-pagination .swiper-pagination-bullet{ width: 8rem; height: 4px; display: block; border-radius: 0;}

.article{ line-height: 30px; padding: 0; background: #fff;}
.news-tit{ font-size: 24px; text-align: center; line-height: 34px; color: #333;}
.tool{  padding: 2rem 0; color: #666; font-size: 16px;     display: flex; justify-content: center;}
.tool span{ display: inline-block; margin-right: 20px; font-size: 14px; color: #999; }
.tool span.date{ color: #275aa9; font-size: 15px;}
.tool a{ display: inline-block; color: #999;}
.bshare-custom{ padding: 2rem 0;}
.article .content,.article .content p{ line-height: 30px; color: #666; font-size: 18px;}
.keys{ border-bottom: 1px solid #dedede; padding-bottom: 2rem; line-height: 36px;}
.keys span{ color: #999; font-size: 2.4rem;}
.keys a{ color: #999; display: inline-block; background-color: #fafafa; border-radius: 36px; padding: 0 20px; margin: 0 1rem 5px;}
.keys a:hover{ background-color: #1467ad; color: #fff;}

.share{display:block; width: 60px; vertical-align: middle;}
.share p{text-align: center; color: #666; }
.bdshare-button-style0-24{ text-align: center; display: block; width: 100%;}
.bdshare-button-style0-24 .bds_weixin{ display: block; background-position:center !important; margin: 0 auto;}
.bdshare-button-style0-24 .bds_tsina{display: block; background-position:center !important; margin: 0 auto;}
.bdshare-button-style0-24 .bds_sqq{ display: block; background-position:center !important; margin: 0 auto;}
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{ background-image: none!important; float: none!important; width: 50px!important; height: 50px!important; line-height: 50px!important; background: #f5f5f5; border-radius: 50px; padding-left: 0!important; color: #999; margin-top: 10px!important;}
.bdshare-button-style0-24 a i{ font-size: 20px!important;}
.nlist1 { max-width: 325px; width: 100%;}
.nlist1 li{ border-bottom: 1px dashed #dedede; padding: 10px 0; }
.nlist1 li a{ font-size: 14px; display: flex; justify-content: flex-start; align-items: center;}
.nlist1 li a img{ width: 90px; height: 50px; object-fit: cover;}
.nlist1 li span{ margin-left: 10px; color: #666;}

.ny-page{border-top: 1px solid #c4c4c4; line-height: 24px; padding: 25px 0; font-size: 16px;}
.ny-page span{ display: inline-block;}
.ny-page .nptit{ padding: 5px 0;}
.ny-page a.aback{ display: inline-block; width: 180px; line-height: 50px; text-align: center; border-radius: 35px; background-color: #0075c1; color: #fff; font-size: 16px;}
.ny-page a.aback i{ font-size: 20px; margin-right: 10px;}
.ny-page a.aback:hover{ background-color: #f7ab00;}
.ny-page .jcent{ height: 100%;}

.nnews{position: sticky; top: 200px;}


.contact-bk{ padding: 6rem 0;}
.contact-tit{ color: #0075c1; font-size: 4rem; font-weight: bold; line-height: 1;}
.contact-bk .cont-box{ margin-bottom: 2rem;    display: flex; justify-content: flex-start; align-items: center; }
.contact-bk .cont-box span{  color: #666; font-weight: bold; font-size: 2rem;}
.contact-bk .cont-box .ctit{ font-weight: bold;  padding-left: 7rem; font-size: 2.6rem; color: #686868;  display: inline-block; }
.contact-bk .cont-box p{font-size: 18px; color: #686868; margin-left: 3rem; }

.contact-bk .cont-box i{ margin-right: 1rem; }
.contact-bk .cont-box a{ font-weight: bold; }
.contact-bk .cont-box a:hover{ color: #0083cc;}

.list-con{ list-style: none; border-top:0px solid #dedede; margin-top:4rem; width: 100%;}
.list-con li{ border-bottom: 1px solid #dedede; padding: 4rem 0;}

.cont-wx{ text-align: left; margin-top: 4rem; display: flex; justify-content: flex-start; max-width:630px; }
.cont-wx .fl{display: inline-block; float: none; text-align: center; margin: 2rem; }
.cont-wx .fl img{ border:0px solid #e1e1e1; border-radius: 15px; padding: 8px;}
.cont-wx span{ display: block; color: #666; line-height: 2;     margin-top: 1rem;}
.pad{ padding: 0 5%;}

.box-title{ text-align: center; font-weight: bold; color: #0075c1; line-height: 2; font-size: 5rem;}

.jobs-section{ background-color: #f7f7f7; padding: 7rem 0;}
.job-form{}
.job-form span{ display: block;  font-size: 20px; line-height: 2; padding-left: 20px; padding-bottom: 10px;}

.job-form .form-control{ border: 1px solid #d9d9d9;  color: #222222; height: 50px; font-size: 16px; background-color: #fff; position: relative; border-radius: 10px; padding: 0 15px; background: none;}

.sub-th{ background-color: #1f94d4; color: #fff; padding: 2.5rem 3rem; position: relative; font-weight: bold; font-size: 18px;}
.sub-th:after{ content: "操作"; float: right; color: #fff; font-size: 18px; position: absolute; right: 2rem; top: 0; width: 60px; height: 30px; line-height: 30px; text-align: center; bottom: 0; margin: auto 0;}
.sub_cont{ overflow: hidden;}
.sub_cont .subNav{ font-size: 24px; line-height: 3rem; padding: 2.5rem 5rem; margin-top: 1rem; position: relative; background-color: #fff; border-radius: 15px;}
.sub_cont .subNav span{ width: 40%;}
.sub_cont .subNav p{ font-size: 16px; color: #666666; }
.sub_cont .subNav .style1{ font-size: 16px; color: #666;}
.sub_cont .subNav:after{ cursor: pointer; content: "+"; float: right;font-family: "iconfont" !important; color: #333; font-size: 5rem; position: absolute; right: 6rem; top: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; bottom: 0; margin: auto 0;}
.sub_cont .subNav.open{ margin-bottom: 0; background-color: #fff; color: #333;     border-radius: 15px 15px 0 0;}
.sub_cont .subNav.open:after{ content: '-'; background-color: #fff; color: #333;}
.navContent{ background-color: #fff;  display: none; margin: 0; padding: 3rem 5rem; border-radius: 0 0 10px 10px;}
.navContent .yq span{ display: inline-block; font-size: 18px; margin-right: 5%;}
.navContent p{ padding: 20px 0; color: #666; font-size: 18px; line-height: 30px;}
.navContent .stit{ font-size: 22px; display: block; margin-top: 20px;}
.navContent a{ display: inline-block; color: #104190;}
.navContent a:hover{ text-decoration: revert;}
.jobs-section .span-w{ width: 30.222%;float: left; margin-right: 1%;}
.jobs-section .span-1{     width: 4.333333%;}
.jobs-section .job_button{ background: #0075c1; line-height: 5rem; border: none; width: 5rem; height: 5rem; border-radius: 100%; color: #ffffff;     margin-left: 2rem;     margin-top: 5rem;}
.jobs-section .job_button i{ font-size: 2.4rem;}
.jobs-section a.more-job{ background-color: #0075c1; border-color: #0075c1; font-size: 18px;  line-height: 45px; width: 200px; color: #fff; padding: 0;  display: block; vertical-align: middle;  margin-left: 0; text-align: center; }
.jobs-section a.more-job:hover{ background: #ff8e00; border-radius: 25px;}
.jsect_bk1{ background: url(../img/bg_job.jpg) no-repeat center center; background-size: cover; padding: 8rem 0; }
.jobs-block{ background: #ffffff; padding: 5rem;     width: 84%;}
.jobs-block.m-left{ margin-left: auto;}
.jobs-block .btit{ text-align: center;}
.jobs-block .btit span{ font-size: 4.5rem; font-weight: bold; color: #333333; line-height: 1.5;}
.jobs-block .btit p{ font-size: 2.8rem; color: #333333; text-align: center;}
.jobs-block p{ font-size: 18px; color: #333;  text-align: left; margin-bottom: 10px;}
.jinfo{ display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 0 auto;}
.jinfo a{ font-size: 18px; line-height: 2; margin: 1rem 2rem; width: 25.33%; text-align: left;     border-bottom: 1px solid #dedede;}
.jinfo1{ display: flex; justify-content: center; flex-wrap: wrap;     max-width: 70%;     margin: 0 auto;}
.jinfo1 a{ font-size: 18px; line-height: 2; margin: 1rem 2rem; width: 30.33%; text-align: left;     border-bottom: 1px solid #dedede;}
.jsect_bk2{ padding: 8rem 0;}
.job-box a{}
.job-box a:hover .icon{ background: #fafafb;}
.job-box .icon{box-sizing: border-box; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center;}
.job-box .icon img{ height: 100%;}
.jsect_bk2 .swiper-button-prev,.jsect_bk2 .swiper-button-next{ top: 55%;}

.jsect_bk3{ background: #f8f8f8; padding: 6rem 0;}
.jsect_bk4{ background: #002d74; padding: 8rem 0;}
a.job-more{ color: #333333; max-width: 400px; display: block; text-align: center; margin: 2rem auto; width: 90%; background: #ffffff; font-size: 2.4rem; border-radius: 50px; padding: 1rem 0;}
a.job-more:hover{ background: #ff8e00; color: #ffffff; transform: translateY(-10px);}

.job-box1 a{}
.job-box1 a:hover .ntit p{ color: #0075c1;}
.job-box1 .icon{ box-sizing: border-box; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center;}
.job-box1 .icon img{ height: 100%;}
.job-box1 .ntit{ background: #f8f8f8; padding: 3rem;}
.job-box1 .ntit em{ font-size: 16px; color: #333333; font-style: normal;}
.job-box1 .ntit p{ font-size: 2.4rem; color: #222222; line-height: 1.5;}
.job-box1 .ntit b{ display: flex; justify-content: flex-start; align-items: center; margin: 2rem 0 1rem;flex-wrap:wrap;align-items: flex-start;min-height: 60px;}
.job-box1 .ntit b i{ font-weight: normal; margin-right: 10px; line-height: 1; font-size: 16px; border: 1px solid #666666; border-radius: 15px; padding: 2px 10px; color: #666666;margin-bottom:5px;}

.list-j1{ display: flex; justify-content: space-between; align-items: flex-start; margin-top: 6rem;}
.list-j1 li{ text-align: center;}
.list-j1 li p{ margin: 2rem 0; font-size: 2.6rem; font-weight: bold;}
.list-j1 li:hover img{ transform: translateZ(30px) rotateY(180deg) scale(1.0); -webkit-transform: translateZ(30px) rotateY(180deg) scale(1.0); -ms-transform: translateZ(30px) rotateY(180deg) scale(1.0); -moz-transform: translateZ(30px) rotateY(180deg) scale(1.0);}

.nblock-4{ margin-bottom: 4rem; border: 1px solid #dedede;}
.nblock-4 .row{ padding: 3rem;}
.nblock-4 .btit{ margin-top: 4rem; margin-left: 5%;}
.nblock-4 .btit em{ display: block; font-style: normal; font-size: 18px; color: #0075c1;}
.nblock-4 .btit span{ display: inline-block; margin: 1rem 0;  font-size: 2.4rem;  line-height: 1.5; color: #222222; }
.nblock-4 .btit i{display: flex; justify-content: flex-start; align-items: center; margin-top: 2rem;}
.nblock-4 .btit i a{ margin-right: 3rem;}
.nblock-4:hover li{ color: #737373;}

.down_bk1{ padding: 6rem 0;}
.sect_mm{ padding: 6rem 0;}
.sect_mm .box-m1{}
.sect_mm .box-m1 span{ font-size: 5rem; color: #9f0810; font-weight: bold; display: block;}
.sect_mm .box-m1 p{ font-size: 18px; line-height: 2; margin-bottom: 2rem;}
.sect_mm .box-m1 i{ margin: 2rem 0; display: flex; justify-content: flex-start; align-items:center; }
.sect_mm .box-m1 i em{ color: #ffffff; font-size: 18px; font-style: normal; background: #9f0810; margin-right: 10px; border-radius: 20px; line-height: 1; padding: 10px 15px;}
.sect_mm1{ background: url(../img/ibg_3.jpg) no-repeat center center; background-size: cover; padding: 13rem 0; position: relative;}

.ntitle9{ text-align: left; position: relative; z-index: 2;}
.ntitle9.t-r{ text-align: center !important;}
.ntitle9.t-r span{  color: #ffffff !important;}
.ntitle9.t-r1{ text-align: center !important;}

.ntitle9 span{ color: #9f0810; font-size: 5rem; font-weight: bold;}
.ntitle9 p{ font-size: 2.4rem; color: #222222; line-height: 1.5;}
.pb-box{ text-align: left; border-left: 2px solid #f6ab00; padding:2rem; min-height: 36rem;}
.pb-box span{ font-size: 4.8rem;  font-family: 'barlow'; font-weight: bold; line-height: 1;}
.pb-box span em{ font-size: 2.4rem; font-style: normal; font-weight: normal;}
.pb-box p{ font-size: 18px; text-align: left; line-height: 2; padding: 2rem 0;}

.nprev6,.nnext6{ text-align: center; line-height: 6rem; background: #ffffff; position: relative; border-radius: 100%; width: 6rem; height: 6rem; border-radius: 100%; border: 1px solid #d1d1d1;}
.nnext6{ margin-left: 4rem;}
.nprev6 i,.nnext6 i{ font-size: 3rem;}
.nprev6 i{     transform: rotate(180deg);  display: block;}
.pb-box1{ display: flex; justify-content:flex-start; align-items: center;     margin-top: 6rem;}
.sect_mm2{  padding: 13rem 0; position: relative;}
.mi-bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%;list-style: none;margin: 0;padding: 0;z-index: 0;}
.mi-bg li{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;transition: opacity 0.3s ease;opacity: 0; background-size: cover;}
.mi-bg li.active-bg{opacity: 1;z-index: 1;}
.sect_mm3{ padding: 8rem 0;}
.job-box1{ background: #f8f8f8;}
.job-box1 a{}
.yw-box a:hover .ntit span{ color: #9f0710;}
.yw-box a:hover .ntit p{ color: #333;}
.yw-box .icon{ box-sizing: border-box; background: #f8f8f8;}
.yw-box .icon img{ height: 100%;}
.yw-box .ntit{background: #f8f8f8;  padding: 3rem;}
.yw-box .ntit span{ font-size:2.6rem; text-align: center; display: block; color: #222222;}
.yw-box .ntit em{ font-size: 18px; padding: 15px 0; margin: 2rem auto; color: #9f0710; line-height: 1; background: #ffffff; border-radius: 3rem; border: 1px solid #9f0710;  font-style: normal; max-width: 150px; display: flex; justify-content: center;}
.yw-box .ntit p{ text-align: center; font-size: 18px;}
.vaccum-box .ntit em{ font-size: 13px;}

.nprev7,.nnext7{ text-align: center; top: 102%;  background: none; }
.nprev7{ left: auto; right: 3%;}
.nprev7 i,.nnext7 i{ font-size: 4rem;}
.nprev7 i{ transform: rotate(180deg);  display: block;}
.nlist7-pagination{ left: 0;}
.nlist7-pagination .swiper-pagination-bullet{ border-radius: 0; margin-right: 10px; width: 13rem; height: 4px; background: #d2d2d2;}
.nlist7-pagination .swiper-pagination-bullet-active{ background: #9f0810;}
.sect_mm4{ background: url(../img/bg_n3.jpg) no-repeat center center; background-size: cover; padding: 7rem 0;}
.yw-box1{ display: flex; align-items: flex-start;}
.pp-box{ width: 60%; margin-right: 10%;}
.pp-tit{ font-size: 3.6rem; font-weight: bold; line-height: 2;}
.pp1-box{ width: 30%;}
.pp2-box{ background: #ffffff; padding: 5rem; border-radius: 3rem; -moz-box-shadow:0px 2px 9px rgba(0,0,0,0.1); -webkit-box-shadow:0px 2px 9px rgba(0,0,0,0.1); box-shadow:0px 2px 9px rgba(0,0,0,0.1);}

.pp-list{ list-style: none;}
.pp-list li{ border-bottom: 1px solid #dbdada; margin-bottom: 3rem; padding: 3rem 0;}
.pp-list li:nth-child(2){ border-bottom: none; }
.pp-list li span{ margin-bottom: 2rem; font-size: 3rem; font-weight: bold; line-height: 1; display: flex; justify-content: flex-start; align-items: center;}
.pp-list li span em{ width: 15px; margin-right: 2rem; height: 15px; background: #ffffff; border-radius: 100%; border: 1px solid #a00912;}
.pp-list li p{ font-size: 18px; color: #222222; margin-bottom: 1rem; display: flex; justify-content: flex-start; align-items: center;}
.pp-list li p i{font-family: arial; width: 15px; margin-right: 2rem;}
.list-mi{ margin-top: 6rem; position: relative; z-index: 1; cursor: pointer;}

.pp3-box{ background: rgba(0,0,0,0.2); text-align: center; padding: 10rem 0; display: flex; justify-content: flex-end; flex-direction: column; flex-wrap: wrap;     align-items: center;}
.pp3-box:hover{background: #9f0810;}
.pp3-box img{ margin-bottom: 2rem;}
.pp3-box span{ font-size: 3rem; color: #ffffff; font-weight: bold; display: block; margin: 2rem 0;}
.pp3-box p{  font-size: 18px; color: #ffffff; line-height: 2; margin-bottom: 3rem;}

.case_bk1{ padding: 5rem 0;}
.tit-case{ font-size: 2.4rem; color: #333333; text-align: left; line-height: 2;}
.list-case{ list-style: none; margin-top: 2rem; clear: both; overflow: hidden; padding-top: 15px;}
.list-case li{ width: 13.1%; float: left;  margin-bottom: 20px; margin-right: calc((100% - (13.1% * 7)) / 6); background: #f8f8f8; transition: all 0.3s;}
.list-case li:hover{ transform: translateY(-10px); transition: all 0.3s;}
.list-case li a{ display: flex; justify-content: center; align-items: center; padding: 3rem 0;}
.list-case li span{ font-size: 18px; font-weight: bold; margin-left: 10px;}
.list-case li:last-child{ margin-right: 0;}

.list-case1{ list-style: none;  clear: both; overflow: hidden; padding-top: 15px;}
.list-case1 li{ width: 13.1%; float: left;  margin-bottom: 20px; margin-right: calc((100% - (13.1% * 7)) / 6);transition: all 0.3s;border: 1px solid transparent;box-sizing: border-box;}
.list-case1 li:hover{ transform: translateY(-10px); transition: all 0.3s;border-color:#9f0811;}
.list-case1 li a{ display: flex; justify-content: center; align-items: center;}
.list-case1 li:nth-child(7n){ margin-right: 0;}

.case-box{ margin-bottom: 20px;}
.case-box a{}
.case-box a:hover .ntit p{ color: #0075c1;}
.case-box .icon{ box-sizing: border-box; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center;}
.case-box .icon img{ height: 100%;}
.case-box .ntit{ background: #f8f8f8; padding: 2rem;}
.case-box .ntit p{ font-size: 2.4rem; color: #222222; line-height: 1.5; font-weight: bold;}
.case-box .ntit b{ display: flex; justify-content: flex-start; align-items: center; margin: 2rem 0 1rem;     flex-wrap: wrap;}
.case-box .ntit b i{ font-weight: normal; margin-right: 10px; line-height: 1; font-size: 16px; border: 1px solid #666666; border-radius: 15px; padding: 2px 10px; color: #666666;}

.solu-box{ margin-bottom: 20px; background: #f8f8f8;}
.solu-box a{}
.solu-box a:hover .ntit span{ color: #9f0810;}
.solu-box .icon{ box-sizing: border-box; width: 100% !important; height: 100% !important; text-align: center;  display: flex !important; justify-content: center;}
.solu-box .icon img{ height: 100%;}
.solu-box .ntit{ padding: 2rem;}
.solu-box .ntit p{ font-size: 18px; color: #666666; line-height: 1.6; word-break: break-all; display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;overflow: hidden; margin-top: 2rem;}
.solu-box .ntit span{  font-size: 2.8rem; color: #222222; line-height: 1.5; font-weight: bold;}
.solu-box .ntit em{ margin-top: 3rem; display: block; color: #9f0810; font-size: 18px; font-style: normal;}
.solu-box .ntit em i{ margin-left: 15px;}

.sect_vaccum{ background: #f8f8f8; padding: 8rem 0; position: relative;}
.list-vaccum{ list-style: none; display: flex; justify-content: center; align-items: flex-start; margin-top: 6rem;}
.list-vaccum li{ text-align: center; margin: 0 6rem 3rem;  transition: all 0.3s;}
.list-vaccum li img{ width: auto;}
.list-vaccum li:hover img{ transform: rotate(360deg); transition: all 0.3s;}
.list-vaccum li span{ display: block; margin: 4rem 0 3rem; font-size: 3rem; color: #333333; font-weight: bold; line-height: 1;}
.list-vaccum li p{ font-size: 18px; color: #333333; line-height: 2; text-align: center;}
.max-width{ max-width: 50%; margin: 0 auto;}
.max1-width{ max-width: 70%; margin: 0 auto;}
.sect_vaccum1{ padding:3rem 0 8rem 0; position: relative;}
.sect_vaccum2{ padding:3rem 0; position: relative;}
.sect_vaccum3{ padding:3rem 0 8rem; position: relative;}
.list_elco1{ list-style: none;  }
.list_elco1 li{ margin-bottom: 3rem; background: #f8f8f8; transition: all 0.3s;}
.list_elco1 li a{ display: flex; align-items: center;}
.list_elco1 li .ntit{ text-align: left;}
.list_elco1 li .ntit p{ font-size: 2.4rem; color: #333333; margin: 2rem 0;}
.list_elco1 li .ntit span{ font-size: 5rem; display: block; color: #9f0810; line-height: 1; font-weight: bold;}
.list_elco1 li .ntit em{ font-size: 18px; padding: 15px 0; margin: 4rem 0 0; color: #9f0710; line-height: 1; background: #f8f8f8; border-radius: 3rem; border: 1px solid #9f0710;  font-style: normal; max-width: 150px; display: flex; justify-content: center;}
.list_elco1 li .itit{  width: 100%; height: 100%;      overflow: hidden; display: flex; align-items: center; justify-content: center;}
.list_elco1 li .itit img{ width: 100%; height: 100%; }
.list_elco1 li .row{  display: flex;  flex-wrap: wrap;  align-items: center;} 
.list_elco1 li .row .span-8,.list_elco1 li .row .span-4{display: flex; align-items: stretch;}
.list_elco1 li:hover{ transform: translateY(-10px); transition: all 0.3s;}


.vaccum-box a:hover .ntit span{ color: #9f0710;}
.vaccum-box a:hover .ntit p{ color: #333;}
.vaccum-box .icon{ box-sizing: border-box; background: #f8f8f8;}
.vaccum-box .icon img{ height: 100%;}
.vaccum-box .ntit{background: #f8f8f8;  padding: 3rem;}
.vaccum-box .ntit span{ font-size: 2.4rem; text-align: left; font-weight: bold; display: block; color: #222222;}
.vaccum-box .ntit em{ font-size: 18px;  margin: 2rem auto; color: #9f0710; line-height: 1;  font-style: normal;  display: flex; justify-content:flex-start;}
.vaccum-box .ntit em i{ margin-left: 15px;}

.nprev9,.nnext9,.nprev10,.nnext10{ text-align: center; top: 102%;  background: none; }
.nprev9{ left: auto; right: 3%;}
.nprev10{ left: auto; right: 5%;}
.nprev9 i,.nnext9 i,.nprev10 i,.nnext10 i{ font-size: 4rem;}
.nprev9 i,.nprev10 i{ transform: rotate(180deg);  display: block;}
.nlist9-pagination,.nlist10-pagination{ left: 0;}
.nlist9-pagination .swiper-pagination-bullet,.nlist10-pagination .swiper-pagination-bullet{ border-radius: 0; margin-right: 10px; width: 13rem; height: 4px; background: #d2d2d2;}
.nlist9-pagination .swiper-pagination-bullet-active,.nlist10-pagination .swiper-pagination-bullet-active{ background: #9f0810;}

/*面包屑*/
.place1{ color: #333; display: flex; justify-content: flex-start; align-items: center;  position: relative; text-align: left; font-size: 18px; line-height: 2; padding: 2rem 0;}
.place1 span{ display: flex; margin: 0 10px; color: #333;}
.place1 a{ color: #333; margin: 0 2px;}
.place1 a:hover{ color: #1a55a6;}
.place1 i{ margin-right: 5px; margin-top: -2px;}

.sect_nk2{  padding: 90px 0 8rem;}
.sub_box2{ padding-top: 20px;}
.sub_box2 a.aback{ display: inline-block; width: 170px; line-height: 46px; text-align: center; border-radius: 0; background-color: #1e5ca2; color: #fff; font-size: 17px; border-radius: 46px; float: right;}
.sub_box2 a.aback i{ font-size: 24px; margin-right: 10px; vertical-align: middle;}
.sub_box2 a.aback:hover{ background-color: #0068b7;}

.sect_nk2 .pinfo{ margin-left: 10%;}
.sect_nk2 .pinfo .ptit{}
.sect_nk2 .pinfo .ptit span{ display: block; margin-bottom: 3rem; font-size: 5rem; color: #9f0810; font-weight: bold; line-height: 1.5;}
.sect_nk2 .pinfo .ptit p{ font-size: 18px; color: #333333; line-height: 2; text-align: left;}
.sect_nk2 .pinfo .ntit{ margin-top: 4rem; display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap;}
.sect_nk2 .pinfo .ntit i{ font-size: 16px; border-radius: 3rem; margin-right: 15px; border: 1px solid #737373; line-height: 1; padding: 5px 15px;}

.sect_nk1{ background-color: #f8f8f8; padding: 6rem 0;}
.pro-box{ margin-bottom: 2rem; background: #ffffff; border-top: 5px solid #9f0810; padding: 3rem 4rem; display: flex; justify-content: flex-start; align-items: flex-start; transition: all 0.3s;}
.pro-box:hover img{ transform: rotate(360deg); transition: all 0.3s;}
.pro-box img{}
.pro-box .p{ padding-top: 1rem; margin-left: 5%; font-size: 2.2rem; color: #333333; text-align: left; line-height: 1.5;}
.sect_nk3{ padding: 8rem 0;}
.sect_nk3 .con-nk{ width: 100%;margin: 0 auto;}
.sect_nk3 table{ width: 100%;}
.sect_nk3 table tr{ text-align: left; line-height: 2; border-bottom: 1px solid #ededed;}
.sect_nk3 table tr td{ line-height: 2; padding: 5px;}
.sect_nk4{}
.border{ border-top: 1px solid #ededed; margin-bottom: 5rem;}
.border1{ border-top: 1px solid #ededed; border-bottom: 1px solid #ededed;}
.border2{ border-top: 1px solid #ededed; padding-top: 2rem; padding-bottom: 4rem;}
.border3{ border-bottom: 1px solid #ededed; }
.sect_nk4 a{ background: #9f0810;}
.box-sys{ text-align: center;}
.list-sys{ list-style: none; cursor: pointer;}
.list-sys li:hover{ background: #9f0810; color: #ffffff; }
.list-sys li{ text-align: center; padding: 2rem 0; margin-bottom: 3rem; background: #f8f8f8; font-size: 2.4rem; color: #333333; font-weight: bold;}
.sect_solu{ padding: 4rem 0;}
.box-solu{ background: #f8f8f8; padding: 3rem 4rem;}
.box-solu span{ font-size: 2.4rem; color: #9f0810; font-weight: bold;}
.box-solu p{ font-size: 18px; color: #333333; line-height: 1.8; text-align: left; margin-top: 2rem; min-height: 66px;}

.list-solu{ list-style: none; clear: both; overflow: hidden;}
.list-solu li{ width: 19.36%; margin-right: 10px; float: left;}
.list-solu li:last-child{ margin-right: 0;}
.list-solu li .b-colu{ font-size: 2.4rem; display: flex; justify-content: center; align-items: center; background: url(../img/pic_y1.png) no-repeat center center; background-size: 100%; height: 64px; text-align: center; line-height: 64px; color: #ffffff;}
.list-solu li .b-colu i{ width: 30px; height: 30px; margin-right: 10px; line-height: 30px; background: #ffffff; border-radius: 100%; color: #d30712;}
.list-solu li .b-colu2{display: flex; justify-content: center; align-items: center; font-size: 2.4rem; background: url(../img/pic_y2.png) no-repeat center center; background-size: 100%; height: 64px; text-align: center; line-height: 64px; color: #ffffff;}
.list-solu li .b-colu2 i{ width: 30px; height: 30px; margin-right: 10px; line-height: 30px; background: #ffffff; border-radius: 100%; color: #d30712;}
.list-solu li .b-colu1{ text-align: center;}
.list-solu li .b-colu1 p{ font-size: 18px; margin-top: 2rem;}

.list-solu1{ list-style: none;}
.list-solu1 li{ margin-bottom: 2rem;}
.list-solu1 li a{ display: flex; justify-content: flex-start; align-items: center; line-height: 2; font-size: 20px;}
.list-solu1 li a:hover{color: #9f0810;}
.list-solu1 li a:hover img{ opacity: 1; filter: none;}
.list-solu1 li a.active{color: #9f0810;}
.list-solu1 li a.active img{ opacity: 1; filter: none;}
.list-solu1 li a img{ filter: grayscale(100%); opacity: 0.5;}
.list-solu1 li a span{ padding-left: 15px;}

.content-solu{ position: relative; padding-bottom: 4rem;}
.content-solu:before{width: 1px; height:100%; background: #eeeeee; content: ""; display: block; position: absolute;  left: -4%;top: 0;}
.content-solu table{ margin: 2rem 0; width: 100%; text-align: center;}
.box-solu2 table{ margin: 2rem 0; width: 100%; text-align: center;}
@media (max-width: 768px) {
    .box-solu2 {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        display: block;
    }
    .box-solu2 table {
        width: max-content !important;
        min-width: 100% !important;
    }
}
.content-solu table td{ border: 1px solid #dedede; padding: 5px;}
.tit-solu{ font-size: 5rem; color: #9f0810; font-weight: bold; margin-bottom: 2rem;}
.box-solu1{ text-align: left; margin: 4rem 0;}
.box-solu1.mt-0{ margin: 0;}
.tit-solu1{ font-size: 2.4rem; color: #9f0810;  font-weight: bold; line-height: 2; display: flex; justify-content: flex-start; align-items: center;}
.tit-solu1 img{ margin-right: 10px;}
.box-solu2{ margin-left: 4rem;}
.box-solu2 span{ font-size: 18px; font-weight: bold;}
.box-solu2 p{ font-size: 18px; line-height: 2; margin-bottom: 2rem;}

.solu-box1{ background: #f8f8f8; border-radius: 100%; width: 90%; margin-left: 0; overflow: hidden; }
.solu-box1 a{padding:3rem;}
.solu-box1 .icon{ box-sizing: border-box; background: #f8f8f8; text-align: center;  display: flex !important; justify-content: center;}
.solu-box1 .icon img{}
.solu-box1 .ntit{ text-align: center;}
.solu-box1 .ntit p{ font-size: 18px; color: #222222; line-height: 1.5; font-weight: bold;}

.sect_case{ background: #f8f8f8; padding: 10rem 0 5rem;}
.info-case{ text-align: left;}
.info-case span{ font-size: 3.6rem; font-weight: bold; line-height: 1.5;}
.info-case p{ font-size: 18px; line-height: 2; text-align: left;}
.info-case em{ display: flex; justify-content: flex-start; align-items: center; margin: 2rem 0;}
.info-case em i{ font-size: 14px; color: #737373; margin-right: 10px; border: 1px solid #737373; border-radius: 15px; line-height: 1; padding: 5px 15px;}
.list-info{ list-style: none; display: flex; justify-content: flex-start; align-items: flex-start; margin-top: 4rem;}
.list-info li{ line-height: 2; text-align: left; margin-right: 15%;}
.list-info li span{ font-size: 4.2rem; color: #9f0810; font-family: 'barlow';}
.list-info li p{ font-size: 18px; color: #666666;}

.sect_mold{ padding: 8rem 0;}
.bg-f8{ background: #f8f8f8;}
.tit-mold{ text-align: center;  line-height: 1.5; }
.tit-mold span{ color: #0075c1; font-size: 5rem; font-weight: bold;}
.tit-mold p{ font-size: 2.4rem; color: #222222; line-height: 2;}
.mold-box{ border: 1px solid #e1e1e1; border-radius: 3rem;}
.mold-box a{ padding: 2rem;}
.mold-box a:hover .ntit span{ color: #0075c1;}
.mold-box .icon{ box-sizing: border-box; background: #f8f8f8;}
.mold-box .icon img{ height: 100%;}
.mold-box .ntit{ padding: 3rem;}
.mold-box .ntit span{ font-size: 3rem; text-align: center; display: block; color: #222222;}
.mold-box .ntit em{ font-size: 18px; padding: 15px 0; margin: 2rem auto; color: #0075c1; line-height: 1; background: #ffffff; border-radius: 3rem; border: 1px solid #0075c1;  font-style: normal; max-width: 150px; display: flex; justify-content: center;}

.list-mold{ }


.box-mold p { max-height: 0;  overflow: hidden; transition: max-height 0.4s ease-out, opacity 0.3s ease, margin 0.2s ease; opacity: 0; margin: 0 20px; padding: 0 0 0 0;}
.box-mold.active{ background: #ffffff;}
.box-mold.active span{ color: #0075c1;}
.box-mold.active span img{ filter: none;}
.box-mold.active p {  max-height: 200px;  /* 根据内容高度调整，足够容纳即可 */  opacity: 1;  padding-top: 12px;}
/* 左侧卡片整体过渡效果 */
.box-mold {  transition: all 0.3s ease;  cursor: pointer;border-bottom: 1px solid #c8ced8; padding: 15px;}
.box-mold span { font-size: 2.4rem; position: relative; font-weight: bold; display: flex; justify-content: flex-start; align-items: center;}
.box-mold span i{ position: absolute; right: 0;}
.box-mold span img{ filter: grayscale(100%); opacity: 0.8; margin-right: 5%;}
/* 箭头旋转动画 */
.box-mold .icon-xiajiantou {  transition: transform 0.3s ease;}
.box-mold p{ margin-left: 15%;}
.box-mold.active .icon-xiajiantou { transform: rotate(180deg);}
/* 右侧mlist过渡效果 */
.mlist { transition: all 0.25s ease; cursor: pointer;}
.moldlist { position: relative;}
.moldlist .mlist{ display:none; position: relative;  text-align: center;   margin: 0; padding: 0 3rem;}
.moldlist .active{ display:block;}
.moldlist .mlist .icon{width: 100% !important;  height: 100% !important;}
.moldlist .mlist .icon img{ width: 100% !important;  height: 100% !important;      object-fit: cover;}
.slider-nav .icon { width: 100% !important; height: 100% !important; object-fit: cover; border-radius: 15px; overflow: hidden;}
.slider-nav .prev-btn,.slider-nav .next-btn{ background: #ffffff; width: 6rem; height: 6rem; border-radius: 100%; border: 1px solid #d1d1d1; opacity: 1; text-align: center; line-height: 5rem; top: 45%; position: absolute;}
.slider-nav .prev-btn i,.slider-nav .next-btn i{ font-size: 3rem;}
.slider-nav .prev-btn{  left: -2px;   transform: rotate(180deg);}
.slider-nav .next-btn{ right: -2px;}

#mlist-6{margin-top: 5rem;}
#mlist-6 .icon { border: 1px solid #e1e1e1;}
#mlist-6 .icon img{ }

/* RESET & 基础样式 
.accordion { margin-top: 5rem; clear: both; overflow: hidden; display: flex; gap: 5px; list-style: none; width: 100%;  padding: 0; }
.accordion li { flex: 1 1 0; position: relative; overflow: hidden; cursor: pointer; transition: flex 0.4s ease-out; height: 42rem; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; }
.accordion li .box-ac{ height: calc(100% - 3rem); background: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.4)); display: flex; justify-content: flex-end; align-items: center; padding: 0 15px 3rem; color: #ffffff; flex-direction: column;}
.accordion li .box-ac span{ font-size: 22px;}
.accordion li .box-ac p{ font-size: 18px; display: none;}
.accordion li .box-ac i{ width:10rem;text-align: center; height:3rem;line-height:3rem; padding:0rem; border-radius:10px; background: #0075c1; color:#FFFFFF; margin-bottom:10px;}
.accordion li .box-ac i img{ width: 80%;}
.accordion li:hover { flex: 0 0 40% !important; }
.accordion li:hover .box-ac p{  display: block;}
.accordion li:hover .box-ac span{ font-size: 3rem;}
.accordion li:hover .box-ac i{ display: block;}
.accordion li:hover ~ li { flex: 1 1 0 !important; }
.accordion:has(li:hover) lix:nth-child(4) { flex: 1 1 0 !important; }
.accordion li { outline: 1px solid rgba(255, 255, 255, 0.08); }
.accordion li:hover { outline: 2px solid rgba(255, 220, 150, 0.5); z-index: 2; }*/
       
.accordion-wrapper { width: 100%; max-width: 1600px; margin: 0 auto; }
        .accordion { margin-top: 5rem; clear: both; display: flex; gap: 5px; list-style: none; width: 100%; padding-bottom: 15px; overflow-x: auto; scroll-behavior: smooth; }
        .accordion::-webkit-scrollbar { height: 6px; }
        .accordion::-webkit-scrollbar-track { background: #e2e8f0; border-radius: 6px; }
        .accordion::-webkit-scrollbar-thumb { background: #0075c1; border-radius: 6px; }
        .accordion::-webkit-scrollbar-button { display: none !important; width: 0 !important; height: 0 !important; }
        .accordion { scrollbar-width: thin; scrollbar-color: #0075c1 #e2e8f0; }
        .accordion li { flex: 0 0 calc((100% - 25px) / 6); position: relative; overflow: hidden; cursor: pointer; transition: flex 0.4s ease-out; height: 42rem; background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; scroll-snap-align: start; }
        .accordion li .box-ac { height: calc(100% - 3rem); background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.4)); display: flex; justify-content: flex-end; align-items: center; padding: 0 15px 3rem; color: #ffffff; flex-direction: column; }
        .accordion li .box-ac span { font-size: 22px; }
        .accordion li .box-ac p { font-size: 18px; display: none; }
        .accordion li .box-ac i { display: none; width: 8rem; text-align: center; height:2rem; line-height:2rem; padding: 1rem; border-radius: 10%; background: #0075c1; }
        .accordion li .box-ac i img { width: 80%; }
        .accordion li:hover { flex: 0 0 40% !important; }
        .accordion li:hover .box-ac p { display: block; }
        .accordion li:hover .box-ac span { font-size: 3rem; }
        .accordion li:hover .box-ac i { display: block; }
        .accordion li:hover ~ li { flex: 0 0 calc((100% - 25px) / 6) !important; }
/*新闻详情样式2*/
.bshare-custom{ padding: 2rem 0;}

.big_img{position: fixed;z-index: -1;opacity: 0;background: rgba(0,0,0,0.8);width: 100%;height: 100%;top:0;left:0;}
.big_img .big-box{position: absolute;width: 50%;height: 80%; bottom: 0; top: 0; left: 0; right: 0; margin: auto auto;}
.big_img .swiper-container2 {width: 100%;height: 100%; overflow: hidden;}
.big_img .swiper-container2  .swiper-wrapper{width: 100%;height: 100%;}
.big_img .swiper-slide{width: 100%;height: 100%;display: table}
.big_img .swiper-slide .cell{ padding: 8% 8% 0; margin-bottom: 3%; overflow: hidden; position: relative; height: 70%; text-align: center; display: flex; justify-content: center; align-items: center;}
.big_img .swiper-slide img{  max-height: 80%; max-width: 80%; margin: 0 auto;}
.big_img .swiper-slide .txt{ background-color: #fff; line-height: 28px; padding: 0 8%;}
.big_img .page2{position: absolute; top:0.2rem;text-align: center;width: 100%;}
.big_img .page2 span{margin:0 0.05rem;}
.big_img .close{ font-size: 30px; color: #fff; width: 48px; height: 48px; line-height: 48px; top: 10%; right: 0; left: 0; margin: 0 auto; position: absolute; z-index: 10000; cursor: pointer; text-align: center; border-radius: 48px; background-color: #464646;}
.big_img .close i{ line-height: 48px; font-size: 30px;}
.big_img .swiper-button-next,.big_img .swiper-button-prev{ background: #fff; width: 74px; height: 74px; line-height: 74px; border-radius: 74px; margin-top: -40px;}
.big_img .swiper-button-next{ right: -37px; opacity: 1; background-color: #104190;}
.big_img .swiper-button-prev{ left: -37px; opacity: 1; box-shadow: #eae9e9 4px 0 5px;}
.big_img .swiper-button-next i,.big_img .swiper-button-prev i{ font-size: 50px; color: #d3d3d3; display: block; text-align: center;}
.big_img .swiper-button-next i{ color: #fff;}

.vshare{ background-color: #fff; position: absolute; width: 100%; height: 10%; box-sizing: border-box; text-align: right; padding: 0 2rem; bottom: 0; left: 0;}
.big-style .swiper-container2{ background-color: #ffffff; border-radius: 5px;}
.big-style .close{ left: auto; right: -25px; top: -22px;}


.fmsg{ width: 70%; margin: 0 auto;}
.ys-msg input{ background: #fff; border: 1px solid #ddd; height: 55px; line-height: 55px; box-sizing: border-box; padding: 0 20px; width: 80%; display: block;float: left; border-radius: 5px; font-size: 16px;}
.ys-msg button{ background: #0e68b0; text-align: center; width: 18%; font-size: 16px; border-radius: 5px; border: 0; float: right; height: 55px; line-height: 55px; color: #fff;}

#map{ width: 100%; height: 60rem;}

.list-sys li .active{border: 1px solid #0075c1; color: #0075c1;}

.t-tab{ max-width: 900px; margin: 4rem auto; text-align: center;}
.t-tab table { width: 100%;}
.t-tab table tr{ border-bottom: 1px solid #ededed; text-align: left;}
.t-tab table tr:first-child{ font-size: 2.4rem; color: #9f0811;}
.t-tab table tr td{ width: auto; line-height: 2; padding: 10px 0; }


.load-btn{display: inline-block;
    font-size: 16px;
    border: 1px solid #0075c1; background: #ffffff;
    padding: 1rem 5rem;
    color: #0075c1;
    border-radius: 3rem;
    text-align: center;
    margin: 0 auto;}
.button-section{ text-align: center;}
.content img{ width:100%;height:100%;}