﻿@charset "utf-8";
.sol-top{background:url(/uploads/202340182/ImgScroll/babe39200a-43cc-4f3f-b5ee-9e9ae2bd7d9f.jpg) repeat-x left top}
.tabs-nav{text-align:center;display:flex;justify-content:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;font-size:0}
.cc .tabs-nav p{font-size:16px;font-weight:700;padding:12px 20px;transition:background .3s,color .3s;min-width:136px;text-align:center;cursor:pointer}
.cc .tabs-nav p.active,.cc .tabs-nav p:hover{background-color:#cda274;color:#fff}
.cc .cc-list{display:flex;flex-wrap:wrap}
.cc .cc-list .cc-item{width:calc(25% - 20px);margin:50px 24px 0 0;overflow:hidden;position:relative}
.cc .tabs-cont .tabs-item{display:none}
.cc .cc-list .cc-item img{display:block;width:100%;transition:all .3s}
.cc .cc-list .cc-item .cc-cont{box-sizing:border-box;position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;background-color:rgba(0,0,0,.6);color:#fff;padding:10%;opacity:0;transform:scale(.8);transition:opacity .3s,transform .3s}
.cc .cc-list .cc-item .cc-cont .cc-item-title{display:block;color:#fff;font-size:20px;font-weight:700;text-transform:capitalize;margin-bottom:10px}
.cc .cc-list .cc-item .cc-cont .cc-item-des{font-size:14px;display:block;display:-webkit-box;display:-moz-box;max-height:8em;line-height:2em;text-overflow:ellipsis;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:4;color:#fff}
.cc .cc-list .cc-item .cc-cont .cc-item-more{display:block;width:45px;height:45px;background:#cda274;border-radius:3px;text-align:center;line-height:45px;color:#fff;position:absolute;bottom:10%;right:10%;transform:rotate(180deg)}
.cc .cc-list .cc-item .cc-cont .cc-item-more em{font-size:20px;line-height:1}
.cc .cc-list .cc-item .cc-cont::before{content:"";display:block;width:90%;height:90%;position:absolute;top:5%;left:5%;border:1px solid rgba(255,255,255,.55);pointer-events:none}
.cc .cc-list .cc-item:nth-of-type(4n){margin-right:0}
.cc .cc-list .cc-item:hover img{transform:scale(1.1)}
.cc .cc-list .cc-item:hover .cc-cont{opacity:1;transform:scale(1)}
@media (max-width:1024px){.cc .tabs-nav p{width:48%;box-sizing:border-box}
.tabs-nav{flex-wrap:wrap}
.cc .cc-list{justify-content:space-between}
.cc .cc-list .cc-item{width:48%;margin:4% 0 0}}
@media (max-width:480px){.cc .cc-list .cc-item .cc-cont .cc-item-title{font-size:18px;margin-bottom:0}
.cc .cc-list .cc-item .cc-cont .cc-item-des{line-height:1.7;-webkit-line-clamp:3}
.cc .cc-list .cc-item .cc-cont .cc-item-more{width:35px;height:35px;line-height:35px}}
.pe{margin:-4% 0 -5%;padding:5% 0}
.pe .pe-sec1{display:flex;flex-wrap:wrap;justify-content:space-between}
.pe .pe-sec1 .single-title-s{text-align:left;margin:0;font-size:34px;font-weight:700}
.pe .pe-sec1 .pe-des{font-size:14px;line-height:2;max-width:58.375%}
.pe #pe{margin-top:3.75%}
.pe #pe .swiper-slide{width:235px;margin-right:1.25%;background-color:#fff}
.pe #pe .swiper-slide .item-img{overflow:hidden}
.pe #pe .swiper-slide .item-des{padding:16px 10px;text-align:center}
.pe .pe-swiper-pagination{position:static;margin-top:5%}
.pe .pe-swiper-pagination .swiper-pagination-bullet{width:6.5%;border-radius:0;margin:0;background-color:#d8d8d8;opacity:1;transition:background .3s}
.pe .pe-swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background-color:#cda274}
.pe .pe-swiper-pagination .swiper-pagination-bullet:first-of-type{border-radius:3px 0 0 3px}
.pe .pe-swiper-pagination .swiper-pagination-bullet:last-of-type{border-radius:0 3px 3px 0}
.pe #pe .swiper-button-next,.pe #pe .swiper-button-prev{width:4.375%;min-width:40px;height:100%;background-color:rgba(255,255,255,.7);top:0;margin:0}
.pe #pe .swiper-button-prev{left:0}
.pe #pe .swiper-button-next{right:0}
.pe #pe .swiper-button-next::after,.pe #pe .swiper-button-prev::after{font-size:20px;color:#000;font-weight:700}
.pe #pe .swiper-button-next.swiper-button-disabled,.pe #pe .swiper-button-prev.swiper-button-disabled{opacity:0}
.pe #pe .swiper-slide:hover .item-img img{transform:scale(1.1)}
@media (max-width:900px){.pe #pe .swiper-button-next,.pe #pe .swiper-button-prev{display:none}
.pe .pe-sec1 .pe-des{width:100%;max-width:100%}}
@media (max-width:768px){.pe .pe-sec1 .single-title-s{font-size:4.2666666667vw}}
#product .pro-list .pro-item{height:100%;box-sizing:border-box}
#product .pro-list .pro-name{line-height:28px;height:56px}
.head-logo{display:flex;align-items:center;height:100%}
.head-main .head-logo img{max-height:90%}
.foot-main .foot-title img{max-height:90px}
.common-main #about .l-wrap{align-items:center}
.common-main #about .about-con{margin-top:0;padding-top:50px}
@media (max-width:768px){.common-main #about .about-con{padding-top:0}}
@media (min-width:769px) and (max-width:1440px){.foot-main .foot-intro{max-width:85%}}
.appli-swiper-pagination{display:none}
.foot-main .foot-feedback{display:none}
@media screen and (min-width:1080px){.foot-main .foot-item{width:33.33%}
}