@charset "utf-8";

@media (max-width:1200px){
    .container-fluid {
        padding: 0px 3%;
    }
}
.banner{
    position: relative;
}
.banner img{
    width:100%;
    max-width: none;
}
.banner .page-title{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    color:#fff;
    text-align: center;
    width: 100%;
    padding:0px 2rem;
}
.banner .page-title h1{
    font-size: 36px;
    line-height: 2;
    font-weight:bold;
}
.banner .page-title p{
    font-size: 18px;
}
@media (max-width:768px){
    .banner .page-title h1{
        font-size: 28px;
    }
    .banner .page-title p{
        font-size: 14px;
    }
}

/* sidebar */
.sidebar h2 {
    font-size: 20px;
    padding: 2rem;
    background: #193f90;
    color: #fff;
    padding-left: 2rem;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.sidebar-top{
    width:90%;
}
.sidebar .contentBox {
    width: 100%;
    height: auto;
    overflow: visible;
    border: 1px solid #e8e8e8;
    background: #f9f9f9;
    box-shadow: 0px 5px 20px 0px rgba(192, 192, 192, 0);
}

.sidebar .link {
    position: relative;
    height: 42px;
    line-height: 42px;
}

.sidebar .yjTitle {
    border-bottom: 1px solid #e8e8e8;
    padding-left: 12%;
}

.sidebar .yjLink {
    position: relative;
    color: #666;
    font-size: 16px;
    font-weight: bold;
    transition: all .3s ease;
    display: block;
}

.sidebar .infoBox h4 {
    color: #444;
    line-height: 2;
    font-size: 20px;
}

.sidebar .sidebar-bottom{
    margin-top: 2.5rem;
    width: 90%;
}
.sidebar .contactInfo {
    background: #fff;
    padding: 1.5rem;
}

.sidebar .contactInfo p {
    font-size: 15px;
    line-height: 2;
    color: #333;
}
@media only screen and (min-width: 1025px) {
    .sidebar .yjTitle {
        height:60px !important;
        line-height: 60px !important;
        background: url('../images/cpfl_icon.gif') #f9f9f9 no-repeat 5% 55%;
    }



    .sidebar .link {
        position: relative;
        height: 34px;
        line-height: 34px;
    }

    .sidebar .link:hover {
        background: #193f90;
    }

    .sidebar .link:hover .yjLink{
        color: #fff;
    }
 .sidebar .active .link .yjLink{
    color:#193f90;
}

}
@media only screen and (max-width: 991px) {

.sidebar .yjTitle {
    background: #1e4292;
    padding: 0px;
    text-align: center;
    border-radius: 4px;
}

.sidebar .yjTitle .yjLink {
    color: #fff;
}

.sidebar .contentBox {
    background: transparent;
    border: 0 none;
}

.sidebar-top {
    margin: 0 auto;
    width: 100%;
    margin-bottom: 2rem;
}
.main{
    padding-top:2rem;
}
}
/* 面包屑 */
.bread-link {
    background: #fff;
    padding: 2rem 1rem;
    border-radius: 6px;
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 2rem;
}

.bread-link a {
    color: #666;
}
.bread-link .fa {
    font-size: 20px;
    color: #193f90;
    margin-right: .5rem;
    font-weight: bold;
}
/* 右侧内容 */
.col-md-9 #maximg {
    background: #fff;
    padding: 2rem;
}
.profile img {
    width: 44%;
    margin: 0 auto;
    float: left;
    margin-right: 2rem;
}

.profile p {
    font-size: 14px;
    line-height: 1.75;
    margin-bottom: 1rem;
    text-indent: 2rem;
}
@media only screen and (max-width:480px){
    .profile img {
        width: 100%;
        margin-bottom: 2rem;
    }
}