
.indexC-rightint2{padding:0 0 80px;background:#F5F5F5;}
.indexC-rightint2 .tit{padding:70px 0;background:var(--bg-color);text-align:center;}
.indexC-rightint2 .tit h3{font-size:60px;line-height:1.2;color:#fff;font-weight:700;font-family:var(--font-family-1);}

.indexC-rightint2 .tab ul{background:var(--bg-color);display:-webkit-flex;display:flex;-webkit-justify-content:space-between;justify-content:space-between;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexC-rightint2 .tab ul li{width:calc(25% - 1.5px);}
.indexC-rightint2 .tab ul li .box{display:block;position:relative;cursor:pointer;}
.indexC-rightint2 .tab ul li .box img{height: auto;}
.indexC-rightint2 .tab ul li .box::after{content:"";content:'';width:0;height:0;line-height:0;border-width:20px 30px;border-style:dashed;border-color:transparent;border-top-style:solid;border-top-color:var(--bg-color);position:absolute;bottom:-40px;left:calc(50% - 30px);display:none;}
.indexC-rightint2 .tab ul li .txt{position:absolute;left:0;right:0;top:0;bottom:0;z-index:20;padding:0 5%;text-align:center;transition:all 0.5s ease 0s;background:rgba(36,36,36,0.74);display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-direction:column;flex-direction:column;}
.indexC-rightint2 .tab ul li .txt h5{font-size:30px;color:#fff;line-height:1;font-family:var(--font-family-1);font-weight:700;}
.indexC-rightint2 .tab ul li .txt h5::after{content:"";width:125px;height:6px;background:var(--bg-color);border-radius:30px;margin:37px auto 0;display:block;}
.indexC-rightint2 .tab ul li .txt p{font-size:18px;color:#fff;line-height:30px;margin-top:27px;}
.indexC-rightint2 .tab ul li.active .box::after{display:block;}


.indexC-rightint2 .list{padding-top:70px;}
.indexC-rightint2 .list .item{display:none;}
.indexC-rightint2 .list h3{font-size:60px;line-height:1;color:#000;font-weight:700;font-family:var(--font-family-1);text-align:center;}
.indexC-rightint2 .list ul{margin:30px -8px 0;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.indexC-rightint2 .list ul li{width:25%;padding:0 8px;margin:40px 0 0;position:relative;text-align:center;cursor:pointer;box-sizing:border-box;}
.indexC-rightint2 .list ul li .box{}
.indexC-rightint2 .list ul li .pic{width:100%;position:relative;display:block;box-sizing:border-box;overflow:hidden;}
.indexC-rightint2 .list ul li .pic img{width:100%;transition:all 0.3s ease 0s;height: auto;}
.indexC-rightint2 .list ul li h6{padding:20px 0;}
.indexC-rightint2 .list ul li h6 a{font-size:20px;color:#000;font-weight:700;line-height:1;display:block;}

.indexC-rightint2 .list ul li:hover h6 a{color:var(--active-color);}
.indexC-rightint2 .list ul li:hover img{transform:scale(1.08);-webkit-transform:scale(1.08);}

.indexC-rightint2 .list .more{margin:50px 0 0;text-align:center;}
.indexC-rightint2 .list .more a{display:inline-block;height:65px;line-height:65px;background:var(--bg-color);border-radius:40px;padding:0 60px;font-size:18px;color:#fff;font-weight:300;}



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

.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:56px;}

}

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

.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:54px;}

}

@media screen and (max-width:1441px) {
.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:50px;}

.indexC-rightint2{padding:0 0 70px;}
.indexC-rightint2 .tit{padding:70px 0;}
.indexC-rightint2 .tab ul li .txt h5{font-size:26px;}
.indexC-rightint2 .list ul li h6 a{font-size:18px;}

}

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

.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:46px;}

.indexC-rightint2 .list{padding-top:70px;}
.indexC-rightint2 .list .more{margin:40px 0 0;}
}

@media screen and (max-width:1281px){
.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:42px;}

.indexC-rightint2 .tab ul li .txt h5::after{width:100px;height:4px;margin:25px auto 0;}
.indexC-rightint2 .tab ul li .txt p{font-size:17px;line-height:24px;margin-top:25px;}
}


@media screen and (max-width:1171px){
.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:38px;}
}

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

.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:34px;}

.indexC-rightint2 .tit{padding:50px 0;}
}



@media screen and (max-width:768px) {
.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:30px;}

.indexC-rightint2{padding:0 0 30px;}
.indexC-rightint2 .tit{padding:30px 10px;}
.indexC-rightint2 .tab ul li .txt h5{font-size:20px;}
.indexC-rightint2 .tab ul li .txt p{display:none;}
.indexC-rightint2 .tab ul li .box::after{border-width:10px 20px;bottom:-20px;left:calc(50% - 20px);}

.indexC-rightint2 .list{padding-top:30px;}
.indexC-rightint2 .list ul{margin:20px -8px 0;}
.indexC-rightint2 .list ul li{width:50%;margin:20px 0 0;}
.indexC-rightint2 .list .more{margin:30px 0 0;}
.indexC-rightint2 .list .more a{height:45px;line-height:45px;padding:0 50px;font-size:17px;}
}

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

.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:26px;}

.indexC-rightint2 .tab{display:none;}

.indexC-rightint2 .list .item{display:block;}
.indexC-rightint2 .list .item~.item{margin-top:30px;}
.indexC-rightint2 .list ul li h6{padding:20px 0 0;}
.indexC-rightint2 .list ul li h6 a{font-size:17px;font-weight:400;line-height:22px;height:66px;overflow:hidden;}
.indexC-rightint2 .list .more{margin:20px 0 0;}
.indexC-rightint2 .list .more a{height:40px;line-height:40px;padding:0 30px;font-size:16px;}

.indexC-rightint2 .list ul{margin:10px -8px 0;}
}


@media screen and (max-width:480px) {
.indexC-rightint2 .tit h3,.indexC-rightint2 .list h3{font-size:22px;}

.indexC-rightint2 .list ul li h6 a{font-size:15px;line-height:20px;height:60px;}
}



