.wd1600 { max-width: 1536px; margin: 0 auto;width: 94%; position: relative;}

.smalltit {font-size: .8rem;line-height: 3.2rem;font-weight: 700;margin-bottom: 8px;color: var(--Bcolor);}

.smalltit::before { content: ""; width: 24px;height: 1px;background: var(--Bcolor); margin-right: 6px;display: inline-block;}

.cerList .cerBox div,.culList .culBox .title{-webkit-line-clamp:1;text-align:center;text-overflow:ellipsis}

.downloadbox table td,.downloadbox table th{font-weight:400;border-bottom:1px solid #e3e3e3}

.advantages-list,.cerList .cerBox div,.culList .culBox .title,.list ul,.list ul li a,.pos_abs,.titleh3{text-align:center}

.hisBox .hisPicBox img,.newsBox .newPicBox img{min-width:100%;min-height:100%;transition:transform .3s,-webkit-transform .3s}

.list ul{width:100%;max-width:1536px;white-space:nowrap;display:flex;justify-content:flex-start;margin:0 auto}

.list ul li{display:inline-block;padding:26px 0;margin-right:10px}

.list ul li a{font-size:15px;display:block;width:100%;padding:10px 12px;transition:.5s;line-height:16px;background:#f7f7f7}

.downloadbox table tr:last-child td,.list ul li:last-child a{border:none}

.data_list .item:hover .title,.download-link a:hover,.downloadbox table td a:hover,.hisBox .hisList a:hover .Title,.keywordsBox a:hover,.list ul li:hover a,.site_second a:hover{color:var(--Bcolor)}

.cerList .cerBox:hover div,.culList .culBox:hover .title,.factoryinfo .item:hover,.list ul li a.active{background:var(--Bcolor);color:#fff}

.listBox{padding:3rem 0;/*display:flex;*/flex-wrap:wrap;justify-content:space-between;align-items:center}

.cerList,.listBox .info{display:flex;justify-content:space-between}

.listBox .pic{width:100%;overflow:hidden;margin:60px 0 40px}

.listBox .pic img{width:100%;margin-bottom:4px}

#video-container{width:100%;height:0;margin-top:10px;max-width:100%;padding-bottom:30%;position:relative}

#video-container iframe,#video-container video{position:absolute;left:0;top:0}

#videoUrlInput{display:none;opacity:0}

.listBox .pic video{width:100%;border-radius:12px}

.listBox .pic video:focus{outline:0}

.listBox .info{width:100%;align-items:center}

.contactUs .tit,.listBox .info .left{width:45%}

.dynamicBox .txtBox,.listBox .info .txt{width:50%}

.listBox .title,.listBox h3{position:relative;text-align:left;margin:20px 0 1rem;width:100%;font-size:30px;color:#313131;font-family:CustomFontBold,sans-serif;line-height:3.2rem;}

.newsBox .newTitle,.titleh3{color:#222;font-family:CustomFontBold,sans-serif}

.listBox .txt p{font-size:1rem;line-height:1.8rem}

.cerList{flex-wrap:wrap}

.culList,.data_list{justify-content:space-between}

.cerList .cerBox{width:23%;margin-bottom:60px;overflow:hidden;border:1px solid #eee}

.cerList .cerBox a{display:block;overflow:hidden}

.cerList .cerBox img{display:block;width:100%;height:100%}

.cerList .cerBox div,.cerList .cerBox p,.culList .culBox .title{font-size:14px;/*display:-webkit-box*/}

.cerList .cerBox div{background:#eee;padding:4px;overflow:hidden;-webkit-box-orient:vertical}

.cerList .cerBox p,.newsBox .newSummry{-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}

.cerList .cerBox p{color:#666;margin-top:10px}

.culList .culBox img,.titleh3{display:block;width:100%}

.titleh3{padding:30px;margin-top:20px;border-bottom:1px solid #eee;font-size:2.25rem;position:relative;font-weight:600;margin-bottom:16px}

.culList{display:flex;flex-wrap:wrap;width:100%;justify-content: space-evenly;}

.culList .culBox{width:19%;position:relative;border-radius:0;overflow:hidden;transition:.5s;margin-bottom:24px;border: 1px solid #eee;}

.culList .culBox .img{width:100%;overflow:hidden;height:0;padding-bottom:100%}

.culList .culBox .title{width:100%;background:#eee;padding:8px 4px;overflow:hidden;/*-webkit-box-orient:vertical;*/margin:0;line-height:22px;height: 60px; display: flex;justify-content: center;align-items: center;text-align: center;}

.newsBox{width:100%;margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:flex-start}

.newsBox .newList{overflow:hidden;width:30%;margin:0 1.5% 40px;transition:.5s;display:flex;flex-wrap:wrap;background:#f6f6f6;border-radius:12px}

.newsBox .newLinkBox{position:relative;display:flex;flex-wrap:wrap;width:100%;height:100%;overflow:hidden;align-items:flex-start}

.newsBox .newPicBox{width:100%;position:relative;padding-bottom:68%;overflow:hidden;background:#fff;display:flex;justify-content:center}

.newsBox .newPicBox img{position:absolute;height:100%}

.newsBox .centerContentBox{width:100%;margin-top:12px;float:left;position:relative;padding:16px 24px}

.newsBox .newTitle{font-size:16px;text-overflow:ellipsis;overflow:hidden;transition:.5s;line-height:28px;font-weight: 600;}

.newsBox .newData{font-size:14px;line-height:30px}

.newsBox .newSummry{width:100%;line-height:20px;margin-top:10px;text-align:left;display:-webkit-box;margin-bottom:10px}

.hisBox .hisList a:hover img,.newsBox .newList a:hover img{transform:scale(1.1)}

.listBox .center .centerTit{text-align:center;margin-bottom:25px}

.keywordsBox .tag-c-main,.listBox .center .centerTit h1{margin-bottom:20px}

.listBox .center.newsContent{line-height:26px}

.articl{background:#f7f7f7;padding:10px 0 30px}

.articlbox{background:#fff;padding:50px;width:100%;max-width:900px;margin:0 auto}

.articlbox .title{font-size:32px;color:#151515;margin-bottom:15px;font-weight:400;text-align:left;font-family:CustomFontBold,sans-serif;line-height:40px}

.articlbox .date{text-align:left;color:#151515;padding-bottom:1rem;font-size:.85rem;font-family:CustomFontBold,sans-serif}

.articlbox .content{margin:10px 0;line-height:28px;font-size:16px}

.articlbox .content img{max-width:100%}

.pos_abs{position:absolute;right:0;top:0}

.faqbox{padding:60px}

.faqbox .toggle-title{font-size:18px}

.faqbox .toggle-button{background:#f4f4f6}







.data_list{display:flex;width:100%;flex-wrap:wrap;gap:30px;border-bottom:1px solid #0b2447;padding-bottom:30px}

.data_list .item{flex:1 1 200px;cursor:pointer;background:#fff;position:relative;bottom:0;transition:all 0.5s ease;text-align:center}

.data_list .item:hover{bottom:20px}

.data_list .item img{width:50px;height:auto;margin-bottom:12px}

.data_list .item .title{font-size:40px;color:#0f0f0f;font-weight:600;font-family:sans-serif;display:flex;flex-direction:column;align-items:center;gap:8px}

.data_list .item .num{font-size:40px}

.data_list .item p{font-size:15px;color:#15528d;font-weight:600}

@media (max-width:768px){.data_list{gap:24px}

.data_list .item .num{font-size:30px}

.data_list .item img{width:42px}

}@media (max-width:480px){.data_list{gap:20px}

.data_list .item{flex:1 1 140px}

.data_list .item .num{font-size:26px}

.data_list .item p{font-size:13px}

}







.downloadbox{width:100%;max-width:1200px;margin:0 auto;padding:40px 0;min-height:50vh}

.download-box{min-height:30vh;padding:60px 0}

.download-item{display:flex;justify-content:space-between;margin-bottom:20px;border:1px solid #ddd;padding:15px;align-items:center}

.download-item:hover{box-shadow:0 0 10px #00000021}

.download-item:hover::before{content:"";width:2px;height:100%;background:#000;left:0;position:absolute;display:block}

.download-link a{display:flex;align-items:center}

.download-link a .icon-download{display:flex}

.download-link svg{width:20px;margin-right:6px}

.download-link a:hover svg path,.downloadbox table td a:hover .icon-download svg path{fill:var(--Bcolor)}

.download-item .name::before{content:"¡ö";vertical-align:text-bottom;margin-right:10px;color:#000}

.tb_pc{display:block}

.tb_mobile{display:none}

.downloadbox table{width:100%;text-align:left;border-radius:0;overflow:hidden;border:1px solid #e3e3e3;font-size:1rem}

.downloadbox table th{background:#efefef;padding:15px}

.downloadbox table td{padding:15px;background:#fff}

.downloadbox table td a{transition:.3s}

.downloadbox .icon-download svg{width:16px;vertical-align:bottom;margin-right:5px}

.downloadbox .icon-download svg path{fill:#222}

.contactUs{padding:60px 0;background:#f7f8fa}

.contactUs .wd1600{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap}

.contactUs .inquiryForm{background:#fff;padding:5%;margin:0 auto;width:40%;border-radius:8px}

.contactUs div h3{font-size:3rem;color:#151515;font-family:CustomFontBold,sans-serif;line-height:4rem;margin:30px 0}

.contactUs .factoryinfo .tips{font-size:1rem;line-height:1.8rem;margin-top:10px;margin-bottom:35px}

.contactUs .infoList{font-size:16px;display:flex;align-items:center;flex-wrap:nowrap;border-bottom:1px solid #ffffff47}

.contactUs .infoList .icon{margin-right:6px}

.contactUs .infoList .icon::before{content:"";width:34px;height:34px;border-radius:20px;border:2px solid #fff;display:block}

.contactUs .infoList .icon-phone{background:url("../img/icon-phone.svg") center/22px no-repeat}

.contactUs .infoList .icon-email{background:url("../img/icon-email.svg") center/22px no-repeat}

.contactUs .infoList .icon-address{background:url("../img/icon-address.svg") center/22px no-repeat}

.contactUs .infoList .icon-fax{background:url("../img/icon-fax.svg") center/22px no-repeat}

.contactUs .infoList p{width:100%;padding:20px 0}

.contactUs .inquiryForm ul{display:flex;flex-wrap:wrap;justify-content:space-between}

.contactUs .inquiryForm .formList{font-size:.8rem;width:100%}

.contactUs .inquiryForm input{width:100%;height:3.2rem;padding-left:20px;border:.5px solid #ddd;margin-bottom:16px;color:#212121;font-size:14px;border-radius:0;margin-top:6px}

.contactUs .inquiryForm textarea{width:100%;padding:20px;border:.5px solid #ddd;margin-bottom:20px;color:#212121;font-size:14px;border-radius:0;margin-top:10px}

.contactUs .inquiryForm input:focus,.contactUs .inquiryForm textarea:focus{border-color:#000}

.contactUs .inquiryForm textarea:focus-visible{outline:0;border-color:#000}

.contactUs .inquiryForm .btn{width:260px;background:var(--Bcolor);color:#fff;border-color:var(--Bcolor)}

.contactUs .inquiryForm .btn::after{border-color:#fff}

.advantages-list{display:flex;width:100%;justify-content:space-between;border-radius:32px;height:auto;min-height:260px;margin-bottom:1rem;flex-wrap:wrap;gap:20px;margin-top:20px}

.advantages-list-item .title{font-size:18px;text-align:left}

.advantages-list-item{background:#f6f8fa;width:48%;padding:30px;border-radius:16px;text-align:left}

.siteBox,.tksBox{padding:3rem 0;border-bottom:1px solid #e3e3e3}

.advantages-list-item .img-box{width:50%;max-width:200px;overflow:hidden;border-radius:10px;margin-top:10px}

.advantages-list img{max-width:200px;width:100%;display:block}

.advantages-list p{font-size:1rem}

.hisBox{width:100%;margin-top:2rem}

.hisBox .hisList{overflow:hidden;width:100%;margin-bottom:90px;transition:.5s}

.hisBox .hisLinkBox{position:relative;display:flex;flex-wrap:nowrap;width:100%;height:100%;overflow:hidden}

.hisBox .hisPicBox{width:35%;float:left;position:relative;padding-bottom:23%;overflow:hidden;border-radius:12px;background:#fff;display:flex;justify-content:center}

.hisBox .hisPicBox img{width:100%;position:absolute}

.hisBox .centerContentBox{width:67%;padding-left:5.5%;float:left;position:relative}

.hisBox .Title{font-size:32px;color:#151515;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:.5s;font-weight:500}

.hisBox .Summry{width:100%;font-size:1rem;line-height:1.8rem;color:#4b4b4b;margin-top:15px;text-align:justify;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5}

.siteBox .Title{font-size:2rem;color:#151515;font-weight:700;margin-bottom:20px}

.siteul{display:flex;flex-wrap:wrap;justify-content:flex-start}

.site_top{width:auto;margin-bottom:20px;margin-right:40px}

.site_top .top_link{font-size:1rem;color:#252525;font-weight:700}

.site_top .top_link:hover{color:var(--Bcolor);border-bottom:1px solid var(--Bcolor)}

.site_second a{font-size:.85rem;color:#4c4c4c;margin-top:1.2rem;display:block}

.keywordsBox .tag-c-main a,.keywordsBox span{display:inline-block;text-transform:capitalize}

.keywordsBox span{margin-right:2rem;margin-top:2rem}

.keywordsBox{margin-top:20px}

.thank{font-family:Sansation1;font-size:2rem;color:var(--Bcolor)}

.tksBox{display:flex;justify-content:center;flex-wrap:wrap}

.VideoBox,.videos{padding-bottom:2rem}

.tksBox div{width:100%;display:flex;justify-content:center}

.tks-img{width:4.2rem;height:4.2rem;background:url("../img/icon-small.svg") center/100% no-repeat}

.tksBox .Title{font-size:2rem;color:#151515;text-align:center;width:100%;margin:1rem 0 2rem}

.tksBox div a{margin:0 auto}

.factoryinfo{display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;text-align:center}

.VideoBox,.dynamicBox{flex-wrap:wrap;display:flex}

.factoryinfo .item{width:16%;padding:60px 20px;color:#222;transition:.3s;border:1px solid #ddd;border-radius:8px}

.factoryinfo .item svg{width:40px;height:30px}

.factoryinfo .item svg path{fill:var(--Bcolor);transition:.3s}

.factoryinfo .title{font-family:CustomFontBold;text-align:center;font-size:1.4rem;margin-bottom:20px}

.factoryinfo .item:hover svg path{fill:#fff}

.factoryinfo .item:hover .title{color:#fff}

.map{width:100%;margin:40px 0 0;border-radius:20px;overflow:hidden}

.VideoList{width:31%;overflow:hidden;margin:40px 1% 0}

.VideoList .img-box{width:100%;height:0;padding-bottom:68%}

.VideoList .img-box picture{position:absolute;width:100%;height:100%}

.VideoList .img-box picture img{display:block;width:100%;height:100%;object-fit:cover;position:absolute;left:0;top:0}

.VideoList .groups-video .video-intro-play{width:64px}

.VideoList .groups-video .img-box .video-cover-mask{display:block;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;background-color:rgba(0,0,0,.07)}

.video-intro-text{width:100%;color:#222;padding:10px;font-size:14px;text-align:center}

.contactUsbox{background:url(../img/contactbg.jpg) center/cover no-repeat;padding:80px 0;text-align:center}

.contactUsbox .title{font-size:320%;color:#222;position:relative;font-family:CustomFontBold;width:100%}

.contactUsbox p{margin-bottom:20px;font-size:15px}

.keywordsBox .tag-c-main a{margin-right:1%;margin-top:8px;background:#f3f3f3;padding:4px 8px;font-size:14px;width:32%}

.dynamicBox{align-items:center;justify-content:space-around}

.dynamicBox .imgBox{overflow:hidden;max-width:600px;width:45%}

.dynamicBox .txtBox .date{color:#999;margin-bottom:20px}

.dynamicBox .btn{margin-top:30px;padding:15px 40px 15px 20px;width:auto}

.inquiryForm2{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}

.inquiryForm2 input{width:32%;height:3.2rem;padding-left:20px;border:.5px solid #ddd;margin-bottom:16px;color:#212121;font-size:14px;border-radius:0;margin-top:6px}

.inquiryForm2 textarea{display:block;color:#212121;border:.5px solid #ddd;padding-left:15px;width:100%;height:200px;line-height:50px;margin-bottom:24px;transition:.5s;margin-top:10px}

.inquiryForm2 input:focus,.inquiryForm2 input:hover,.inquiryForm2 textarea:focus,.inquiryForm2 textarea:focus-visible,.inquiryForm2 textarea:hover{border-color:var(--Bcolor);outline:0}

.inquiryForm2 .btn{margin:0 auto;min-width:200px}

@media only screen and (max-width:1200px){.listBox h3{font-size:45px}

.list ul li a{font-size:1rem;line-height:60px;padding:0 10px;min-width:auto}

.cerList{justify-content:normal}

.cerList .cerBox{width:20%;margin-right:5%;margin-bottom:60px}

.hisBox .hisLinkBox,.newsBox .newLinkBox{align-items:flex-start}

.newsBox .newData{position:relative}

.contactUs .factoryinfo .tips{margin-bottom:10px}

.hisBox .centerContentBox{width:57%}

.hisBox .Summry{line-height:30px;text-align:left}

}@media only screen and (max-width:769px){.list{margin:0 auto}

.listBox h3{font-size:20px;line-height:34px;margin:10px 0}

.list ul{align-items:center}

.listBox{padding:32px 0}

.listBox .pic{width:100%;margin:20px 0}

.contactUs{padding:0 0 30px}

.advantages-list-item,.contactUs .inquiryForm,.contactUs .inquiryForm .btn,.contactUs .inquiryForm .formList,.contactUs .tit,.dynamicBox .imgBox,.dynamicBox .txtBox,.inquiryForm2 input,.listBox .info .left,.listBox .info .txt{width:100%}

.contactUs div h3{font-size:30px;line-height:40px;margin:20px 0 0}

.list ul li{display:block;width:100%;padding:10px 5px 0;margin:0}

.list ul li a{display:flex;font-size:14px;line-height:20px;width:100%;white-space:initial;word-break:break-word;align-items:center;justify-content:center;padding:4px}

.listBox .info{width:100%;flex-wrap:wrap;gap:10px}

.data_list .item .title{flex-wrap:wrap;font-size:30px}

.data_list .item p{width:100%;line-height:initial;margin:0}

.data_list .item{width:45%;border-bottom:1px solid var(--Bcolor)}

.data_list{flex-wrap:wrap;border-bottom:none}

.cerList{justify-content:space-between;padding-top:0}

.cerList .cerBox{width:48%;margin-right:0;margin-bottom:2rem}

.culList .cerBox{width:45%}

.culList .culBox{width:100%;margin:0 0 20px}

.culList .culBox h4{font-size:22px;margin-bottom:10px}

.culList .culBox.hover h4{font-size:28px}

.culList .culBox p{font-size:16px}

.culList .culBox .picT .picT-txt{margin:15px}

.leftTimeBox,.tb_pc{display:none}

.titleh2{font-size:30px;line-height:38px}

.newsBox{margin-top:0}

.newsBox .newList{margin-bottom:0}

.hisBox .centerContentBox,.newsBox .centerContentBox{width:100%;padding:15px 0}

.newsBox .newTitle{font-size:18px;line-height:23px}

.newsBox .newSummry{line-height:18px;margin-top:10px}

.hisBox .hisLinkBox,.newsBox .newLinkBox{padding-right:0;width:100%;overflow:hidden;flex-wrap:wrap}

.newsBox .newPicBox{width:100%;padding-bottom:68%}

.articlbox{padding:20px 10px}

.articlbox .title{font-size:26px;line-height:32px}

.articlbox .content{font-size:14px;margin:15px 0}

.tb_mobile{display:block}

.downloadbox table{margin-bottom:15px;border:1px solid #f3f3f3;font-size:16px}

.downloadbox table th{background:#fff;color:#8e8e8e}

.downloadbox table td,.downloadbox table th{padding:15px;border-bottom:1px solid #f3f3f3}

.hisBox{margin-top:20px}

.hisBox .hisList{margin-bottom:30px}

.hisBox .Title{font-size:1rem}

.hisBox .Summry{font-size:16px;margin-top:10px;line-height:24px}

.hisBox .hisPicBox{width:100%;padding-bottom:66%}

.site_top{width:48%;margin:0 0 20px}

.factoryinfo .item{width:100%;padding:20px 0;margin-bottom:20px}

.VideoList{width:100%;margin:20px 0 0}

.keywordsBox .tag-c-main{display:flex;flex-wrap:wrap}

.keywordsBox .tag-c-main a{display:flex;align-items:center;width:48%}

.news-list-item .title{font-size:20px;height:initial;text-align:left}

}@media only screen and (max-width:640px){.newsBox .newList{width:100%;margin:0 0 20px}

.download-item{display:flex;margin:20px 0;flex-wrap:wrap;padding:0 10px}

.download-item div{width:100%;padding:10px;border-bottom:1px solid #efefef;font-size:14px}

.download-item div:last-child{border-bottom:0}

.download-box{padding:0}

.faqbox{padding:0 20px}

#video-container{padding-bottom:60%}

}