﻿@charset "utf-8"; 
.sol-top {background: url(/uploads/40918/banner/20240122173117d5b69.jpg) repeat-x left top;}
#appli .advan{background: url(/Content/uploads/20241012373/202401231117401282d0e7f1234d6e85987fd8a20fbf09.jpg)center no-repeat;background-size: cover;}
#ind .ind-l,#ind .adv-icon .icon-item{background: #ebebeb;}
#ind .ind-l h3,#ind .ind-l .con,#ind .adv-icon .num{color: #000;}
.product-main .pro-list.list0 .pro-intro,.new-main .new-list.list0 .new-intro{word-break:break-word}
.common-main article img{max-width:100%;height:auto}
.pro-detail .pro-detail-content img{height:auto}
.foot-main .foot-intro{margin-right:10px}
.sidebar-prolist .pro-item{align-items:center}
.map iframe{border:0}
#ind .ind-r{top:0;margin-left:0;}
#ind .ind-r>img {height: 100%;object-fit:cover}
.sidebar-prolist .pro-info{word-break:break-word}
.product-main .pro-list.list1 .pro-more{text-transform: capitalize;}
@media (min-width:1025px){.head-nav>ul>li#liproducts:hover>.submenu{display:flex!important}
#liproducts .submenu{padding:10px;list-style:none;width:1000px;flex-wrap:wrap;left:-540px;max-width:inherit;background:rgba(0,0,0,.85)}
#liproducts .submenu>li{margin:10px 0;position:relative;min-height:100px;width:32%;margin-left:1%;}
#liproducts .submenu>li em,#liproducts .submenu>li i{display:none}
#liproducts .submenu>li>a{white-space: normal;display:inline-block;text-decoration:none;height:auto;padding:0;padding-left:100px;background:none;font-weight:var(--fontbold7)}
#liproducts .submenu>li .cate-con{padding-left:100px}
#liproducts .submenu>li .cate-con ul{position:static;display:block;background:0 0;padding:0}
#liproducts .submenu>li .cate-con ul a{font-size:14px;opacity:.8;padding:0;background:none;white-space: normal;}
#liproducts .submenu>li .cate-img{width:80px;height:80px;position:absolute;left:0;top:0}
#liproducts .submenu>li .cate-img>a{background:none;padding:0;width:100%;height:100%;}
#liproducts .submenu>li>a:hover,#liproducts .submenu>li .cate-con ul a:hover{background:none;color:var(--color)}
#liproducts .submenu>li .cate-img img{width:100%;height:100%;object-fit:cover}}
@media (max-width:1024px){#liproducts .submenu{margin:0;padding:0;width:auto;display:none}
#liproducts .submenu>li{margin:0;padding-left:20px;min-height:inherit;width:100%}
#liproducts .submenu>li .cate-img{display:none}
#liproducts .submenu>li>a{padding-left:0}
#liproducts .submenu>li .cate-con{padding-left:20px}}
#product .pro-list .pro-more{text-transform: capitalize;}
#category {margin-top:50px;}
.categorylist {display:flex;justify-content:space-between;flex-wrap:wrap;}
.categorylist li {width:calc(50% - 12px);margin-bottom:24px;}
.categorylist li:nth-child(3),.categorylist li:nth-child(4),.categorylist li:nth-child(5) {width:calc(33.3333% - 16px)}
.categorylist li a {display:block;overflow:hidden}
.categorylist li img {width:100%;display:block;transition:.3s}
.categorylist li:hover img{transform:scale(1.05)}
@media (max-width:1024px){.categorylist li {width:calc(50% - 3px);margin-bottom:6px;}
.categorylist li:nth-child(3),.categorylist li:nth-child(4),.categorylist li:nth-child(5) {width:calc(33.3333% - 4px)}}
@media (max-width:500px){#category {margin-top:30px;}}
#category{margin-top: 0;padding-top: 50px;background: #000;}
@media (max-width: 500px){#category{margin-top: 0;padding-top: 30px;}}
.ab-con{display: flex;justify-content: space-between;align-items: center;padding: 20px 0;}
.ab-con img{width:70px;}
.ab-title{font-size: 20px;font-weight: 600;}
.ab-title span{color:var(--color)}
.ab-tright{margin-left: 20px;}
#about .about-img img{border-radius: 20px;}
.ch-left,.ch-right{width:48%;box-sizing: border-box;}
.choose-con{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.ch-left{background: #1b1b1b}
.ch-right{background: #e7e7e7}
.choose-con:nth-child(1) .ch-left{padding: 50px 20px;}
.choose-con:nth-child(2) .ch-right{padding: 50px 20px;}
.choose-con img{width:100%;}
.ch-tit{font-size:20px;font-weight:600;margin-bottom:20px;}
.choose-con:nth-child(1) .ch-tit{color:#fff;}
.choose-con:nth-child(1) .ch-txt{color:#fff;}
#ind .ind-wrap h4{font-size:25px;color:var(--color);margin-bottom:20px;}
.choose-con:nth-child(1){margin-bottom: 4%;}
#ind .ind-l{background: #fff;}
#ind{padding:20px 0;}
#ind .more-btn{text-transform: capitalize;}
.choose-con:nth-child(1) .ch-right{background:none;display: flex;align-items: center;}
.choose-con:nth-child(2) .ch-left{background:none;display: flex;align-items: center;}
@media(max-width:500px){.ch-left,.ch-right{width:100%;}}
@media(max-width:1600px){.choose-con:nth-child(1) .ch-left{padding: 20px 20px;}
.choose-con:nth-child(2) .ch-right{padding: 20px 20px;}}
#ind .l-wrap{display:flex;overflow: hidden;}
#ind .ind-wrap{padding-left:0}
@media (max-width:768px){#ind .l-wrap{flex-direction: column-reverse;}}
@media (max-width:1600px){#category .l-wrap{max-width:1300px;}}
@media (max-width:1440px){#category .l-wrap{max-width:1200px;}}
@media (max-width:1366px){#category .l-wrap{max-width:1100px;}}
#new .main-title{color:#fff;}
#new .main-part{color:#fff;}
#new .new-title{color:#fff;}
#new .new-more{color:#fff;}
#new{background: #000;}
#new .new-img{padding-bottom: 80%;}
#new .new-img img{position: absolute;top: 0;left: 0;object-fit: cover;height: 100%;}
.sol-top {background:none;position:relative;display:flex;align-items:center;justify-content:center;}
.sol-top>img {display:block;width:100%;}
.sol-top .l-wrap {position:absolute;display:flex;justify-content:flex-end;}
.sol-top .l-wrap .sol-toptxt {width:35%;color:#fff;}
.sol-top .l-wrap .sol-toptxt >div:first-child {color:#014FA1;font-weight:bold;font-size:55px;text-transform:uppercase;position:relative;line-height:1.2;padding-bottom:15px;margin-bottom:18px;}
.sol-top .l-wrap .sol-toptxt >div:first-child:after {content:'';width:60px;height:6px;background:#014FA1;position:absolute;bottom:0;left:0;}
.sol-top .l-wrap .sol-toptxt p {font-size:19px;text-shadow:1px 1px 2px #000;}
.sol-top .l-wrap .sol-toptxt .product-more .more-btn {padding:10px 40px;font-size:16px;border:1px solid var(--color);background:var(--color);color:#FFF;text-transform:lowercase;transition:color ease .3s,background ease .3s}
.sol-top .l-wrap .sol-toptxt .product-more .more-btn:hover {background:#FFF;color:var(--color)}
.sol-top .l-wrap .sol-toptxt .product-more .more-btn {display:inline-block;margin:30px auto 0px;padding:10px 25px;background:#FFF;text-transform:capitalize;color:var(--fontcolor);border-color:var(--fontcolor)}
.sol-top .l-wrap .sol-toptxt .product-more .more-btn:hover {background:var(--color);border-color:var(--color);color:#FFF}
.sol-top .l-wrap .sol-toptxt .product-more .more-btn i {display:inline-block;margin-left:14px;transform:rotate(180deg)}
@media (max-width:1500px){.sol-top .l-wrap .sol-toptxt >div:first-child {font-size:45px;}
.sol-top .l-wrap .sol-toptxt >div:first-child:after {width:50px;height:4px;}
.sol-top .l-wrap .sol-toptxt p {font-size:17px;}}
@media (max-width:1300px){.sol-top .l-wrap .sol-toptxt >div:first-child {font-size:38px;padding-bottom:10px;margin-bottom:10px}
.sol-top .l-wrap .sol-toptxt >div:first-child:after {width:40px;}
.sol-top .l-wrap .sol-toptxt p {font-size:15px;}}
@media (max-width:1024px){.sol-top .l-wrap{padding:30px 0;}
.sol-top>img {width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;object-position:right}
.sol-top .l-wrap {position:relative;z-index:2}
.sol-top .l-wrap .sol-toptxt >div:first-child {font-size:32px;text-shadow:0px 1px 2px #fff}
.sol-top .l-wrap .sol-toptxt p {font-size:14px;}}
@media (max-width:768px){.sol-top .l-wrap .sol-toptxt{width:41%}
.sol-top .l-wrap .sol-toptxt .product-more .more-btn{padding:10px 15px;font-size:14px}}
@media (max-width:560px){.sol-top .l-wrap .sol-toptxt{width:100%}}
#product{background: #e7e7e7;padding: 2% 0;}
#product .pro-list .pro-item{background: #fff;}
#product {    margin-bottom: 0;}
#contact {display:block;background:url(/Content/uploads/20241012373/20240611143846e11c4f347b32481fba5b4a01a1292685.jpg) no-repeat center;background-size:cover;padding:30px 0;}
#contact .l-wrap {align-items:center;}
#contact .foot-title span {font-size:28px;font-weight:var(--fontbold5);line-height:1.4;display:inline-block;}
#contact .foot-title p {padding-top:10px;font-size:16px;line-height:1.4;}
#contact .foot-contact {height:44px;display:inline-flex;align-items:center;justify-content:center;background:#FFF;color:var(--color);transition:all .2s linear;border:2px solid #FFF;min-width:160px;text-align:center;box-sizing:border-box;}
#contact .foot-contact:hover {background:0 0;color:#FFF}
@media (max-width:768px){#contact .l-wrap {display:block;}
#contact .foot-title span{font-size:6.13333vw;font-weight:var(--fontbold5);line-height:1.2}
#contact .foot-title p{font-size:3.46667vw;padding:10px 0px;line-height:1.4}
#contact .foot-contact{margin-top:25px;min-width:120px;height:33px}}
.new-main .new-list.list1 .new-img{padding-bottom: 80%;}
.new-main .new-list.list1 .new-img img{height: 100%;position: absolute;top: 0;object-fit: contain;}
.new-main .new-list.list1 .new-more{text-transform: capitalize;}
.foot-item.foot-contact .foot-wrap .foot-link ul{display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:300px}
.foot-item.foot-contact .foot-wrap .foot-link ul li{margin:12px 12px 0px 0px}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item{display:flex;justify-content:center;align-items:center;width:30px;height:30px;background:#555555;color:#FFFFFF;border-radius:2px;transition:transform .3s ease}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item>i,.foot-item.foot-contact .foot-wrap .foot-link ul .social-item>em{font-size:var(--fontsize20)}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.fb{background-color:#3b5997}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.tw{background-color:#2d2d2d}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.lk{background-color:#0A66C2}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.ins{background:radial-gradient(circle at 30% 107%, #FDF497 0, #FDF497 5%, #fd5949 45%, #D6249F 60%, #285aeb 90%)}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.pi{background-color:#cc2127}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.you{background-color:#FF0000}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.vk{background:#0077FF}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item.tik{background-color:var(--fontcolor)}
.foot-item.foot-contact .foot-wrap .foot-link ul .social-item:hover{transform:scale(1.1)}