@charset "utf-8";
/* CSS Document */
:root{
  --blue-color:#f04800;
  --search-height:50px;
}
html{height:100%;    -webkit-tap-highlight-color: transparent;
    text-size-adjust: 100%;-webkit-text-size-adjust:100%}
body{height:100%;position:absolute;width:100%;margin:0;padding:0;background:#f6f6f6;font-family:"Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;color:#363636;font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
text-rendering: optimizeLegibility;font-family:"Helvetica",'053-CAI978';}

textarea:focus, input:focus{
    outline: none;
}

a{text-decoration:none;color:#363636}
a:hover{text-decoration:none;color:var(--blue-color)}
ol{padding:12px 20px;}
img{border:0;}
img.border{border:1px solid #ccc;}
.gul{padding:0;margin:0;list-style:none;}
.shadow{box-shadow: 0 3px 4px #aaa;-webkit-box-shadow: 0 3px 4px #aaa;}
.w{margin:0 auto;width: 98%;background-color: #fff;;}
.w2{margin:0 auto;width:98%;background-color: #fff;border-radius: 7px;;}
.w3{max-width:1020px;padding-left:76px;box-sizing: border-box;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;height:0px;line-height:0px;font-size:0px;overflow:hidden;}
.cf:before, .cf:after {content:"";display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}
.mshow{display:none;}
.show{display: block;}
.highlight{color:#d7111e}
.vk_gallery{
  position: relative;
  max-width: 100%;
  width: 100%;
}
img.thumb {
  width: 100%;
  max-width: 100%;
  height: auto;
}
.vk_gallery li a span{display:block;line-height:110%;}

.dataTable{width:100%; border-bottom:1px solid #333;border-collapse:collapse; line-height:100%;padding:20px 0;}
.dataTable caption{text-align:left;padding:12px 0;}
.dataTable p{margin:0;padding:0;}
.dataTable th{color:#fff;font-weight:bold;text-align:center;background:#d7111e; vertical-align:middle;padding:15px 11px;border-bottom:1px solid #dda1a1;position: sticky;top: 0;}
.dataTable tr{background:#fff;}
.dataTable td{ text-align:center;padding:11px; border-bottom:1px solid #ccc;}
.dataTable tr:hover{background:#fff6f7;}
.dataTable td:hover{background:#ffe5e7;}
.dataTable tbody th:first-child{position: sticky;left: 0;}


.loading,
.loading > div {
  position: relative;
  box-sizing: border-box;
}

.loading {
  display: block;
  font-size: 0;
  color: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  width: 54px;
  height: 18px;
  margin:auto;
}

.loading.la-dark {
  color: #333;
}

.loading > div {
  display: inline-block;
  float: none;
  background-color: currentColor;
  border: 0 solid currentColor;
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  animation: ball-beat 0.7s -0.15s infinite linear;
}

.loading > div:nth-child(2n-1) {
  animation-delay: -0.5s;
}

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.flex{display:flex;align-items:center;}

@font-face {
  font-family: "cfont";
  src: url('/fonts/CAI978.ttf?t=1745907341532') format('truetype');
}

@font-face {
  font-family: "iconfont"; /* Project id  */
  src: url('/fonts/iconfont.ttf?t=1745907341532') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: "\e545";
}

.icon-arrow-left:before {
  content: "\e546";
}

.icon-cross:before {
  content: "\e54e";
}

.icon-Language:before {
  content: "\e619";
}

.icon-search:before {
  content: "\e6d2";
}

/***********************************/

.vcodep{display: flex;align-items: center;}
.vcodep img{width:60px;margin-left:12px;height:30px;}

#mnav{display:none;    position: fixed;
    background: rgb(255, 255, 255);
    z-index: 1000000;
    width: 100%;
    height: 100vh;
    top: 0;    font-size: 120%;
    text-align: center;margin:0;}
#mnav>li{margin:0 12px;list-style: none;;}
#mnav>li a{display: block;padding: 8px 0;}
#mnav ul{display: none;;}

#simg{position:relative;z-index:-1;top:0;left:0;width:100%;}
#simg ul{padding:0;margin:0; position:relative;height:100%; overflow:hidden;margin:0 auto;}
#simg ul li{height:100%;width:100%; overflow:hidden;background:url() no-repeat center center;background-size:cover;}
#simg ul li img{width:100%;display: block;;}
#simg ul li div{display: flex;flex-direction: column;    justify-content: center;height:100%;padding-left:120px;box-sizing: border-box;;}
#simg ul li div p{font-size:240%;width:40%;color:rgba(255,255,255,.6);line-height:110%;font-weight: 300;;}
#simg ul li div a{background:#fff;border-radius: 25px;height:50px;line-height: 50px;padding:0 15px;width:80px;text-align: center;;}

#jgcon{height:calc(100vw*0.3845 - 330px);background:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxIiBoZWlnaHQ9IjEiPgogIDxyZWN0IHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9IndoaXRlIiAvPgo8L3N2Zz4=') repeat-x bottom left;opacity: .3;}

@media (max-width: 2000px) {
  #jgcon{height: auto;
        width: 100%;
        aspect-ratio: 2512 / 600;}
}

@media (max-width: 1424px) {
  #jgcon{height: auto;
        width: 100%;
        aspect-ratio: 2512 / 500;}
}

.submenu{position: absolute;width:100%;border-top:1px solid #d5d5d5;min-height:360px;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden; padding-bottom:90px;box-shadow: 0 5px 10px rgba(0,0,0,.1);display: none;z-index: 100000000;}
.submenu::after{content: "";position: absolute;left:0;bottom:0;width: 100%;height:100%;z-index:0;background:#fff url(/images/bk1.webp) no-repeat left 240px;}
.submenu::before{content: "";position: absolute;left:0;bottom:0;width: 100%;height:100%;z-index:1;background:rgba(255,255,255,.8);;;} 
.submenu .submenuCon{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;position:relative;width:100%;height:100%;box-sizing: border-box;z-index:1;}
.submenu .xszi{content: "";position: absolute;right:62px;bottom:20px;font-weight: bold;color:#959595;z-index: 2;;}
.submenu .closeBtn{position: absolute;right:20px;top:24px;width:30px;height:30px;display: flex;align-items: center;justify-content: center;color:#959595;font-size: 20px;cursor:pointer;z-index: 1;font-weight: normal;font-family:sans-serif;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23999999' d='M558.165333 496.938667l350.848 350.848a21.333333 21.333333 0 0 1-30.165333 30.165333l-350.848-350.848-348.586667 348.586667a21.333333 21.333333 0 0 1-30.165333-30.165334l348.586667-348.586666-348.586667-348.586667a21.333333 21.333333 0 1 1 30.165333-30.165333l348.586667 348.586666 350.848-350.848a21.333333 21.333333 0 0 1 30.165333 30.165334l-350.848 350.848z'/%3E%3C/svg%3E") no-repeat center center;background-size: 20px auto;}

.submenu .mside1{width:24%;display: flex;flex-direction: column;padding:30px 0 0 90px;box-sizing: border-box;}
.submenu .mside1 h3{color:var(--blue-color);font-size: 150%;text-transform: uppercase;margin:0 0 140px;;}
.submenu .mside1 .discoverBtn{color:var(--blue-color);font-size:90%;}
.submenu .mside2{width:76%;    padding-top: 12px;}
.submenu .mside2 ul{width:100%;display: flex;flex-wrap: wrap;justify-content:flex-start;align-items: flex-start;margin:0;padding:0;}
.submenu .mside2 ul li{width:33.33%;;display: flex;flex-direction: column;justify-content: center;position: relative;}
.submenu .mside2 ul li a{display: block;padding:4px 0;box-sizing: border-box;position: relative;color:#959595;}
.submenu .mside2 ul li div{font-weight: bold;border-bottom:1px solid #ddd;padding:12px 0;margin-bottom:8px;position: relative;;}
.submenu .mside2 ul li div a{color:#333;position:relative;}
.submenu .mside2 ul li div a::after{content:"\e545";width:20px;height:20px;position: absolute;left:-15px;top:6px;font-family: "iconfont";font-size: 70%;;}
.submenu .mside2 ul li div a:hover{color:var(--blue-color);}

#a_menu{min-height: 260px;;}
.submenu .mside2 .asubmenu li a{padding:22px 0;border-bottom:1px solid #ddd;color:#333;}
.submenu .mside2 .asubmenu li a:hover{color:var(--blue-color);}
.submenu .mside2 .asubmenu li a::after{content:"\e545";width:20px;height:20px;position: absolute;left:-15px;top:24px;font-family: "iconfont";font-size: 70%;;}

#s_menu{min-height: 200px;;}

#tnav1{height:45px;display: flex;justify-content: space-between;;background:rgba(255,255,255,.7);align-items: center;;}
#home #tnav1{justify-content:normal;}
#tnav1 .firstItem{width:190px;height:100%;background:#fff;}
#tnav1>div>a:first-of-type{padding-left:30px;}
#tnav1 a,#tnav2 a{padding:0 15px;height: 100%;display: flex;align-items: center;text-transform: capitalize;position: relative;}
#tnav2 a.haveSub::after{content:"";width:100%;height:3px;background:var(--blue-color);display:none;position:absolute;bottom:-3px;left:0;transform: scaleX(0);transition: all .3s ease-in-out;z-index: 3;;}
/*#tnav2 a.haveSub:hover::after{display:block;transform: scaleX(1);}*/
#tnav2 a.act::after{display:block;transform: scaleX(.8);transition: all .3s ease-in-out;z-index: 3;}


#tnav2{height:80px;display: flex;background:#fff;display: flex;align-items: center;;}
#tnav2 #logo{width:205px;height:100%;background:url(/images/logo.png) no-repeat center center;background-size:70% auto;box-sizing: border-box;}
#tnav2 #tscon{margin-left:auto;display: flex;align-items: center;}
#tnav2 #searchBtn{width:80px;height:55px;border-left:1px solid #ddd;box-sizing: border-box;padding:0;}
#tnav2 #searchBtn::before{width:100%;text-align: center;font-size: 26px;;}
#tnav2 #lng::before{font-size:22px;padding-right:4px;}
#tnav2 #tscon a{font-size:14px;}

#xcon1{display: flex;align-items: center;;}
#xcon1 a{width:33%;color:#fff;line-height: 120%;padding:18px 0;box-sizing: border-box;position: relative;display: flex;;}
#xcon1 a.act::after{content:"";width:70%;height:2px;background:#fff;position: absolute;top:-1px;left:0;transition: all .3s ease-in-out;z-index: 3;;}
#xcon1 a span{padding-left:16px;;}
#xcon2{background:#fff;box-shadow: 0 14px 35px #ccc;display: flex;overflow: hidden;position:relative;;}
#xcon2 li .xconf1div{display:flex;justify-content: space-between;padding:50px 0 20px 0;;}
#xcon2 .xcon2div{width:50%;height:100%;padding:0 50px;box-sizing: border-box;}
#xcon2 .xcon2div h4{color:var(--blue-color);font-size: 180%;text-transform: uppercase;margin-top:0;line-height: 130%;;}
#xcon2 .xcon2Img{border-left:1px solid #ddd;}
#xcon2 .xcon2Img img{width:100%;height:100%;object-fit: cover;}
#xcon2 .xcon2Memo{display: flex;flex-direction: column;justify-content: space-between;;}
#xcon2 .xcon2Memo a.readMore{border:1px solid #ddd;padding:10px;border-radius: 25px;box-sizing: border-box;color:#ddd;width:50%;text-align: center;color:var(--blue-color);margin:30px 0;;}
#xcon2 .xcon2Memo a.readMore:hover{
    background:var(--blue-color);
    color:#fff;
    border:1px solid var(--blue-color);
}

#xcon3{display:flex;justify-content: space-between;padding:114px 0;}
#xcon3 li:first-child{width:39.8%;}
#xcon3 li:last-child{width:60%;}
#iabout h3{color: var(--blue-color);font-size: 150%;text-transform: uppercase;margin-top:0;;}
#iaboutT{padding:0 0 0 50px;display: block;}

.xcon4{text-align: center;padding:12px;margin-top:12px;;}
.xcon4 h2{padding-bottom:10px;}
.xcon4 h2 a{color:var(--blue-color);font-size: 100%;font-weight: normal;}
#pcIcon{display: flex;justify-content: space-between;padding:30px 0 20px 0;;}
#pcIcon a{width:33%;display: block;font-size:140%;padding-top:250px;background:url() no-repeat center center;}
#pcIcon a.ballIcon{background-image:url(/images/valveicon1.webp);}
#pcIcon a.flyIcon{background-image:url(/images/valveicon2.webp);border-left:1px solid #ddd;border-right: 1px solid #ddd;background-size: 36% auto;;}
#pcIcon a.plugIcon{background-image:url(/images/valveicon3.webp);}

#proList{padding:12px 0;}

#xpcshowCon{display: block;position: relative;padding-top:38.53%;width:96%;margin:auto;}
#xpcshowCon::before,#pcList li::before{content:"";width:95%;height:100%;position:absolute;top:0;left:0;z-index:-1;box-shadow: 0 18px 30px #ccc;mix-blend-mode: multiply;}
#xpcshowCon::after,#pcList li::after{position:absolute;width:92%;height:100%;background-color:var(--blue-color);z-index:-2;right:0;top:60px;content: "";}

#xpcshow,#pcList li a{width:95%;height:100%;position: absolute;left:0;top:0;background:#fff url(/images/bk1.jpg) no-repeat left bottom;background-size:70% auto;;}
#xpcshow li{display: none;height: 100%;width:100%;position: relative;;}
#xpcshow li.act{display: block;}
#xpcshow li .pczi1,#pcList li .pczi1{position: absolute;left:55px;top:25px;color:var(--blue-color);}
#xpcshow li .pczi1 span,#pcList li .pczi1 span{font-size:100%;}
#xpcshow li .pczi1 p,#pcList li .pczi1 p{font-size: 200%;font-family: "cfont";font-weight: bold;line-height: 130%;padding:0;margin:8px 0 0 0;;}
#xpcshow li .pczi2{position:absolute;left:10%;bottom:-45px;color:#fff;font-weight: bold;font-size: 150%;padding-left:50px;background:url(/images/white_nj_logo.png) no-repeat left center;background-size:auto 70%;}
#xpcshow li .pcimg,#pcList li .pcimg{width:40%;height:100%;position:absolute;right:6%;top:-13%;background:url() no-repeat center center;background-size:contain;}
#xpcshow #pcballv .pcimg{background-image:url(/images/psimg1.webp);}
#xpcshow #pcbuttv .pcimg{background-image:url(/images/psimg4.webp);}
#xpcshow #pcplugv .pcimg{background-image:url(/images/psimg2.webp);}
.xpcshow::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}

#pcontent{padding-bottom:200px;}
#pcList li{margin-bottom: 150px;position:relative;padding-top:38.53%}
#pcList li::after{top:10px;width:100%;left:10px;}
#pcList li::before{width:100%;}
#pcList li a{width:100%;}
#pcList li a.sma639 .pcimg{background-image:url(/images/psimg1.webp) !important;}
#pcList li a.sma640 .pcimg{background-image:url(/images/psimg4.webp) !important;}
#pcList li a.sma641 .pcimg{background-image:url(/images/psimg2.webp) !important;}
#pcList li a.sma642 .pcimg{background-image:url(/images/psimg3.webp) !important;}
#pcList li a.sma643 .pcimg{background-image:url(/images/psimg_global.webp) !important;}
#pcList li a.sma644 .pcimg{background-image:url(/images/psimg_check.webp) !important;}

#ipcshow{position:relative;margin-top: 178px;overflow-x:clip;}


#inews2,#inews{margin:180px 0 0 0;position: relative;height:726px;overflow: hidden;;}
#inews2::before,#inews::before{width:100%;height:640px;max-width:1500px;;content:"";position:absolute;top:0;left:0;right:0;margin:0 auto;;background-image: linear-gradient(to bottom, #F9F9FA, #ffffff);z-index:-1;}
#inews2 h3,#inews h3{color:var(--blue-color);font-size: 150%;margin:0;padding:45px 0 70px 180px;position:relative;}
#inews2 h3::before,#inews h3::before{content:"";width:35px;height:35px; background:url(/images/blue_nj_logo.png) no-repeat center center;background-size: contain;position:absolute;left:130px;top:40px;}
#inews2 ul,#inews ul{position:absolute;display: flex;height:520px;padding-left: calc(50% - 615px);
    padding-right: calc(50% - 615px);transform:translateX(0)}
#inews ul li{position: relative;width: calc((100% + 30px) / 4 - 30px);max-width:calc((1500px + 30px) / 4 - 30px);height:100%;background:#fff;border-radius: 5px;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.2);margin-right: 30px;flex: 0 0 auto;overflow: hidden;}
#inews ul li a{display: flex;flex-direction: column;overflow: hidden;}
#inews ul li a i{display:block;height:240px;overflow: hidden;}
#inews ul li a div{display:flex;flex-direction: column;padding:40px 40px 20px 40px;}
#inews ul li a .newsType{font-size: 90%;color: #999;}
#inews ul li a .newsTitle{font-weight: bold;padding:25px 0;;}
#inews ul li a .newsDate{font-size: 90%;color: #999;position: absolute;bottom:30px;;}
#inews{display: none;;}

#inews2 li{position: relative;width: calc((100% + 30px) / 4 - 30px);max-width:calc((1500px + 30px) / 4 - 30px);height:526px;background:#fff;border-radius: 5px;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.2);margin-right: 30px;flex: 0 0 auto;overflow: hidden;}
#inews2 li a{display: flex;flex-direction: column;overflow: hidden;}
#inews2 li a i{display:block;height:240px;overflow: hidden;}
#inews2 li a div{display:flex;flex-direction: column;padding:40px 40px 20px 40px;}
#inews2 li a .newsType{font-size: 90%;color: #999;}
#inews2 li a .newsTitle{font-weight: bold;padding:25px 0;;}
#inews2 li a .newsDate{font-size: 90%;color: #999;position: absolute;bottom:30px;;}


#bnews{margin:100px auto 40px auto;position:relative;display: flex;max-height: 560px;height: 26vw;box-sizing: border-box;}
#bnews::before{width:94%;height: 100%;content:"";position:absolute;top:0;left:0;;background:#f7f8fb;z-index:-1;}
#bnews #bnewsWord{width:38%;padding:30px 45px 45px 55px;box-sizing: border-box;display: flex;flex-direction: column;}
#bnews #bnewsWord a{color:var(--blue-color);font-size: 150%;margin:0;padding:40px 0 100px 0;position:relative;font-weight: bold;line-height: 120%;}
#bnews .bnewsContent{padding-top: 60px;position: relative;}
#bnews .bnewsContent::before{content:"";width:30px;height:30px; background:url(/images/blue_nj_logo.png) no-repeat center center;background-size: contain;position:absolute;left:0;top:0;}

#bnews #bnewsImg{width:60%;height: calc(0px + 87.3%); overflow: hidden;    position: absolute;
    right: 0;    bottom: 0;box-shadow: 15px 15px 30px #ccc;}
#bnews #bnewsImg img{width:100%;height:100%;object-fit: cover;}

#nSwapBtn{height:105px;display: flex;align-items: center;justify-content: center;;}
#nSwapBtn span{width:50px;height:50px;display: block;border-radius:25px;border:1px solid #ddd;box-sizing: border-box;cursor:pointer;transition:all .3s ease-in-out;margin:0 10px;display: flex;align-items: center;justify-content: center;color:#ddd}
#nSwapBtn span:hover{background:var(--blue-color);border:1px solid var(--blue-color);color:#fff;}

#imgshowBar{height:calc(100vw * 0.236);background:url() no-repeat center center;background-size:contain;position:relative;background-image:url(/images/is1.webp) !important; background-image:url(/images/is1.jpg);}


#ccform input,#ccform textarea,#ccform select{width:100%;height:32px;line-height:32px;margin:6px 0;text-indent:14px;border:1px solid #ededed;box-sizing: border-box;border-radius: 0;-webkit-appearance:none;border-radius: 5px;;}
#ccform textarea{height:200px;line-height:130%;padding-top:14px;}
#ccform button{width:100%;background:var(--blue-color);color:#fff;height:40px;line-height:40px;border:none;border-radius: 5px;text-align: center;}

#contact_map{display:none;position:relative;border-top:1px solid #ddd;margin:40px 0;padding:90px 0;}
#contact_map::after{width:100%;max-width:1250px;display:block;content:" ";height:425px;background:url(/images/map.webp) no-repeat center center;margin:auto;}

#pshow h1{text-align:center;margin:auto;}
#pshow .psImg{text-align:center;display:block;}
#pshow #proInfo img{max-width:100%;margin:auto;}
#pshow #ccform{padding:20px 0;}
#pshow #offerCon{border-top:1px solid #ddd;padding-top:30px;margin-top:30px;}
#pshow .raon{font-weight:bold;font-size:140%; text-transform:uppercase;}

#rplist{margin:14px auto;}
#rlist{display: flex;;}

#pshow #plist #ipshow{background:#fff;}


/***************page*********************/
#nsimg{background:url(/images/sbar1.webp) no-repeat center center;background-size:cover;height:440px;height:calc(20vw) !important;display:flex;flex-direction: column; align-items: center;display: none;;}

.locon{border-bottom: 1px solid #ddd;padding:20px 0 10px 0;font-size:90%;color:#bebebe;display: none;}
.locon #location{padding-left:76px;box-sizing: border-box;}

#zwcon{max-width:1020px;
    box-sizing: border-box;
   font-size: 120%;line-height: 180%;padding:100px 0 100px 76px;;}
#zwcon img{max-width:100%;display: block;}
#pdetail #zwcon img{display: block;}

#zwcon h2.subTitle,h1.title{font-size: 250%;
    font-weight: normal;
    text-transform: uppercase;
    color: var(--blue-color);
    padding: 0 0 80px 0;font-family:cfont,"Montserrat","Helvetica Neue";line-height: 120%;display: block;margin:0;}

.pagecon{padding-top:60px;}

#proInfo::after{content: "";height:100%;width:100%;z-index: -1;background:linear-gradient(to top,#f6f6f6,#ffffff);position:absolute;left:0;top:0;}

h1.title{display: none;}
h1.title a{color:var(--blue-color)}
h1.show{display: block;}
#news h1.title{display: block;}
#pdetail h1.title{display:block;}

#zwcon #proInfo{position: relative;}
#zwcon #proInfo .w2{padding:20px 12px;box-sizing: border-box;}
#offerCon{padding:14px;margin-top:14px;box-sizing: border-box;;}
#offerCon .raon,#rplist .raon{font-size: 120%;color: var(--blue-color);text-transform: uppercase;margin:0;padding:10px 0 20px 0;;}
#rplist .raon{padding-left:14px;}
#offerCon b{display: none;;}
.plist{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top:60px 0 0 0;position: relative;padding:0;}
.plist li{width: 31%;margin-bottom: 20px;position: relative;background:#fff;border-radius: 5px;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.2);list-style: none;}
.plist li:last-child:nth-child(3n - 1) {
    margin-right: calc(31% + 7% / 2);
}

.plist li:last-child:nth-child(3n - 2) {
    margin-right: calc(31% * 2 + 7% / 2);
}
.plist li a img{transition: all .7s cubic-bezier(.43,.195,.02,1);border:none;}
#pdetail #zwcon .plist img{border:none}
.plist li:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
}
.plist li a{display: block;width:100%;height:100%;overflow: hidden;padding:16px 8px 8px 8px;box-sizing: border-box;}
.plist li a .memo{border-top:1px solid #ddd;padding:12px 0 25px 0;}
.plist li a .memo b{display: block;font-weight: normal;text-align: center;font-size: 90%;line-height: 110%;padding:0 12px;}
.plist img{width:100%;height:100%;object-fit: cover;display: block;}


#mmr{margin-top:12px;}
#subNav h3{font-weight: normal;font-size:160%;padding-bottom:30px;border-bottom: 1px solid #ddd;margin:0;padding:0 0 20px 0;;}
#subNav ul{padding:0;margin:0 auto;width:95%;}
#subNav ul li{list-style:none;border-radius: 5px;margin-bottom: 12px;padding-left:14px;box-sizing: border-box;background-color: #fff;;}
#subNav ul li a{display: flex;padding:17px 0;align-items: center;font-size:100%;}
#subNav ul li a::after{content:"";width:100%;width: 30px;height: 30px;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='15' height='15' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23999999' d='M383.291616 808.954249c-5.175883 0-10.353812-1.950422-14.338566-5.862521-8.064676-7.919367-8.182356-20.877493-0.26299-28.942169l273.602402-278.620695L368.69006 216.907145c-7.919367-8.064676-7.801686-21.022803 0.26299-28.942169 8.065699-7.918343 21.022803-7.80271 28.942169 0.26299l287.685141 292.960285c7.818059 7.961322 7.818059 20.717857 0 28.67918L397.895219 802.826692C393.887952 806.907637 388.591319 808.954249 383.291616 808.954249z'/%3E%3C/svg%3E") no-repeat center center;display:block;margin-left: auto;}

.npcshow{max-width:1100px;padding-left:76px;box-sizing: border-box;margin-top:128px; overflow-x: clip;}
.npcshow #pcshowBk,.npcshow #pcshowWhiteBk{max-height: 360px;;}

#p6380 .npcshow{display: none;;}

#footer{margin:14px auto;color:#999}
#footer a{color:#999}
#footerCon{padding:15px 16px;display:;justify-content: space-between;align-items: center;}
#footerCon #footerNav{display: flex;flex-wrap: wrap;}
#slogo{width:27%;}
#footerCon #footerNav a{padding: 0 25px 0 0;}

#footerCopy{border-top: 1px solid #ededed;padding:15px 0 20px 0;}

#news #simg{background-image:url(/uploadfiles/images/site/bars/about.jpg);}

#news .pshowCon{padding:0 0 30px 0;}
#news .psImg{display:block;max-width:30%;padding:8px;border:1px solid #ddd;float:left;margin-right:18px;margin-bottom:18px; box-sizing: border-box;}
#news .psImg img{display:block;max-width:100%;padding-bottom:12px;}
#news .psImg a{display:block;font-size:70%;color:#999;text-align: center;line-height: 1.2;}
.pnNews{display:flex;flex-direction: column;margin-top:12px;}
.pnNews a{width:98%;}
.news{
    padding: 50px 0 0 0;
}
#news .event h2{text-align:left;}

.downlist{border-top:1px solid #ddd;padding:100px 0;margin-top:100px;display: flex;justify-content: space-between;align-items: stretch;flex-wrap: wrap}
.downlist li{width: 30%;margin-bottom: 30px;position: relative;background:#fff;border-radius: 5px;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.2);box-sizing: border-box;height: 400px;}
.downlist li a{display: block;width:100%;height:100%;overflow: hidden;display: flex;align-items: end;background:url() no-repeat center top;background-size:contain;position: relative; }
.downlist li.buttdown a{background-image: url(/images/balldown.jpg);}
.downlist li.plugdown a{background-image: url(/images/plugdown.jpg);}
.downlist li.gatedown a{background-image: url(/images/gatedown.jpg);}
.downlist li a span{display: none;padding:20px;}

#event ul li{display: flex;padding:30px 0 30px 0;border-top: 1px solid #ddd;justify-content: space-between;}
#event ul li a.img{width:30%;}
#event ul li div{width:68%;}

#event .date{font-size:90%;color:#ccc;padding:0 0 10px 0;margin:0;}
#event a.more{color:var(--blue-color);font-size:80%;border:1px solid var(--blue-color);padding:5px 30px;border-radius: 25px;display: inline-block;margin-top:20px;}
#event a.more:hover{background:var(--blue-color);color:#fff;}

#ssForm{display: flex;align-items: center;border:1px solid #ccc;border-radius: 10px;}
#ssForm input{flex:1;border:none;height:var(--search-height);line-height:var(--search-height);padding-left:14px;box-sizing: border-box;border-radius: 10px;;}
#ssForm button{width:var(--search-height);height:var(--search-height);line-height:var(--search-height);border:none;background:#fff;border-radius: 10px;}

.slist{margin: 0;padding:0; list-style: none;}
.slist li{padding:0 0 15px 0;}
.slist li>h3{font-size:130%;}
.slist li .surl{color:#959595;font-size:90%;padding:4px 0;word-wrap: break-word;word-break: break-all;display: block;}
.slist li p{padding:0;line-height: 120%;;}
#zwcon .slist li img{width:25%;float:left;margin-right:15px;margin-bottom:15px;}

#videoList ul{padding:0;margin:0;list-style: none;}
#videoList ul li{padding:20px 0 0 0;border-top:1px solid #ddd;}
#videoList ul li a{display: block;;}
#videoList ul li a p,#svideo p{padding:0;margin:0;position: relative;height: calc(100vw / 2); overflow: hidden;border-radius: 6px;}
#videoList ul li a p::after,#svideo p::after{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.3);transition: all .3s ease-in-out;z-index: 1;}
#videoList ul li a p::before,#svideo p::before{content: "";position: absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='46' height='46' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ffffff' d='M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m3.008-92.992a416 416 0 1 0 0-832 416 416 0 0 0 0 832zM383.232 287.616l384 224.896-384 223.104v-448z'/%3E%3C/svg%3E") no-repeat center center;transition: all .3s ease-in-out;z-index: 2;}
#videoList ul li a img{width:100%;height:100%;object-fit: cover;display: block;}

#videoList ul li a h3{font-size: 100%;color:#333;font-weight:normal;padding:12px 0 12px 20px;text-align: left;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23dc4402' d='M512 1024A512 512 0 1 1 512 0a512 512 0 0 1 0 1024z m3.008-92.992a416 416 0 1 0 0-832 416 416 0 0 0 0 832zM383.232 287.616l384 224.896-384 223.104v-448z'/%3E%3C/svg%3E") no-repeat left center;margin:0 0 12px 0;}

.sres{padding:12px;margin:12px 0;box-sizing: border-box;border-radius: 5px;width:100%;overflow-x: scroll;display: flex;;}
.sres::-webkit-scrollbar {
    display: none; /* 隐藏滚动条 */
}
.sres .sitem{width: 40%;margin-right: 12px;flex: 0 0 auto;background:#fff;border-radius: 5px;box-sizing: border-box;padding:0 12px;}
.sres .sitem:last-child{margin-right:0;}
.sres .sitem p{padding:0;margin:0;}
.sres .sitem h4{font-weight: normal;text-align: center;line-height: 130%;font-size: 90%;;}
#sres h3,#svideo h3{font-weight: normal;font-size:120%;padding:12px 0 0 12px;}
#svideo p{height: auto;;}
#svideo p::before{background-size:30px 30px;}

.psImg{background:#fff;display:block;padding-top:12px;}
.psImg img{margin:auto;}

#pdetail #svideo h3 {    font-size: 90%;
    line-height: 100%;
    padding: 0;
}
#pdetail .sres{margin:0;background:#fff;padding-left:24px;;}
#pdetail .sres .sitem{padding:0;}

#home{padding-top:60px;}

#fileList ul{padding:0;margin:0;list-style: none;}
#fileList ul li{padding:20px 0 20px 0;border-top:1px solid #ededed;} 
#fileList ul li a{display: block;padding-left:24px;background:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ff6600' d='M123.314066 41.125241h510.273603L863.198459 270.674374v243.052023h-82.188825V369.942197h-246.628131V123.314066H205.50289v739.884393h328.878613v82.188824H123.314066V41.125241z m493.256262 99.267823v147.360308h147.360308L616.570328 140.393064z m205.50289 435.052023v292.254335l103.090558-101.919075 57.834297 58.450867-201.988439 199.707129-201.988439-199.707129 57.772639-58.450867L739.884393 867.699422v-292.254335h82.188825z'/%3E%3C/svg%3E") no-repeat left center;}