﻿@charset "utf-8"; 
:root {--color:#399d26;--headercolor:#FFFFFF}
.head-nav>ul>li>a{color:#fff}
.nav-btn span{background:#fff}
.foot .text,.news .common-title,.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}
.news .common-more-btn{border-color:#fff;color:#fff}
.hvr-bounce-to-right:before{background:#399D26}
.news .hvr-bounce-to-right:before{background:#fff}
.news .hvr-bounce-to-right:hover{color:#399D26}
.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}}
.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}
.common-main p{padding-bottom:5px;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}
.about {background:url(/Content/uploads/2021739786/202106251418361c43e975c4404b6ba9dc563670a14b3f.jpg) no-repeat;background-size:100%}
.head-wrapper {padding:0 15px;width:100%;max-width:1400px;box-sizing:border-box}
.head-logo {max-width:inherit}
.head-logo img {height:40px}
p.tname {font-size:20px;font-weight:bold;color:#fff;margin-left:10px}
.head-nav>ul>li>a {padding:0 8px}
@media screen and (max-width:1300px){p.tname{display:none}}
.about::before{display:none}
.about{background-size:cover}
.vr{margin-top:50px}
.about{margin-top:0}
@media (min-width:769px){#liproducts {position:static}
#liproducts .submenu.nav3 {width:100%;left:0;display:flex;flex-wrap:wrap;padding:20px calc(50% - 685px);box-sizing:border-box}
#liproducts .submenu.nav3>li {width:19%;margin:10px 1.25% 10px 0;position:relative}
#liproducts .submenu.nav3>li:nth-child(5n) {margin-right:0}
#liproducts .submenu.nav3>li>a {box-sizing:border-box;position:absolute;top:120px;right:0;width:100%;padding:0 0 0 15px;color:#fff;font-size:15px;text-overflow:ellipsis;overflow:hidden;border-bottom:2px solid #fff;line-height:34px}
#liproducts .submenu.nav3>li .cate-con .cate-img {position:relative;height:120px}
#liproducts .submenu.nav3>li .cate-con .cate-img img {position:absolute;width:100%;height:100%;object-fit:contain;top:0;left:0;background:#fff}
#liproducts .submenu.nav3>li .cate-con ul {padding-top:40px}
#liproducts .submenu.nav3>li .cate-con ul li a {color:#fff;line-height:1.2;padding:3px 0 3px 15px;text-overflow:ellipsis;overflow:hidden;font-size:13px}
#liproducts .submenu.nav3>li a:hover{background:none}}
@media (max-width:1440px) and (min-width:769px){#liproducts .submenu.nav3{padding:15px}}
@media (max-width:768px){.head-nav>ul .submenu{background:none}
.head-nav>ul .submenu li .cate-con{display:none}}
.ind-item {padding-top:25px;}
.ind-item>p {position:relative;}
.ind-item ul {position:relative;margin-top:10px;}
.ind-item:hover a {color:#fff;}
@media (max-width:1520px){.ind-item {padding-top:10px;}
.ind-item ul {margin-top:0;}
.ind-item ul li{line-height:26px}
.ind-item .tit{font-size:24px;line-height:1.4}}
@media (max-width:1280px){.ind-item ul {padding-top:5px}
.ind-item ul li{line-height:20px}
.ind-item ul li a{font-size:14px}
.ind-item .tit{font-size:20px;}}