﻿@charset "utf-8"; 
#trusted {padding:5% 0;background:#f5f5f5}
#trusted img {margin:30px auto 0;display:block;}
#certificates {padding:5% 0;background:#f5f5f5;}
.certificates-list {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px;}
.certificates-list li {width:24%;margin-top:25px;}
.certificates-list li:nth-child(n + 5) {width:19%;}
#about {background:#F5F5F5;}
#about .about-img {padding-top:0}
#about .about-img .dot,#about .about-img .box {display:none}
#about .about-img img {width:100%}
#ind {display:block;padding:5% 0;margin:0;}
#ind .main-part {margin-bottom:30px}
#ind .ind-l {display:flex;align-items:center;background:#fff;}
#ind .ind-wrap {padding:0 50px 0 0;}
#ind .ind-l h3 {color:#000;line-height:1.3;}
#ind .ind-l .con {margin:0;color:#444;}
#ind .ind-r {margin:0;top:0;}
.certificates-list li .certificates-pic{overflow:hidden;}
.certificates-list li .certificates-pic img{display:block;width:100%;transition:all .3s;}
.certificates-list li .certificates-pic img:hover{transform:scale(1.02);}
.certificates-list li .cer-tit{text-align:center;font-size:18px;margin-top:10px;}
@media (max-width:1080px) {#ind .ind-wrap {padding:20px 0 0}}
@media (max-width:768px){
#ind .main-part{margin-bottom:20px}
.certificates-list li {width:48%;margin-top:15px;}
.certificates-list li:nth-child(n + 5) {width:48%;}
.certificates-list li .cer-tit{font-size:16px;}}
#product.home-cate .pro-list .pro-item {padding:0;border:none;}
#product.home-cate .pro-list .pro-img img {width:100%;}
#product.home-cate .pro-list .pro-name {margin:10px 0;line-height:25px;height:50px;}
#ind .l-wrap {display:flex;}
#ind .l-wrap>div {flex:1;}
@media (max-width:1080px){#ind .l-wrap{flex-direction:column-reverse;}
#ind .ind-r{position:relative;top:0px;margin:0px}}
@media (max-width:560px){#ind .ind-l h3{font-size:20px}}                       
@media (min-width:769px) {#product.home-cate .pro-list>li {padding:0;width:32%;margin:0 2% 30px 0;}
#product.home-cate .pro-list>li:nth-child(3n) {margin-right:0;}}
#about{background:#33335c;}
#about .l-wrap{display:flex;flex-wrap:wrap;justify-content:space-between;}
#about .ab-left{width:100%;}
.ab-left .ab-title{margin:10px 0;color:#fff;font-size:2em;line-height:1.3;}
.ab-left .ab-text{margin-bottom:20px;color:#fff;}
.ab-img{display:flex;justify-content:space-between;flex-wrap: wrap;}
.ab-img li{width:24%;}
@media (max-width:768px){#about .l-wrap{margin:0 3vw;}
.ab-left .ab-title{font-size:var(--fontsize24)}
.ab-img li{width:49%;margin:7px 0;}}
#about {padding:5% 0;}
#about .send-inquiry .send-btn{margin-bottom:0}
#product.home-cate{margin:5% 0;}
.l-wrap,.common-main .l-wrap{max-width:1300px;}
#exhibition {text-align:center;padding:5% 0;background:#f5f5f5;}
#exhibition img {margin-top:30px}
.main-part span {color:var(--color)}
#clients {padding:5% 0;}
.clients-swiper {position:relative;margin:30px auto 0;max-width:800px;padding:0 50px;box-sizing:border-box;text-align:center;}
.clients-swiper .swiper-container {padding-bottom:70px;}
.clients-txt {font-size:24px;line-height:1.4;margin-bottom:30px;}
.clients-bot {display:flex;align-items:center;justify-content:center;}
.clients-pic {width:100px;height:100px;border-radius:50%;overflow:hidden;}
.clients-pic img {display:block;}
.clients-name {max-width:calc(100% - 100px);text-align:left;padding-left:20px;}
.clients-name div {font-weight:bold;font-size:19px;}
.clients-swiper .swiper-pagination-bullet {width:15px;height:15px;margin:0 6px!important;}
.clients-btn>div {position:absolute;width:40px;height:40px;cursor:pointer;top:50%;margin-top:-55px;}
.clients-prev {left:0;}
.clients-next {right:0;}
.clients-btn>div:after {content:'';width:14px;height:14px;border:4px solid var(--color);border-right:none;border-bottom:none;position:absolute;left:15px;top:11px;border-radius:3px 0 0;transform:rotate(-45deg);}
.clients-btn>div.clients-next:after {transform:rotate(135deg);left:7px;}
.clients-btn>div.swiper-button-disabled {opacity:.5}
.home-faqslist {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:15px;}
.home-faqslist li {width:30%;margin-top:20px;}
.home-faqslist li .faqone {margin-bottom:20px;}
.home-faqslist li .faqone:last-child {margin-bottom:0}
.home-faqslist li strong {display:block;font-size:18px;line-height:1.4;margin-bottom:3px;}
@media (max-width:1080px){.home-faqslist li{width:48%}}
@media (max-width:768px){.clients-swiper{padding:0;}
.clients-btn{display:none}
.clients-txt{font-size:20px}
.clients-swiper .swiper-pagination-bullet{width:12px;height:12px}
.home-faqslist li{width:100%}}
@media (max-width:500px){.clients-txt{font-size:18px}
.clients-pic {width:80px;height:80px;}
.clients-name {max-width:calc(100% - 80px);}
.clients-name div {font-size:17px;}
.clients-name p {font-size:14px;}}
#home-swiper{min-height:inherit}
.bannertxt1 {width:40%;position:absolute;top:50%;left:13%;transform:translate(0,-50%);}
.bannertxt1 .bannertit {font-weight:bold;font-size:32px;margin-bottom:20px;line-height:1.3;}
.bannertxt1 .bannertit span {color:var(--color)}
.bannertxt1 p {color:#222}
.bannertxt1 .bannerbtn {display:flex;margin-top:40px;}
.bannertxt1 .bannerbtn a {display:flex;align-items:center;background:var(--color);color:#fff;font-size:16px;font-weight:bold;padding:8px 25px;border-radius:5px;border:1px solid #0167AB;box-shadow:0 0 6px #888;}
.bannertxt1 .bannerbtn a i {transform:rotate(180deg);margin-left:10px;}
#home-swiper .swiper-next,#home-swiper .swiper-prev{display:none}
@media (max-width:1500px){.bannertxt1{width:46%;left:9%}}
@media (max-width:1280px){.bannertxt1{width:50%;left:80px}
.bannertxt1 .bannertit{margin-bottom:10px;font-size:23px}
.bannertxt1 p{font-size:15px}
.bannertxt1 .bannerbtn{margin-top:25px}
.bannertxt1 .bannerbtn a{font-size:14px;padding:6px 20px}}
@media (max-width:1080px){.bannertxt1{width:47%;}
.bannertxt1 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}}
@media (max-width:900px){.bannertxt1{width:50%;left:30px}
.bannertxt1 p{display:none;}
#home-swiper .swiper-next, #home-swiper .swiper-prev{display:none}}
@media (max-width:768px){.bannertxt1 .bannertit{font-size:20px}
.bannertxt1 .bannerbtn{margin-top:15px}
.bannertxt1 .bannerbtn a{font-size:13px;padding:4px 12px}}
@media (max-width:560px){.bannertxt1{left:10px;width:52%}
.bannertxt1 .bannertit{font-size:16px}
.bannertxt1 .bannerbtn{display:none}}
#home-faqs{padding:5% 0;background:#f5f5f5;}
.advan,#new{padding:5% 0;}