.aframe {overflow:hidden;padding:70px 0;}
.aframe .container {overflow:hidden;}
.aframe .img {overflow:hidden;}
.aframe .img img {width:100%;}
.aframe .txt {overflow:hidden;}
.aframe .txt h3{font-size:36px;font-weight:600;margin-bottom:20px;line-height:1;color:#FC6619;}
.aframe .txt .content{font-size:16px;line-height:28px;}

@media (min-width:1230px) {
.aframe .img{padding-right:50px;}
}

@media (min-width:992px) {
.aframe .container {display:flex;}
.aframe .img {width:50%;margin:0;padding-right:35px;}
.aframe .txt {width:50%;}
}

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

@media screen and (max-width:992px){
.aframe{padding:40px 0;}
.aframe .img {margin-bottom:20px;}
.aframe .txt h3{text-align:center;}

}

@media screen and (max-width:768px){
.aframe{padding:30px 0;}
.aframe .txt h3{font-size:28px;}
.aframe .txt .content{line-height:24px;}
  
}

@media screen and (max-width:480px){
.aframe .txt h3{font-size:24px;}
.aframe .txt .content{font-size:15px;}
}



.aframe1 {overflow:hidden;padding-top:calc((60 / 1300) * 100%);}
.aframe1 .item {overflow:hidden;border-left:1px solid #efefef;padding:0 calc((30 / 1300) * 100%);width:calc((1 / 3) * 100%);position:relative;}
.aframe1 .item:before {content:"";display:inline-block;height:13px;width:1px;background:#d71635;position:absolute;left:0;top:60px;}
.aframe1 .item .img {overflow:hidden;text-align:center;}
.aframe1 .item .txt {overflow:hidden;}
.aframe1 .item .txt h3 {font-size:24px;padding:15px 0;text-align:center;}
.aframe1 .item .txt p {font-size:16px;color:#666;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7;overflow:hidden;text-align:left;font-family:sans-serif,Arial;}
.aframe1 .item:last-child {border-right:1px solid #efefef;}
@media (min-width:992px) {
.aframe1 .container {display:flex;justify-content:space-between;}
}
@media (min-width:1px) and (max-width:991px) {
.aframe1 .item {width:auto;overflow:hidden;margin-bottom:20px;}
.aframe1 .item .txt h3 {font-size:18px;}
.aframe1 .item .txt p {font-size:14px;}
}

.aframe2{overflow:hidden;padding:20px 0 60px;position:relative;}
.aframe2 h2{font-size:36px;color:#333;line-height:1;text-align:center;font-weight:600;margin-bottom:30px;}
.aframe2 .list {overflow:hidden;position:relative;max-width: 98%;
    margin: 0 auto;}
.aframe2 .list .swiper-slide {overflow:hidden;margin:0;box-sizing:border-box;border:1px solid #f5f5f5;}
.aframe2 .list .swiper-slide img {width:100%;}
.aframe2 .list .btn {position:absolute;top:50%;transform:translateY(-50%);z-index:10;width:45px;height:45px;background:var(--color-primary);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;}
.aframe2 .list .btn:after {font-size:16px;color:#fff;}
.aframe2 .list .btn-prev {left:0;}
.aframe2 .list .btn-prev i {transform:rotate(180deg)}
.aframe2 .list .btn-next {right:0;}
@keyframes identifier {
0% {transform:rotate(0deg) scale(1);}
50% {transform:rotate(180deg) scale(1);}
100% {transform:rotate(360deg) scale(1);}
}
                              
@media screen and (max-width:1280px){
.aframe2 h2{font-size:30px;}
}

@media screen and (max-width:992px){
.aframe2{padding:20px 0 40px;}
}

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

@media screen and (max-width:480px){
.aframe2 h2{font-size:24px;margin-bottom:20px;}
} 
                              
                              
                              
.aframe3 {overflow:hidden;position:relative;padding:calc((60 / 1300) * 100%) 0 0 0}
.aframe3 .videopalay {overflow:hidden;position:relative;z-index:3;border-radius:10px;text-align:center;}
.aframe3 .videopalay .videobtn {overflow:hidden;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:4;cursor:pointer;width:74px;height:74px;display:inline-flex;align-items:center;justify-content:center;}
.aframe3 .videopalay .videobtn .bg {position:absolute;left:0;top:0;z-index:3;width:74px;height:74px;animation:identifier 6s infinite linear;}
.aframe3 .videopalay .videobtn i {position:relative;z-index:5;font-size:30px;color:#fff;}
@media (min-width:1px) and (max-width:991px) {.aframe3 .videopalay .videobtn {width:64px;height:64px;}
.aframe3 .videopalay .videobtn .bg {width:64px;height:64px;}
.aframe3 .videopalay .videobtn i {font-size:26px;}
}
                                  
                                  
                                  
                                  
                                  
                                  
                                  
                                  
                                  
                                  
                                  
                                  @media screen and (max-width:480px){
                                  .aframe .txt .content {
        font-size: 12px;
    }
                                    
                                  }