@charset "UTF-8";

/*** 重设菜单背景 **/
.wrap {
    background:#fff;
}
.header {
    /*background: none;*/
    position: relative;
    z-index: 99;
}

/*about us*/
.main.info{
    overflow-x:hidden;
}
.intro {
    width: 100%;
    /*height: 794px;*/
    height:65rem;
    background: url(/assets/images/pc/bg_aboutus_top.png) no-repeat;
    background-size: cover;
    /*padding-top: 118px;
    position:absolute;
    top:0;
    margin-top:-118px;*/
    display:flex;
    align-items:center;
    justify-content:center;
}

    .intro .cont {
        width: 68%;
        max-width: 1280px;
    }

    .intro .video {
        width: 50%;
        margin-right: 4rem;
    }

    .intro .text {
        width: calc(50% - 4rem);
        text-align: left;
        position: relative;
        color: #dededf;
    }

    .intro .tit {
        font-size: 4.8rem;
    }

    .intro .detail {
        font-size:1.6rem;
        margin-top: 4rem;
        line-height: 2.5rem;
    }

    .info .con span,.info .con p,.info .con div{
        white-space:unset !important;
	    table-layout: fixed;
	    word-wrap: break-all;
	    word-break: normal;
    }

/** what-we-do **/
.what-we-do {
    width: 68%;
    max-width: 1280px;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 5rem;
    color: #25262f;
    text-align:left;
}

    .what-we-do .tit {
        font-size:4.8rem;
        width:50%;
    }
    .what-we-do .brief {
        font-size: 1.4rem;
        width: 50%;
        margin-top:2rem;
        line-height:2.5rem;
    }
    .what-we-do .pro-cate {
        width:100%;
        background:none;
    }
        .what-we-do .pro-cate ul {
            margin-top:4rem;
        }
        .what-we-do .pro-cate ul:after {
            content: ' ';
            clear:both;
            display:block;
        }
        .what-we-do .pro-cate li {
            float:left;
            margin-right:3rem;
            width:calc((100% - 12rem) / 5 - 2px);
            border:1px solid #f0f0f0;
            border-radius:1.5rem;
        }
            .what-we-do .pro-cate li:last-child {
                margin-right: 0;
            }

            .what-we-do .pro-cate li a {
                display:inline-block;
                width:100%;
                height:100%;
                text-align:center;
                position:relative;
            }
            .what-we-do .pro-cate li img {
                width:38%;
                height:38%;
                margin:0 auto;
                margin-top:calc((62% - 4rem) / 2);
            }
            .what-we-do .pro-cate li span {
                font-size: 1.4rem;
                color: #323237;
                display:inline-block;
                width: 100%;
                height: 4rem;
                line-height: 4rem;
                position: absolute;
                bottom: 0;
                left: 0;
            }

/*** 图片展示 ***/
.shops {
    width:100%;
    max-width:1920px;
    margin-top:5rem;
    padding-bottom:10rem;
}

.shops > div{
    text-align:center;
    margin-bottom:2rem;
}
.shops > div p{
    width:60%;
    margin:0 auto;
}
.shops > div p:first-child{
    font-size:3.6rem;
}
.shops > div p:last-child{
    margin-top:1rem;
    margin-bottom:1rem;
    font-size:1.6rem;
}

    .shops ul:after {
        content: ' ';
        clear: both;
        display: block;
    }

    .shops li {
        float:left;
        width:calc((100% - 1.5rem * 6) / 5);
        margin-right:1.5rem;
        position:relative;
    }

        .shops li:first-child {
            margin-left: 1.5rem;
        }
        .shops li span {
            width:100%;
            height:5rem;
            line-height:5rem;
            color:#fff;
            font-size:1.8rem;
            position:absolute;
            bottom:0;
            left:0;
        }


/*
手机端
*/
@media screen and (max-width:640px) {
    .container > .main > .tit{
        padding-top:0.5rem;
        padding-bottom:0;
    }
    .main .con{
        padding:0 1rem 2rem 1rem !important;
        text-align:left;
    }
    .main .con video{
        margin-top:1rem;
    }
}