.service_title{line-height: 40px;font-weight: bold;}
.service_title span{display: inline-block;border-bottom: 1px solid #555555;}
.service_problem,.service_lsit{padding: 0 50px}
.service_02{background: var(--bg-blue-light);padding:60px 0 130px 0;}
.service_02 .service_title,.service_04 .service_title{margin-bottom: 20px;font-size: 20px;}
.service_04{background: var(--bg-light);overflow: hidden;padding:70px 0;}

.service_problem li{margin-bottom: 3px;cursor: pointer;}
.service_problem li{padding:15px 35px;background:var(--bg-blue-light);border:2px solid var(--bg-blue-light);transition: var(--transition-normal);}
.service_problem dd{padding-top: 10px;padding-bottom: 30px;display: none;}
.service_problem li.on{border-color:var(--primary-blue);background:var(--bg-white);box-shadow: var(--shadow-md);}

.service_type{padding-top: 20px;margin-bottom: 55px;}
.service_type li{border-bottom: 1px solid #cacaca;padding:15px 0;}
.service_type dl{overflow: hidden;line-height:24px;}
.service_type dt{float: left;}
.service_type dd{overflow: hidden;float: right;width:calc(100% - 130px)}
.service_type dd a{float: left;margin-right: 40px;color: #424242;}
.service_type dd a:hover{color:var(--primary-blue);transition: var(--transition-fast);}
.service_type dd a:last-child{margin-right: 0;}
.service_type dd a.on{color:var(--primary-blue);font-weight: 600;}

.service_lsit ul{overflow: hidden;margin: 0 -20px;}
.service_lsit dl{margin: 0 20px;background:var(--bg-blue-light);border:2px solid var(--bg-blue-light);padding: 30px;overflow: hidden;transition: var(--transition-normal);}
.service_lsit li{margin-bottom: 2%; width: 100%;float: left;}
.service_lsit dt{line-height: 32px;width:calc(100% - 50px);float: left; height: auto;}
.service_lsit dt h3{max-height:96px; display: -webkit-box;overflow: hidden;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.service_lsit dt h3 a{color: var(--text-primary);transition: var(--transition-fast);}
.service_lsit dd{float: right;}
.service_lsit dd a{width: 30px;height: 30px;line-height: 30px; border-radius: 50%;display: block;color: #fff !important;background:#040000;text-align: center;}
.service_lsit .pageout{padding: 10px 0;}
.service_lsit dt p{ height: 24px; line-height:24px; margin-top:1%;}
.service_lsit dt p span{ float: left; margin-right:30px;}
.service_lsit dt p svg{ width: 1em; height: 1em; position: relative; top:2px;}
.service_lsit li:hover dl{border-color:var(--primary-blue);background:var(--bg-white);box-shadow: var(--shadow-md);}
.service_lsit li:hover dt h3 a{color: var(--primary-blue);}
.service_lsit li:hover dd a{background: var(--primary-blue);}

@media only screen and (max-width:1440px) {
    .service_banner{padding: 80px 0;}
    .service_problem,.service_lsit{padding: 0 30px}
    .service_02 .service_title{margin-bottom: 20px;}
    .service_type{padding-top: 0;}
    .service_03{padding-bottom: 150px;}
    .service_02{padding-bottom: 100px;}
    .service_lsit li{margin-bottom: 20px;}
    .service_lsit dl{margin: 0 10px;}
    .service_lsit ul{margin: 0 -10px;}
}
@media only screen and (max-width:1200px) {
    .service_sh{width: 500px;}
    .service_sh li:nth-child(3),.service_sh li:nth-child(2){}
}
@media only screen and (max-width:1024px) {
    .service_banner,.service_02,.service_04{padding: 50px 0;}
    .service_01{padding-top: 50px;}

    .service_sh li:nth-child(2) dd,.service_sh li:nth-child(3) dd{top:auto;bottom: -50px; margin: 0;    left: 50%;margin-left: -80px;}
    .service_ban_01{margin-bottom: 30px;}
    .service_01 .box_content ul,.service_04 .box_content ul{display: block;}
    .service_problem, .service_lsit{padding: 0;}
    .service_02 .service_title{margin-bottom: 20px;}
    .service_03 .service_title{margin-bottom: 60px;}
    .service_01 .box_content, .service_04 .box_content{padding: 0;}
    .service_01 .service_title, .service_04 .service_title{position: static;margin-bottom: 20px;}
    .service_type{margin-bottom: 30px;}

}

@media only screen and (max-width:767px) {
    .service_banner,.service_02,.service_04{padding: 30px 0;}
    .service_ban_02 h4 i{font-size: 24px;}
    .service_ban_02 h4, .service_ban_02 p{padding-left: 30px;}
    .service_problem li{padding: 10px;}
    .service_problem dd{padding: 10px 0;}
    .service_01 .box_content li, .service_04 .box_content li{width: 90px;}
    .service_type li:first-child{padding-top: 0;}
    .service_type dt,.service_type dd{float: none;width: 100%;}
    .service_type dt{margin-bottom: 10px;}
    .service_type dd a{margin-right: 20px;margin-bottom: 10px;}
    .service_lsit li{float: none;width: 100%;margin-bottom: 10px;}
    .service_lsit dl{padding: 10px;margin: 0;}
    .service_lsit ul{margin: 0;}
    .service_lsit dt h3{height: auto;max-height: 96px;}
    .service_lsit dt{height: auto;}
}