﻿@charset "utf-8"; 
:root {--color:#000;--color2:#d70202;}
#news #home-news .news-list .swiper-slide:hover {background:var(--color);}
#news #home-news .news-list .swiper-slide:hover .news-item-cont {background:none}
#news #home-news .news-list .swiper-slide:hover * {color:#fff!important}
.head-contact em,.head-contact>a:hover,footer .foot-main .foot-item.foot-contact li .icon em,footer a:hover {color:var(--color2);}
.share-link ul a:hover {background:var(--color2);border-color:var(--color2)}
#projects .home-label {color:#fff;}
.home-label::before,.home-label::after {background:#fff;}
.common-main .pro-cate li:hover .cate-cont .cate-name::before {background:#fff;}
.common-main .pro-cate li .cate-more {background:#fff;color:#000;}
.common-main .pro-list.list1 li .pro-img a {width:100%;padding-bottom:100%;}
.common-main .pro-list.list1 li .pro-img a img {height:100%;position:absolute;top:0;left:0;object-fit:contain;}
@media (min-width:1025px){.head-menu-box nav>ul {justify-content:center;}}
.share-link ul a.fb{background:#3B5997}
.share-link ul a.tw{background:#323232}
.share-link ul a.lk{background:#0A66C2}
.share-link ul a.you{background:#FF0000}
.share-link ul a:hover{color:#fff}
#product .pro-list li .pro-img>a{position:relative;height:0;padding-bottom:100%;}
#product .pro-list li .pro-img>a img{max-height:inherit;position:absolute;top:0;left:0;height:100%;object-fit:contain;background:#fff}
#product .pro-list li:hover{background:#222}
#product .pro-list li:hover .pro-name,#product .pro-list li:hover .more-btn{color:#fff}
.prolist-content{width:100%}
.common-main.feedback-main .feedback{max-width:1300px;margin:0 auto}
.single-main.contact-us .contact{max-width:1300px;margin:0 auto}
@media (min-width:901px){.contact .contact-sec1 .contact-sec1-item{width:32%}}
@media (max-width:500px){.contact .contact-sec1 .contact-sec1-item{width:100%}}
.common-main .news-list.list1 li .news-des{display:none}
.common-main .news-list.list1 li{display:flex;flex-direction:column}
.common-main .news-list.list1 li>a{display:block;position:relative;width:100%;padding-bottom:100%;border:1px solid #e7e7e7;border-bottom:none}
.common-main .news-list.list1 li>a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}
.common-main .news-list.list1 li .news-cont{flex:1;padding-bottom:38px}
.common-main .news-list .news-title{display:block;max-height:inherit}
.common-main .news-list.list1 li .news-more{bottom:-20px;position:absolute;transform:translate(0,0)}
.sidebar-cate li:hover>ul{display:block!important}
#projects #home-projects .swiper-slide:hover .projects-cont{background:#222}
#projects #home-projects .swiper-slide:hover .projects-cont p,#projects #home-projects .swiper-slide:hover .projects-cont a{color:#fff}
@media (min-width:1025px){.head-menu-box nav>ul>li ul{background:#222}
.head-menu-box nav>ul>li ul a{color:#fff}
.head-menu-box nav>ul>li ul a:hover{background:#fff;color:var(--color)}}
@media (min-width:901px){#news #home-news .news-list .swiper-slide:hover{background:#393939}}
@media (max-width:900px){#news #home-news .news-list .swiper-slide:hover{background:none}
#news #home-news .news-list .swiper-slide:hover .news-item-cont{background:#393939;}}
.common-main .pro-cate li .cate-img {width:100%;height:0;padding-bottom:100%;border:1px solid #ccc;}
.common-main .pro-cate li .cate-img img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;}
.common-main .pro-list.list1 li {border:1px solid #ccc;}
.common-main .pro-list.list1 li:hover {background:#222;}
.common-main .pro-list.list1 li:hover .pro-info * {color:#fff}
.sidebar-cate>li>a {padding-left:10px}
.sidebar-cate a:hover {background:#222;color:#fff}
.sidebar-cate .sub-menu li a {padding:10px;}
.sidebar-cate>li>a:hover+ul+i {color:#fff;}
.pro-detail .pro-btnlist .pro-btn:hover,.pro-detail .pro-btnlist>a:hover,.wmkcfeedback .send-btn:hover{background:#fff;color:#000;}
.pro-detail .pro-btnlist>a,.pro-detail .pro-btnlist .pro-btn,.pro-detail .pro-btnlist .addToCart,.pro-detail .pro-btnlist .pdown2,.wmkcfeedback .send-btn{border:1px solid #000;}
.wmkcfeedback .send-btn::before {background:none;}
footer .foot-submit button:hover{background:#fff;color:#000;}
#info .info-item:hover::before,.common-main .news-list.list1 li .news-more:hover{background:#222}