@charset "utf-8";
/* CSS Document */
:root{
  --blue-color:#0050a3;

}
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;}
#p6070 ol{margin:0;}
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:1100px;width:1100px\9;}
.w2{margin:0 auto;width:80%;max-width:870px;width:870px\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;}
.mhide{display:none;}
.show{display: block;}

.vk_gallery{
  position: relative;
  max-width: 100%;
  width: 100%;
  padding:0;
  margin:0;list-style: none;;
  display: flex;flex-wrap: wrap;
  align-items: center;
}
.vk_gallery li{position: relative;height: 100%;;}
.vk_gallery li a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.vk_gallery li a span{display:block;line-height:110%;padding:20px 0 10px 0}
.vk_gallery li a i{display: block;height: 100%;}
.vk_gallery li a img{width:100%;height:100%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);}
.vk_gallery li a:hover img{transform: scale(1.1);}

img.thumb {
  width: 100%;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  margin-bottom: 0;;
}
#zwcon img.thumb {
  margin-bottom: 0;;
}



.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.woff2?t=1755229053565') format('woff2'),
       url('/fonts/iconfont.woff?t=1755229053565') format('woff'),
       url('/fonts/iconfont.ttf?t=1755229053565') 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: "\e625";
}

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

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

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

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

.icon-home:before{
  content: "\e66a";
}
/***********************************/

.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{z-index:-1;height:calc(100vh - 138px);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/tbk.png) !important;background-image:url(/images/tbk.png);}
#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;}

#nav{border-radius: 4px;position: relative;}
#home #nav{margin-top:0;}

.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;}
.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;;}
#navCon{transform: all .3s ease-in-out;}
#tnav1{height:58px;display: flex;justify-content: space-between;;background:rgba(255,255,255,.7);align-items: center;;}
#tnav1 .firstItem{width:190px;height:100%;background:#fff;}
#tnav1>div>a:first-of-type{padding-left:10px;;}
#tnav1 a,#tnav2 a{padding:0 25px;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;}
#tnav1 .tscon{}
#tnav2 a.scrollShow{display: none;}

#tnavBk{background:#225aa5;}
#tnav2{height:80px;display: flex;background:#225aa5;display: flex;align-items: center;;}
#tnav2 a{color:#fff;padding:0 40px;}
#tnav2 #logo{width:305px;height:100%;background:url() no-repeat center left;background-size:auto 40%;box-sizing: border-box;background-image: url(/images/tmlogo.webp) !important;background-image: url(/images/logo.png)}
#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;}
#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{display: block;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;font-family:"Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif,"Microsoft YaHei";}
#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;}


