@charset "utf-8";
/* CSS Document */
:root{
  --hover-color:#e40514;
  --max-width:1350px;
  --max-home-width:1460px;
  --body-color:#363636;
  --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:100px 0 0 0;box-sizing: border-box;background:#fff;font-family:"Montserrat","Helvetica Neue", Helvetica, Arial, sans-serif;-webkit-font-smoothing: antialiased;color:var(--body-color);font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
text-rendering: optimizeLegibility;font-family:"Helvetica",'053-CAI978';}

textarea:focus, input:focus{
    outline: none;
}
.highlight{color:#d7111e}

a{text-decoration:none;color:var(--body-color)}
a:hover{text-decoration:none;color:var(--hover-color)}
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:var(--max-width);}
.w2{margin:0 auto;width:80%;max-width:870px;}
.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:grid;grid-template-columns:repeat(auto-fill, minmax(22%, 1fr));gap:30px;
  align-items: center;
}
.vk_gallery li{position: relative;height: 100%;;}
.vk_gallery li a{display: flex;
    flex-direction: column;
    align-items: center;width: 100%;height: 100%;position: relative;}
.vk_gallery li a span{display:block;line-height:110%;padding:20px 0 10px 0}
.vk_gallery li a i{display: block;height: 100%;max-height:240px;width: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);}

.klist657 .vk_gallery li a span{display:none;}

.klist658 .vk_gallery li{padding-bottom:20px;;}
.klist658 .vk_gallery li a i{max-height:400px;aspect-ratio: 5 / 7;overflow: hidden;
    border: 11px solid #fff;
    box-sizing: border-box;
    box-shadow: 0 1px 10px #ddd;
    border-radius: 7px;;}
.klist658 .vk_gallery li a span{text-align:center;}

.kmemo{padding:20px 0 50px 0;font-size:120%;text-align: center;}

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: "iconfont"; /* Project id  */
  src: url('/fonts/iconfont.woff2?t=1779285194422') format('woff2'),
       url('/fonts/iconfont.woff?t=1779285194422') format('woff'),
       url('/fonts/iconfont.ttf?t=1779285194422') 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: "\e615";
}

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

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

#navCon{height:100px;position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;box-sizing:border-box;transition: all .3s ease;display: flex;align-items: center;justify-content: space-evenly;box-shadow: 0 4px 5px rgba(0,0,0,0.1);}
#logo{width:10%;min-width:240px;height:100%;background:url('/images/logo.webp') no-repeat center center;background-size: contain;display: block;}


#nav{margin:0;padding:0;list-style:none;display: flex;align-items: center;justify-content: space-evenly;width:80%;max-width:var(--max-width);font-size:16px;height:62%}
#nav ul.submenu{display:none;}
#topSearch{width:10%;height:100%;display: block;display: flex;align-items: center;justify-content: center;}
#topSearch a{margin-left:24px;font-size:20px;}
#topSearch #lngIco span{font-size:14px;}



#banner{position:relative;}
#banner img{width:100%;object-fit: cover;position: relative;display:block}
#banner p{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color:#fff;font-size:calc(100vw / 1000 * 2.5 * 13);margin:0;padding:0;}
#banner .enTitle{font-size:calc(100vw / 1000 * 2.5 * 15);position:absolute;left: 50%;top: 50%;transform: translate(-50%,-20%);font-weight: 600;opacity: 0.4;}

#pdetail #banner{display:none;}

#home #banner{display:none;}

#nav li{position:relative;}
#nav ul{display: none;left: 0;position:absolute;top:100%;z-index:20;list-style:none;padding:0;margin:0;}
#nav ul ul {
    left: 100%;
    position: absolute;
    top: 0;
}
#nav li:hover>ul{display:block;left:-26px;}
#nav>li{white-space: nowrap;height:100%;display:flex;align-items: center;}
#nav li>a{text-transform:uppercase;transition: all .6s cubic-bezier(0.15,.8,.5,1);}
#nav li>a span.arrow::after{content:"\e66c";display:inline-block;margin-left:6px;vertical-align: middle;font-family: "iconfont";transition: all .3s;font-size:80%;transform: rotate(90deg);}
#nav li>a:hover{color:var(--hover-color)}

