.nans_company_intro {padding:80px 15px 20px;}
.nans_company_intro h2{font-size:40px;}
.nans_company_intro .content {margin-top:40px;font-size:18px;color:#242424;line-height:30px;}
.nans_company_intro .content p {line-height: inherit;}
.nans_company_intro .content p~p {margin-top:15px;}
.nans_company_intro .more {margin:30px 0 50px;display:flex;justify-content:center;}
.nans_company_intro .more a {display:inline-block;padding:5px 20px;border:1px solid var(--color-primary);border-radius:20px;color:var(--color-primary);}
.nans_company_intro .more a:hover {background:var(--color-primary);color:#fff;}
.nans_company_intro .box {position:relative;display:flex;justify-content:center;}
.nans_company_intro .counter-list {position:absolute;top:100px;left;0;/* left: auto; */right: auto;display:flex;justify-content:space-between;}
.nans_company_intro .counter-list li{text-align:center;}
.nans_company_intro .counter-list h5::after {content:attr(data-txt);position:relative;top:-20px;left:5px;color:var(--color-primary);font-size:24px;font-weight:bold;}
.nans_company_intro .counter {font-size:48px;font-family:var(--title-font-family);color:var(--color-primary);font-weight:bold;}
.nans_company_intro .counter-title {font-size:18px;color:#000;}
.nans_company_intro .videobtn {overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;cursor:pointer;width:108px;height:108px;display:inline-flex;align-items:center;justify-content:center}
.nans_company_intro .videobtn .bg {position:absolute;left:0;top:0;z-index:3;width:108px;height:108px;animation:identifier 6s infinite linear}
.nans_company_intro .videobtn i {position:relative;z-index:5;font-size:45px;color:#fff;}

@keyframes identifier {
0% {transform:rotate(0deg) scale(1)}
50% {transform:rotate(180deg) scale(1)}
100% {transform:rotate(360deg) scale(1)}
}

@media (min-width:1200px) {
.col-xl-2-5 {-ms-flex:0 0 20%;-webkit-box-flex:0;flex:0 0 20%;max-width:20%;}
}

@media screen and (max-width:1550px) {
.nans_company_intro .counter-list{top:13%;}
}


@media screen and (max-width:1441px) {
.nans_company_intro{padding:70px 15px 20px;}
.nans_company_intro h2 {font-size:36px;}
.nans_company_intro .content{line-height:28px;}
}

@media screen and (max-width:1367px) {
.nans_company_intro{padding:65px 15px 20px;}
.nans_company_intro h2 {font-size:34px;}
}

@media screen and (max-width:1280px) {
.nans_company_intro{padding:60px 15px 20px;}
.nans_company_intro h2 {font-size:32px;}
.nans_company_intro .content {margin-top:30px;font-size:17px;line-height:26px;}
}

@media screen and (max-width:992px) {
.nans_company_intro h2 {font-size:26px;}
.nans_company_intro .counter-list li {width:50%;padding:5px 0;}
}

@media screen and (max-width:768px) {
.nans_company_intro {padding:30px 15px;}
.nans_company_intro h2 {font-size:28px;}

.nans_company_intro .counter {font-size:30px;}
.nans_company_intro .counter-list h5::after{top:-10px;font-size:18px;}
.nans_company_intro .counter-title {font-size:16px;}

.nans_company_intro .more{margin:25px 0 30px;}
.nans_company_intro .content{margin-top:25px;font-size:16px;line-height:24px;}

}

@media screen and (max-width:576px) {
.nans_company_intro h2 {font-size:26px;}

.nans_company_intro .counter-list{display:none;}
.nans_company_intro .videobtn{width:80px;height:80px;}
.nans_company_intro .videobtn .bg{width:80px;height:80px;}
.nans_company_intro .videobtn i{font-size:27px;}
.nans_company_intro .content {margin-top:20px;font-size:15px;}
}

@media screen and (max-width:480px) {
.nans_company_intro h2 {font-size:24px;}

}

@media screen and (max-width:420px) {
.nans_company_intro h2 {font-size:22px;}
}