@charset "utf-8";

/*全局控制*/
*{box-sizing: border-box;}
body{margin:0;padding:0;line-height:22px;font-size: 14px;font-family: ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings: normal;font-variation-settings: normal;-webkit-text-size-adjust:none;color:#666;}
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,p{margin:0;padding:0;}
input,select,textarea{font-size:12px;line-height:16px;}img,button{border:0;}ul,li{list-style-type:none;}
a{color:#333;text-decoration:none;}
.tc{text-align:center;}.tl{text-align:left;}.tr{text-align:right;}
.dis{display:block;}.undis{display:none;}
.fl{float:left;}.fr{float:right;}.cl{clear:both;}.fb{font-weight:bold;}.fnb{font-weight:200;margin-left:-1px;}
.hr_1,.hr_10{font-size:1px;line-height:1px;clear:both;}
.hr_1{height:1px;}.hr_10{height:10px;}
input[type="text"]:focus,input[type="password"]:focus,textarea:focus{outline:none;}
.wc{width:1200px;margin: 0 auto;}
img{padding: 0;margin: 0;vertical-align: middle;display: block;width: 100%;}
i{font-style:normal}
.clearfix::after {content: "";display: table;clear: both;}
.bmg{background: #f4f4f4}
.h95{display: bottom;height: 95px;}
.h300{min-height: 900px;}
.wap{display: none;}

.ptop{height: 95px;border-bottom: 3px solid #266fff;background: #fff;position: fixed;top: 0;width: 100%;z-index: 9999}
.ptop .plogo{width: 180px;margin-top: 15px;}
.ptop .mess{height: 40px;border: 1px solid #266fff;/*width: 385px;*/margin-top: 25px;}
.ptop .mess form{height: 100%;}
.ptop .mess #keywords{width: 320px;height: 100%;border:none;padding:  0 3%;}
.ptop .mess .sub{width: 60px;height: 100%;background: #266fff;color: #fff;}
.topadv{margin-top: 15px;margin-bottom: 15px;}
.topadv a{width: 32.3%;float: left;margin-right: 1.55%;}
.topadv a:nth-child(3){margin-right: 0;}
.cesw{font-size: 16px;height: 60px;line-height: 60px;float: left;margin-left: 5%;color: #032752;margin-top: 15px;font-weight: bold;}


.filter{background: #fff;padding: 20px 10px;}
.filter .li{float: left;width: 125px;margin-right: 15px;}
.filter .one{width: 50px;height: 35px;line-height: 35px;}
.filter .one span{color: #000;font-size: 12px;}
.filter .li:last-child{margin-right: 0;}
.filter .li select{height: 35px;line-height: 35px;padding: 0 8%;width: 100%;background: #fff;border: 1px solid #e1e1e1;border-radius: 3px;}

.prolist{background: #fff;margin-top: 15px;}
.prolist label{float: left;width: 60px;text-align: center;padding: 15px 0;line-height: 20px;height: 50px;font-size: 12px;}
.prolist label a{color: #333;transition: color .2s}
.prolist label a.active{color: #266fff}
.prolist .position{position: relative;}
.prolist .position span{display: block;width: 8px;position: absolute;right: 5px;top: 12px;}
.prolist .position span i{font-size: 9px;display: block;height: 8px;color: #969696;transition: color .2s}
.prolist .position span i.arrow-on{color: #266fff}
.prolist .f4 {width: 80px;}
.prolist .jia{width: 188px;float: left;padding: 12px 0;line-height: 20px;height: 50px;font-size: 12px;margin-left:10px;}
.prolist .jia .li{float: left;width: 60px;height: 100%;padding:0 3px;font-size: 11px;}
.prolist .jia .i{width: 15px;text-align: center;height:100%;}
.prolist .jia .sub{height: 100%;width: 42px;text-align: center;border: 1px solid #266fff;color: #fff;background: #266fff;margin-left: 10px;border-radius: 1px;}
.prolist .jia .li:focus {border:1px solid #266fff;}
.prolist .res{height: 30px;line-height: 30px;width: 50px;text-align: center;color: #fff;background: #ff7400;margin-left: 10px;margin-top: 10px;font-size: 14px;border-radius: 5px;}


.proli{background: #fff;width: 100%;margin-bottom: 3px;}
.proli .li{padding: 15px;}
.proli .li.li-toggle{cursor: pointer;}
.proli .li .img{width: 80px;float: left;}
.proli .li .tit{float: left;margin-left: 20px;width: 400px;}
.proli .li .tit p{color: #000;font-weight: bold;font-size: 16px;margin-bottom: 10px;}
.proli .li .tit span{display: block;color: #666}
.proli .li .tye{float: left;margin:0 180px;}
.proli .li .tye .l1{}
.proli .li .tye .l1 span{height: 28px;font-weight: 700;font-size: 20px;color: #ed1b23;line-height: 28px;}
.proli .li .tye .l2{color: #666;line-height: 26px;width: 120px;}
.proli .li .tye .l3{line-height: 30px;}
.proli .li .tye .l3 img{height: 15px;width: auto;display: inline-block;margin-right: 8px;}
.proli .li .duo{float: left;margin-left: 20px;width: 98px;height: 30px;text-align: center;line-height: 28px;border: 1px solid #266fff;color: #266fff;font-size: 12px;border-radius: 3px;margin-top: 20px;}
.proli .li .duo i{font-size: 12px;margin-left: 5px;display:inline-block;transition: transform 0.3s ease;transform: rotate(180deg);}
.proli.open .li .duo i{transform: rotate(0deg);}
.proli .list{height: 0;overflow: hidden;transition: height 0.3s ease;}
.proli .list .p{height: 38px;line-height: 38px;background: #f8f8f8;border-bottom: 1px solid #eceff6;font-size: 12px;}
.proli .list .p .p1{width: 110px;text-align: center;}
.proli .list .p .p2{width: 550px;padding-left: 100px;}
.proli .list .pli{height: 58px;padding: 10px 0;background: #fff;}
.proli .list .pli .p1 img{width: 40px;margin: 0 auto}
.proli .list .pli .lunimg{cursor: pointer;position: relative;}
.proli .list .pli .lunimg::after{
    content: '';position: absolute;left: 50%;top: 50%;width: 40px;height: 40px;
    transform: translate(-50%,-50%);background: rgba(0,0,0,.45);
    opacity: 0;transition: opacity .25s;pointer-events: none;
}
.proli .list .pli .lunimg:hover::after{opacity: 1;}
.proli .list .pli .lunimg::before{
    content: '\e60f';font-family: 'iconfont';color: #fff;font-size: 24px;
    position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
    opacity: 0;transition: opacity .25s;pointer-events: none;z-index: 2;
}
.proli .list .pli .lunimg:hover::before{opacity: 1;}

/* ===== 规格图片弹层 .zhe ===== */
.zhe{
    position: fixed;inset: 0;z-index: 9999;
    background: rgba(0,0,0,.88);
    opacity: 0;visibility: hidden;
    transition: opacity .25s ease, visibility .25s;
}
.zhe.open{opacity: 1;visibility: visible;}
body.zhe-fixed{overflow: hidden;}

.zhe-head{
    position: absolute;top: 0;left: 0;right: 0;height: 15vh;
    text-align: center;
    padding: 0 24px;display: flex;align-items: center;justify-content: space-between;
    color: #fff;font-size: 18px;font-weight: 500;
    background: linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,0));
    pointer-events: none;
}
.zhe-title{pointer-events: auto;width: 100%;text-align: center;color: #fff;font-weight: bold;font-size: 30px;}

.zhe-close{
    pointer-events: auto;
    width: 36px;height: 36px;line-height: 34px;text-align: center;
    border-radius: 50%;border: 1px solid rgba(255,255,255,.4);color: #fff;font-size: 26px;
    text-decoration: none;transition: background .25s;
}
.zhe-close:hover{background: rgba(255,255,255,.15);}

.zhe-body{
    position: absolute;top: 15vh;left: 0;right: 0;bottom: 0;
    height: 75vh;
    display: flex;flex-direction: column;align-items: center;justify-content: center;
}
.zhe-swiper{
    width: 100%;height: 100%;
    position: absolute;top: 0;left: 0;right: 0;bottom: 0;
}
.zhe-swiper .swiper-slide{
    width: 100%;height: 100%;
    /* 左右各 1% 的内缩，形成 slide 间 2% 间距 */
    padding: 0 1%;
    box-sizing: border-box;
}
.zhe-swiper .swiper-slide .gg-slide-inner{
    width: 100%;height: 100%;
    display: flex;align-items: center;justify-content: center;
    overflow: hidden;position: relative;
    border-radius: 4px;
}
.zhe-swiper .swiper-slide img{
    width: 100%;height: 100%;object-fit: cover;display: block;
    transition: transform .35s ease;
}
/* active slide 图片适当放大 */
.zhe-swiper .swiper-slide-active img{transform: scale(1.08);z-index: 2;}

/* 两侧 slide 黑色半透明遮罩 —— 挂在 gg-slide-inner 上，inset:0 与图片完全同尺寸 */
.zhe-swiper .swiper-slide .gg-slide-inner::after{
    content: '';position: absolute;inset: 0;
    background: rgba(0,0,0,0);
    transition: background .35s ease;pointer-events: none;
    border-radius: 4px;
}
.zhe-swiper .swiper-slide:not(.swiper-slide-active) .gg-slide-inner::after{
    background: rgba(0,0,0,.5);
}

.zhe-swiper-button{
    position: absolute;top: 50%;transform: translateY(-50%);
    width: 48px;height: 48px;border-radius: 50%;
    background: rgba(255,255,255,.2);color: #fff;font-size: 32px;font-weight: 300;
    line-height: 44px;text-align: center;cursor: pointer;user-select: none;
    transition: background .25s;z-index: 20;
}
.zhe-swiper-button:hover{background: rgba(255,255,255,.4);}
.zhe-swiper-prev{left: 24px;}
.zhe-swiper-next{right: 24px;}

.zhe-legend{
    position: absolute;left: 0;right: 0;bottom: 24px;
    display: flex;gap: 22px;justify-content: center;flex-wrap: wrap;
    z-index: 15;
}
.zhe-legend-item{
    color: rgba(255,255,255,.55);font-size: 13px;transition: color .25s;
    padding: 4px 8px;border-bottom: 1px solid transparent;
}
.zhe-legend-item.cur{color: #fff;border-bottom-color: #266fff;}

.pfoot{background: #fff;width: 100%;margin-top: 20px;}
.pfoot .pfoot1{padding: 12px 0 8px;border-bottom: 1px solid #eceff6;}
.pfoot .pfoot1 .pfoot1-l img{width: 150px;margin-bottom: 15px;}
.pfoot .pfoot1 .pfoot1-l p{line-height: 30px;}
.pfoot .pfoot1 .pfoot1-r .img{float: left;width: 100px;margin-left: 25px;}
.pfoot .pfoot1 .pfoot1-r .img p{line-height: 30px;text-align: center;font-size: 12px;}

.pfoot .pfoot2{line-height: 48px;}

/* ===== 首页落地页 ===== */
.land{position:relative;min-height:100vh;width:100%;background:url(../images/pbmg.jpg) no-repeat center center;background-size:cover;display:flex;flex-direction:column;}
.land::before{content:"";position:absolute;inset:0;/*background:rgba(255,255,255,0.78);*/z-index:0;}
.land .land-inner{position:relative;z-index:1;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;}
.land .logo{width:clamp(140px,22vw,260px);margin-bottom:clamp(20px,4vw,50px);}
.land h1{font-size:clamp(28px,5vw,60px);color:#1a3a6b;font-weight:700;line-height:1.3;margin-bottom:clamp(10px,2vw,24px);}
.land .sub{font-size:clamp(16px,2.4vw,30px);color:#333;margin-bottom:clamp(24px,5vw,70px);}
.land .desc{width:min(900px,90%);font-size:clamp(15px,1.8vw,22px);color:#333;line-height:1.9;margin-bottom:clamp(30px,6vw,80px);}
.land .btn{position:absolute;bottom:24%;left:50%;transform:translateX(-50%);display:inline-block;padding:clamp(12px,2vw,20px) clamp(40px,8vw,90px);font-size:clamp(16px,2.2vw,26px);color:#266fff;/*background:#266fff;*/border-radius:6px;transition:background .25s;}
.land .btn:hover{background:#D9EBFF;}
.land .foot{position:relative;z-index:1;width:100%;background:#0f4476;color:#fff;text-align:center;padding:clamp(14px,2vw,24px) 20px;font-size:clamp(13px,1.6vw,24px);line-height:0.6;}
.land .foot a{color:#fff;}

.pleft{position: fixed;left:50%;margin-left: -830px;top:90px;}
.pleft a{margin: 20px 0;width: 200px;display: block;position: relative;}
.pleft a span{display: block;position: absolute;top: 5px;right: 5px;width: 15px;height: 15px;text-align: center;line-height: 12px;border-radius: 50%;background:rgba(0,0,0,0.8);pointer-events: auto;color: #fff;font-size: 14px;text-decoration: none;transition: background .25s;z-index: 9999}

.text-center{text-align: center;padding: 30px 0;}
.pagination {list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom}
.pagination li {display:inline-block!important;border:solid 1px #EBEBEB;border-radius:4px}
.pagination a {color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175,0.885,0.32,1) 0s}
.pagination .disabled a:link,.pagination .disabled a:visited,.pagination .disabled a:hover {cursor:not-allowed;pointer-events:none;color:#EBEBEB}
.pagination .active {pointer-events:none}
.pagination .active,.pagination a:hover {transition:all .3s cubic-bezier(0.175,0.885,0.32,1) 0s}
/*分页 begin*/
.pagination li {margin:0 5px;font-size:14px;border:none;border-radius:4px;}
.pagination li a {border-radius:4px;color:#6e6e6e;background:#fff;padding:8px 14px;border:1px solid #DCDCDC;}
/* .pagination li i {font-weight:bold;font-size:18px;padding:0 3px} */
.pagination li.active a,.pagination li a:hover {background:#266fff;color:#fff;border:1px solid #266fff;}
/*分页 end*/

.pright{position: absolute;left:50%;margin-left: 625px;top:110px;width: 300px;z-index: 8px;}
.pright h3{text-align: center;margin-bottom: 15px;font-size: 18px}
.pright .li{background: #fff;border-radius: 5px;overflow: hidden;margin-bottom: 10px;}
.pright .li p{height: 45px;line-height:45px;padding: 0 15px;cursor: pointer;margin:0;transition: color .25s;}
.pright .li p i{float: right;transition: transform .3s ease;transform: rotate(0);}
.pright .li.open p i{transform: rotate(180deg);}
.pright .li .com{font-size: 12px;padding:15px;border-top: 1px dashed #eceff6;display: none;}
.pright .more{display: block;margin: 0 auto;width: 100px;line-height: 40px;height: 40px;text-align: center;border-radius:20px;font-size: 12px;background: #fff;color: #969696}

.vli{background: #fff;padding-top: 20px;}
.vli .toptit{border-left: 5px solid #0261da;margin-bottom: 20px;font-size: 20px;padding-left: 25px;color: #000;font-weight: bold;}
.licon{padding: 40px;}
.licon-item{position: relative;padding-left: 20px;padding: 15px 0 15px 20px;}
.vli .licon-item:last-child{padding-bottom: 0;}
.licon-item .border{position: absolute;left: 4px;height: 100%;border-left: 2px solid #e4e7ed;}
.licon-item .yuan{background-color: #0261da;position: absolute;background-color: #e4e7ed;border-radius: 50%;display: flex;justify-content: center;align-items: center;left: -1px;width: 12px;height: 12px;}
.licon-item .licon-date{margin-bottom: 12px;padding-top: 4px;font-size: 20px;font-weight: 600;color: #222;}
.licon-item .licon-card{border: 1px solid #e4e7ed;padding: 20px;transition: transform .3s ease;transform: rotate(0);}
.licon-item .licon-card .licon-title{display: block;font-size: 16px;color: #000;margin-bottom: 10px;}
.licon-item:hover .licon-card{transform: translateY(-4px);/* 悬停阴影：偏移增大、模糊增强、扩散微调，模拟距离变远 */box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}
.vli .licon-item:nth-child(1) .yuan{background-color: #266fff}

.fanhui{float: right;height: 100%;width: 50px;margin-right: 40px;text-align: center;border: 1px solid #bbbbbb;color: #666;background: #d2d2d2;margin-left: 10px;border-radius: 1px;font-size: 12px;border-radius: 8px;}
.fanhui:hover{background: #266fff;color: #fff;border: 1px solid #266fff}