section {
    margin:60px auto
}

.too-long {
    max-width:168px
}

.contact-banner {
    height:450px;
    background-image:url("../images/7503bafc15f74ed5.jpg");
    background-position:center center;
    background-color:#fcfcfc;
    background-repeat:no-repeat
}

.menu li {
    line-height:20px;
    border-left:2px solid transparent;
    padding-left:20px;
    margin:10px 0;
    text-transform:uppercase
}

.menu li ul li {
    position:relative
}

.menu li ul li:before {
    display:inline-block;
    content:"";
    width:3px;
    height:3px;
    background:#707473;
    position:absolute;
    top:9px;
    left:6px;
    border-radius:50%
}

.menu .active {
    border-left:2px solid #44a8f2
}

.text-block-title {
    font-size:20px;
    margin-bottom:25px;
    text-transform:uppercase;
    font-weight:400;
    color:#707473
}

.address-list a {
    color:#44a8f2
}

.address-list dt {
    float:left;
    clear:both;
    min-width:168px;
    line-height:24px;
    font-size:13px;
    font-weight:600
}

.address-list dt .modal-link {
    margin-top:20px;
    float:left
}

.address-list dt .sec-line {
    margin:-24px 0 0 168px
}

.address-list dd {
    margin-left:168px;
    line-height:24px;
    font-size:13px
}

.address-list.address-list-sp dd {
    margin-left:280px
}

.dji-zh-CN .address-list.address-list-sp dd,.dji-ko .address-list.address-list-sp dd,.dji-zh-TW .address-list.address-list-sp dd {
    margin-left:168px
}

.company-modal .modal-content {
    border-radius:0
}

.company-modal .modal-content .modal-header {
    padding:25px
}

.company-modal .modal-content .modal-header h4 {
    color:#707473;
    font-size:20px;
    font-weight:500;
    text-transform:uppercase
}

.company-modal .modal-content .modal-body {
    padding:25px 25px 40px
}

.company-modal p {
    line-height:24px;
    margin-bottom:20px;
    text-align:justify
}

.company-modal p a {
    color:#44a8f2
}

.company-modal h4 {
    font-weight:300;
    color:#44a8f2;
    font-size:1.4em
}

.company-modal ul {
    list-style-type:disc;
    margin-left:40px
}

#about-banner {
    background:url("../images/f333.jpg") 50% top no-repeat;
    background-size:cover;
    height:450px;
    position:relative
}

#about-banner h1 {
    position:absolute;
    top:50%;
    width:600px;
    left:50%;
    margin-left:-300px;
    margin-top:-20px;
    text-transform:uppercase;
    font-weight:300;
    text-align:center
}

#company-s1 .desc {
    padding-top:8px
}

#company-s1 p {
    line-height:250%;
    margin-bottom:20px;
    font-size:14px
}

#edu-banner {
    background:url("../images/1152f7dd6e.jpg") 50% top no-repeat;
    background-size:cover;
    height:560px;
    position:relative
}

#edu-banner h1 {
    position:absolute;
    top:40%;
    width:840px;
    left:50%;
    margin-left:-420px;
    text-transform:uppercase;
    font-weight:300;
    color:#fff;
    font-size:50px
}

#edu-s1 p {
    line-height:22px;
    margin-bottom:25px;
    font-size:13px
}

#edu-s1 p a {
    color:#44a8f2
}

#edu-s1 p a:hover {
    text-decoration:underline
}

#edu-s1 h3 {
    font-size:20px;
    margin-bottom:25px;
    text-transform:uppercase;
    font-weight:400;
    color:#707473
}

#edu-s1 .section-title {
    margin-top:10px
}

#edu-s1 .text {
    margin-bottom:40px
}

.portfolio-list h6 {
    margin:8px 0;
    font-weight:400;
    font-size:
}

.portfolio-list .info {
    height:60px;
    margin:8px 0 10px;
    color:#707473
}

.portfolio-list .info .title {
    font-size:12px;
    font-weight:400
}

.portfolio-list .info .date {
    font-size:10px;
    display:inline-block;
    margin-top:5px
}

.portfolio-list .iframe {
    position:relative;
    display:block;
    overflow:hidden
}

.portfolio-list .cover {
    width:100%;
    height:100%;
    transform:scale(1);
    transition:all 1000ms
}

.portfolio-list .cover:hover {
    transform:scale(1.15)
}

@media (max-width:767px) {
    section {
        margin:0
    }

    #about-banner {
        display:none
    }

    #company-mobile-s1 {
        margin:2rem 0 3rem
    }

    #company-mobile-s1 h3 {
        margin-top:2.5rem;
        margin-bottom:1rem
    }

    #company-mobile-s1 p {
        margin-bottom:1rem
    }

    #company-mobile-s1 p:last-child {
        margin-bottom:0
    }

    #company-mobile-s1 .menu {
        margin-left:-15px
    }

    #edu-s1 {
        margin:1rem 0 3rem
    }

    #edu-s1 h3 {
        margin-top:2.5rem
    }

    #edu-s1 h3,#edu-s1 p {
        margin-bottom:1rem
    }

    #edu-s1 p:last-child {
        margin-bottom:0
    }

    #edu-s1 .menu {
        margin-bottom:3rem;
        margin-left:-15px
    }

    #company-s1 {
        padding-top:2rem
    }

    #company-s1 .menu {
        margin-left:-15px
    }

    #company-s1 h2,#company-s1 h3 {
        margin-top:2rem
    }

    #company-s1 h3 {
        font-size:1.4rem
    }

    .address-list {
        line-height:1.4rem
    }

    .address-list dt {
        float:none
    }

    .address-list dd {
        margin-bottom:.8rem;
        margin-left:0!important
    }

    .address-list a {
        color:#44a8f2
    }

    .address-list>span {
        display:inline-block;
        font-weight:600
    }

    #contact-s1 {
        margin-bottom:2rem
    }

    #contact-s1 img {
        margin-top:1rem
    }

    #contact-s1 .menu {
        margin-left:-15px
    }

    #contact-s1 .text-block-title {
        font-size:1.4rem;
        margin-top:2rem;
        margin-bottom:1rem;
        text-transform:uppercase;
        font-weight:400;
        color:#707473
    }

    #contact-s1 .company-modal .modal-content {
        border-radius:0
    }

    #contact-s1 .company-modal .modal-content .modal-header {
        padding:1rem
    }

    #contact-s1 .company-modal .modal-content .modal-header h4 {
        color:#707473;
        font-size:1.4rem;
        font-weight:500;
        text-transform:uppercase
    }

    #contact-s1 .company-modal .modal-content .modal-body {
        padding:1rem
    }

    #contact-s1 .company-modal .modal-content .modal-body p {
        line-height:1.7rem;
        margin-bottom:.8rem
    }

    #contact-s1 .company-modal .modal-content .modal-body a {
        color:#44a8f2
    }

    #contact-s1 .company-modal .modal-content .modal-body h4 {
        font-weight:300;
        color:#44a8f2;
        font-size:1.4em
    }

    #contact-s1 .company-modal .modal-content .modal-body ul {
        list-style-type:disc;
        margin-left:1.3rem
    }

    #contact-s2 .col-sm-5,#contact-s3 .col-sm-5,#contact-s4 .col-sm-5 {
        margin-bottom:2rem
    }

    #edu-banner {
        display:none
    }

    .breadcrumb-nav {
        padding:3rem 0
    }

    .breadcrumb-nav .breadcrumb {
        display:none
    }
}