@charset "utf-8";
.flex-3p{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap}
.flex-3p li{width:33%}
.flex-3p li iframe{max-width:100%;height:245px}
#appli{background:#f9f9f9;padding-bottom:60px}
#appli .appli-title{font-size:30px;text-align:center;font-weight:500;position:relative;color:#111;line-height:1;padding-bottom:15px}
#appli .appli-title-line{position:relative;margin:0 auto;width:20px;height:3px;background:#66c7da}
#appli .appli-des{max-width:830px;margin:0 auto;font-size:14px;color:#555;text-align:center;padding:20px 0 50px}
#appli .applist{display:flex}
#appli .applist .item{background:#fff;width:24%;transition:all .1s linear;cursor:pointer;color:#111}
#appli .applist .item .info{padding:30px 20px}
#appli .applist .item .icon{line-height:1}
#appli .applist .item .title{font-size:18px;padding:10px 0;position:relative}
#appli .applist .item .title::after{content:"";position:absolute;bottom:0;left:0;width:40px;height:3px;background:#66c7da}
#appli .applist .item:hover{background:#66c7da;color:#fff;transform:scale(1.01)}
#appli .applist .item:hover .title::after{background:#fff}
.appli-swiper{position:relative;padding:0 60px}
.appli-swiper .swiper-pagination{display:none}
.appli-swiper .pic{position:relative;width:100%;padding-bottom:50.18%;background:#fff}
.appli-swiper .pic img{width:100%;height:100%;display:block;position:absolute;top:0;left:0;object-fit:contain}
#appli .applist .item .title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;padding:0 0 5px}
#appli .applist .item:hover .title{color:#fff}
.appli-btn>div{position:absolute;width:40px;height:40px;border:1px solid #000;display:flex;align-items:center;justify-content:center;top:50%;margin-top:-20px;cursor:pointer}
.appli-btn>div.appli-prev{left:0}
.appli-btn>div.appli-next{right:0}
.appli-btn>div i{font-size:20px}
.appli-btn>div:hover{background:var(--color);border-color:var(--color);color:#fff}
#video{background:url(/Content/uploads/2023666663/202308161806470a54db32d3234254931283498c3dd86c.jpg) no-repeat;background-size:cover;width:100%;padding:50px 0}
#video .l-wrap{text-align:center}
#video .video-title{color:#fff}
#video .word{font-size:16px;line-height:1.6;color:#fff}
#video .video-btn{margin-top:40px}
#video .video-btn a{display:inline-block;padding:10px 20px;background:0 0;font-size:16px;text-transform:uppercase;color:#fff;border:1px solid #fff;transition:all .5s}
#video .video-btn a:hover{background:#66c7da;border-color:#66c7da}
#news{padding-top:4%}
@media (max-width:768px){#appli .applist .item{width:49%;margin:10px 0}
#appli .applist .item .info{padding:10px}
#appli .applist .item .title{font-size:14px}
#video .video-btn a{padding:7px 15px}}
@media (max-width:560px){.appli-swiper{padding:0}
.appli-btn{display:none}
#appli .appli-des{padding-bottom:20px}}
.common-main .news-list.list1 li .news-img{position:relative;height:0;padding-bottom:66%}
.common-main .news-list.list1 li .news-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:cover}
.active1 .sidebar-item:nth-of-type(2) .sidebar-cate li:nth-of-type(1) .sub-menu{display:block}
.active2 .sidebar-item:nth-of-type(2) .sidebar-cate li:nth-of-type(2) .sub-menu{display:block}
.active3 .sidebar-item:nth-of-type(2) .sidebar-cate li:nth-of-type(3) .sub-menu{display:block}
.active4 .sidebar-item:nth-of-type(2) .sidebar-cate li:nth-of-type(4) .sub-menu{display:block}
.active5 .sidebar-item:nth-of-type(2) .sidebar-cate li:nth-of-type(5) .sub-menu{display:block}
.tabs-nav p:nth-of-type(1){display:none}
.pro-detail .pro-random .pro-list.list1 li .pro-img a:after{padding-bottom:100%}
.pro-detail .pro-random .pro-list.list1 li .pro-img a img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:contain;background:#fff}
.pro-detail .pro-random .pro-list.list1 li .pro-info{text-align:center}
.nyaboutus-swiper .swiper-wrapper{flex-wrap:nowrap}
.nyaboutus-swiper .swiper-wrapper{-webkit-transition-timing-function:linear;-moz-transition-timing-function:linear;-ms-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;margin:0 auto}
#product .pro-list li .pro-img a{position:relative;height:0;padding-bottom:100%}
#product .pro-list li .pro-img a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain}
.dh .dh-cont #dh .swiper-slide img{max-height:400px}
@media (max-width:900px){.dh .dh-cont #dh .swiper-slide img{max-height:300px}
.dh .dh-cont .dh-pagination p{padding:12px 20px}}
@media (max-width:480px){.dh .dh-cont #dh .swiper-slide img{max-height:220px}
.dh .dh-cont .dh-pagination p{padding:10px 20px}}
#news #home-news .news-list .news-item-img a{position:relative;height:0;padding-bottom:75%}
#news #home-news .news-list .news-item-img img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:cover}
@media (min-width:1025px){.head-menu-box nav>ul li#liproducts{position:static;}
#liproducts .submenu{padding:10px calc(50% - 800px);list-style:none;width:100%;display:flex;flex-wrap:wrap;left:0;top:127px;}
.head.is-fixed #liproducts .submenu{top:66px;}
#liproducts .submenu:before{content:'';width:100vw;height:100%;display:block;background:#fff;z-index:-1;position:absolute;top:0;left:50%;transform:translateX(-50%);}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:24%;margin-left:1%}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;font-weight:var(--fontbold7)}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0;opacity: 1;transform: initial;width:100%;}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{padding:0;}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover;border:1px solid #ccc;}}
@media (max-width:1650px) and (min-width:1025px){#liproducts .submenu{padding:10px 30px}}
@media (max-width:1024px){#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
.head-menu-box nav>ul>li#liproducts ul{display:block;}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
.head-contact>em,.head-contact>a:nth-of-type(1){display:none;}
.lang-flex .lang-wrap li:nth-of-type(1){display: none;}