﻿@charset "utf-8"; 
.highpro-l img{object-fit:cover}
.latestnews-img img{max-height:100%}
@media (min-width:769px){.hotpro-title{-webkit-line-clamp:1}
.productcate-list li{margin-bottom:15px;}
.productcate>ul{flex-wrap:wrap;}}
.productcate-hot{display:none;}
@media (min-width:1025px){body {padding:0;}
header:not(.headact) {background:none;}
body.index header:not(.headact) nav .nav>li>a {color:var(--color);}
body.index header:not(.headact) .head-search-btn {color:var(--color);}
.hotpro-list li:nth-child(n + 4){display:none}}
.productcate>ul{max-width:1600px;margin:0 auto;}
@media(min-width:1024px){.index .productcate>ul{box-sizing: border-box;padding: 0 20px;}}

.home-about .l-wrap{display:flex;flex-wrap:wrap;align-items:center;width: 100%;max-width: 1600px;margin: 0px auto;padding: 0 20px;}
.home-about .l-wrap .about-img{width:43%}
.home-about .l-wrap .about-img img{transition:all .1s linear;border-radius:4px;width:100%}
.home-about .l-wrap .about-img:hover img{transform:scale(.98)}
.home-about .l-wrap .about-info{flex:1;padding-left:50px}
.home-about .l-wrap .about-info h1{font-size:40px;font-weight:800;position:relative;padding-bottom:20px;max-width:100%;line-height:1.2}
.home-about .l-wrap .about-info h1::after{content:"";position:absolute;bottom:0;left:0;width:34px;height:4px;background:var(--color)}
.home-about .l-wrap .about-info .p{margin:40px 0;font-size: 18px;}
.home-about .l-wrap .about-info .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .l-wrap .about-info .list li{width:45%}
.home-about .l-wrap .about-info .list li .title{font-size:20px;font-weight:var(--fontblod5);color:var(--fontcolor);display:flex;align-items:center}
.home-about .l-wrap .about-info .list li .title em{color: #fff;margin-right: 10px;font-size: 14px;border-radius: 50%;width: 20px;
height: 20px;background: var(--color);display: flex;justify-content: center;}
.home-about .l-wrap .about-info .list li .text{margin-top:20px}
.home-about .l-wrap .about-info .home-more{margin-top:30px}
@media(max-width:1024px){.home-about .l-wrap .about-info .list li{width:100%;}}
@media(max-width:768px){.home-about .l-wrap .about-img{width:100%;}.home-about .l-wrap .about-info h1{font-size:26px;}.home-about .l-wrap .about-info{padding-left: 10px;}}
.writetous{background: none;}
nav .nav>li>a{color:var(--color);}
footer .fnav li#li_Menu101_products{display:none;}