h2.title{font-size:180%;color:#384452;font-weight: normal;padding:30px 0;margin:0;}
#home{text-align: center;;}
#iconBar{padding:50px 0;margin:0 auto;list-style: none;display: flex;justify-content: space-around;flex-wrap: wrap;width:90%;}
#iconBar li{width:33%;}
#iconBar li::before{content:"";display: none;width:50px;height:50px;background:url() no-repeat center center;margin:auto;background-size: contain;}
#iconBar li.nj::before{background-image:url(/images/njico.png);}
#iconBar li.wd::before{background-image:url(/images/wdico.png);}
#iconBar li.fs::before{background-image:url(/images/fsico.png);}
#iconBar li.wd{border-left: 1px solid #ccc;border-right: 1px solid #ccc;}

#iconBar p{margin:0;}
#iconBar .atext{font-weight: bold;color: var(--blue-color);font-size:230%;padding-top:6px;}

.qualityImg{text-align: center;max-height: 647px;overflow: hidden;}
.qualityImg img{display: block;margin:auto;width:100%;}

.textCon{line-height: 180%;}

#aboutcon{background:url() no-repeat center center;background-image: url(/images/cf.webp) !important;background-image: url(/images/cf.jpg);background-size:cover;margin:0 0 0;min-height:calc(100vh - 50px);display: flex;align-items: center;justify-content: center;background-attachment: fixed;}
.aboutText{background:rgba(0, 0, 0, 0.4);color:#fff;padding:20px 0 60px 0;}
#aboutcon h2.title{color:#fff;}
#aboutcon .textCon{padding:0 0 20px 0;;}

a.more{text-align: center;padding:9px 20px;background-color: var(--blue-color);color:#fff;border-radius: 5px;display: inline-block;margin-top: 20px;font-size: 120%;text-decoration: none;transition: all .3s ease-in-out;}


#productcon{background:#f5f6f8;padding:50px 0 100px 0}
.pclist{display: flex;flex-wrap: wrap;justify-content: space-evenly;align-items: stretch;position: relative}
.pclist a::before{content:"-";width: 10px;height: 10px;display: inline-block;margin-right: 2px;text-align: center;}

#appcon,#marketcon{padding:70px 0 0 0;}
#appText{padding-bottom:150px;background:url(/images/yyicon.png) no-repeat center bottom;margin-bottom: 50px;;}

.imgDiv img{width:100%;display: block;margin:auto;}

#marketcon .textCon{margin-bottom: 90px;}


#location .home::before{
    font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e66a";
}
#location span{padding:0 20px ;font-size: 80%;color:#000;}

/***************page*********************/
#nsimg{background:url(/images/sbar1.webp) no-repeat center center;background-size:cover;height:440px;height:calc(18vw) !important;display:flex;flex-direction: column; align-items: center;}
#nsimg #nsimg_zi{display:none;flex-direction: column;justify-content: center;height:100%;}
#nsimg #nsimg_zi p{padding:0;margin:0;color:#fff;line-height: 120%;}
#nsimg #nsimg_zi p:first-child{padding-left:7%;font-size:200%;}
#nsimg #nsimg_zi p:last-child{padding-left:13%;font-size:120%;;}

#p6380 #nsimg #nsimg_zi{display: flex;}
.locon{border-bottom: 1px solid #ddd;padding:20px 0 10px 0;font-size:90%;color:#bebebe;}
.locon #location{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{}
.psImg,#imgList{display: block;padding-bottom: 20px;border-bottom: 1px solid #ccc;}
#imgList{text-align: center;height:600px;overflow: hidden;position: relative;}
#imgList img{margin: auto;right:0;position: absolute;}
#imgList .imgListSwitchBtn{position: absolute;top: 0;bottom:0;margin:auto 0;width:40px;height:80px;color:#ccc;display: flex;align-items: center;justify-content: center;cursor:pointer;z-index: 100;font-size: 150%;}
#imgList .imgListSwitchBtn:hover{color:var(--blue-color);}
#imgList .cycle-next{right:0;}
#imgList .cycle-prev{left:0;transform: rotate(180deg);}

.psImg img{margin:auto;;}
#zwcon h2.subTitle,#zwcon h2.h2title,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:70px 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;align-items: stretch;margin-top:40px;position: relative;list-style: none;padding:0;gap:1.333%;}
.plist li{width: 32%;margin-bottom: 5px;position: relative;;}
/*
#home .plist li:last-child:nth-child(3n - 1) {
    margin-right: calc(33% + 1% / 2);
}

#home .plist li:last-child:nth-child(3n - 2) {
    margin-right: calc(33% * 2 + 1% / 2);
}*/
.plist li a div{display:flex;flex-direction: column;margin-top:2px;padding:20px;background:#fff;}
.plist li div p{display:none;justify-content: space-between;align-items: center;font-size:90%;color:#666;}
.plist li a span.title{text-align: left;font-weight: bold;font-size:100%;line-height: 120%;padding-bottom: 40px;;}
.plist li a img{transition: all .7s cubic-bezier(.43,.195,.02,1);border:none;width:100%;height: 100%;object-fit: cover;}
.plist li a i{display: block;width:80%;margin: auto;padding:20px 0;background:#fff;overflow: hidden;position: relative;}
#home .plist li a i{width:100%;}
#home .plist li a p{display: flex;;}

.plist li a span{display: block;}
#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;}

#p6380 .plist li a span,.p6380 .plist li a span{font-weight: bold;text-align: center;line-height: 120%;font-size:90%;;}
#p6380 .plist li,.p6380 .plist li{border-bottom:1px solid #ccc;}

#mmr{padding:0 0;border-bottom: 1px solid #ddd;}
#subNav h3{font-weight: normal;font-size:160%;padding-bottom:30px;border-bottom: 1px solid #ddd;margin:0;padding:0 0 20px 0;;display: none;}
#subNav ul{padding:0;margin:0;display: flex;;}
#subNav ul li{border-bottom:none;list-style:none;counter-increment:none;}
#subNav ul li a{display: flex;padding:17px 50px 17px 0;align-items: center;font-size:100%;color:#999;}
#subNav ul li a:hover{color:#000;}
#subNav ul li a::before{content:" ";font-family:"iconfont";width: 30px;height: 30px;display: block;line-height: 30px;text-align: center;display: none;;}
#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;display: none;}

.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:#f2f2f2;border-top: 1px solid #ccc;text-align: left;}
#footerCon{padding:20px 0;display: flex;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;}
#footerMenu{padding:0 0 70px 0;margin:0 auto;list-style: none;display: flex;flex-wrap: wrap;justify-content: space-between;}
#footerMenu .bsubmenu{display: flex;flex-direction: column;border-left:none;padding:0 0 0 0;}
#footerMenu .bsubmenu a{padding:8px 0;}

#footerMenu .btitlea{padding: 18px 0;font-weight: bold;margin-bottom:20px;}
#footinfo{border-top: 1px solid #ccc;padding:25px 0 ;}
#footinfo a{color:#999;}

#followUs{padding:20px 0;border-bottom:1px solid #dadada;color: var(--blue-color);font-weight: bold;position: relative;display: flex;align-items: center;}
#followUs::after{content:" ";display: block;position: absolute;width:100%;height:1px;background:#dfdfdf;left:0;bottom:-60px;;}
#followUs a{padding:0 20px 0 0;position: relative;}
#followUs a:not(:first-child){font-size: 180%;}

#copyright{display: flex;justify-content: space-between;align-items: center;color: #959595;}


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

.aboutImg{background:url(/images/cf.webp) no-repeat center center;background-size:cover;margin:60px 0 0 0;aspect-ratio:1.833;}


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



#tmlogo{position: absolute;width:100%;height: 80%;left: 0;top:0;z-index: 1000;;;}
#tmlogo p{position: absolute;top: 0;left: 0;right:0;bottom:0;width: 300px;height: 70px;background:url(/images/tmlogo.webp) no-repeat center center;background-size: contain;margin:auto;opacity: 0;;}
#tmlogo p.pa1,#simg #zi span{animation: donghua 2.5s 1 forwards;}
#tmlogo p.pa2{animation: donghua 1.5s 1 forwards;animation-delay:0.2s;}
#tmlogo p.pa3{animation: donghua 1.5s 1 forwards;animation-delay:0.3s;}
#tmlogo p.pa4{animation: donghua2 2s 1 forwards;animation-delay:0.2s;}

#simg #zi{position: absolute;color:#fff;top:45%;left:0;right:0;font-size: 180%;font-weight: bold;margin:auto 0;text-transform: uppercase;;}
/*#simg #zi span{xanimation: appear 1s 1 forwards;xopacity: 0;}
#simg #zi span:nth-child(1) {
  animation-delay: 2s;
}
#simg #zi span:nth-child(5) {
  animation-delay: 2.2s;
}
#simg #zi span:nth-child(3) {
  animation-delay: 2.2s;
}
#simg #zi span:nth-child(6) {
  animation-delay: 2.4s;
}
#simg #zi span:nth-child(2) {
  animation-delay: 2.6s;
}
#simg #zi span:nth-child(7) {
  animation-delay: 2.8s;
}
#simg #zi span:nth-child(4) {
  animation-delay: 3s;
}

.cn #simg #zi span:nth-child(1) {
  animation-delay: 1.8s;
}
.cn #simg #zi span:nth-child(5) {
  animation-delay: 2s;
}
.cn #simg #zi span:nth-child(3) {
  animation-delay: 2.1s;
}
.cn #simg #zi span:nth-child(4) {
  animation-delay: 2.2s;
}
.cn #simg #zi span:nth-child(2) {
  animation-delay: 2.3s;
}
*/

@keyframes donghua {
  from { opacity: 0;filter: blur(20px); }
  to { opacity: 1;filter: blur(0px); }
  0% {
      transform: scale(1.60);
  }
  100% {
      transform: scale(1);
  }
}
@keyframes donghua2 {
  from { opacity: 0; }
  to { opacity: 1; }
  0% {
      transform: scale(0);
  }
  60% {
      transform: scale(3.5);
  }
  100% {
      transform: scale(1);
  }
}

@keyframes appear {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

a.next{
position: absolute;
    bottom: 5%;
    color: #fff;
    opacity: 0;
    font-size: 210%;
    animation: moveArrow 1s infinite;
    animation-delay:3s;
}

@keyframes moveArrow {
    from {
    opacity: .6;
  }
  to {
    opacity: 1;
  }
0% { bottom: 5%; }
50% { bottom: 6%; }
100% { bottom: 5%; }
}

.klist615 .vk_gallery{gap: 4%;}
#p6136060 #certs{margin-top:60px;padding-top:70px;border-top:1px solid #ddd;}
#p6136060 #certs .vk_gallery,#p6136060 #qiyeShow .vk_gallery{display: flex;flex-wrap: wrap;    justify-content: space-between;}
#p6136060 #certs .vk_gallery li,#p6136060 #qiyeShow .vk_gallery li,.klist615 li{width:21%;padding:0 0 90px 0;box-sizing: border-box;text-align: center;font-size: 80%;;}


#p6136060 #qiyeShow{margin-top:130px;padding-top:70px;border-top:1px solid #ddd;}
#p6136060 #qiyeShow .vk_gallery li{width:33%;box-sizing: border-box;text-align: center;font-size: 80%;padding:0;margin-bottom:4px;overflow: hidden;aspect-ratio: 1.7;position: relative;;}
#p6136060 #qiyeShow li a{display: block;box-sizing: border-box;overflow: hidden;;}

.klist652 .vk_gallery{gap:0.23%}
.klist652 .vk_gallery li{width:33.1%;overflow: hidden;aspect-ratio: 1.4;position: relative;margin-bottom: 4px;;}
.klist652 .vk_gallery li span{display: none;;}

.kilst652 .vk_gallery li img{}

.imgMsgList{padding:50px 0;border-top: 1px solid #ccc;margin-top:60px;display: flex;align-items: stretch;flex-wrap: wrap;list-style: none;font-weight: 100%;;}
.imgMsgList li{width:49%;margin:0 0.5%;}
.imgMsgList li a{display: block;}
.imgMsgList li a i{display: block;overflow: hidden;}
#zwcon .imgMsgList li a img{display: block;margin: 0;padding: 0;width:100%;aspect-ratio: 1.6;}
.imgMsgList li a p{padding-bottom:40px;}

.qiyeShowMore{padding:40px 0;text-align: center;}


#feedback{padding:70px 0 100px 0;border-top:1px solid #ccc;margin-top:70px;;}
#qcon{padding:70px 0 0px 0;border-bottomx: 1px solid #ccc ;}
#qcon .textCon{padding-bottom: 60px;}

#certcon{padding:70px 0 120px 0;border-bottom: 1px solid #ccc;}
#certList{    height: 300px;
    overflow: hidden;
}
#certList img{height:100%;margin:0 10px;}
#certText p{padding:0 0 60px 0;}

.more2{color:var(--blue-color);padding:30px  0 0 0 ;text-align: center;}
.more2 a{color:var(--blue-color);position: relative;}
.more2 a:hover{text-decoration: underline;}

#vk_mask{z-index: 10000;position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);display: none;}

#altContent{    background: #f4f4f4;
    padding:10px 20px 0px 20px;
    line-height: 130%;
    font-size: 90%;
    border-radius: 5px;
    margin: 80px 0 0 0;}

#altContent li{margin-bottom: 12px;;}

.w30{width:30%;}
.w50{width:50%;}
.w70{width:70%;}

.footMap{display: none;;}
#p6196060 .footMap{display: block;height:20vw;background:url(/images/map.webp) no-repeat center center;background-size:cover;margin:0 auto;}

.footerAddr{max-width:240px;}

#homeVideo{background:#d6d6d6;border:1px solid #111;width:60%;aspect-ratio:16/7;margin:auto;margin-top:35px;background:#d6d6d6 url(/images/vbk.webp) no-repeat center;background-size:cover}


.errorCon{padding-top:100px;width:90%;max-width:500px;margin:auto;display:flex;flex-direction:column;align-items:center;}
.errorCon i{width:100px;height:100px;background:#fff url() no-repeat center center;}
.errorCon i.alert{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ea9518' d='M509.229176 89.871059l-496.459294 873.893647 998.761412 0-502.302118-873.893647zM509.530353 211.305412l397.854118 692.224-791.130353 0 393.276235-692.224zM542.117647 658.853647l-60.235294 0 0-237.206588 60.235294 0 0 237.206588zM572.235294 784.926118c0 33.249882-26.925176 60.235294-60.235294 60.235294s-60.235294-26.985412-60.235294-60.235294 26.925176-60.235294 60.235294-60.235294 60.235294 26.985412 60.235294 60.235294z'/%3E%3C/svg%3E")}
.errorCon i.error{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 1024 1024'%3E%3Cpath fill='%23ff0000' d='M512 992c-262.4 0-480-217.6-480-480 0-262.4 217.6-480 480-480s480 217.6 480 480C992 774.4 774.4 992 512 992zM512 108.8C288 108.8 108.8 288 108.8 512c0 224 179.2 403.2 403.2 403.2s403.2-179.2 403.2-403.2C915.2 288 736 108.8 512 108.8zM697.6 684.8l-12.8 12.8c-6.4 6.4-19.2 6.4-25.6 0L512 550.4l-140.8 140.8c-6.4 6.4-19.2 6.4-25.6 0l-12.8-12.8c-6.4-6.4-6.4-19.2 0-25.6L473.6 512 326.4 371.2C320 358.4 320 345.6 326.4 339.2l12.8-12.8C345.6 320 358.4 320 371.2 326.4L512 473.6l140.8-140.8c6.4-6.4 19.2-6.4 25.6 0l12.8 12.8c6.4 6.4 6.4 19.2 0 25.6L550.4 512l140.8 140.8C704 665.6 704 678.4 697.6 684.8z'/%3E%3C/svg%3E")}

.errorCon .errorMsg{padding:30px 0 50px;font-size:120%;text-align:center;line-height:180%;}

.title3{font-weight: bold;padding:0 0 30px 0;;}