@charset "UTF-8";

.wrap {
    background:#fff;
}


.container > .main > ul {
    margin-top:2rem;
    margin-bottom:5rem;
}

.container > .main > ul:after {
    content: ' ';
    clear:both;
    display:block;
}

.container > .main > ul li {
    float:left;
    width:calc(100% / 4 - 4rem);
    padding-left:2rem;
    padding-right:2rem;
}

    .container > .main > ul li i {
        display:inline-block;
        width:48px;
        height:48px;
        margin-top:1rem;
        margin-bottom:1rem;
    }
        .container > .main > ul li i.address {
            background:url(/assets/images/pc/icon_contactus.png) no-repeat 0 0;
        }
        .container > .main > ul li i.tel {
            background: url(/assets/images/pc/icon_contactus.png) no-repeat 0 -48px;
        }
        .container > .main > ul li i.email {
            background: url(/assets/images/pc/icon_contactus.png) no-repeat 0 -96px;
        }
        .container > .main > ul li i.work-hour {
            background: url(/assets/images/pc/icon_contactus.png) no-repeat 0 -144px;
        }

    .container > .main > ul li p {
        font-size:1.4rem;
        line-height:2rem;
    }
    .container > .main > ul li p:nth-child(2) {
        font-size: 1.5rem;
        font-weight:bold;
        margin-bottom:1.5rem;
    }

.container > .main > ul.pers-box{
    margin-top:2rem;
    width:100%;
}

.container > .main > ul.pers-box li{
    width:calc((100% - 20px) / 3);
    padding-right:10px;
    padding-left:0;
}
.container > .main > ul.pers-box li > div{
    width:100%;
    background:#f7f7f7;
    min-height:100px;
    padding-bottom:1.5rem;
}
.container > .main > ul.pers-box li > div > p{
    padding:1.5rem 1.5rem 0 1.5rem;
    text-align:left;
}
.container > .main > ul.pers-box li > div > p:nth-child(2){
    margin-bottom:0;
    text-align:center;
}
.container > .main > ul.pers-box li > div > p:nth-child(3){
    
}
.container > .main > ul.pers-box li:last-child{
    padding-right:0;
}

.container > .main > ul.pers-box li > div > p > i{
        display:inline-block;
        width:29px;
        height:29px;
        margin-right:1.5rem;
}
.container > .main > ul.pers-box li > div > p > i.tel {
    background: url(/assets/images/pc/icon_contactus2.png) no-repeat 0 0;
}
.container > .main > ul.pers-box li > div > p > i.email {
    background: url(/assets/images/pc/icon_contactus2.png) no-repeat 0 -29px;
}
.container > .main > ul.pers-box li > div > p:nth-child(4),
.container > .main > ul.pers-box li > div > p:nth-child(5){
    display:flex;
    align-items:center;
}
.container > .main > ul.pers-box li > div > p:nth-child(5){
    padding-top:0;
}


.container > .main > ul.con-box li{
    width:calc(((100% - 3rem) / 2) - 2px);
    padding-left:0;
    padding-right:0;
    margin-left:3rem;
    border:1px solid #ededed;
    border-radius:4px;
    /*padding:2rem 0 2rem 0;
    padding-top:4rem;*/
    height:24rem;
}
.container > .main > ul.con-box li i{
    margin-top:5rem;
}
.container > .main > ul.con-box li:first-child{
     margin-left:0;
}

.rel-pro{
    margin-bottom:5rem;
}



/*
手机端
*/
@media screen and (max-width:640px) {
    .container > .main > ul li{
        float:unset;
        margin-bottom:1rem;
    }
    .container > .main > ul.pers-box{
        margin-bottom:1rem;
    }
    .container > .main > ul.pers-box li{
        width:100%;
        padding-right:0;
    }
    .container > .main > ul{
        margin-top:0;
        margin-bottom:1rem;
    }
    .container > .main > ul.con-box li{
        width:100%;
        margin-left:0;
        height:unset;
    }
    .rel-pro{
        margin-top:1rem;
        margin-bottom:1.5rem;
    }
    .rel-pro .tit a{
        display:none;
    }
}