
.hoiet-service{background:#EDEDED;padding:90px 0;}
.hoiet-service .tit{text-align:center;}
.hoiet-service .tit h3{font-size:42px;line-height:1;color:#0b2c3d;font-weight:700;}

.hoiet-service .list{display:flex;justify-content:space-between;align-items:center;margin:60px 0 0;}

.hoiet-service .list .ser_left{width:35%;}
.hoiet-service .list .ser_left em{font-size:18px;color:var(--color-primary);font-weight:600;display:block;}
.hoiet-service .list .ser_left h3{font-size:32px;line-height:1.2;margin:15px 0 0;color:#0b2c3d;font-weight:700;}
.hoiet-service .list .ser_left p{margin-top:25px;font-size:16px;color:#333;line-height:28px;}

.hoiet-service .list .ser_left .more{margin:40px 0 0;}
.hoiet-service .list .ser_left .more a{background:var(--btn-bg);color:#fff;display:inline-block;font-size:17px;padding:17px 30px;text-align:center;position:relative;z-index:2;transition:1s;/*text-transform:uppercase;*/}
.hoiet-service .list .ser_left .more a:hover{background:var(--swiper-btn-color-hover);color:#fff;}

.hoiet-service .list .pic{width:19%;}




@media screen and (max-width:1550px){
.hoiet-service{padding:80px 0;}
.hoiet-service .tit h3{font-size:39px;}
}

@media screen and (max-width:1441px) {
.hoiet-service{padding:75px 0;}
.hoiet-service .tit h3{font-size:38px;}
.hoiet-service .list .ser_left h3{font-size:30px;}
}

@media screen and (max-width:1367px) {
.hoiet-service{padding:70px 0;}
.hoiet-service .tit h3{font-size:36px;}
.hoiet-service .list .ser_left em{font-size:17px;}
.hoiet-service .list .ser_left h3{font-size:28px;}
}

@media screen and (max-width:1281px){
.hoiet-service{padding:60px 0;}
.hoiet-service .tit h3{font-size:34px;}
.hoiet-service .list{margin:50px 0 0;}
.hoiet-service .list .ser_left h3{font-size:26px;}
.hoiet-service .list .ser_left p{margin-top:20px;line-height:26px;}
.hoiet-service .list .ser_left .more{margin:25px 0 0;}
.hoiet-service .list .ser_left .more a{font-size:16px;padding:14px 30px;}
  
}

@media screen and (max-width:1171px){
.hoiet-service .tit h3{font-size:32px;}
  .hoiet-service .list .ser_left h3{font-size:25px;}
}

@media screen and (max-width:992px){
.hoiet-service .tit h3{font-size:31px;}
.hoiet-service .list{margin:40px 0 0;display: block;}
.hoiet-service .list .ser_left{width:100%;text-align:center;}
.hoiet-service .list .ser_left~.ser_left{margin-top:35px;}
.hoiet-service .list .pic{width:50%;margin:0 auto;display:none;}
.hoiet-service .list .ser_left h3{font-size:24px;}
}

@media screen and (max-width:768px){
.hoiet-service{padding:30px 0;}
.hoiet-service .tit h3{font-size:28px;}
.hoiet-service .list{margin:30px 0 0;}
.hoiet-service .list .ser_left h3{font-size:23px;}
}

@media screen and (max-width:576px) {
.hoiet-service .tit h3{font-size:26px;}
.hoiet-service .list .ser_left h3{font-size:22px;}
.hoiet-service .list .ser_left p{margin-top:15px;line-height:24px;}
}

@media screen and (max-width:480px) {
.hoiet-service .tit h3{font-size:24px;}
.hoiet-service .list .ser_left .more a{font-size:14px;padding:10px 25px;}
.hoiet-service .list .ser_left h3{font-size:21px;}
.hoiet-service .list .ser_left p{font-size:15px;}
}	


@media screen and (max-width:420px) {
.hoiet-service .tit h3{font-size:22px;}
.hoiet-service .list .ser_left h3{font-size:20px;}
}   
