﻿@charset "utf-8";
:root{--headercolor:#000000}
.swiper-box.index-swiper{position:relative}
.swiper-box.index-swiper img{display:block}
.swiper-index{height:auto}
main.index{margin-top:0}
body{padding-top:102px}
.banner2-box{height:auto;min-height:inherit;position:static}
.tabs{margin:0}
.banner2-box img{display:block}
header .top-box{top:0}
header{top:0}
@media screen and (max-width:1200px){body{padding-top:62px}
.swiper-box.index-swiper{top:62px}}
@media screen and (max-width:680px){body{padding-top:0}
.swiper-box.index-swiper{top:0}}
header .top-box .nav-box{background:#fff}
header .top-box .nav-box .right ul.nav1>li a{color:#000}
header .top-box .nav-box .right ul.nav1>li .submenu{background:#fff}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:#fff}
@media screen and (max-width:1200px){header .top-box .nav-box .right nav{background:rgba(255,255,255,.9)}
header .top-box .nav-box .right ul.nav1>li .inmenu_1,header .top-box .nav-box .right ul.nav1 li:hover>a{color:#cc1616}
header .top-box .nav-box .right ul.nav1>li .submenu{background:none}
header .top-box .nav-box .right nav ul.nav1 i{color:#000}}
header .top-box .nav-box .mob-nav i{color:#000}
footer{background:#919191}
main.index section.products .item ul li>div p{height:auto;padding:10px 0}
main.index section.products .item ul li>div .rule-box{height:auto;max-height:inherit}
main.index section.products .item ul li{margin-bottom:20px}
@media (min-width:1025px){footer .footer-info .nav1 ul>li>a{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;display:block}
footer .footer-info .nav1{width:280px}}
main.page-template-1 .max-width-box article .item-products-1 ul li,main.page-template-1 .max-width-box article ul li .box .left img{max-height: unset;}
main.page-template-1 .max-width-box article .item-products-1 ul li .box .left{height: auto;}
@media (max-width: 1200px){main.page-template-1 .max-width-box article .item ul li .box .left{max-height: unset;}}
aside.nav2-template>ul>li.has-children2>ul>li.LiLevel1>a{font-weight:var(--fontbold7)}
aside.nav2-template>ul>li.has-children2>ul>li.LiLevel1:hover>ul.sub-menu{display:block!important}
@media(min-width:1024px){
#liproducts{position:relative;}
#liproducts:hover .submenu.nav3{display:flex !important;}
#liproducts .submenu.nav3{min-width:inherit!important;width:100%;max-width:1246px;top: 100px;position:fixed!important;left:50%!important;transform: translateX(-50%);padding:20px 20px;display:none;flex-wrap:wrap;background:rgba(255,255,255,.98);visibility: inherit;opacity: 1;overflow: inherit;}
#liproducts .submenu.nav3 a:hover{color:var(--color)}
#liproducts .submenu.nav3 em,#liproducts .submenu.nav3 i{display:none}
#liproducts .submenu.nav3 ul{box-shadow:none!important}
#liproducts .submenu.nav3>li{position:relative;width:32%;min-height:100px;margin-right:2%;margin-top:20px}
#liproducts .submenu.nav3 li{background:none;}
#liproducts .submenu.nav3>li:nth-child(3n){margin-right:0px}
#liproducts .submenu.nav3>li>a{padding:0px;padding-left:100px;font-weight:var(--fontbold6);line-height:1;margin-bottom:8px;display: block;height: auto;}
#liproducts .submenu.nav3>li .cate-con .cate-img{width:80px;height:80px;position:absolute;top:0px;left:0px}
#liproducts .submenu.nav3>li .cate-con .cate-img a{padding:0px;display:flex;align-items:center;justify-content:center;overflow:hidden;width:100%;height:100%;border-radius:var(--borderradius)}
#liproducts .submenu.nav3>li .cate-con .cate-img img{width:100%;height:100%;object-fit:cover;transition:all .1s linear}
#liproducts .submenu.nav3>li .cate-con .cate-img img:hover{transform:scale(1.05)}
#liproducts .submenu.nav3>li .cate-con ul{padding-left:100px;margin-top:2px;background:0 0}
#liproducts .submenu.nav3>li .cate-con ul a{padding:0px}
#liproducts .submenu.nav3>li .cate-con ul li{padding:0;}
#liproducts .submenu.nav3>li a{color:#000 !important}
#liproducts .submenu.nav3>li a:hover{text-decoration:underline;}
header .top-box .nav-box.top-0 #liproducts .submenu.nav3{top:60px}}
@media(max-width:1024px){
#liproducts .submenu.nav3{flex:1;}
#liproducts .cate-con .cate-img {display:none;}}
@media(min-width:1025px){header .top-box .nav-box .right .search-box i{font-size: 20px;}header .top-box .nav-box .right{padding-right: 15%;}}
@media (min-width:1025px) {
header .top-box .nav-box .right .search-box{width:auto}
.search-box-mob {max-width: 100%;padding: 0;height: auto;position: static;width: 160px;background: initial;display: block!important;z-index: 9!important;}
.search-box-mob div {width: 100%;margin: 0;max-width: 100%;align-items: center;display:flex;height: 100%;}
.search-box-mob div button {width: auto;padding: 0 3px;margin-left: 0;}
.search-box-mob div input {width: calc(100% - 64px);padding-left: 0;border-radius: 0;border:1px solid #eee;}    
}
@media(min-width:1025px){header .top-box .nav-box .right ul.nav1 #liinquiry>a{background-color: var(--color);color:#fff;}}
.index-swiper .swiper-slide .banner1{position: absolute;bottom:12.8%;left:8.3%;}
.index-swiper .swiper-slide .banner1 .btn a{display:inline-block;color:#fff;background:#276DC1;padding:15px 10px;font-weight:var(--fontbold7);font-size:20px;transition: all .3s;}
.index-swiper .swiper-slide .banner1 .btn a:hover{background:#fff;color:#276DC1}
@media (max-width:1600px){.index-swiper .swiper-slide .banner1 .btn a{font-size: 1.1vw;}}
@media (max-width:768px){.index-swiper .swiper-slide .banner1 .btn a{padding:7px 10px;font-size:10px;}}
@media (max-width:640px){.index-swiper .swiper-slide .banner1{bottom:7%;}
.index-swiper .swiper-slide .banner1 .btn a{padding:3px 2px;display:none;}}
.customzied .customziedmine-title-active{display: inline-block;padding: 5px 15px;background: var(--color);}
