﻿@charset "utf-8"; 
:root{--color:#6c6c6c;--headercolor:#ffffff}
body{font-size: var(--fontsize18);}
.nav-btn span{background:#fff}
@media (min-width:769px){.head-nav>ul>li a{color:#fff}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a{color:#fff;background:none}
.head-nav>ul .submenu a:hover{color:#fff}}
@media screen and (max-width:768px) {.head-nav>ul>li:hover>a, .head-nav>ul>li:hover>i{color:var(--color)}
.head-nav>ul .submenu{background:#fff}}
@media screen and (max-width:768px) {h1.pro-type {border-color:var(--color);}
.head-nav>ul>li i{color:#000}}
.side-float .title {background-color:var(--color);}
.foot .text,.ind-item:hover,.hot-pro ul li:hover *{color:#fff}
.common-side .title,.hvr-bounce-to-right:hover,.news ul li:hover .more-btn,.hvr-bounce-to-right-y:active, .hvr-bounce-to-right-y:focus, .hvr-bounce-to-right-y:hover{color:#fff}
.pro-review .pro-preview-right .btn-list .btn span, .pro-review .pro-preview-right .btn-list .pdown2 span,.common-link .prev a,.common-link .prev,.common-link .next a,.common-link .next{color:#fff}
@media screen and (max-width:768px){.head-nav>ul{background:#fff}
.head-nav>ul>li a{color:#000}
.head-nav>ul>li{border-color:#ccc}
.head-nav ul li .inmenu_1{background:none}
.hot-pro .pro-name{color:#fff;text-align:center}}
.swiper-button-next,.swiper-button-prev {background:none;display:flex;align-items:center;justify-content:center;}
.swiper-button-next i,.swiper-button-prev i {font-size:20px;}
.prolist-1 .pro-name {line-height:1.3;max-height:inherit;height:auto;}
.prolist-1 li:hover .pro-info * {color:#fff;}
.prolist-1 li:hover .compare-action .compare-action-check+label,.prolist-1 li:hover .compare-action .compare-action-check:checked+label:before {border-color:#fff}
.about-title,.foot-title,.search-input .stbn{color:#fff}
@media (min-width:769px){ul.submenu.nav1 li {position:relative;}
ul.submenu.nav1 li:hover>a {background:#000;color:#fff;}
ul.submenu.nav1 li.navli:after {content:'';width:6px;height:6px;border:1px solid #fff;border-left:none;border-bottom:none;transform:rotate(45deg);top:17px;right:15px;position:absolute;display:none}
ul.submenu.nav1 li>ul>li a{padding-left: 25px;}
ul.submenu.nav1 >li>a {padding-right: 30px;font-size: 18px;font-weight: 500;}}
.table-responsive {margin: 10px 0px;}
.hot-pro .pro-intro,.news-con,.news ul li .more-btn,.foot-cate ul li a, .foot-nav ul li a,.foot-l .foot-u li a,.foot-right{font-size: 18px;}
.hot-pro .pro-name,.news-title,.news-title{font-size: 20px;}
.home-about{padding:4% 0;background: url(https://css02.v15cdn.com/m403/yellow/imgs/about.webp) no-repeat center/cover;position: relative;margin-top:4%;}
.home-about:before{content:'';width:100%;height:100%;display:block;background:rgba(0,0,0,0.7);position: absolute;top:0;left:0;z-index:1}
.home-about .common-wrapper{display:flex;align-items: center;justify-content: space-between;position:relative;z-index:2;flex-wrap:wrap;}
.home-about .common-wrapper>div{width:48%;}
.home-about .common-wrapper .common-title,.home-about .common-wrapper .common-des{color:#fff;}
@media (min-width:769px){.home-about .common-wrapper .common-title{font-size:30px}}
.home-about .common-wrapper .common-des{margin:15px 0;font-size:16px;}
.home-about .btn-wrapper{justify-content: flex-start;}
.home-about .hvr-bounce-to-right-y{margin-left:0;color:#fff;border-color:#fff;}
.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;}
@media (min-width:769px) and (max-width:1600px){.home-about .common-wrapper .common-title{font-size:2vw;}}
@media (max-width:768px){.home-about .common-wrapper>div{width:100%;margin:10px 0;}
.home-about .btn-wrapper{display: flex;}}
.newslist-1{display: block;}
.newslist-1 li{width: 100%;}
.newslist-1 li a{display: flex;}
.newslist-1 li .news-img{width: auto;aspect-ratio: 1 / 1;}
@media screen and (max-width: 768px) {.newslist-1 li {width: 100%;}}
.newslist-1 li .news-img img {height: 100%;}