dl{ position: relative;padding-left: 120px;}
dl::before{ content: '';display: block;vertical-align: top; width: 70px;position: absolute;margin-left: -120px;height: 17px; border-bottom: 1px #000 solid;}
dl>dt{ font-size: 34px;line-height: 34px;margin-bottom: 30px;}
dl>dd{ font-size: 14px;line-height: 24px;color: #777777;}



.join-02>div>div>dl{ margin-top: 50%;}
.join-03>div>dl{ margin-top: 20%;}
.join-03>div>dl>dd>p{ margin-bottom: 10px;}
.join-03>div>dl>dd>h3{color:#000;margin:10px 0;}

.section2_lg{ position:relative;padding-top:60px}
@media screen and (max-width:736px){ .section2_lg{ display:none}}
@media screen and (min-width:737px) and (max-width:1199px){ .section2_lg{ width:100%}}
@media screen and (min-width:1200px){ .section2_lg{ width:100%;margin:60px auto 0}}
.section2_lg .img_box{ width:72%;position:relative;top:0;left:0}
.section2_lg .img_box li{ width:100%;position:absolute;top:13px;left:13px;-webkit-transition:all .3s;transition:all .3s}
.section2_lg .img_box li img{ width:100%}
.section2_lg .img_box .translate{ position:absolute;top:0;left:0;z-index:99}
.section2_lg .btn{ position:absolute;top:75px;right:124px;bottom:0px;}
.section2_lg .btn p{ display:inline-block}
.section2_lg .btn p i{ font-size:44px;margin:0 10px;cursor:pointer;display: block;}
.section2_lg .btn #sum{ font-size:16px;font-weight:700;position:absolute;bottom:150px;left:25px}
.section2_lg .btn #sum>a{ display: block;color: #90908f;}
.section2_lg .btn #sum>span{display:block;width:10px;margin:5px 0px;height:50px;border-right:1px #90908f solid;}

.section2_sm{display:none}

.join-01 dd{
    max-width: 600px;
}

.join-03 h3{
    font-size: 18px;
    font-weight: 500;
}

.join-06{
    padding-bottom: 60px;
}

.join-06 h2{
    font-size: 36px;
}

.join-06{max-width:1200px;margin:0px auto;}
.join-06>h2{text-align: center;}
.join-06>.row{ width:100%; margin-top:4%;}
.join-06>.row>div .item{ vertical-align:middle; border:1px solid #efefef; padding:30px 20px; margin:2% auto 0 auto;}
.join-06>.row>div .item>p{line-height: 20px;}
.join-06>.row>div .item>p>i{width:60px;height:60px;line-height:60px;text-align:center;vertical-align:middle;background:#e1e1e1;border-radius:50%;font-style:normal;font-size:30px;float:left;margin-right:10px;}
.join-06>.row>div .item .slide .title{ width:490px; vertical-align:middle; margin-left:14px;}
.join-06>.row>div .item .slide .title .table-cell{ width:490px; height:48px; line-height:24px; vertical-align:middle; color:#333;}
.join-06>.row>div .item:hover{ box-shadow:0 0 5px 5px #efefef;}

.join-07>.row>div .item>p{line-height:15px;}

@media screen and (max-width:760px){
    .spacer150{ height:50px}
    dl{padding-left: 0px;}
    dl::before{display: none;}
    dl>dt{ font-size: 18px;line-height: 18px;margin-bottom: 10px;}
    dl>dd{ font-size: 14px;line-height: 24px;color: #777777;}

    .join-02>div>div>dl{ margin-top: 0%;}

    .section2_sm{display:block}


    .join-03>div>dl{ margin-top: 10%;}
    .join-03>div>dl>dd>p{ margin-bottom: 0px;}

    .join-06>.row{margin:0px auto;}
    .join-06>.row>div .item>p>i{width:40px;height:40px;line-height:40px;font-size:20px;}
    .join-07>.row>div .item>p{line-height:20px;}
    .join-06>h2{
        font-size: 18px;
    }
    .spacer150{
        height: 30px;
    }
}