/* ----------------------------------------------------------------- */
/* ---------------------------- 头部样式 ---------------------------- */
/* ----------------------------------------------------------------- */
@media (max-width: 767px) {
    body {
        background: url(../images/about_banner_xs_bg.jpg) no-repeat top center;
        background-size: 100% auto;
    }
}

@media (min-width: 768px) {
    body {
        background: url(../images/about_banner_bg.jpg) no-repeat top center;
        background-size: 100% auto;
    }
}

/* Banner */
#page_title>p {
    letter-spacing: .1vw;
    margin-left: .1vw;
}

/* ----------------------------------------------------------------- */
/* ---------------------------- 主体内容 ---------------------------- */
/* ----------------------------------------------------------------- */

/* ---------------------------- 通用标题样式 ---------------------------- */

/* 标题位置 */
#main .about_title {
    margin: 60px 0;
    text-align: center;
}

/* 文字大小 */
#main .about_title h1,
#main .about_title h1 span {
    font-size: 26px;
}

/* 文字粗细 */
#main .about_title h1 span {
    font-weight: bold;
}

/* 文字颜色 */
#main .about_title p {
    color: #767676;
}

/* -------------------- 公司简介&经营理念 - 通用样式 -------------------- */
/* 正文内容 */
#main .text_content {
    margin-bottom: 0;
    font-size: 16px;
    line-height: 34px;
}

@media (min-width: 768px) {

    /* 标题 */
    #main .about_title_sub {
        text-align: left;
        margin: 18px 0;

    }

    /* 正文内容 */
    #main .text_content {
        font-size: 14px;
        line-height: 24px;
    }

    /* 右边版块 */
    #company_profile>div>div:nth-child(2),
    #management_idea .slide_target>div:nth-child(2) {
        padding-left: 30px;
    }

}

@media (min-width: 992px) {

    /* 标题 */
    #main .about_title_sub {
        margin: 35px 0;
    }

    /* 正文内容 */
    #main .text_content {
        font-size: 16px;
        line-height: 31px;
    }

    /* 左边版块 */
    #company_profile>div>div:nth-child(1),
    #management_idea .slide_target>div:nth-child(1) {
        padding-right: 15px;
    }

    /* 右边版块 */
    #company_profile>div>div:nth-child(2),
    #management_idea .slide_target>div:nth-child(2) {
        padding-left: 50px;
    }
}

@media (min-width: 1200px) {

    /* 标题 */
    #main .about_title_sub {
        margin: 56px 0;
    }

    /* 正文内容 */
    #main .text_content {
        line-height: 34px;
    }

    /* 右边版块 */
    #company_profile>div>div:nth-child(2),
    #management_idea>div>div:nth-child(2) {
        padding-left: 60px;
    }
}

/* ------------------------------ 公司简介 ------------------------------ */
/* 定位 */
#company_profile>div {
    padding: 0 15px;
}

/* 视频 */
#company_profile video {
    width: 100%;
    height: auto;
}

/* 正文内容 */
#company_profile .text_content {
    padding-bottom: 27px;
    border-bottom: 1px solid #e8e8e8;
}

@media (min-width: 768px) {
    #company_profile div {
        padding: 0;
    }

    /* 视频 */
    #company_profile video {
        height: 207px;
    }

    /* 正文内容 - 公司简介 */
    #company_profile .text_content {
        padding-bottom: 19px;
    }
}

@media (min-width: 992px) {

    /* 视频 */
    #company_profile video {
        height: 280px;
    }

    /* 正文内容 - 公司简介 */
    #company_profile .text_content {
        padding-bottom: 20px;
    }
}

@media (min-width: 1200px) {

    /* 视频 */
    #company_profile video {
        height: 347px;
    }
}

/* ------------------------------ 经营理念 ------------------------------ */

/* 轮播控制器 */
#management_idea .nav_button li {
    float: left;
}

#management_idea .nav_button li:first-child {
    margin-right: 10px;
}

#management_idea .nav_button li button {
    width: 34px;
    height: 34px;
    padding: 0;
    font-family: icomoon_ws;
    background: #b43d38;
    color: #fff;
}

@media (max-width: 767px) {

    /* 轮播控制器 */
    #management_idea .nav_button {
        margin: 60px calc(50% - 39px);
    }
}

@media (min-width: 768px) {

    /* 清除样式 */
    #management_idea,
    #management_idea div {
        padding: 0;
    }


    /* 轮播控制器 */
    #management_idea .nav_button {
        padding: 247px 0 0 466px;
    }

    /* 小标题 */
    #management_idea .about_title_sub {
        position: relative;
    }

    #management_idea .about_title_sub p {
        letter-spacing: 13px;
    }

    #management_idea .about_title_sub p::after {
        position: absolute;
        content: "";
        width: 100px;
        left: 0;
        bottom: -10px;
        border-bottom: 1px solid #e8e8e8;
    }

}

@media (min-width: 992px) {

    /* 轮播控制器 */
    #management_idea .nav_button {
        padding: 320px 0 0 615px;
    }

    /* 小标题 */
    #management_idea .about_title_sub p::after {
        bottom: -20px;
    }

}

@media (min-width: 1200px) {

    /* 轮播控制器 */
    #management_idea .nav_button {
        padding: 395px 0 0 733px;
    }

    /* 小标题 */
    #management_idea .about_title_sub p::after {
        bottom: -30px;
    }

}

