@charset "utf-8"; 
:root {--footercolor: #111;    --hovercolor: #fff}
table tr:nth-child(even) {  background: #fff; }
.table tr:nth-child(odd) {  background: #eee; }
.details-tit {display: none;}
.fcon li:first-child a:nth-child(3){display:none}
#aboutus{background-color:#F8F8F8;padding:4% 0px}
#aboutus .container{align-items:center;}
#aboutus .about-con .home-label{position:relative;color:var(--color);padding-left:50px;}
#aboutus .about-con .home-label:before{content:'';width:40px;height:1px;left:0;top:50%;transform:translateY(-50%);display:block;background:var(--color);position:absolute;}
#aboutus .about-con .home-title{text-align: left;line-height: 1.2;margin: 10px 0px 20px 0px;font-size:var(--fontsize30);font-weight: var(--fontbold5);}
#aboutus .about-con{width:56%;padding:2% 6% 0px 0px}
#aboutus .about-con .home-label{text-align:left}
#aboutus .about-con .home-label:after{display:none}
#aboutus .about-con .about-des{color:#444;line-height:1.75}
#aboutus .about-con .more-btn{border:1px solid #C2C2C2;padding:10px 30px;border-bottom:2px solid var(--color);background-color:#F8F8F8;margin-top:20px;display:inline-block;color:var(--color);transition:color .5s,padding .5s,border .5s;position:relative;z-index:1;overflow:hidden;border-radius:2px;text-transform:lowercase}
#aboutus .about-con .more-btn:hover{border-color:var(--color);color:#fff;}
#aboutus .about-con .more-btn::before{content:"";display:block;position:absolute;top:50%;left:50%;width:10px;height:10px;margin:-5px 0px 0px -5px;border-radius:50%;background-color:var(--color);z-index:-1;transition:transform .8s cubic-bezier(0, 0, 0.2, 1),opacity .6s;transform:scale(0);opacity:0}
#aboutus .about-con .more-btn:hover:before{transform:scale(20);opacity:1}
#aboutus .about-img{width:43.75%;position:relative;z-index:1}
#aboutus .about-img .lazy-wrap::after{padding-bottom:0px}
@media (max-width:768px){#aboutus{padding:0px}
#aboutus .l-wrap{flex-direction:column;padding-bottom:20px}
#aboutus .about-con .home-title{font-size:var(--fontsize22)}
#aboutus .about-con{width:100%;padding:5% 0px}
#aboutus .about-con .more-btn{margin-top:30px}
#aboutus .about-img{width:100%}}
@media (min-width:769px){.mob-box{justify-content: space-between;}
.mob-box nav{margin:0 auto;}}
@media (min-width:769px) and (max-width:1024px){.nav>li>a{font-size:var(--fontsize16)}}
@media (min-width:1025px) {
body:not(.nobanner){padding-top: 0;}
body:not(.nobanner) header:not(.fixhead){background: transparent;}
body:not(.nobanner) header:not(.fixhead) .nav>li>a{color: #fff;}
body:not(.nobanner) #swiper-banner .swiper-slide>a{position: relative;}
body:not(.nobanner) #swiper-banner .swiper-slide>a:after{content: "";position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;background: #0000003d;}
body:not(.nobanner) header:not(.fixhead) .nav>li>a::after{background: #fff;}
body:not(.nobanner) header:not(.fixhead) .search-box{border-color: #fff;}
body:not(.nobanner) header:not(.fixhead) .search-box #txtSearch{color: #fff;}
body:not(.nobanner) header:not(.fixhead) .search-box #btnSearch i{color: #fff;}
body:not(.nobanner) header:not(.fixhead) .search-box #txtSearch::placeholder{color: #fff;}
}
@media (min-width:1025px){header:not(.fixhead)>.container{border-radius:20px;background:rgba(0,0,0,.3);padding:0 15px}
header:not(.fixhead) .lang{right:15px;}
.mob-box{flex:1;}}