

.qili-iframe4 {overflow:hidden;position:relative;padding:90px 0;background-position:center center;background-size:cover;background-repeat:no-repeat;background-image:url('./pics/1_11.jpg');}
.qili-iframe4 .tit .indextit {position:relative}
.qili-iframe4 .tit em {font-size:18px;color:#21867a;line-height:1;font-weight:600;letter-spacing:8px;display:inline-block;text-transform:uppercase;}
.qili-iframe4 .tit h3 {font-size: 24px;color: #222;line-height: 1.4;font-weight: 400;margin:15px 0 0;/*text-transform: capitalize; padding-bottom:29px; *//* background:url("https://img1.imgtp.com/2023/11/15/CL9DUAAW.png") no-repeat left bottom; */font-family: var(--font-family);}
.qili-iframe4 .tit ul {margin:10px 0 0;display:flex;justify-content:space-between;flex-wrap:wrap;}
.qili-iframe4 .tit ul li {width:50%;padding-right:20px;box-sizing:border-box;margin:30px 0 0;cursor:pointer;}
.qili-iframe4 .tit ul li .ico {width:74px;height:74px;background:#21867a;border-radius:7px;display:-webkit-inline-flex;display:inline-flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;text-align:center;}
.qili-iframe4 .tit ul li .ico img {max-height:60%;}
.qili-iframe4 .tit ul li h5 {font-size:22px;line-height:1;font-weight: 400;color:#000;margin:20px 0 0;font-family: var(--font-family);}
.qili-iframe4 .tit ul li p {font-size:16px;line-height:22px;color:#4c4b4b;margin:15px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.qili-iframe4 .list {overflow:hidden}
.qili-iframe4 .list .swiper-slide {overflow:hidden;margin:0;padding-top:30px;}
.qili-iframe4 .list .item {position:relative;background:linear-gradient(to bottom,#eceded,#efeff0);padding:30px;text-align:right;border-radius:10px;background: #fff;}
.qili-iframe4 .list .item .bg {width:102px;height:84px;display:inline-block;float:right;margin-top:-60px;}
.qili-iframe4 .list .item .txt {clear:both;margin-top:50px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 14;overflow:hidden;font-size:16px;line-height: 1.6;color: #000;text-align:left;height: 360px;}
.qili-iframe4 .list .item .img {display:inline-flex;align-items:center;margin-top:20px;color:#333;}
.qili-iframe4 .list .item .img img {width:60px;height:60px;border-radius:50%;display:inline-block;margin-right:10px;}
.qili-iframe4 .list .item .img h3 {font-size:14px;font-weight:700;}
.qili-iframe4 .list .swiper-pagination {overflow:hidden;text-align:center;margin-top:40px;position:inherit;bottom:inherit}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet {width:24px;height:2px;background:#dadada;margin:0 7px;border-radius:0;opacity:1}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet-active {width:60px;background:#21867a}

@media(min-width:1080px) {
.qili-iframe4 .container {display:flex;align-items:center;justify-content:space-between;max-width: 1800px;}
.qili-iframe4 .tit {flex:1;background:rgba(255,255,255,0.9);padding:40px;margin-right:60px;border-radius:10px}
.qili-iframe4 .list {flex:1}
}

@media(max-width:1680px) {
.qili-iframe4 {padding:85px 0;}
.qili-iframe4 .tit p {font-size:20px;margin-top:43px;}
.qili-iframe4 .tit a {width:190px;height:46px;border-radius:43px;margin-top:43px;}
.qili-iframe4 .list .swiper-slide {padding-top:26px;}
.qili-iframe4 .list .item {padding:26px;}
.qili-iframe4 .list .item .bg {width:87px;height:71px;margin-top:-51px;}
.qili-iframe4 .list .item .txt {margin-top:43px;}
.qili-iframe4 .list .item .img {margin-top:17px;}
.qili-iframe4 .list .item .img img {width:51px;height:51px;}
.qili-iframe4 .list .swiper-pagination {margin-top:34px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet {width:20px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet-active {width:51px;}
}

@media(max-width:1440px) {
.qili-iframe4 {padding:70px 0;}
.qili-iframe4 .tit ul li h5{font-size:21px;}

.qili-iframe4 .list .swiper-slide {padding-top:20px;}
.qili-iframe4 .list .item {padding:20px;}
.qili-iframe4 .list .item .bg {width:71px;height:59px;margin-top:-42px;}
.qili-iframe4 .list .item .txt {margin-top:35px;}
.qili-iframe4 .list .item .img {margin-top:14px;}
.qili-iframe4 .list .item .img img {width:42px;height:42px;}
.qili-iframe4 .list .swiper-pagination {margin-top:28px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet {width:17px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet-active {width:42px;}
}

@media(max-width:1367px) {
.qili-iframe4 .tit ul li h5{font-size:20px;}
}

@media(max-width:1280px) {
.qili-iframe4 {padding:60px 0;}
.qili-iframe4 .tit{padding:30px;margin-right:50px;}
.qili-iframe4 .tit ul li{padding-right: 15px;margin:20px 0 0;}
.qili-iframe4 .tit ul li h5{font-size:19px;}

.qili-iframe4 .list .item .bg {width:66px;height:55px;margin-top:-39px;}
.qili-iframe4 .list .item .img img {width:39px;height:39px;}
.qili-iframe4 .list .swiper-pagination {margin-top:26px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet-active {width:39px;}
}

@media(max-width:1079px) {
.qili-iframe4 {padding:40px 0 30px}

.qili-iframe4 .tit{padding:0;margin-right:0;text-align:center;}
.qili-iframe4 .tit ul li .ico{width:65px;height:65px;}
.qili-iframe4 .tit ul li p {color:#FFF;}
.qili-iframe4 .tit ul li h5 {color:#FFF;}
.qili-iframe4 .tit h3 {color:#FFF;padding-bottom:0;background:none;}
.qili-iframe4 .list{margin:30px 0 0;}



}

@media(max-width:768px) {
.qili-iframe4 {padding:30px 0;}


.qili-iframe4 .list .swiper-slide {padding-top:18px;}
.qili-iframe4 .list .item {padding:18px;}
.qili-iframe4 .list .item .bg {width:60px;height:50px;margin-top:-36px;}
.qili-iframe4 .list .item .txt {margin-top:30px;line-height:24px;}
.qili-iframe4 .list .item .img img {width:36px;height:36px;}
.qili-iframe4 .list .swiper-pagination {margin-top:24px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet {width:14px;}
.qili-iframe4 .list .swiper-pagination .swiper-pagination-bullet-active {width:36px;}



}

@media(max-width:576px) {
.qili-iframe4 .tit ul li{width:100%;padding-right:0;margin:20px 0 0;}
.qili-iframe4 .tit ul li .ico{width:55px;height:55px;}
.qili-iframe4 .tit ul li h5{font-size:18px;}
.qili-iframe4 .tit ul li p{font-size:15px;margin:10px 0 0;}

}

@media(max-width:480px) {
}



@media screen and (max-width: 1281px) {
  .qili-iframe4 .tit h3{font-size: 34px;}
}
@media screen and (max-width: 1171px) {
  .qili-iframe4 .tit h3{font-size: 30px;}
}
@media screen and (max-width: 992px) {
  .qili-iframe4 .tit h3{font-size: 26px;}
}
@media screen and (max-width: 768px) {
  .qili-iframe4 .tit h3{font-size: 24px;}
}
@media screen and (max-width: 480px) {
  .qili-iframe4 .tit h3{font-size: 22px;}
}