@charset "utf-8"; 
.head, .head-nav>ul .submenu, .common-side .title, .common-link .prev, .xyz12, .swiper-container .swiper-pagination-bullet-active, .ind-item:hover, .hot-pro ul li:hover, .news, .prolist-1 li:hover .pro-info, a.LayImAhrefNode{background-color:#fff}
.pro-detail .random-pro ul li:hover, .hvr-shutter-out-vertical:before, .hvr-bounce-to-right-y:before, .compare-panel .button-area .contact-button, a.LayImAhrefNode {background-color:#fff}
.banner-title, .side-about .item:hover a, .side-about .LocalCurrent a, .side-news ul li:hover .news-title, .side-cate li a:hover, .side-pro ul li:hover .pro-name {color:#000}
.swiper-container .swiper-button-next i, .swiper-container .swiper-button-prev i, .prolist-0 li:hover .pro-name, .type-active, .pro-review .pro-preview-right .pro-price, .pro-review .pro-preview-right .pro-views, .newslist-0 li:hover h4 {color:#000}
.hvr-bounce-to-right:active, .hvr-bounce-to-right:focus, .button-area .clear-all:hover, .inquiry-pro-list .inquiry-pro-item .pro-item-name a:hover {color:#000}
.side-about .item:hover a:after,.side-about .LocalCurrent a:after {border-left-color:#000}
.map-w .map-info .title,h1.pro-type,.pro-detail .title span,.preview-container .thumbnail-box .list ul .item-cur,.send-inquiry .inquiry-form input:focus,.send-inquiry .inquiry-form textarea:focus,.send-inquiry .send-btn:hover {border-color:#000}
.common-more-btn-y {border-color: #fff;color: #fff}
.pro-checked {outline:1px solid #000}
.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a, .head-nav>ul .submenu a:hover{color:#fff}
.hvr-bounce-to-right:hover,.about-title, .common-link .next, .common-link .next a{color:#fff}
.news ul li:hover .more-btn{background:#000;color: #fff}
.search-box,.pro-review .pro-preview-right .btn-list .btn, .pro-review .pro-preview-right .btn-list .pdown2{background:#000}
.search-input .stbn{background:#fff;color:#000}
.send-inquiry .send-btn:hover .span:first-child,.send-inquiry .send-btn:hover .span:nth-child(2) em, .send-inquiry .send-btn:hover .span:nth-child(2) i{color:#000}
.foot-title,.pro-review .pro-preview-right .btn-list .btn span, .pro-review .pro-preview-right .btn-list .pdown2 span{color:#fff}
.common-pages span.ctxt, .common-pages a:hover{background:#000}
@media screen and (max-width:768px) {.head-nav>ul>li .inmenu_1 {color:#000;background: none}
.head-nav>ul{background:#fff}
.head-nav>ul>li a,.head-nav>ul>li .inmenu_1, .head-nav>ul>li:hover>a, .head-nav>ul .submenu a:hover{color:#000}
.head-nav>ul>li{border-color:#ccc}
.mobile-bottom,.mobile-bottom .mobile-bottom-item {background:#fff}}
@media screen and (max-width:768px) {.hot-pro .pro-info {background-color:#fff}}
@media screen and (max-width:768px) {.swiper-container .swiper-pagination-bullet-active {background-color:#fff}
h1.pro-type {border-color:#000}}
.side-float .title {background-color:#fff}
.foot .text{color:#fff}
.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}
@media (min-width:1081px){.common-content .common-wrapper {flex-direction:row-reverse}
.common-main {padding:50px 0 50px 30px}}
.send-inquiry .inquiry-form input, .send-inquiry .inquiry-form textarea{border:2px solid #000}
.head-logo{width:auto;max-width:inherit}
.tname {margin-left:10px;font-size:18px;font-weight:bold}
@media (max-width:1520px){.head-nav>ul>li>a{padding:0 10px}}
@media (max-width:1280px){.tname{display:none}}
.tname{white-space:nowrap;font-size:22px}
.head-logo img{object-fit:contain}
.common-main p{font-size:16px}
.news-con,.news-title,.hot-pro .pro-intro{word-break:break-word}
.side-news ul .news-img img{object-fit:contain}
.ind-item img{object-fit:cover}
.side-cate>ul>li>a {font-weight:bold}
.banner {height:auto;background:#f1f1f1}
.banner-title {position:static;padding:15px 0 0}
.inner-nav {text-align:center}
@media (max-width:768px){.inner-nav{margin-bottom:15px}}
.side-about>div, .side-cate>div, .side-contact>div, .side-news>div, .side-pro>div{text-align:left;padding-left:30px;box-sizing:border-box}
@media (min-width: 1601px) {.head-wrapper{max-width:1600px;width:100%;padding:0 15px}}
@media (max-width: 1520px) and (min-width:769px){.head-wrapper{max-width:100%;width:100%;padding:0 15px}
.tname{font-size:20px}}
.head-nav>ul>li>a{white-space:nowrap}
a.LayImAhrefNode{background-color: #000;color: #fff}
.news-content article h1{text-align:left}