#nav li .submenu{position:absolute;z-index:1000000;display:none;text-align:left;min-width:250px;box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);}
#nav>li>ul{background:#fff;}
#nav>li>ul:before{content: '';
    display: inline-block;position:absolute;
    display: none;
    top:-8px;left:50px;
    width: 16px;
    height: 16px;
    background:#ededed;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);z-index:100; 
	border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;}
#nav li .submenu div{padding:11px;}
#nav li .submenu div b{font-weight:normal;line-height:150%;display:block;padding:12px 0;}
#nav li .submenu div i{display:block; overflow:hidden;}
#nav li .submenu div i img{display:block;width:100%;}

#nav li .submenu li{padding:5px 10px;position:relative;border-top:1px solid #ddd;}
#nav li ul li:first-child{border-top:0;}
#nav li .submenu li a{display:block;color:#666;min-width:auto; text-transform:capitalize;padding:8px 28px 8px 0;transition: all .4s;position:relative;}
#nav li .submenu li a:before{content:'';width:0;position:absolute;bottom:-5px;height:1px;background:var(--hover-color);transition: all .4s;}
#nav li ul li:hover{background:#f7f7f7}
#nav li ul li a:hover{color:var(--hover-color)}
#nav li .submenu li a:hover:before{width:100%;}
#nav li .submenu li span{padding-left:16px;}
#nav li .submenu li a span::before{content:'\e66c';font-family: "iconfont";font-size:70%;padding-right:6px;vertical-align: middle;}
#nav li ul li ul{background:#fff}
#nav li ul li ul li{line-height:100%;}
#nav li ul li ul li i{
    font-style: normal;
    font-weight: 300;
    display: block;
    padding-left: 16px;
    font-size: 80%;
    color: #aaa;
}
#nav li ul li ul li span{
    font-weight:400;
}
#mnav{display:none;position:fixed;top:0;left:0;right:0;z-index:1001;background:#fff;box-sizing:border-box;padding:12px 5%;align-items: center;justify-content: space-between;}



#footer{padding:20px 0 0 0;border-top:1px solid #ddd;}
#footer .w{width:86%;}
.footLogo{width:140px;height:50px;background:url('/images/logo.webp') no-repeat left center;background-size:180%;}
#footMenu{border-top: 1px solid #ddd;}
#footMenu ul{display: flex;flex-wrap: wrap;list-style:none;padding:20px 0;margin:0 auto;justify-content: space-between;}
#footMenu li{box-sizing: border-box;padding-left:12px;max-width:30%;}
#footMenu li:first-child{padding-left:0;}
#footMenu li .btitlea{margin:0 0 12px 0;}
#footMenu li .btitlea a{color:var(--hover-color);}
#footMenu li .bsubmenu{display:flex;flex-direction: column;}
#footMenu li .bsubmenu a{padding:4px 0;color:#666;transition: all .4s;position:relative;display:flex;}
#footMenu li .bsubmenu a::before{content: '\e66c';font-family: "iconfont";font-size:70%;padding-right:6px;vertical-align: middle;padding-top:3px;}
#footMenu li .bsubmenu a:hover{color:var(--hover-color)}

#footinfo{padding:30px 0;background:#f7f7f7;border-top:1px solid #ddd;color:#898989;}
#footinfo a{color:#898989;}

#footContact div{position: relative;margin-bottom:20px;}
#footContact div p{margin:0;padding:8px 0 0 50px;font-size:110%;}
#footContact div p::before{content: '\e679';
    display: block;
    color:var(--hover-color);
    font-size:35px;
    font-family: "iconfont";
    position: absolute;
    left: 0;
    top: 0;
}
#footContact #footEmail p::before{content: '\e603';}
#footEwm{width:100px;height:100px;background:url('/images/ewm.webp') no-repeat center center;background-size: 93%;margin-left:50px;border:1px solid #ddd;padding:12px;box-sizing: border-box;}


