﻿.introduction{display:none}
#quality {background:#ededed;padding:50px 0}
#quality .container{margin: 0 auto;width:80%}
.qua_title {text-align:center}
.qua_title>span {width:100px;height:1px;background:#282828;display:inline-block;margin-bottom:10px}
.qua_title p {display:inline-block;font-size:32px;color:#282828;margin:0px 20px}
.qua_detail {text-align:center;max-width:550px;margin:0px auto;color:#2f2727;font-size:12px;margin-top:10px;margin-bottom:30px}
.qua_licontent img {width:100%;display:block}
.qua_ul li {float:left;box-sizing:border-box;-moz-box-sizing:border-box;width:25%;text-align:center}
.qua_licontent {margin:0px 4%}
.btm_title a {color:#2f2727;font-size:18px;font-weight:var(--fontbold7);padding:10px 0px;display:block}
.qua_btm p {color:#727272;font-size:14px}
#quality .learn_more {text-align:center;padding:35px 0px}
#quality .learn_more a {padding:12px 40px;border:1px solid #dedede;color:#282828;border-radius:25px;transition:all .6s}
#quality .learn_more a:hover {background:#009fe9;color:#FFF}
@media(max-width:1024px){#quality .container{width:90%}}
@media screen and (max-width:768px){
  #quality{padding:30px 0}
  #quality .container{width:100%}
  .qua_title p{font-size:var(--fontsize24)}
  .qua_title>span{display:none}
  .qua_ul li {width:50%;margin-bottom: 15px;}
}

.certi-box{width:80%;margin:0 auto 50px auto;}
.certi-box .inner{display:flex;justify-content:space-between;margin:20px auto}
.certi-box .home-title{margin: 0px auto;color: var(--fontcolor);font-size: var(--fontsize30);text-transform: capitalize;}
.certi-box .cc-left{width:58%}
.certi-box .cc-left>h3{width:16%;color:#000;font-size:14px;font-weight:var(--fontbold7);padding:10px 2px;border-bottom:2px solid #333333}
.certi-box .cc-left-box{margin:4px 0px;height:24vw;overflow:hidden}
.certi-box .cc-left-list{display:flex;flex-wrap:wrap;}
.certi-box .cc-left-list li{width:32%;margin-bottom:2%;text-align:center;overflow:hidden;margin-right:2%}
.certi-box .cc-left-list li:nth-child(3n){margin-right:0;}
.certi-box .cc-left-list li img{transition:all .3s ease-in-out}
.certi-box .cc-left-list li:hover img{transform:scale(1.1)}
.certi-box .cc-right{width:40%}
.certi-box .cc-right>h3{color:#000;font-size:14px;font-weight:var(--fontbold7);padding:10px 2px}
.certi-box .cc-right-box{position:relative;top:10px}
.certi-box .cc-right-box-img{overflow:hidden;margin:0px auto;width:200px;}
.certi-box .cc-right-box-img img{width:auto;height:auto;}
.certi-box .cc-but{width:40px;height:92px;text-align:center;background-color:rgba(0,0,0,.3);color:#FFF;font-size:24px;line-height:92px;position:absolute;top:50%;margin-top:-46px;cursor:pointer;opacity:0}
.certi-box .prev{left:0px;border-radius:4px 0 0 4px;}
.certi-box .next{right:0px;border-radius:0 4px 4px 0;}
.certi-box .cc-right:hover .next,.certi-box .cc-right:hover .prev{opacity:1}
.certi-box .next:hover,.certi-box .prev:hover{background-color:rgba(0,0,0,.7)}
.certi-box .cc-right-bottom{display:flex;justify-content:space-between;margin:5% 0}
.certi-box .swiper-slide-thumb-active img{border:1px solid var(--color)}
.certi-box .bot-but{width:8px;background:#333333;text-align:center;cursor:pointer;outline:0;display:flex;align-items: center;justify-content: center;}
.certi-box .bot-but span{display:inline-block;width:0px;height:0px;border:5px solid transparent}
.certi-box .bot-prev>span{border-right-color:#FFF;margin-left:-2px}
.certi-box .bot-next>span{border-left-color:#FFF;margin-left:2px}
.certi-box #cerSwiperbot{display:flex;align-items: center;justify-content:center;width:calc(100% - 30px);margin:0 auto;}
.certi-box .cc-right-bot-list li{text-align:center;width:auto;display:block;}
.certi-box .cc-right-bot-list li img{width:calc(100% - 2px);object-fit: contain;display:block;object-fit: contain;}
@media (max-width:1600px){.certi-box .cc-left-box{height:27vw;}}
@media (max-width:1024px){.certi-box{width:92%;}}
@media (max-width:768px){.certi-box .cc-left-box{height:300px;width:100%;}
.certi-box .cc-left{width:100%;}
.certi-box .cc-right{width:100%;}
.certi-box .cc-right-box-img{width:50%;}
.certi-box .inner{flex-wrap:wrap;}
.certi-box .home-title{font-size:24px;text-align: center;margin-top:20px;}}
.latestNews{display:none}