/* ------------------------------ 我们的资质 ------------------------------ */

@media (min-width: 576px) {
    #our_qualifications {
        position: relative;
        padding: 0 60px;
    }
}

/* 按钮定位 */
#our_qualifications .owl-nav button {
    position: absolute;
    top: calc(50% - 22px);
    font-family: 'icomoon_ws';
}

#our_qualifications .owl-nav button:first-child {
    /* 左边距 */
    left: -60px;
}

#our_qualifications .owl-nav button:last-child {
    /* 右边距 */
    right: -60px;
}

/* 按钮外观 */
#our_qualifications .owl-nav button span {
    /* 隐藏默认外观 */
    display: none;
}

#our_qualifications .owl-nav button:first-child::before {
    /* 向左翻页 */
    content: "\3008";
}

#our_qualifications .owl-nav button:last-child::before {
    /* 向右翻页 */
    content: "\3009";
}

/* 按钮大小 */
#our_qualifications .owl-nav button::before {
    font-size: 40px;
    color: #767676;
}

/* 隐藏默认控制按钮(···) */
#our_qualifications .owl-dots {
    display: none;
}

/* 图片 */
#our_qualifications .item {
    box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, .14);
}

/* ------------------------------ 联系我们 ------------------------------ */
#contact_us {
    margin-bottom: 70px;
}



#contact_us .contact_phone {
    display: inline-block;
    color: #fff;
}

@media (max-width: 767px) {
    #contact_us .contact_phone {
        display: block;
    }

    #contact_us .contact_phone dl {
        /* width: calc(100vw - 15px); */
        /* padding-right: 15px; */
        position: relative;
        color: #1f1f1f;
        background: #f9f9f9;
        padding: 20px;
        /* text-align: center; */
    }

    #contact_us .contact_phone dl dt {
        /* text-align: center; */
        font-size: 22px;
        font-weight: normal;
        /* line-height: 28px; */
        margin-bottom: 8px;
        height: 60px;
        border-bottom: 1px solid #e8e8e8;

    }

    #contact_us .contact_phone dl dt::after {
        position: absolute;
        /* left: calc(50% - 63px); */
        left: 20px;
        top: 54px;
        text-transform: uppercase;
        font-size: 12px;
        font-weight: normal;
        color: #767676;
    }

    #contact_us .contact_phone dl:nth-child(1) dt::after {
        /* margin-left: 20px; */
        content: "information";
    }

    #contact_us .contact_phone dl:nth-child(2) dt:after {
        content: "Consulting Agent";
    }

    #contact_us .contact_phone dl:nth-child(3) dt:after {
        content: "After consulting";
    }

    #contact_us .contact_phone dl dd {
        line-height: 28px;
        font-size: 14px;
    }

    #contact_us .contact_phone a {
        display: inline-block;
        margin-top: 10px;
        line-height: initial;
        /* background: #000; */
        /* border: 1px solid #767676; */
        border: none;
        background: #b43d38;
        color: #fff;
    }
}

@media (min-width: 768px) {
    #contact_us .contact_way {
        background: url(../images/contact_way_bj.jpg) no-repeat top center;
        background-size: 100% auto;
        text-align: center;
    }

    #contact_us .contact_phone dl {
        float: left;
        margin: 54px 15px 24px;
        padding-top: 35px;
        width: 154px;
        height: 185px;
        border: 1px solid rgba(255, 255, 255, .5);
        border-radius: 5px;
        background: rgba(255, 255, 255, .1);
    }

    #contact_us .contact_phone dl dt {
        height: 30px;
        font-size: 16px;
    }

    #contact_us .contact_phone dl dd {
        line-height: 18px;
        font-size: 12px;
    }

    #contact_us .contact_phone dl a {
        margin-top: 10px;
        border: none;
        border-radius: 3px !important;
        font-size: 12px;
		background-color: #fff;
    }
	
	#contact_us .contact_phone dl a:hover{
		background-color: #eee;
	}
}

@media (min-width: 992px) {
    #contact_us .contact_phone dl {
        margin: 77px 20px 31px;
        padding-top: 45px;
        width: 200px;
        height: 233px;
    }

    #contact_us .contact_phone dl dt {
        height: 35px;
        font-size: 20px;
    }

    #contact_us .contact_phone dl dd {
        line-height: 22px;
        font-size: 14px;
    }

    #contact_us .contact_phone dl a {
        font-size: 14px;
    }
}

@media (min-width: 1200px) {
    #contact_us .contact_phone dl {
        margin: 85px 24px 85px;
        padding-top: 60px;
        width: 242px;
        height: 281px;
    }

    #contact_us .contact_phone dl dt {
        height: 40px;
        font-size: 22px;
    }

    #contact_us .contact_phone dl dd {
        line-height: 28px;
    }
}

/* 地图 */
#dituContent {
    margin: 0 auto;
    height: 43vh;
}

@media (min-width: 768px) {
    #dituContent {
        width: 620px;
        height: 264px;
    }
}

@media (min-width: 992px) {
    #dituContent {
        width: 810px;
        height: 344px;
    }
}

@media (min-width: 1200px) {
    #dituContent {
        width: 980px;
        height: 416px;
    }
}