@charset "utf-8"; 
:root{--color:#003153;--fontfamily: sans-serif;}
footer .foot-list a:hover{color:#fff}
.gotop{border:2px solid #fff}
@media (max-width:1024px){header .head-info{background:var(--color)}
.m-menu span{background:#fff}}
@media (min-width:1024px) {.home-adv {padding: 0 0 4.2%;}}
.home-choose{background:#000;}
footer,footer .copyright{background:#003153}
footer .footer-main .foot-info{display:none;}
footer .footer-main,footer .copyright{color:#fff;}
.home-procate{padding:3.5% 0;}
.home-procate .procate-list{display:flex;flex-wrap:wrap;margin-top:30px;}
.home-procate .procate-list .procate-item{z-index:99;width:23.5%;margin:15px 2% 15px 0;background:#FFF;box-shadow:0 3px 18px 0 rgba(0,0,0,.16);transition:all .1s linear;overflow:hidden;border-radius:5px;}
.home-procate .procate-list .procate-item:hover{box-shadow:0 3px 18px 0 rgba(0,0,0,.24)}
.home-procate .procate-list .procate-item:hover .procate-img img{transform:scale(1.02)}
.home-procate .procate-list .procate-item:hover .procate-title a{color:var(--color)}
.home-procate .procate-list .procate-item:nth-child(4n){margin-right:0px}
.home-procate .procate-list .procate-item .procate-img{max-height:360px;min-height:180px;position:relative;display:flex;align-items:center;justify-content:center}
.home-procate .procate-list .procate-item .procate-img .tags{position:absolute;top:0px;left:0px;background:rgba(0,0,0,.24);color:#FFF;padding:2px 8px;z-index:1;border-radius:5px 0 0 0;text-transform:lowercase;font-size:14px}
.home-procate .procate-list .procate-item .procate-img img{width:100%;height:100%;object-fit:cover}
.home-procate .procate-list .procate-item .procate-title{height:80px;display:flex;align-items:center;padding:10px 20px}
.home-procate .procate-list .procate-item .procate-title a{display:inline-block;width:100%;font-size:18px;font-weight:var(--fontbold5);color:#272727;line-height:1.3;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
@media (max-width:768px){.home-procate .procate-list{justify-content: space-between;}
.home-procate .procate-list .procate-item{width:49%;margin:10px 0;}}
header .head-info .head-nav .nav-ul>li .submenu li a{opacity:1}
header .head-info .head-nav .nav-ul>li .submenu>li:hover{background:var(--color)}
header .head-info .head-nav .nav-ul>li .submenu>li:hover>a{color:#fff;}
.common-news .page-main,.common-product .page-main{flex-direction: row-reverse;}
.pr-sidebar-recommended .re-more{color:var(--color)}
.products-list .list1 .pr-img>a{position:relative;height:0;padding-bottom:100%;}
.products-list .list1 .pr-img>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;}
@media (min-width:1025px){.common-product .prodetails-sidear .pr-sidebar-search,.common-news .prodetails-sidear .pr-sidebar-search{border:2px solid var(--color)}
.prodetails-sidear .pr-sidebar-category,.pr-sidebar-recommended{padding:0;border: 2px solid var(--color);background:#fff;}
.prodetails-sidear .sidebar-category-title{background:var(--color);padding:10px;}
.pr-sidebar-category .pr-category-line,.pr-sidebar-recommended .pr-recommended-line{display:none;}
.category-title-box{background: #fff;}
.prodetails-sidear .sidebar-category-title p{color:#fff;}
.pr-sidebar-category ul .active>a,.pr-sidebar-category .pr-sidebar-cate li a:hover{background:var(--color);color:#fff;}
.pr-sidebar-category .pr-sidebar-cate li a{margin-bottom:0;padding-top:10px;padding-bottom:10px;}
.pr-sidebar-category ul .sidebar-cate-show{top:12px;}
.pr-sidebar-category .pr-sidebar-cate>li>a{font-weight:var(--fontbold7)}
.pr-sidebar-category ul .sidebar-cate-show p{font-size:24px;}
.pr-sidebar-category .sub-menu li{padding-left:0;padding-right:0;}
.pr-sidebar-category .sub-menu li.LiLevel2>a{padding-left:20px;padding-right:20px;}
.pr-sidebar-category ul .active .sidebar-cate-show{background:#fff;color:var(--color)}
.pr-sidebar-category .pr-sidebar-cate li.LiLevel3>a{padding-left:40px;}
.pr-latest-news,.pr-sidebar-recommended .re-box{padding-left:10px;padding-right:10px;}
.common-product .pr-sidebar-category .sub-menu li,.common-product .pr-sidebar-cate li{border-bottom:1px solid #ccc;padding-top:0;padding-bottom:0;}
.common-product .pr-sidebar-category .sub-menu li:last-child,.common-product .pr-sidebar-cate li:last-child{border:none;}
}
.home-des{text-align:center}
.home-choose .chooselist {align-items:inherit;}
.home-choose .chooselist .itemchoose {height:auto;}
.home-honor {background:url(https://css02.v15cdn.com/m421/honor-bg.webp) no-repeat center;background-size:cover;padding:3.5% 0;}
.home-honor .honorwrap {position:relative;padding:0px 80px;margin-top:30px;}
.home-honor .honorwrap .item {width:100%;overflow:hidden;transition:all .2s linear}
.home-honor .honorwrap .item:hover {transform:scale(1.05)}
.home-honor .honorwrap .item img {width:100%;height:100%}
.home-honor .swiper-pagination{display:none}
.home-button-next,.home-button-prev {position:absolute;left:0px;top:50%;margin-top:-20px;background:0 0;width:40px;height:40px;border:1px solid #DFDFDF;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-button-next:hover,.home-button-prev:hover {background:var(--color);border-color:var(--color)}
.home-button-next:hover i,.home-button-prev:hover i {color:#FFF}
.home-button-next i {color:#000;transform:rotate(-90deg);line-height:1;}
.home-button-prev i {color:#000;transform:rotate(90deg);line-height:1;}
.home-button-next {left:auto;right:0px}
@media (max-width:768px){.home-honor .honorwrap{padding:0}
.home-button-next,.home-button-prev{display:none}
.home-honor .swiper-pagination{display:flex;bottom:0}
#honor-swiper{padding-bottom:40px}}
@media (max-width:500px){.home-honor .honorwrap{margin-top:20px}}
@media (min-width:1025px){header .head-info .head-nav {flex:1;}
header .head-info .head-nav .nav-ul {margin:0 auto;}}

.home-product .product-list{position:relative;padding:0 80px}
.home-product .product-list .home-button-next,.home-product .product-list .home-button-prev{top:30%}
.swiper-pagination{display:none}
.home-product .swiper .swiper-slide::after{content:"";position:absolute;bottom:0;left:0;width:100%;height:0;background:var(--color);transition:all .2s linear}
.home-product .swiper .swiper-slide:hover::after{height:3px}
.home-product .swiper .swiper-slide:hover .img img{transform:scale(1.1)}
.home-product .swiper .swiper-slide .img{width:100%;border:1px solid #dfdfdf}
.home-product .swiper .swiper-slide .img a{display:block;width:100%;height:100%;overflow:hidden;position:relative}
.home-product .swiper .swiper-slide .img a img{width:100%;height:100%;object-fit:cover;transition:all .2s linear}
.home-product .swiper .swiper-slide .info{padding:20px 30px 30px 10px;width:100%;position:relative}
.home-product .swiper .swiper-slide .info .title{font-size:18px;color:var(--fontcolor);text-transform:capitalize}
.home-product .swiper .swiper-slide .info .text{font-size:14px;color:#555}
.home-product .swiper .swiper-slide .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color);font-size:20px}
.home-button-next,.home-button-prev{position:absolute;left:0;top:40%;background:0 0;width:40px;height:40px;border:1px solid #dfdfdf;display:inline-flex;align-items:center;justify-content:center;transition:all .2s linear;cursor:pointer}
.home-button-next:hover,.home-button-prev:hover{background:var(--color);border-color:var(--color)}
.home-button-next:hover i,.home-button-prev:hover i{color:#fff}
.home-button-next i,.home-button-prev i{color:#000}
.home-button-next{left:auto;right:0}
.home-product .product-list .home-button-prev{transform: rotate(90deg);}
.home-product .product-list .home-button-next{transform: rotate(90deg);}
.home-product .swiper .swiper-slide .info i{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:var(--color);font-size:20px}
.home-case{display:none;}
.home-company .company-info .des{-webkit-line-clamp: inherit;}
@media (min-width:1025px){.home-company .company-img{width:40%;}
.home-company .company-info{padding-left:4%;}}
.home-honor .honorwrap{padding: 1% 80px;}

@media (min-width:1025px) {
header .head-info{background:#fff;}}
.home-des{display: none;}
@media (min-width:1024px){.home-product .product-list{padding:0}
.home-product .product-list .home-button-next, .home-product .product-list .home-button-prev{display:none;}
#product-swiper .swiper-wrapper{flex-wrap:wrap;justify-content: space-between;transform:translate(0,0)!important}
#product-swiper .swiper-wrapper .swiper-slide{width:23.5% !important;margin-right:2% !important;margin-bottom: 2%;}
#product-swiper .swiper-wrapper .swiper-slide:nth-child(4n){margin-right:0 !important}}
@media (max-width:768px){.home-product .product-list{padding:0;}
.home-product .product-list .home-button-next, .home-product .product-list .home-button-prev{display:none;}
.home-product .swiper-pagination{display:flex}}
.home-procate .procate-list .procate-item .procate-img .tags{display:none;}
.home-company .company-img lite-youtube{height:auto!important;}
.home-company .company-info .des{font-size:14px}
.home-company .company-info .inter{margin:15px 0}
.category-content .category-icon{display:none}
@media (min-width:1367px){header .head-info .head-logo img{max-height:80px;}}
@media (max-width:1024px){header .head-info{background:#fff;}
.m-menu span{background:#000}}
.banneranimate {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;max-width:80%;color:#fff;opacity:0;text-shadow:-1px 0 black,0 1px black,1px 0 black,0 -1px black;}
.home-banner .swiper-slide-active .banneranimate {animation:bannerani .5s forwards;animation-delay:.7s}
.bannertit {font-weight:bold;font-size:4.4vw;text-align:center;line-height:1.2;}
.bannertxt {font-weight:bold;font-size:2.4vw;line-height:1.2;}
.banneranimate.bannertxt1 .bannertxt {max-width:65%;margin:.5vw auto 0}
.banneranimate.bannertxt2 {display:flex;justify-content:center;}
.banneranimate.bannertxt2 .bannertxt {font-size:2.1vw;margin-top:1vw}
.banneranimate.bannertxt3 {display:flex;justify-content:center;}
.banneranimate.bannertxt3 .bannertxt {font-size:2.3vw;margin-top:1.5vw}
@media (min-width:1367px){.bannertxt {-webkit-text-stroke:1px #000;}}
@media (min-width:769px){.bannertit {-webkit-text-stroke:1px #000;}}
@media (max-width:500px){.bannertxt{font-size:12px!important}
.banneranimate.bannertxt1 .bannertxt{max-width:80%}
.bannertit{font-size:20px}
.banneranimate.bannertxt2 .bannertxt br{display:none}}
@media(min-width:1281px){.home-company .company-info .home-title{font-size: var(--fontsize28);}}
.home-adv .advlist .itemadv{background-color: var(--color);}
.home-choose{background: var(--color);}
.home-adv .advlist .itemadv:nth-child(2){background: var(--color);}