.J0,.J0 li{
    margin:5px 0 0 0;
}
.J0 li a{
    display: block;
}

.J1 {margin:5px -10px 0 0;}
.J1 .J1li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}


.J0 li, .J1 li {
    position: relative;
}



.J1 li img {
    width: 100%;
    height: auto;
    display: block;
}



.pup-box{z-index:9999; width:330px;background:#FFFFFF;border:#ff0000 1px solid;background-image: url('../images/ts.jpg');background-repeat: repeat-y; padding:6px 0 0 38px;position:absolute;display: none;}
.pup-box ol{display: flex;flex-wrap: wrap;margin-right:-10px;}

.pup-box ol li{margin:0 10px 8px 0;background:#fff;border: 1px solid #ddd;border-radius: 10px;}
.pup-box ol li.active{background:#ff0000;border:none;border:#ff0000 1px solid;}
.pup-box ol li.active a{color:#fff;}
.pup-box ol li a{color: #666;font-weight: bold;display: inline-block; padding:5px 10px;}
.pup-box p{color: #444;white-space: pre-line;padding-left:2px}

.contactus span {border-top:1px dashed #ddd;display: block;margin:10px 0;padding:10px 0 0 0;color:#666}
.d-flex{display:-webkit-box;display:-webkit-flex;display:-moz-box;display:-ms-flexbox;display: flex;}
	.contactus .tel,.contactus .wx,.contactus .qq{background:url(../images/modalIcon.png) no-repeat;height:24px;overflow: hidden;padding:0 20px 0 24px;background-size:24px;margin-bottom:10px;}
	.contactus .tel{background-position: 0 -24px;text-wrap: nowrap;}
	.contactus .wx{background-position: 0 -48px;}
	.contactus .qq{background-position: 0 -72px;}
	.contactus .qq a{display: inline!important;}

.job-content {
    display: none;
}

.job-content.active {
    display: block;
}