.service_title{line-height: 40px;font-weight: bold;}
.service_title span{display: inline-block;border-bottom: 1px solid #555555;}
.service_04 .service_title{margin-bottom: 20px;font-size: 20px;}
.service_04{background: #f4f4f4;overflow: hidden;padding:70px 0;}

.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;margin-bottom: 10px;color: #424242;transition: var(--transition-fast);}
.service_type dd a:hover{color:var(--primary-blue);}
.service_type dd a:last-child{margin-right: 0;}
.service_type dd a.on{color:var(--primary-blue);font-weight: 600;}


.s_title{color:#666;}


.service_lsit .p_list{display:flex;flex-wrap:wrap;position:relative;max-width:100%}
.service_lsit .p_list .p_loopitem{flex:0 0 calc(25% - 15px);position:relative;margin-left:15px;margin-bottom:45px}
.service_lsit .p_list .p_loopitem .e_container-9{width:100%;height:calc(100% - 50px);background:#f9f9f9;text-align:center;padding-bottom:30px;overflow:hidden;transition:all 0.3s ease-in-out}
.service_lsit .p_list .p_loopitem:hover .e_container-9{background:#efefef}
.service_lsit .p_list .p_loopitem .e_container-9 .a_detail{color: #333}
.service_lsit .p_list .p_loopitem .e_container-9 .e_image-12{overflow:hidden;margin-bottom:15px;height:220px}
.service_lsit .p_list .p_loopitem .e_container-9 .e_image-12 img{width:100%;height:100%;object-fit:contain;transition:all 0.3s ease-in-out}
.service_lsit .p_list .p_loopitem .e_container-9 .e_image-12:hover img{transform:scale(1.03)}
.service_lsit .p_list .p_loopitem .e_container-9 .e_text-13{line-height:normal;text-align:center;padding:0 15px;font-weight:700;margin-bottom:10px}
.service_lsit .p_list .p_loopitem .e_container-9 .e_text-13 a:hover{
    color: var(--primary-blue);
    transition: var(--transition-fast);
}

.service_lsit .p_list .p_loopitem .e_container-10{display:flex;flex-wrap:wrap;flex-direction:row;width:100%;height:50px}
.service_lsit .p_list .p_loopitem .e_container-10 > .p_item{flex:1;max-width:100%;max-height:100%}

.service_lsit .p_list .p_loopitem .e_container-10 .e_text-15{line-height:normal;display:flex;flex-wrap:wrap;margin-top:5px}
.service_lsit .p_list .p_loopitem .e_container-10 .e_text-15 a{flex:1;display:block;height:50px;background:#f9f9f9;overflow:hidden;margin-right:5px;text-align:center;line-height:48px;transition:all 0.3s ease-in-out;color:#333}
.service_lsit .p_list .p_loopitem .e_container-10 .e_text-15 a:hover{color:#fff;background:var(--primary-blue)}
.service_lsit .p_list .p_loopitem .e_container-10 .e_text-15 b{flex:1;display:block;height:50px;background:#f9f9f9;overflow:hidden;text-align:center;line-height:48px;transition:all 0.3s ease-in-out;cursor:pointer;font-weight:normal;color:#333}
.service_lsit .p_list .p_loopitem .e_container-10 .e_text-15 b:hover{color:#fff;background:var(--primary-blue)}



.ljzx_tan {position: fixed;top: 0px;left: 0px;right: 0px;bottom: 0px;background: rgba(0, 0, 0, 0.4);display: none;z-index: 9999;}
.ljzx_tan .tan_box {background: #fff;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 550px;overflow: hidden;padding: 50px;}
.ljzx_tan .tan_box h3 {color:var(--primary-blue);font-weight: 700;}
.ljzx_tan .tan_box .p {color: #999;margin-top: 17px;margin-bottom: 30px;}
.ljzx_tan .tan_box li {display: -webkit-box;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-align: center;-ms-flex-align: center;align-items: center;color: #777;margin-bottom: 10px;}
.ljzx_tan .tan_box li b a{color: #333;}
.ljzx_tan .tan_box li svg {margin-right: 13px;}
.ljzx_tan .tan_box .close {display: -webkit-box;display: -ms-flexbox;display: flex;position: absolute;right: 40px;top: 30px;z-index: 2;cursor: pointer;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.ljzx_tan .tan_box li a:hover {color:var(--primary-blue);transition: var(--transition-fast);}




@media only screen and (max-width:1440px) {
    .service_type{padding-top: 0;}
    .e_image-12{height:12vw}
    .e_text-13{font-size:16px}
}
@media only screen and (max-width:1024px) {
    .service_04{padding: 50px 0;}
    .service_04 .box_content ul{display: block;}
    .service_04 .box_content{padding: 0;}
    .service_04 .service_title{position: static;margin-bottom: 20px;}
    .service_type{margin-bottom: 30px;}
    .e_image-12{height:17vw}
    .e_text-13{font-size:16px}
    .e_text-14{font-size:14px}
    .e_text-15 a{font-size:14px}
    .e_text-15 b{font-size:14px}
}

@media only screen and (max-width:767px) {
    .service_04{padding: 30px 0;}
    .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;}

    .e_image-12{height:auto}
    .service_lsit .p_list .p_loopitem{flex-grow:0;flex-shrink:0;flex-basis:calc(100% / 20)}
    .service_lsit .p_list .p_loopitem {
        margin-left: 0px;
        margin-right: 0px;
        margin-bottom: 5vw;
        flex: 0 0 100%;
    }

    .ljzx_tan .tan_box{width: 100%;padding: 10px}
}