.indexA-rightint2{padding:110px 0;background:#fff;position:relative;}
.indexA-rightint2::before{content:"Company";white-space:nowrap;color:rgba(23,22,22,0.03);position:absolute;left:0;bottom:-20px;font-size:240px;line-height:1;font-weight:700;font-family:var(--font-family-1);}
.indexA-rightint2 .wp{display:-webkit-flex;display:flex;-webkit-justify-content:space-between;/* justify-content:space-between; */-webkit-align-items:center;align-items:center;position:relative;z-index:20;}
.indexA-rightint2 .txt{-webkit-flex:1;flex:1;margin-right:150px;width: 50%;}
.indexA-rightint2 .txt h3{color:#090909;font-size:60px;line-height:1;font-weight:700;font-family:var(--font-family-1);position:relative;}
.indexA-rightint2 .txt h3 span{position:relative;z-index:2;font-size: 35px;}
.indexA-rightint2 .txt h3::after{content:"";width:190px;height:8px;background:var(--bg-color);position:absolute;left:0;bottom:-5px;}
.indexA-rightint2 .txt h6{color:#090909;font-size:36px;font-family:var(--font-family-1);margin:35px 0 0;}
.indexA-rightint2 .txt .t{font-size:18px;color:#090909;font-weight:300;line-height:36px;margin:40px 0 0;}
.indexA-rightint2 .txt .t p{}
.indexA-rightint2 .txt .more{width:210px;height:65px;line-height:65px;display:block;margin:20px auto 0 0;background:var(--btn-bg);border-radius:40px;font-size:18px;color:#fff;font-weight:300;text-align:center;}
.indexA-rightint2 .txt .more:hover{/* width:300px; */background:var(--btn-bg-hover);}

.indexA-rightint2 .pic{width:40%;overflow:hidden;}
.indexA-rightint2 .pic > img{width:100%;display:block;transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;}
.indexA-rightint2 .pic:hover > img{transform: scale(1.01);-webkit-transform: scale(1.01);}


@media screen and (max-width:1600px) {

.indexA-rightint2 .txt h3{font-size:56px;}

}

@media screen and (max-width:1500px) {
.indexA-rightint2 .txt h3{font-size:54px;}

.indexA-rightint2 .txt{margin-right:120px;}
}

@media screen and (max-width:1441px) {

.indexA-rightint2 .txt h3{font-size:50px;}

.indexA-rightint2{padding:90px 0;}
.indexA-rightint2::before{font-size:180px;}
.indexA-rightint2 .txt{margin-right:90px;}
.indexA-rightint2 .txt h6{font-size:34px;}
.indexA-rightint2 .txt .t{line-height:34px;margin:30px 0 0;}
.indexA-rightint2 .txt .more{height: 60px;line-height:60px;margin:35px auto;}
}

@media screen and (max-width:1367px) {
.indexA-rightint2 .txt h3{font-size:46px;}

.indexA-rightint2{padding:70px 0;}
.indexA-rightint2::before{font-size:160px;}
.indexA-rightint2 .txt{margin-right:70px;}
.indexA-rightint2 .txt h6{font-size:32px;}
}

@media screen and (max-width:1281px){
.indexA-rightint2 .txt h3{font-size:42px;}

.indexA-rightint2 .txt h6{font-size:30px;}
}


@media screen and (max-width:1171px){
.indexA-rightint2 .txt h3{font-size:38px;}
}

@media screen and (max-width:1080px){
    .indexA-rightint2 .txt{
        text-align: center;
    }
    .indexA-rightint2 .txt h3::after{
        left: calc(50% - 95px);
    }
    .indexA-rightint2 .wp{
        flex-direction: column;
    }
.indexA-rightint2 .txt{
    width: 100%;
}
.indexA-rightint2 .pic{
    width: 90%;
}
}

@media screen and (max-width:992px){

.indexA-rightint2 .txt h3{font-size:34px;}

.indexA-rightint2{padding:50px 0;}
.indexA-rightint2 .wp{display:block;}
.indexA-rightint2 .txt{text-align:center;margin-right:0;}
.indexA-rightint2 .txt h3{display:inline-block;}
.indexA-rightint2 .txt h3::after{/* width:100%; */height:10px;right:0;margin:0 auto;}
.indexA-rightint2 .txt h6{font-size:28px;margin:25px 0 0;}
.indexA-rightint2 .txt .more{width:190px;height:50px;line-height:50px;margin:25px auto 0;}
.indexA-rightint2 .pic{width:80%;margin:20px auto 0;}
}



@media screen and (max-width:768px) {

.indexA-rightint2 .txt h3{font-size:30px;}

.indexA-rightint2{padding:30px 0;}
.indexA-rightint2::before{display:none;}
.indexA-rightint2 .txt h6{font-size:24px;margin:20px 0 0;}
.indexA-rightint2 .txt .t{font-size:17px;line-height:26px;margin:20px 0 0;}
.indexA-rightint2 .txt .more{width:160px;height:45px;line-height:45px;margin:20px auto 0;}
.indexA-rightint2 .pic{width:100%;}
}

@media screen and (max-width:576px) {

.indexA-rightint2 .txt h3{font-size:26px;}

.indexA-rightint2 .txt .more{width:140px;height:40px;line-height:40px;font-size:16px;}
}


@media screen and (max-width:480px) {
.indexA-rightint2 .txt h3{font-size:22px;}


.indexA-rightint2 .txt h6{font-size:20px;margin:15px 0 0;}
.indexA-rightint2 .txt .t{font-size:16px;line-height:24px;margin:15px 0 0;}
}