﻿@charset "utf-8";
img:not(.initial){display:block;margin:auto}
.about-num:after{content:'+'}
.foot-nav{width:250px}
.send-letter #SubmitContent_I{background:#20232c;padding:15px;border:1px solid #505050;box-sizing:border-box;width:280px;height:100px;font-size:16px;font-family:Rotobo;outline:0;color:#fff}
.common-wrapper img{height:auto}
.common-main article p{margin-bottom:10px}
.head-logo img{max-height:58px}
@media (min-width:1025px){.head-nav{margin-left:auto;width:unset}}
.news-item:nth-of-type(2) .news-info,.news-item:nth-of-type(3) .news-info{flex:0 1 auto}
.news-item:nth-of-type(2) .news-img,.news-item:nth-of-type(3) .news-img{flex:1 1 auto}
.pro-c-name,.side-pro-name,.adv-item article,.content-info article,.news-title,.news article,.pro-info article{word-break:break-word}
.news-item:nth-of-type(2) .news-img{flex:inherit}
.news-img img{height:300px;object-fit:cover}
@media (min-width:769px){.content-list0 .content-img{width:306px;flex-shrink:0}
.content-list0 .content-img a{display:flex;justify-content:center;width:100%;height:100%}
.content-list0 .content-img img{height:auto}}
.side-cate>ul li.LiLevel1 >a{font-weight:bold}
#tabs div{max-width:100%}
#tabs div.common-wrapper{width:100%;padding:0}
td,tfoot,th,thead,time,tr,tt,u,ul,var,video{padding:5px}
.adv-item article{text-align:center}
.adv-item{display:block;text-align:center}
@media (min-width:1025px){#liproducts{position:static}
#liproducts .submenu{list-style:none;width:100%;display:flex;flex-wrap:wrap;left:0;padding:10px calc(50% - 800px);box-sizing:border-box}
#liproducts .submenu>li{width:24%;display:flex;align-items:center;margin:10px 1.3333% 10px 0;height:auto;white-space:normal}
#liproducts .submenu>li:nth-child(4n){margin-right:0}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
#liproducts .submenu>li .item-info a{padding:0;border:none;background:none!important}
#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
#liproducts .submenu>li>a{padding:0;flex:1;text-decoration:none;width:calc(100% - 100px);height:auto;border:none;white-space:normal;line-height:1.3}
#liproducts .submenu>li:hover>a{background:none}
#liproducts .submenu>li>a:hover{background:none;color:var(--color)}}
@media (max-width:1700px) and (min-width:1025px){#liproducts .submenu{padding:10px calc(50% - 700px)}}
@media (max-width:1500px) and (min-width:1025px){#liproducts .submenu{padding:10px calc(50% - 600px)}}
@media (max-width:1240px) and (min-width:1025px){#liproducts .submenu{padding:10px}}
@media (max-width:1024px){#liproducts .submenu>li .item-info{display:none}}
.fottopinquiry {padding:40px 0;}
.fottopinquiry-tit {font-weight:bold;font-size:26px}
@media (max-width:768px){.fottopinquiry-tit {font-size:22px}}
.foot-item.foot-letter {display:none;}
@media (min-width:1025px){.foot-cate,.foot-nav {padding-left:0;}
.foot-item {width:auto;max-width:32%;}
.foot-l {justify-content:space-between;}}
.banner-animate {position:absolute;font-size:16px}
@media (max-width:1600px){.banner-animate{font-size:14px}}
@media (max-width:1350px){.banner-animate{font-size:12px}}
@media (max-width:1200px){.banner-animate{font-size:10px}}
@media (max-width:1024px){.banner-animate{font-size:8px}}
@media (max-width:768px){.banner-animate{font-size:6px}}
.bannertxt1 {color:#fff;top:50%;transform:translateY(-50%);left:6%;width:49%;}
.bannertxt1-smtit {display:inline-block;color:var(--color);background:#fff;font-weight:bold;line-height:1.4;padding:.3em .6em;border-radius:4px;font-size:1.5em;margin-bottom:.5em;}
.bannertxt1-tit {font-weight:bold;font-size:3.3em;line-height:1.1;}
.bannertxt1>p {font-weight:bold;margin-top:1em;font-size:2em;line-height:1.2;}
.bannertxt1-list {margin:2em 0 0;padding-left:5em;}
.bannertxt1-list li {font-weight:bold;font-size:2em;line-height:1.2;margin-top:.5em;position:relative;padding-left:1em}
.bannertxt1-list li:before {content:'';width:.5em;height:.5em;background:#fff;position:absolute;left:0;top:.35em}
@media (max-width:1024px){.bannertxt1-smtit{font-size:12px;padding:3px 8px}}
@media (max-width:560px){.bannertxt1-tit{font-size:15px;margin:5px 0 0;line-height:1.2}
.bannertxt1>p {display:none}
.bannertxt1-list{display:none}}
.bannertxt2 {color:#fff;top:14%;transform:translateY(-50%);left:6%;width:89%;}
.bannertxt2-smtit {font-weight:bold;line-height:1.4;font-size:2.7em;margin-bottom:.3em;}
.bannertxt2-center {color:#fff;top:38%;transform:translate(-50%,-50%);left:50%;width:90%;text-align:center}
.bannertxt2-tit {font-weight:bold;font-size:6em;line-height:1.1;}
.bannertxt2-bot{color:#fff;opacity:.8;bottom:10%;left:5%;width:90%;;text-align:center}
.bannertxt2-bot>p {font-weight:bold;font-size:1.2em;line-height:1.6;}
@media (max-width:1024px){.bannertxt2-bot>p{font-size:12px;}}
@media (max-width:768px){.bannertxt2-smtit {font-size:2.3em;}
.bannertxt2-tit {font-size:5.6em;}}
@media (max-width:560px){.bannertxt2-smtit {font-size:12px;}
.bannertxt2-tit {font-size:22px;}
.bannertxt2-bot{display:none}}
.bannertxt3 {color:#fff;top:34%;transform:translateY(-50%);left:5.5%;width:64%;}
.bannertxt3-smtit {font-weight:bold;line-height:1.4;font-size:2.4em;margin-top:.3em;}
.bannertxt3-tit {font-weight:bold;font-size:3.2em;line-height:1.2;}
.bannertxt3>p {margin-top:1.2em;font-size:1.8em;line-height:1.2;}
@media (max-width:1024px){.bannertxt3-smtit{font-size:21px;}
.bannertxt3>p {font-size:16px;}}
@media (max-width:768px){.bannertxt3-smtit{font-size:16px;}
.bannertxt3>p {font-size:12px;}}
@media (max-width:560px){.bannertxt3-tit{font-size:13px;}
.bannertxt3-smtit{font-size:12px;}
.bannertxt3>p{display:none}}
.bannertxt4{color:#fff;top:50%;transform:translateY(-50%);left:10%;width:80%;text-align:center;text-shadow:1px 1px 2px #000;}
.bannertxt4-tit {font-weight:bold;font-size:3.2em;line-height:1.1;}
.bannertxt4>p {margin-top:.8em;font-size:2em;line-height:1.2;}
@media (max-width:1024px){.bannertxt4>p{font-size:13px;}}
@media (max-width:560px){.bannertxt4{left:5%;width:90%;}
.bannertxt4-tit{font-size:14px;}
.bannertxt4>p{font-size:12px}}
#swiper-banner .swiper-slide-active img {animation:bannerimg 6s forwards}
.banner-animate {opacity:0}
#swiper-banner .swiper-slide-active .bannertxt1 {animation:bannerani2 .5s forwards;animation-delay:.7s}
#swiper-banner .swiper-slide-active .bannertxt2 {animation:bannerani .5s forwards;animation-delay:.7s}
#swiper-banner .swiper-slide-active .bannertxt2-center {animation:bannerani2 .5s forwards;animation-delay:.7s}
#swiper-banner .swiper-slide-active .bannertxt2-bot {animation:bannerani3 .5s forwards;animation-delay:.7s}
#swiper-banner .swiper-slide-active .bannertxt4 {animation:bannerani2 .5s forwards;animation-delay:.7s}
@keyframes bannerimg {0% {transform:scale(1)}
80% {transform:scale(1.03)}
100% {transform:scale(1)}}
@keyframes bannerani {0% {margin-left:30px}
100% {opacity:1;margin-left:0px}}
@keyframes bannerani2 {0% {margin-top:30px}
100% {opacity:1;margin-top:0px}}
@keyframes bannerani3 {0% {margin-bottom:-30px}
100% {opacity:1;margin-bottom:0px}}
.about .more-btn.more-btn-two{margin-left:50px;}
@media (max-width:550px){.about .more-btn{width:120px;}
.about .more-btn.more-btn-two{margin-left:10px;}}
.part{border-top:none;}
.part .common-title{margin-bottom:20px;}
.part-item{width:12.5%}
.part .common-wrapper{border-top:2px solid #f2f2f2;border-bottom:2px solid #f2f2f2;padding:20px 0;}
@media (max-width:768px){.part .common-wrapper{padding:10px 0;}
.part-item{width:24%;padding:5px;}}
.kche-t94.kche-t94spacing #kchet94Accordion>.kche-t94-bottom-item{padding-top:90px;margin-top:-86px;}
.kche-t94.kche-t94spacing table{position:relative;z-index:3}
@media (max-width:768px){.kche-t94.kche-t94spacing #kchet94Accordion>.kche-t94-bottom-item{padding-top:calc(13.3333333333vw + 10px);margin-top:calc(-13.3333333333vw - 6px);}}
.prmoq{color: #000;font-size: var(--fontsize14);font-weight:var(--fontbold7)}
.pro-info .pro-name{height: 50px;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;}
