/* 鍒 琛 椤 鏄 绀 浜 绾 鑿 鍗 */ .list-two-cate.category{display: flex;justify-content: center;margin-bottom: 30px} .list-two-cate.category li{list-style: none;border: 1px solid #C7000B;margin: 0 10px} .list-two-cate.category li a{text-decoration: none;padding: 10px 20px;display: block} .list-two-cate.category li a:hover{background: #C7000B;color: white;transition: all 0.3s ease 0s} .slidebar-two-cate{background: #f7f8f9;border: 1px solid #f1f2f3;padding: 15px;margin-bottom: 20px} .list-two-cate.slidebar{padding: 0 10px} .list-two-cate.slidebar li{list-style: none;padding: 5px 0} .list-two-cate.slidebar li a{color: black} .list-two-cate.slidebar.en li a{padding:3px 0;white-space:nowrap;font-size:13px} .list-two-cate.slidebar li a:hover{color: #cc3429} .list-two-cate.slidebar li.active>a{color: #cc3429} .list-two-cate.slidebar ul{display:block;width:100%;border: none;background: transparent;position: relative;box-shadow: none} .list-two-cate.slidebar ul li a::after{content:"鈥斺€ ";float: left} .list-two-cate.slidebar.en ul li a::after{content:"鈥 ";float: left} .list-two-cate.slidebar ul li a:hover{color: #cc3429} /* 鑷 瀹 涔 banner 鍥 */ .banner-zdy{position: relative} .banner-font{position: absolute;left: 0;top:0;width: 100%;height: 85%;display: flex;align-items: center;justify-content: start;flex-wrap: wrap} .banner-font .font-wrap{display: block;width: 100%;padding-left: 5%} .banner-zdy .banner-font h1{width: 100%;font-weight: bold;font-size: 45px;letter-spacing: 2px} .banner-zdy .banner-font span{width: 100%;display: block;padding-left: 5px;font-size: 20px} #phone-lang{display: none} @media (max-width: 998px) { .banner-zdy .banner-font h1{font-size: 40px} .banner-zdy .banner-font span{font-size: 18px} } @media screen and (max-width: 991px) { .modules-swiper .slide-content{width: 100%!important;left:0!important;} .modules-swiper .slide-content-inner{transform: scale(1)!important;width: 100%;} } @media (max-width: 850px) { .modules-swiper .slide-content-inner p span{transform: scale(0.6)!important;-webkit-transform:scale(0.6)!important;display:inline-block} } @media (max-width: 767px) { .banner{display: block!important;height: 300px} .banner img{height: 100%!important;width: auto!important;} .swiper-normal{width: 100%!important;margin-left: 0!important;} .news-tab-item{width: 50%!important;margin: 0!important;} .news-tab{display: flex;align-items: center;justify-content: flex-start;flex-wrap: wrap} } @media (max-width: 640px) { .banner{display: block!important;height: 250px} .modules-swiper .slide-content-inner p{line-height: 10px;} .modules-swiper .slide-content-inner p span{transform: scale(0.5)!important;-webkit-transform:scale(0.5)!important;display: inline-block;white-space:nowrap} .sec-title{margin: 20px 0!important;} #phone-lang{display: block;margin-top: -35px;float: right;position: relative;z-index: 10000;margin-right: 60px} #phone-lang img{display: none} .post-loop-product.cols-4 .post-item{width: 90%!important;display: block!important;margin: 0 auto} .post-loop-product .post-item{width: 90%!important;display: block!important;margin: 0 auto} .modules-message form{width:90%!important;} #modules-4_1 .sec-title{width: 90%;display: block;margin: 25px auto!important;overflow: hidden} } @media (max-width: 550px) { .banner{display: block!important;height: 180px} .banner-zdy .banner-font h1{font-size: 35px} .banner-zdy .banner-font span{font-size: 15px} .post-loop-product .n-item-wrap .title{font-size:13px!important;max-height: initial!important;} .news-tab-item{width: 100%!important;} } @media (max-width: 400px) { .banner{display: block!important;height: 140px} .banner-zdy .banner-font h1{font-size: 30px} .banner-zdy .banner-font span{font-size: 15px} .logo img{width: 70%!important;} .logo{display: flex;align-items:center} }