@charset "utf-8";
/* CSS Document */
:root{
  --blue-color:#0050a3;
  --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:#fff;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:#004ca0}
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:95%;max-width:1350px;width:1500px\9;}
.w2{margin:0 auto;width:80%;max-width:1116px;width:1240px\9;}
.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;}
#mnav>li{margin:0 12px;list-style: none;;}
#mnav>li a{display: block;padding: 8px 0;}
#mnav ul{display: none;;}

#simg{position:absolute;z-index:-1;height:966px;height:calc(100vw*0.3845);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.simg1{background-image:url(/images/showimg1.jpg);background-image:url(/images/showimg1.webp) !important;}
#simg ul li.simg2{background-image:url(/images/showimg2.jpg);background-image:url(/images/showimg2.webp) !important;}
#simg ul li.simg3{background-image:url(/images/showimg3.jpg);background-image:url(/images/showimg3.webp) !important;}

#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;;}
#xcon4 h2{padding-bottom:30px;}
#xcon4 h2 a{color:var(--blue-color);font-size: 170%;}
#pcIcon{display: flex;justify-content: space-between;}
#pcIcon a{width:33%;display: block;font-size:140%;padding-top:250px;background:url() no-repeat center center;background-size: 30% auto;}
#pcIcon a.ballIcon{background-image:url(/images/picon1.png);}
#pcIcon a.flyIcon{background-image:url(/images/picon2.png);border-left:1px solid #ddd;border-right: 1px solid #ddd;;}
#pcIcon a.plugIcon{background-image:url(/images/picon3.png);}


#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;;}

#nswapCon{position: relative;margin:180px 0 0 0;height: 726px; }
#nswapCon::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;}
#nswapCon h3{color:var(--blue-color);font-size: 150%;margin:0;padding:45px 0 70px 180px;position:relative;}
#nswapCon 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;}
#nSwap{position:absolute;height:520px;transform:translateX(0);width:100%;position:absolute;height:650px;transform:translateX(0);overflow: hidden;top: 30px;}
#nSwap .carousel-cell{width: calc((1500px + 30px) / 4 - 30px);;margin-right:30px;height: 526px;top:60px;background:#eee;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;}
#nSwap .carousel-cell a{display: flex;flex-direction: column;overflow: hidden;}
#nSwap .carousel-cell a i{display:block;height:240px;overflow: hidden;}
#nSwap .carousel-cell a div{display:flex;flex-direction: column;padding:40px 40px 20px 40px;}
#nSwap .carousel-cell a .newsType{font-size: 90%;color: #999;}
#nSwap .carousel-cell a .newsTitle{font-weight: bold;padding:25px 0;;}
#nSwap .carousel-cell a .newsDate{font-size: 90%;color: #999;position: absolute;bottom:30px;;}

#nSwap .flickity-viewport{overflow:visible;left: -430px;}
#nSwap .flickity-button{display:none;}
@media(max-width:1212px){
#nSwap .flickity-viewport{left: -230px;}
}
@media(max-width:824px){
#nSwap .flickity-viewport{left: -130px;}
}
@media(max-width:654px){
#nSwap .flickity-viewport{left: 0px;}
}

#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:40px;line-height:40px;margin:6px 0;text-indent:14px;border:1px solid #ccc;box-sizing: border-box;border-radius: 0;-webkit-appearance:none;}
#ccform textarea{height:200px;line-height:130%;padding-top:14px;}
#ccform button{width:200px;background:var(--blue-color);color:#fff;height:40px;line-height:40px;border:none;}

#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{border-top:1px solid #ddd;padding-top:70px;margin-top:70px;}
#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;}

.locon{border-bottom: 1px solid #ddd;padding:20px 0 10px 0;font-size:90%;color:#bebebe;}
.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;margin-bottom: 20px;;}
#pdetail #zwcon img{border:1px solid #ddd;}

#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;}

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{padding:20px 0 0 0;}
#offerCon{border-top:1px solid #ddd;padding-top:70px;margin-top:70px;}
#offerCon .raon,#rplist .raon{font-size: 150%;color: var(--blue-color);text-transform: uppercase;margin:0;padding:0 0 20px 0;;}
.plist{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: stretch;margin-top:100px;position: relative}
.plist li{width: 31%;margin-bottom: 60px;position: relative;background:#fff;border-radius: 5px;box-shadow:0px 10px 60px 0px rgba(0, 0, 0, 0.2);;}
.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;}



#mmr{border-top: 1px solid #ddd;padding:80px 0;;}
#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;}
#subNav ul li{border-bottom: 1px solid #ddd;list-style:none;counter-increment: item +1;}
#subNav ul li a{display: flex;padding:17px 0;align-items: center;font-size:120%;}
#subNav ul li a::before{content:counter(item) " - ";width: 30px;height: 30px;display: block;line-height: 30px;text-align: center;}
#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='M512 714.666667c-8.533333 0-17.066667-2.133333-23.466667-8.533334l-341.333333-341.333333c-12.8-12.8-12.8-32 0-44.8 12.8-12.8 32-12.8 44.8 0l320 317.866667 317.866667-320c12.8-12.8 32-12.8 44.8 0 12.8 12.8 12.8 32 0 44.8L533.333333 704c-4.266667 8.533333-12.8 10.666667-21.333333 10.666667z'/%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{background:#f9f9fb;border-top: 1px solid #ccc;;}
#footerCon{padding:20px 0;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 #ccc;padding:15px 0 30px 0;}

#news #simg{background-image:url(/uploadfiles/images/site/bars/about.jpg);}
#news #dfdiv{font-size: 200%;
    font-weight: normal;
    text-transform: uppercase;
    color: #dddddd;
    padding: 00px 0 20px 0;}
#news #dfdiv,#dfdiv a{color:#dddddd;}
#news #dfdiv span{padding-right:14px;}
#news .pshowCon{padding: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;border-top:1px solid #ddd;padding:20px 0;}
.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;}