﻿@charset "utf-8";
ul.nyvideolist{display:flex;flex-wrap:wrap}
ul.nyvideolist li{text-align:center;width:32%;margin-right:2%;margin-bottom:30px;background:var(--color);color:#fff;border:1px solid var(--color)}
ul.nyvideolist li:nth-child(3n){margin-right:0}
ul.nyvideolist li .nyvideotop{background:#fff;position:relative;padding-bottom:60%;width:100%}
ul.nyvideolist li .nyvideotop iframe{width:100%;height:100%;position:absolute;top:0;left:0}
ul.nyvideolist li p{font-size:18px;line-height:1.6;padding:8px}
@media (max-width:1024px){ul.nyvideolist li{width:49%}
ul.nyvideolist li:nth-child(3n){margin-right:2%}
ul.nyvideolist li:nth-child(2n){margin-right:0}}
@media (max-width:640px){ul.nyvideolist li{width:100%;margin-right:0}
ul.nyvideolist li:nth-child(3n){margin-right:0}
ul.nyvideolist li p{font-size:16px}}
.process-list .list-item{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}
.process-list .list-item .item{width:29%}
.process-list .list-item .item img{width:100%}
.process-list .list-item .item.arrow{width:5%}
.process-list .w100{width:100%;padding:50px 0}
.textright{text-align:right}
.arrow-d img{transform:rotate(90deg);width:5%}
.process-list .list-item:nth-child(3) .item.arrow img{transform:rotate(180deg)}
.process-list .list-item .item .text{border:1px solid #000;padding:15px;text-align:center}
@media (max-width:768px){.process-list .list-item .item,.process-list .list-item .item.arrow,.textleft,.textright{width:100%;text-align:center}
.process-list .list-item .item.arrow img,.process-list .list-item:nth-child(3) .item.arrow img{transform:rotate(90deg)}
.process-list .list-item .item.arrow{padding:30px 0}}
.home-about .about-img::after{padding-bottom:0;}
.home-about .about-img lite-youtube{width:100%!important;}
@media (max-width:560px){.home-about .about-img lite-youtube{height:300px!important;}}
.process-list .list-item .item .text{background:var(--color);color:#fff;border-color:var(--color);font-size:17px;text-transform:capitalize}
@media (min-width:1025px){.head-info .nav-ul>li#liproducts .submenu{padding:10px;list-style:none;min-width:900px;display:flex;flex-wrap:wrap;left:-400px}
.head-info .nav-ul>li#liproducts .submenu>li{width:33%;display:flex;align-items:center;margin:10px 0}
.head-info .nav-ul>li#liproducts .submenu>li em,.head-info .nav-ul>li#liproducts .submenu>li i{display:none}
.head-info .nav-ul>li#liproducts:hover .submenu li:hover>a{background:none;color:var(--color)}
.head-info .nav-ul>li#liproducts .submenu>li .item-info{width:80px;height:80px;margin-right:10px;overflow:hidden}
.head-info .nav-ul>li#liproducts .submenu>li .item-info>a{padding:0;display: inline-flex;justify-content: center;align-items: center;}
.head-info .nav-ul>li#liproducts .submenu>li .item-info img{width:100%;height:100%;object-fit:cover;height:auto;transition:all .1s linear}
.head-info .nav-ul>li#liproducts .submenu>li .item-info img:hover{transform:scale(1.02)}
.head-info .nav-ul>li#liproducts .submenu>li>a{flex:1;text-decoration:none;width:calc(100% - 100px);height:auto;padding:0;}}
@media (max-width:1024px){.head-info .nav-ul>li#liproducts .submenu{display:none;min-width:inherit;padding-left:20px}
.head-info .nav-ul>li#liproducts .submenu>li{margin:0;width:100%}
.head-info .nav-ul>li#liproducts .submenu>li .item-info{display:none}}
.home-banner .banner-animote.ban1{text-shadow:1px 2px 3px var(--fontcolor)}
@media (min-width:1025px){.home-banner .banner-animote.ban1 .text{opacity: 1;max-width: 60%;margin: 0 auto;font-size:var(--fontsize20)}}
@media (min-width:1025px){.home-choose .homechoose-title{width:35%;}
.home-choose .homechoose-content{padding-left:3%;}
.home-choose .homechoose-content .homechoose-item{width:49%;}
.home-choose .homechoose-content .homechoose-item:nth-child(3){margin-bottom:0;}
.home-choose .homechoose-text{font-size:17px;}}
@media (min-width:1025px){body.index header:not(.is-active) .head-info .nav-ul>li#lihome a.inmenu_1{color:#fff;}}
.home-news .homenews-list .homenews-item .homenews-img{max-height:inherit;}
.home-about .iframe-container{position: relative;width:100%;height:0;padding-bottom: 56.25%;}
.home-about .iframe-container iframe{position:absolute;top:0;left: 0;width:100%;height:100%;min-height:inherit;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img a{position:relative;height:0;padding-bottom:100%;}
.home-hotpro .homehotpro-list .homehotpro-item .homehotpro-img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;background:#fff;}
.banner-inner .banner-img::after{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.5);}
.home-more{padding:0 10px}

.wmkcinquirybtn{cursor:pointer}
.wmkcpopup-inquiry{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:99999;display:none;align-items:center;justify-content:center}
.wmkcpopup-inquiry.is-active{display:flex}
.wmkcpopup-inquiry.is-active .wmkcinquiry-box{animation:wmkcinquiryanimation .3s forwards}
.wmkcinquiry-diaolg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);z-index:-1}
.wmkcinquiry-box{z-index:2;background:#fff;width:100%;max-width:900px;margin:0 auto;padding:30px 30px;border-radius:10px;box-shadow:1px 2px 10px rgba(0,0,0,.2);max-height:100vh;overflow-y:auto;transform:translateY(20px);opacity:.5}
.wmkcinquiry-box .wmkcinquiry-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.wmkcinquiry-box .wmkcinquiry-title{font-weight:700;font-size:var(--fontsize20);text-align:left}
.wmkcinquiry-box .wmkcinquiry-close{position:relative;cursor:pointer;width:30px;height:30px}
.wmkcinquiry-box .wmkcinquiry-close::before{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg)}
.wmkcinquiry-box .wmkcinquiry-close::after{content:"";position:absolute;top:0;left:0;width:20px;height:2px;background:var(--color);left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes wmkcinquiryanimation{0%{transform:translateY(20px);opacity:.5}
100%{transform:translateY(0);opacity:1}
}
footer{background:#222222;color:#A3A7A8;position:relative}
footer a{transition:all .1s linear}
footer a:hover{color:var(--color);text-decoration:underline}
.foot-main{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;padding:3% 0}
.foot-title{font-weight:var(--fontbold5);font-size:var(--fontsize26);color:#FFFFFF}
.foot-newsletter{color:#FFFFFF}
.foot-newsletter .foot-submit{width:100%;display:flex;margin-top:20px}
.foot-newsletter .foot-submit input{flex:1;border-radius:30px;outline:0;border:none;background:#FFFFFF;color:var(--fontcolor);margin-right:10px;transition:all .15s linear;padding:0px 20px}
.foot-newsletter .foot-submit input::placeholder{color:var(--introcolor)}
.foot-newsletter .foot-submit button{min-width:200px;height:56px;background:var(--color);border-radius:30px;display:inline-flex;align-items:center;justify-content:center;padding:0px 20px;font-size:var(--fontsize16);color:#FFFFFF;outline:0;border:none;cursor:pointer;transition:all .1s linear;white-space:nowrap}
.foot-newsletter .foot-submit button:hover{opacity:.9}
.foot-content{flex:1;padding-right:6%}
.foot-link{margin-top:20px;width:400px}
.foot-link ul li{background:#262626;border-radius:10px;border:1px solid #3b3b3b;margin-bottom:20px;padding:30px}
.foot-link ul li:last-child{margin-bottom:0px}
.foot-link ul li .top{display:flex;align-items:center;justify-content:flex-start;color:#FFFFFF;font-size:var(--fontsize20);border-bottom:1px solid #3b3b3b;padding-bottom:10px;margin-bottom:10px}
.foot-link ul li .top em{font-size:var(--fontsize24);margin-right:5px}
.foot-link ul li .bottom a{color:#FFFFFF}
.foot-inner{margin-top:50px;padding-top:50px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}
.foot-inner .foot-item{width:30%}
.foot-inner .foot-cate{width:25%}
.foot-inner .foot-list{margin-top:10px;display:flex;flex-wrap:wrap}
.foot-inner .foot-list li{width:100%;padding-bottom:5px}
.foot-inner .foot-list li a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden}
.foot-nav .foot-list li{width:50%}
.foot-logo{display:flex;margin-bottom:20px}
.foot-logo img{max-width:100%;width:auto;height:auto;max-height:100px}
.foot-share ul{margin-top:2em;display:flex;align-items:center;flex-wrap:wrap;list-style:none;gap:15px}
.foot-share ul li{margin-bottom:10px}
.foot-share ul li a{width:35px;height:35px;border-radius:50%;background:#333333;color:#FFFFFF;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}
.foot-share ul li a.fb{background:#3b5998}
.foot-share ul li a.tw{background:#55acee}
.foot-share ul li a.lk{background:#007ab6}
.foot-share ul li a.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.foot-share ul li a.you{background:red}
.foot-share ul li a.tik{background:#111}
.foot-share ul li a:hover{background:#FFFFFF;color:var(--color)}
.foot-bot{padding:20px 0;display:flex;align-items:center;justify-content:center;font-size:14px;text-align:center;position:relative;border-top:1px solid rgba(255,255,255,.1)}
footer .copyright{border-top:0;padding-top:0;}
footer .copyright a{margin-left:5px;color:#FFFFFF}
footer .foot-list a em{display:none;}
@media (min-width:1025px){footer .foot-main .foot-item.foot-info{width:32%;}
footer .foot-main .foot-item.foot-nav{width:27%;}}
@media (max-width:1280px){.foot-link{width:350px;}}
@media (max-width:1024px){.foot-link{width:100%;}
.foot-logo, .foot-text{display:block;}
.foot-link ul{display:flex;justify-content:space-between;align-items:stretch}
.foot-link ul li{margin:0px;width:32%;padding:20px}}
@media (max-width:768px){.foot-newsletter .foot-submit button{height:45px;min-width:150px}
.foot-share ul{margin-top:1em}
.foot-inner{flex-direction:column;padding-top:20px;margin-top:30px}
.foot-inner .foot-item{width:100%!important;margin-bottom:1em}
.foot-inner .foot-item:last-child{margin-bottom:0px}
.foot-inner .foot-list li{width:50%}
.foot-link ul{flex-direction:column}
.foot-link ul li{width:100%;margin-bottom:1em}}
@media (max-width:550px){.foot-newsletter .foot-submit{flex-direction:column}
.foot-newsletter .foot-submit input{margin-bottom:10px;height:45px;margin-right:0px;flex:none}
.foot-link ul li .top{font-size:var(--fontsize18)}
.foot-link ul li .top em{font-size:var(--fontsize20)}}
footer .foot-main .foot-item.foot-cate .foot-list{display:flex;flex-wrap:wrap}
footer .foot-main .foot-item.foot-cate{width:30%}
footer .foot-main .foot-item.foot-cate .foot-list li{width:50%}
