.about_area{padding:0 0 80px;}
.about_area h2{font-size: 17px;display:inline-block;color:var(--color-primary);display:block;text-align:center;margin-bottom:30px}

.about_area .box{display:flex;justify-content:space-between;}
.about_area .pic{width:calc(50% - 20px);}
.about_area .pic img{width:100%;}
.about_area .txt{width:calc(50% - 20px);display:flex;justify-content:space-between;flex-direction:column;}
.about_area .txt h3{font-size:32px;font-weight:700;line-height:1;}

.about_area .txt .t{font-size:16px;}
.about_area .txt .t p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;line-height:26px;}
.about_area .txt .t img{margin-top:15px;}

.about_area .txt .more a{background:var(--color-primary);color:#fff;display:inline-block;font-size:17px;text-align:center;position:relative;z-index:2;transition:1s;border-radius:5px;padding:11px 30px;font-family:var(--title-font-family);}


@media screen and (max-width:1441px) {
.about_area{padding:0 0 70px;}
.about_area .txt h3{font-size:30px;}
.about_area .txt .t{font-size:15px;}
.about_area .txt .t p{-webkit-line-clamp:8;line-height:24px;}
.about_area .txt .more a{font-size:16px;padding:9px 28px;}

}

@media screen and (max-width:1367px) {
.about_area{padding:0 0 65px;}
.about_area .txt h3{font-size:28px;}
}

@media screen and (max-width:1280px) {
.about_area{padding:0 0 60px;}
.about_area .txt h3{font-size:26px;
}

@media screen and (max-width:1171px) {
.about_area .txt{display:block;}
.about_area .txt .t{font-size:15px;margin:20px 0 0;}
.about_area .txt .more{margin:20px 0 0;}
}

@media screen and (max-width:768px) {
.about_area{padding:0 0 30px;}
.about_area .box{display:block;}
.about_area .pic{width:70%;margin:0 auto;}
.about_area .txt{width:100%;margin:20px 0 0;}
.about_area .txt h3{font-size:24px;text-align:center;}
.about_area .txt .more{text-align:center;}

}

@media screen and (max-width:576px) {
.about_area .pic{width:80%;}
}

@media screen and (max-width:480px) {
.about_area .pic{width:100%;}
}