.p_title {
    height: 25%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    margin-bottom: 1rem;
}
.p_content {
    height: 75%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p_title img {
    position: relative;
    top: -2rem;
    width: 1.6875rem;
    height: 1.375rem;
}

.p_title span {
    display:inline;
    font-size: 2.8rem;
}

/*
    ================================
                头部、菜单↓
    ================================
 */

#top_nav {
    position: fixed;
    z-index: 9999;
    top: 0;
    width: 100%;
    height: 5rem;
    border-bottom: 1px solid #e5e5e5;
    background-color: #FFFFFF;

}

#top_nav .content {
    width: 75rem;
    height: 5rem;
    margin: 0 auto;
    position: relative
}

#top_nav a {
    /* color: #9D9D9D;*/
    /* font-family: "microsoft Yahei";*/
    color:#0066cc;
    text-decoration: none;
    height: 4.375rem;
    line-height: 5rem;
    cursor: pointer;
    font-size: 1.05rem;
}

#top_nav .top_link_left {
    float: left;
    width: 33px;
    margin-right: 20px;
    text-align: center
}

#top_nav .top_link_right {
    float: right;
    width: 5.25rem; /*84px;*/
    margin-left: 20px;
    text-align: center
}

#top_nav .active {
    /*
    color: #000000;
    border-bottom: 2px solid #000000;
    */
    color: #ff9900;
    border-bottom: 2px solid #ff9900;
}

#top_nav a:hover {
    /*border-bottom: 1px solid gray;*/
}

.top_nav_logo {
    position: relative;
    display: inline-block;
    /*position: fixed;*/
    left: 0;
    top: 0;
    z-index: 9999;
    /* width: 20.5375rem;*/ /*328.6px;*/
    width: 18rem; /*288px;*/
    height: 5rem; /*90px;*/
    background: url("/images/logo.png") no-repeat;
    /* background-size: 15.403125rem 2.8125rem;*/ /*246.45px 45px;*/
    background-size: 15rem 3.75rem; /*246.60px 60px;*/
    background-position: center center;
    cursor:pointer;

}

/*
    ================================
                头部、菜单↑
    ================================
 */

/*
    ================================
                轮播区域↓
    ================================
 */
.swiper-container-home {
    position: relative;
    width: 100%;
    height: 100%;
}
.banner-item-container {
    width: 100%;
    height: 100%;
}
/*
    ================================
                轮播区域↑
    ================================
 */

/*
    ================================
                我的服务↓
    ================================
 */

.my-service-container {
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-service-row {
    width: 80%;
    display: flex;
}

.my-service-row .item {
    flex: 1;
    margin: 0 2%;
    width: 100%;
}

.my-service-row .item .image {
    width: 100%;
    /*width: 10rem;*/
    height: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-service-row .item .image img {
    width: 10rem;
    height: 10rem;
    /*display: flex;
    align-items: center;
    justify-content: center;*/
}

.my-service-row .item .title {
    font-size: 1.5rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-service-row .item .content {
    color: #A2A2A2;
    font-size: 1rem;
    line-height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

/*
    ================================
                我的服务↑
    ================================
 */

/*
    ================================
                公司案例↓
    ================================
 */
.swiper-container-cases {
    position: relative;
    width: 70rem;
}
.cases-container {
    position: relative;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    display: block;
}
.cases-container .image-container {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}
.cases-container .image-container .image {
    width: 65%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}
.cases-container .image {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.cases-container .title {
    width: 100%;
    color: #0B0B0B;
    text-align: center;
    font-size: 1.2rem;
}
.cases-container .content {
    width: 100%;
    color: #A5A5A5;
    text-align: center;
    font-size: 1.2rem;
}

/*
    ================================
                公司案例↑
    ================================
 */


/*
    ================================
                我的客户↓
    ================================
 */
.swiper-container-customers {
    position: relative;
    width: 52.5rem;
    max-width: 52.5rem;
    background-color: #F5F5F5;
}
.swiper-slide .customer-image:hover {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

/*
    ================================
                我的客户↑
    ================================
 */