.jl_01{padding-top: 1.1rem;overflow: hidden;}
.jl_cx{margin-bottom: 0.5rem;position: relative;overflow: hidden;}
.jl_cx h3{line-height: 1.2em}
.jl_cx h3,.jl_cx h4{text-align: right;width: calc(100% - 150px);float: right;}
.jl_cx p{position: absolute;left: 0;bottom: 0;color: #666666;width: 120px;}

.jl_02{padding: 1.2rem 0;overflow: hidden;}
.jl_title{margin-bottom: 0.7rem;}
.jl_title p{color: #666666;margin-bottom: 0.1rem;}
.jl_title h3{line-height: 1.2em}
.jl_title h4{line-height: 1.5em}

.jl_gy ul{overflow: hidden;margin: 0 -0.4rem;}
.jl_gy li{float: left;width: 50%;}
.jl_gy dl{margin: 0 0.4rem;}
.jl_gy li:nth-child(2){margin-top: 1.95rem}


.jl_03 .jl_title{text-align: center;}


.jl_04{padding: 1.7rem 0 1.2rem 0;overflow: hidden;}
.jl_top{overflow: hidden;}
.jl_top .left{padding-top: 0.6rem;width: 43%;float: left;}
.jl_top .left dt img{width:27.9%;margin: 0 4.2%;position: relative;}

.jl_top .left dt{text-align: center;margin-bottom: 0.5rem;}
.jl_top .left dd{line-height: 24px;text-align: center;padding-left: 0.9rem;}
.jl_top .left dd span{display: inline-block;position: relative;padding-left: 1.1rem;text-align: left;}
.jl_top .left dd span i{width: 1rem;height: 2px;background: #000;position: absolute;left: 0;bottom: 5px;}
.jl_top .right{width: 56%;float: right;}
.jl_top .right p{color: #6c6c6c;line-height: 1.5em;margin-bottom: 1.1rem}
.jl_top .right h3{line-height: 1.2em;}

.jl_bottom ul{overflow: hidden;position: relative;}
.jl_bottom li{width: 47.9%;float: right;clear: both;}
.jl_bottom li:nth-child(1){transform: translate(0,-50%); -webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);-moz-transform: translate(0,-50%);-o-transform: translate(0,-50%); position:absolute; left:0; top:50%;}
.jl_bottom li:nth-child(2){margin-bottom: 0.5rem;}

.jl_05 .jl_title{margin-bottom: 0.4rem;text-align: center;}

.jl_ty{background: #000;color: #fff;overflow: hidden;position: relative;}
.jl_ty .left{width: 47.7%;height: 100%; position: absolute;padding-top: 1.9rem;padding-left: 2.35rem;}
.jl_ty .left h4{font-weight: 100;line-height: 1em;margin-bottom: 0.2rem;}
.jl_ty .left p{line-height: 24px}
.jl_ty .right{float: right;width: 52.3%;}

.jl_ty_phone{width: 87.6%;position: absolute;right: -100%;bottom: 0;}

.jl_cg{padding: 1.1rem 0;}
.jl_cg li{margin-bottom: 1.1rem;}
.jl_cg li:last-child{margin-bottom: 0;}
.jl_cg li dl{overflow: hidden;}
.jl_cg li dt{float: left;width: 17.5%;}
.jl_cg li dd{float: right;width:78.8%;}
.jl_cg li p{line-height: 1.5em;}
.jl_tips{color: #666666;padding-top: 0.3rem;}

.jl_case{margin-bottom: 2.6rem;position: relative;padding-top: 1.4rem;}
.jl_case:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 73.6%;background: #000;}
.jl_case .wrap{position: relative;z-index: 5;}
.jl_case ul{overflow: hidden;}
.jl_case li{float: left;}
.jl_case li:nth-child(1){width: 10.83%;margin-right: 4.1%}
.jl_case li:nth-child(2){width: 18.4%;margin-right: 9%;}
.jl_case li:nth-child(3){width: 13.8%;margin-right: 5.5%}
.jl_case li:nth-child(4){width: 15.27%;margin-right: 6.25%}
.jl_case li:nth-child(5){width: 16.11%;}

.jl_06{overflow: hidden;padding-bottom: 1.5rem;}
.jl_06 .jl_title{text-align: center;margin-bottom: 0.9rem;}
.jl_06 .jl_title h3{margin-bottom: 0.2rem;}

.jl_07 .opacity_box{position:relative;padding: 2.4rem 0;}
.jl_07 .opacity_box:after{content:"";position: absolute;left: 0;top:0;width: 100%;height: 100%;background:rgba(0,0,0,0.16);}
.jl_07 .opacity_box img{display: none;}

.jl_num{color: #fff;position: relative;z-index: 5;}
.jl_num ul{overflow: hidden;}
.jl_num li{float: left;width: 50%;text-align: center;}
.jl_num dt{line-height: 1em;margin-bottom: 0.2rem;}

.jl_08 {padding: 1.2rem 0 1rem 0;}
.jl_08 h3{line-height: 1.2em;text-align:center;}

.jl_pcimg{width: 68.19%;margin: auto;position: relative;}
.jl_img_01,.jl_img_03{width: 52.44%;position: absolute;bottom: 1rem;}
.jl_img_02{z-index: 5;position: relative;}
.jl_img_01{left:-25%;}
.jl_img_03{right:-25%;}

@media only screen and (max-width:767px) {
.jl_01{padding-top: 30px;}
.jl_02,.jl_04,.jl_cg{padding: 30px 0;}
.jl_06{padding-bottom: 30px;}
.jl_07 .opacity_box{padding: 70px 0;}
.jl_08{padding:50px 0;}
.jl_cx p{position: static;width: 100%}
.jl_cx h3, .jl_cx h4{float: none;width: 100%;text-align: left;}
.jl_cx h4{margin: 5px 0;}
.jl_cx{margin-bottom: 20px;}
.jl_title,.jl_05 .jl_title{margin-bottom: 20px;}
.jl_gy ul{margin: 0 -2px;}
.jl_gy dl{margin: 0 2px;}
.jl_top{margin-bottom: 30px;}
.jl_top .left,.jl_top .right{padding: 0;float: none;width: 100%;}
.jl_top .left{margin-bottom: 20px;}
.jl_top .left dt{margin-bottom: 20px;}
.jl_top .left dd{padding-left: 0;}
.jl_top .right p{margin-bottom: 20px;line-height: 26px;}
.jl_bottom li{width: 48.5%;}
.jl_bottom li:nth-child(2){margin-bottom: 10px;}

.jl_ty .left,.jl_ty .right{float: none;width: 100%;}
.jl_ty .left{position: relative;padding: 30px;}
.jl_ty_phone{width: 50%;right: -20%;}
.jl_cg li dt,.jl_cg li dd{float: none;width: 100%;}
.jl_cg li{margin-bottom: 20px;}
.jl_cg li dt{font-weight:bold;margin-bottom: 10px;}
.jl_cg li p{font-size: 14px;line-height: 24px;}
.jl_top .right h3{line-height: 26px;}
.jl_06 .jl_title{margin-bottom: 30px;}
.jl_title h4{font-size: 14px;}
.jl_case{padding-top: 30px;margin-bottom: 30px;}

.jl_case li{width: 20% !important;margin-right: 0 !important}
.jl_case ul{margin: 0 -4px;}
.jl_case .img_box{margin: 0 4px;}
.jl_title h3{line-height:28px}
.jl_title h4 br{display: none;}
.jl_07 .opacity_box{opacity: 1;}
}


.jl_img_01,.jl_img_03,.jl_ty_phone{opacity:0;}
.jl_img_01{left:0;}
.jl_img_03{right:0;}
@media only screen and (min-width:1025px) {

}



@media only screen and (min-width:767px) {
.jili_img01{width: 100%; height:7rem;position: relative;overflow: hidden;}
.jili_img01_in{width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateY(-1.5rem)}
.jili_img01 img { width: 100%;height: 100%;object-fit: cover;}


.jl_07{width: 100%; height:6.7rem;position: relative;overflow: hidden;margin-bottom: 1.57rem;}
.jl_07 .opacity_box:after{display: none;}
.jl_07 .opacity_box{opacity: 1;}
.jl_07 .img_box {opacity: 1; width: 100%;
    height: 100%;
    object-fit: cover;
    transform: translateY(-10rem)}

.public-img{    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;}
.zz {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 3;
    background: #f5f7f9;
}


.jlimg_01{left: 19%}
.jlimg_02{left: -19%}


.jl_case li{position: relative;}
.jl_case li:nth-child(1){left: 44%;opacity: 0}
.jl_case li:nth-child(2){left: 25%;opacity: 0}

.jl_case li:nth-child(4){right: 20%;opacity: 0}
.jl_case li:nth-child(5){right: 42%;opacity: 0}

.jl_wl li{position: sticky;top:96px;}

}