﻿
.contact-box {
    background-position: center;
    background-size: 100% 100%;
    background-repeat: no-repeat;;
}
.contact-box.box1 {
    /* height: 3.99rem; */
    min-height: 3.99rem;
    background-image: url('../images/contactbg1.jpg');
    padding: 0 .4rem;
    padding-bottom: .2rem;
}
.box-title {
    padding: .4rem 0 .25rem;
    line-height: .55rem;
}

.box-title .t1 {
    font-size: .42rem;
    color: #5b5b5b;
    font-weight: bold;
    letter-spacing: 2px;
}

.box-title .t2 {
    font-size: .42rem;
    color: #d7d6d7;
    font-weight: bold;
}
.contact-box-intr {
    font-size: .22rem;
    color: #5b5b5b;
}
.contact-box-name {
    font-size: .25rem;
    color: #5b5b5b;
    margin-top: .2rem;
}
.contact-box-mode {
    font-size: .25rem;
    color: #5b5b5b;
    margin-top: .1rem;
    line-height: .3rem;
}
.contact-box-mode > div + div {
    margin-top: .1rem;
}
.contact-box-mode .icon-tel,
.contact-box-mode .icon-email {
    width: .3rem;
    height: .3rem;
    background-size: .3rem .3rem;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    vertical-align: middle;
    margin-right: .1rem;
}
.contact-box-mode .icon-tel {
    background-image: url(../images/icon-tel.png);
}
.contact-box-mode .icon-email {
    background-image: url(../images/icon-email.png);
}
.contact-box.box2 {
    /* height: 4.09rem; */
    min-height: 4.09rem;
    padding-bottom: .2rem;
    background-image: url('../images/contactbg2.jpg');
}
.contact-box.box2 .title {
    position: relative;
}
.contact-box.box2 .title .t2 {
    color: #f2f2f2;
    word-break: break-all;
    /* position: absolute;
    left: 0;
    bottom: -70px; */
}
/* .contact-box .contact-box-inner {
    
} */
.contact-box.box2 .contact-box-inner {
    padding-left: 2.34rem;
}
.contact-main {
    background-color: #f8f8f8;
}
.contact-main .title {
    margin-top: .5rem;
    margin-bottom: .3rem;
}
.contact-content {
    background-color: #fff;
}
.contact-content-nav {
    padding: .3rem 0 .5rem;
}
.contact-content-nav .nav-item {
    padding: .05rem .4rem;
    margin: .14rem 0;
}
.contact-content-nav .nav-item .left {
    float: left;
    color: #5b5b5b;
    font-size: .28rem;
    position: relative;
    max-width: 60%;
    cursor: pointer;
    padding-left: .25rem;
    border-left: .05rem solid #e1251b;
}
.contact-content-nav .nav-item .right {
    float: right;
    color: #5b5b5b;
    font-size: .22rem;
    max-width: 40%;
}
.contact-content-tab {
    display: none;
    padding-bottom: .5rem;
}
.contact-content-tab.active {
    display: block;
}
.contact-content-tab .detail-titlebd {
    padding: .25rem .4rem .6rem;
    position: relative;
}
.contact-content-tab .detail-title {
    color: #5b5b5b;
    font-size: .28rem;
    padding-left: .25rem;
    border-left: .05rem solid #e1251b;
    line-height: 1;
    font-weight: bold;
}
.contact-content-tab .detail-blacklist {
    font-size: .2rem;
    color: #5b5b5b;
    display: inline-block;
    padding: 0 .14rem;
    height: .34rem;
    line-height: .32rem;
    border-radius: .34rem;
    border: 1px solid #5b5b5b;
    position: absolute;
    top: .22rem;
    right: .4rem;
}
.contact-content-tab .detail-type {
    background-color: #f8f8f8;
    padding: .25rem .4rem;
}
.contact-content-tab .detail-type ul {
    margin-left: .3rem;
    font-size: .2rem;
    color: #5b5b5b;
}
.contact-content-tab .detail-type ul li {
    margin: .05rem 0;
}
.contact-content-tab .detail-intr {
    background-color: #fff;
    padding: .25rem .4rem;
}
.contact-content-tab .detail-intr .detail-title {
    font-size: .24rem;
    color: #282828;
    padding-left: .25rem;
    border-left: .05rem solid #e1251b;
    margin: .4rem 0;
}
.contact-content-tab .detail-intr .detail-text {
    font-size: .22rem;
    color: #5b5b5b;
    padding-bottom: .3rem;
    line-height: .36rem;
}
.contact-content-tab .detail-contact {
    padding: 0 .4rem;
}
.contact-content-tab .detail-contact p {
    font-size: .2rem;
    color: #5b5b5b;
    margin: .1rem 0;
}
.contact-content-tab .detail-contact .c1 {
    color: #c7c5c5;
}
.contact-content-tab .detail-contact .c2 {
    font-size: .2rem;
    color: #e1251b;
}


.subtitle{
    font-size: initial;
}

.textp{
    line-height: 20px;
}