#mmr{border-bottom:1px solid #ddd;}
#subNav ul{display: flex;flex-wrap: wrap;list-style:none;padding:0;margin:0 auto;    justify-content: center;}
#subNav ul li{box-sizing: border-box;padding:0 30px;}
#subNav ul li a{padding:36px 0;display:block;transition: all .4s;}
#subNav ul li a.act{border-bottom:1px solid var(--hover-color);color:var(--hover-color);}

#zwcon{padding:50px 0 100px 0;line-height: 1.9;}

.about_icon{display:flex;align-items: center;margin-bottom:40px;justify-content:space-between;}
.about_icon .aboutImg{width:48%;}
.about_icon .aboutImg img{width:100%;display:block;}

.about_icon ul{margin:0;padding:0;list-style:none;width:48%;display:flex;flex-wrap:wrap;justify-content:space-between;color:var(--hover-color);}
.about_icon ul li{width:50%;border-bottom:1px solid #ddd;padding:20px 0;box-sizing: border-box;}
.about_icon ul li:nth-child(2n){border-left:1px solid #ddd;padding-left:30px;}
.about_icon ul li:nth-child(3){border-bottom:0;}
.about_icon ul li:nth-child(4){border-bottom:0;}

.about_icon ul li i{display:block;font-size:50px;font-style:normal;}
.about_icon ul li b{display:block;font-size:190%;line-height:90%;font-weight:normal;}
.about_icon ul li span.small{font-size:60%;}
.about_icon ul li p{padding:0;margin:0;}

.about_text{width:90%;padding:30px 0 0 0 ;font-size:120%;}

#about_cert{background:url('/images/about_cert_bk.webp') no-repeat center center;background-size: cover;padding:50px 0;}
.about_m_con{padding:80px 0;}
h2.h2title{font-size:200%;margin:0;padding:0;text-align:center;}
a.amore{color:var(--hover-color);display:block;text-align:center;font-size:120%;}
a.amore:hover{color:var(--hover-color);text-decoration:underline;}



#about_cert ul{display:flex;flex-wrap:wrap;justify-content:space-between;list-style:none;margin:0;padding:80px 0;}
#about_cert ul li{width:23%;box-shadow: 0 6px 14px #aaa;box-sizing: border-box;border-radius: 10px;overflow: hidden;border:16px solid #fff;}
#about_cert ul li img{width:100%;display:block;}

.about_team_img{display:flex;flex-wrap:wrap;justify-content:space-between;padding:80px 0;}
.about_team_img img{width:100%;}

#footTop{padding-bottom:20px;}
#followUs{display:flex;align-items: center;justify-content: flex-start;}
#followUs a{color:#dfdfdf;transition: all .3s;font-size:180%;margin-right:8px;}
#followUs a:hover{color:var(--hover-color);}

#pinfoCon{display:flex;align-items: flex-start;justify-content: space-between;padding:60px 0;}
#picon{width:70%;line-height: 1.9;}
#pclassNav{width:23%;background:#f7f7f7;}

#picon1{display:flex;align-items: top;justify-content: space-between;margin-bottom:40px;}
#picon1 #pimglist{width:40%;border:1px solid #ddd;}
#picon1 #pimglist img{width:100%;display:block;}
#picon1 #productInfo{width:55%;}
.pmemo{border-bottom:1px solid #ddd;padding-bottom:20px;margin-bottom:20px;}


.tabBar{height:40px;width:100%;background:#ededed; border-bottom:2px solid var(--hover-color);}
.tabBar a{display:block;float:left;height:40px; line-height:40px;padding:0 20px;border-right:2px solid #fff;}
.tabBar a:hover{ background:var(--hover-color);color:#fff;}
#productContent_con a.productContent_con,#sameP_con a.sameP_con,#inquriy_con a.inquriy_con{ position:relative; background:var(--hover-color);color:#fff;font-weight:bold;}

.tabCon{padding:38px 0;}
#tabCon .first{display:block;}
.tabCon table{width:100%; border-bottom:1px solid #333;border-collapse:collapse; line-height:100%;}
.tabCon table p{margin:0;padding:0;}
.tabCon table th{color:#333333;font-weight:bold;border:1px solid #ccc; text-align:center;background:#e9f3fd; vertical-align:middle;padding:7px 0;}
.tabCon table tr{background:#fff;}
.tabCon table td{ text-align:center;padding:9px 0; border:1px solid #ccc;}
.tabCon table tr:hover{background:#eaedf6;}
.tabCon table td:hover{background:#b1d8ff;}
.tabCon img{max-width:100%;}

a.maoa{display:block; height:90px;font-size:22px;font-weight:bold;line-height:90px; outline:none;}
a.maoa{line-height:1.2;padding:50px 0;height:auto;}


#zxxpFrame{border:none;width:100%;height:630px;}
#feedbackDiv iframe{border:none;width:100%;height:600px;}

.plist,#downul{display:grid;grid-template-columns:repeat(auto-fill, minmax(22%, 1fr));gap:30px;list-style:none;margin:0;padding:0 0 50px 0;}
#home .plist{display:flex;}
.plist li,#downul li{width:100%;box-shadow: 0 2px 9px #aaa;box-sizing: border-box;border-radius: 6px;overflow: hidden;background:#fff;}
.plist li a{display:block;width:100%;height:100%;position: relative;overflow: hidden;}
.plist li a span.img{display:block;}
.plist li a span.pname{display:block;text-align:center;padding:22px 12px;position:relative;border-top:1px solid #ddd; line-height: 1.2;}
.plist li a span.pname::before{content:'';position:absolute;left:0;top:0;width:0%;height:1px;background:var(--hover-color);transition: all .4s;}
.plist li a:hover span.pname::before{width:100%;}
.plist li a img{width:90%;height:90%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);display:block;margin:auto;}
.plist li a:hover img{transform: scale(1.1);}

#downul{padding:80px 0;}
#downul li a{display:flex;flex-direction: column;;}
#downul li a .downatitle{font-size:120%;font-weight:bold;display:block;}
#downul li a .img{display:block;height:260px;background:url(/images/ipbk.webp) no-repeat center center;background-size: cover;position: relative;}
#downul li a .img::after{content:'\e67a';font-family: "iconfont";position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:900%;color:#ffbebe;background1:rgba(0,0,0,0.2);transition: all .4s;}
#downul li a div::after{content:"";display:block;width:20%;height:40%;position:absolute;right:0;bottom:0;top:0;margin:auto 0;background:url(/images/screen_icon.png) no-repeat center center;background-size:contain;mix-blend-mode: multiply; }

#downul li a div{padding:20px;position:relative;}
#home .plist li{width:30%;}

#home_about{display: flex;flex-direction: column;;}

.pcontactInfo{padding:12px 0;line-height:210%;background:url(/images/ewm.webp) no-repeat right bottom;background-size: 100px;box-sizing: border-box;}

#pclassNav h2{background:var(--hover-color);color:#fff;font-size:140%;padding:26px 20px;margin:0;position:relative;}
#pclassNav h2::before{content:'';position:absolute;left:0;top:0;width:95%;height:100%;background:url(/images/wlogo.webp) no-repeat right center;background-size:30%;opacity: 0.4;z-index:1;}
#pclassNav .rplist{padding:20px;margin:0;list-style:none;}
#pclassNav .rplist li{position:relative;border-bottom:1px solid #ddd;display:flex;align-items: center;}
#pclassNav .rplist li a{display:block;padding:16px 0;position:relative;}
#pclassNav .rplist li a::before{content:'\e66c';font-family:'iconfont';transition: all .4s;font-size:80%;padding-right:5px;}

#locBar{background:#f6f5f8;color:#9b9a9d;padding:22px 0;display:flex;align-items: center;}
#locBar a{padding:0 9px;color:#9b9a9d;}

.contactMemo{text-align: center;padding:30px 0 60px 0;}
.contactInfo{display:grid;grid-template-columns:repeat(auto-fill, minmax(30%, 1fr));gap:30px;list-style:none;margin:0;padding:0; transition: all .4s;}
.contactInfo li{display:flex;align-items: center;flex-direction: column;background:#f6f5f8;border-radius:6px;padding:30px 20px;box-sizing: border-box;}
.contactInfo li p{font-size:120%;font-weight:bold;}
.contactInfo li p::before{content:'\e680';font-family: "iconfont";font-size:190%;color:var(--hover-color);display:block;text-align: center;font-weight: normal;}
.contactInfo li p::after{content:"\e606";display:block;text-align: center;font-size:80%;color:var(--hover-color);font-family: "iconfont";margin-top:0px;}
.contactInfo li div{font-size:110%;text-align: center;}

.contactInfo li:hover{background:var(--hover-color);transition: all .4s;}
.contactInfo li:hover div{color:#fff;transform: scale(1.2);transition: all .4s;}
.contactInfo li:hover p::before{color:#fff;}
.contactInfo li:hover p::after{color:#fff;}
.contactInfo li:hover a{color:#fff;}
.contactInfo li:hover p{color:#fff;padding:0;transition: all .4s;margin:0;}

.contactInfo li.fax p::before{content:'\e6b3';}
.contactInfo li.email p::before{content:'\e856';}
.contactInfo li.web p::before{content:'\e628';}
.contactInfo li.addr p::before{content:'\e63e';}
.contactInfo li.zip p::before{content:'\e60c';}

.contactMap{aspect-ratio: 20 / 9;background:url('/images/mapbk.webp') no-repeat center center;background-size: cover;border-radius: 6px;margin-top:30px;}
.contactMap a{display:block;width:100%;height:100%;}

.contactFB{padding:60px 0 0 0;text-align: center;border-top:1px solid #ddd;margin-top:50px;;}
.contactFB h3{font-size:200%;margin:0;padding:0 0 30px 0;}
.contactFB iframe{width:100%;height:600px;border:none;}



#ipconBtn{display:none;}
#iptag ul{display:flex;flex-wrap:nowrap;justify-content:center;list-style:none;margin:0;padding:0 0 12px 0;gap:12px;overflow-x: auto;overflow-y: hidden;white-space: nowrap;}
#iptag ul::-webkit-scrollbar{width:4px;height:4px;}
#iptag ul::-webkit-scrollbar-thumb{background:var(--hover-color);border-radius:6px;}
#iptag ul::-webkit-scrollbar-track{background:transparent;border-radius:6px;}

#iptag ul li a{text-align:center;padding:10px 10px;;border:1px solid #ddd;border-radius:6px;box-sizing: border-box;transition: all .4s;background:#f6f5f8;display:block}
#iptag ul li a:hover{background:var(--hover-color);color:#fff;}
.piclist{display:flex;gap:20px;}
.piclist img{flex:1;width:0;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);height:auto;}

/**********home**********/
#home{font-size:16px;line-height:1.9;}
#ivideo{background:url(/images/ivbk.webp) no-repeat center center;background-size: cover;position:relative;height:100vh;}
#home .w{max-width:var(--max-home-width);}
#home #navCon{width:95%;max-width:var(--max-home-width);margin:0 auto;position:absolute;top:20px;left:0;right:0;height:70px;border-radius:10px;font-size:14px;}
#home #navCon a{font-size:14px;}
#home{padding-top:0;}
#home #logo{min-width:190px;margin-left:14px;}
#home #topSearch{width:16%;justify-content: flex-end;margin-right:12px;}
#home #topSearch a{font-size:20px;}

#iaboutCon{padding:80px 0 100px 0;display:grid;grid-template-columns:1fr 1fr;gap: 4%;}
#iaboutImg{background:url('/images/f_img1.webp') no-repeat center center;background-size: cover;}
#iaboutImg img{width:100%;display:block;}
#iaboutTxt{}
#iaboutCertIcon{width:70%;padding:20px 0;}
#iaboutCertIcon img{width:100%;display:block;}
#iaboutTxt h2{font-size:200%;margin:0;padding:0 0 20px 0;}
#iaboutTxt p{font-size:120%;line-height:1.9;}

a.morea{color:var(--hover-color);}
a.morea:hover{color:var(--hover-color);text-decoration:underline;}

#iaboutIcon{border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
#home .about_icon{margin-bottom:0;}
#home .about_icon ul{width:100%;justify-content: space-around;}
#home .about_icon ul li{width:10%;border-bottom:0;}
#home  .about_icon ul li:nth-child(2n) {border-left:0;padding-left:0;}

#ipcon{background:url(/images/ipbk.webp) no-repeat center center;background-size: cover;position:relative;padding:80px 0; text-align:center;}
#ipconMemo{padding:20px 0 60px 0;}

#isolution{background:url(/images/appbk.webp) no-repeat center center;background-size: cover;position:relative;padding:120px 0; text-align:center;background-attachment: fixed;}

#iNews{padding:80px 0 100px 0;}
#homeNList{padding:60px 0;}
.nlist{display:grid;grid-template-columns:repeat(auto-fill, minmax(22%, 1fr));gap:30px;list-style:none;margin:0;padding:0;}
.nlist li{width:100%;box-shadow: 0 0px 3px #c3c3c3;box-sizing: border-box;border-radius: 14px;overflow: hidden;background:#fff;padding:14px;}
.nlist li a{display:block;width:100%;height:100%;position: relative;overflow: hidden;display: flex;flex-direction: column;}
.nlist li a span.img{display:block;width:100%;height:160px;overflow:hidden;border-radius: 14px;}
.nlist li a span.title{display:block;padding:24px 0 39px 0;font-weight: bold;line-height:120%;}
.nlist li a img{width:100%;height:100%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);display:block;}
.nlist li a:hover img{transform: scale(1.1);}
.nlist li a span.memo{display:block;-webkit-line-clamp:4;overflow: hidden;text-overflow: ellipsis;color:#666;font-size:90%;    display: -webkit-box;
    word-break: break-word;
    -webkit-box-orient: vertical;}
.nlist li a span.more{padding:12px 0;color:var(--hover-color);margin-top:auto;font-size:90%;}
#iNewsBtn{text-align: center;}

#iContact{background:url(/images/mapbk.webp) no-repeat center center;background-size: cover;position:relative;padding:80px 0; text-align:center;}
#quickContact{padding:30px 0;background:#fff;padding:20px 30px;box-shadow: 0 2px 9px #aaa;box-sizing: border-box;border-radius: 6px;max-width:450px;width:100%;margin-left:auto;text-align: left;color:#666}
.qlogo{height:30px;width:120px;background:url(/images/logo.webp) no-repeat left center;background-size: cover;display:block;}
.qcMsg{font-size:160%;line-height:1.5;padding:40px 0 0 0;}
.qcMsg p{margin:0;padding:0;}
.qcMsg p:last-child{font-size:120%;}
.smsgCon{border-top:1px solid #ddd;padding-top:20px;margin-top:20px;}
.smsgCon h3{font-weight:normal;font-size:100%;margin:0;padding:0 0 20px 0;}
.smsgCon form{border:1px solid #ddd;box-sizing: border-box;border-radius: 6px;display:flex;align-items: center;overflow:hidden;}
#userTelNum{padding:12px;border:none;outline:none;flex:1;}
#sendBtn{background:var(--hover-color);color:#fff;padding:12px 20px;border:none;outline:none;cursor: pointer;}
.smsgCon .altMsg{color:#adadad;font-size:100%;}

#isolution{color:#fff;}
#isolution .memo{padding:20px 0 20px 0;}
.slist{display:grid;grid-template-columns:repeat(auto-fill, minmax(18%, 1fr));gap:30px;list-style:none;margin:0;padding:0;}
.slist li{width:100%;}
.slist li a{display:block;width:100%;height:100%;position: relative;overflow: hidden;display: flex;flex-direction: column;}
.slist li a p{aspect-ratio: 7/5;box-shadow: 0 0px 3px #c3c3c3;box-sizing: border-box;border-radius: 8px;overflow: hidden;background:#fff;}
.slist li a p img{width:100%;height:100%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);display:block;}
.slist li a:hover p img{transform: scale(1.1);}
.slist li a span{display:block;text-align:left;}
.slist li a span::before{content:'\e66c';font-family: "iconfont";font-size:70%;padding-left:6px;vertical-align: middle;color:var(--hover-color);background:#fff;padding:2px;border-radius: 4px;margin-right:8px;}
#homeSList{width:90%;margin:0 auto;padding:60px 0 100px 0;}
#isolution a.amore{color:#fff;}
#homeSList li a span{text-shadow: 0 0 3px rgba(255,255,255,1);}

.pmemoCon{text-align:center;padding:30px 0 60px 0;margin:0 auto;}
#p6380 .plist{grid-template-columns:repeat(auto-fill, minmax(31%, 1fr));gap:30px;}

#news #banner{display:none;}
#news #newsBar{background:#f1f1f1;padding:50px 0;}
#newsCon{display:flex;align-items: flex-start;justify-content: space-between;padding:60px 0;}
#newsText{width:68%;line-height:1.9;}
#newsList{margin:0;list-style:none;width:28%;background:#f7f7f7;padding:20px;box-sizing: border-box; display:flex;flex-direction: column;}
#newsList li{padding:0 0 30px 0;margin-top: 30px;;border-bottom:1px solid #ddd;}
#newsList li:first-child{margin-top:0;}
#newsList li:last-child{border-bottom:0;}
#newsList li a{display:flex;flex-direction: column;gap:10px;color:#777;}
#newsList li a span.img{display:block; overflow: hidden;}
#newsList li a img{display:block;width: 100%;aspect-ratio: 16/9;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);}
#newsList li a span.title{display:block;font-weight: bold;line-height:120%;}
#newsList li a span.more{color:var(--hover-color);}
#newsList li a span.more::after{content:'\e66c';font-family: "iconfont";font-size:70%;padding-left:6px;vertical-align: middle;}
#newsList li a:hover img{transform: scale(1.1);}

.newsCImg{width:100%;aspect-ratio: 16/9;object-fit: cover;padding:0 0 30px 0;}

.eventList{display:flex;flex-wrap: wrap;}
.eventList li{width:30%;box-shadow: 0 0px 3px #c3c3c3;box-sizing: border-box;border-radius: 14px;overflow: hidden;background:#fff;padding:14px;margin:0 1.5%;margin-bottom:30px;}
.eventList li a{display:flex;flex-direction: column;gap:12px;}
.eventList li a div.img{display:block;overflow: hidden;width:100%;aspect-ratio: 16/9;}
.eventList li a div.img img{width:100%;height:100%;object-fit: cover;transition: all .7s cubic-bezier(.43,.195,.02,1);display:block;}
.eventList li a h3{font-weight: bold;line-height:120%;}
.eventList li a span.more{color:var(--hover-color);}
.eventList li a:hover div.img img{transform: scale(1.1);}

.eventList li:first-child{width:98%;box-shadow:none;border-radius:0;border-bottom:1px solid #fff;padding-bottom:50px;margin-bottom:50px;margin-left:1%;}
.eventList li:first-child a{flex-direction: row;align-items:top;gap:30px;}
.eventList li:first-child a div.img{width:50%;aspect-ratio: 16/9;border-radius: 14px;}
.eventList li:first-child a div.txt{width:48%;}
.eventList li:first-child a h3{font-size:200%;margin:12px 0 25px 0;}
.eventList li:first-child a span.more{padding-top:40px;display:block;}

#zicon{top:50%;position:absolute;color:#fff;line-height:1.1}
#zicon .z1{font-size:350%;font-weight:bold;margin-bottom:24px;}
#zicon .z1::after{content:'';display:block;width:160px;height:4px;background:var(--hover-color);margin-top:12px;}
#zicon .z2{font-size:200%;font-weight:bold; text-transform: uppercase;width:60%;}

#homePListContainer{position:relative;width:99%;overflow:hidden;margin:0 auto;padding:60px 0 100px 0;}

.swpBtnCon{padding:20px 0;display:flex;justify-content: center;}
.swpBtn{transition: all .3s;width:70px;height:70px;background:#ededed;border-radius:35px;margin:0 10px;font-family: "iconfont";font-size:30px;display:flex;align-items: center;justify-content: center;cursor: pointer;color:#333;}
.swpBtn:hover{background:var(--hover-color);color:#fff;}

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

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

@media(max-width:1400px){
  #logo{min-width: 100px;width:10%;background-size:190%;background-position: left center;margin-left: 12px;}
  #nav{font-size:90%;width:75%;}
  #topSearch{width:15%;}
  #home #topSearch{width:15%;}
  #home #logo{min-width:120px;}
}