/*内容区*/
.introduction {
    margin-bottom: 25px;
}
.introduction>.video-js {
    display: inline-block;
}
.introduction>.intro-right{
    display: inline-block;
    width: 494px;
    height: 395px;
    margin-left: 10px;
}
.introduction>.intro-right>.intro-title{
    height: 77px;
    background: url(../images/home/right-bar-bg.png) 0 0 no-repeat;
    margin-bottom: 15px;
    color: #fafafa;
    font-weight: 800;
    line-height: 77px;
    text-indent: 20px;
    opacity: 0.9;
}
.introduction>.intro-right>.intro-content {
    height: 302px;
    overflow-x: auto;
    background: url(../images/home/intro-bg.png) 0 0 no-repeat;
    box-sizing: border-box;
    padding: 20px;
    text-indent: 20px;
    line-height: 2;
    -webkit-overflow-scrolling: touch;
}
.orgChart, .proResult, .leaderCare, .partyCulture, .cmpyCulture, .staffPresence, .devlmProspect {
    margin-bottom: 25px;
    overflow: hidden;
}
.orgChart .imgWrapper {
    overflow: auto; 
    -webkit-overflow-scrolling: touch;
    margin: 20px 0;
    font-size: 0;
}
.orgChart .imgWrapper .btnWrapper {
    min-width: 1167px;
    width: 100%;
}
.orgChart .imgWrapper .btnWrapper a {
    border-style: none;
    cursor: pointer;
    color: #fafafa;
    font-weight: 800;
    text-decoration: none;
}
.orgChart .imgWrapper .btnWrapper.jtBtn {
    text-align: center;
}
.orgChart .imgWrapper .btnWrapper.jtBtn a {
    font-size: 17px;
    width: 119px;
    height: 37px;
    background: url(../images/home/orgBtnLong.png) 0 0 no-repeat;
    line-height: 37px;
    display: inline-block;
}
.orgChart .imgWrapper .btnWrapper.subBtn {
    display: inline-flex;
    display: -webkit-inline-flex;
    justify-content: space-between;
}
.orgChart .imgWrapper .btnWrapper.subBtn a{
    font-size: 12px;
    width: 90px;
    height: 76px;
    background: url(../images/home/orgBtnSquare.png) 0 0 no-repeat;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    -webkit-box-align: center;
    align-items: center;
    justify-content: center;
}
.orgChart .imgWrapper .btnWrapper.subBtn a>span {
    width: 80%;
    line-height: 20px;
}
.orgChart .imgWrapper img {
    display: block;
    margin: 0 auto;
}
/*baseStyle*/
.bar-title {
    font-size: 22px;
}
.full-bar {
    font-size: 22px;
    height: 77px;
    color: #fafafa;
    font-weight: 800;
    text-align: center;
    background: url(../images/home/bar-bg.png) 0 0 no-repeat;
    line-height: 77px;
}
.module-word {
    font-family: MicrosoftYaHei-Bold;
    font-size: 16px;
    font-weight: 800;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #000000;
    padding: 20px;
    text-indent: 33px;
}
.plate-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.plate-list li {
    list-style: none;
	width: 300px;
	height: 285px;
	background-color: #ffffff;
    box-shadow: 0px 4px 8px 0px#b1bfd4;
    margin-bottom: 25px;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 0;
}
.plate-list li img {
    width: 100%;
    height: 224px;
    -webkit-transition: all 0.6s;  /* Safari and Chrome */
    -moz-transition: all 0.6s;     /* Firefox */
    -o-transition: all 0.6s;       /* Opera */
    -ms-transition: all 0.6s;      /* IE 9 */
    transition: all 0.6s;
    object-fit: cover;
    -o-object-fit: cover;
}
.plate-list .plate-text {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 800;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}


.plate-list11 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
}
.plate-list11 li {
    list-style: none;
	width: 365px;
	height: 285px;
	background-color: #ffffff;
    box-shadow: 0px 4px 8px 0px#b1bfd4;
    margin-bottom: 25px;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 0;
}
.plate-list11 li img {
    width: 100%;
    height: 224px;
    -webkit-transition: all 0.6s;  /* Safari and Chrome */
    -moz-transition: all 0.6s;     /* Firefox */
    -o-transition: all 0.6s;       /* Opera */
    -ms-transition: all 0.6s;      /* IE 9 */
    transition: all 0.6s;
    object-fit: cover;
    -o-object-fit: cover;
}
.plate-list11 .plate-text {
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-weight: 800;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}



.event-list li {            /*事件列表样式*/
    box-shadow: none;
    margin-bottom: 0;
    background: none;
}
.event-list .plate-text,  .honor-list .plate-text{
    font-size: 14px;
}
.honor-list li {        /*荣誉列表样式*/
    width: 240px;
    height: 206px;
}
.honor-list li img {
    height: 169px;
}
.honor-list .plate-text {
    display: block;
    height: 37px;
    line-height: 37px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
}
.party-list {       /*党建文化列表样式*/
    margin-top: 20px;
}
.party-list li {        
    width: 406px;
}
.staffPresence-list li {
    margin-bottom: 10px;
    width: 406px;
    height: 285px;
}
.staffPresence-list li img {
    height: 224px;;
}
.staffPresence-list li .plate-text {
    font-size: 16px;
}
.read-more {
    text-align: right;
}
.read-more a {
    width: 114px;
	line-height: 32px;
    background-color: #1f56a8;
    font-size: 14px;
    color: #fafafa;
    border-style: none;
    cursor: pointer;
    display: inline-block;
    text-align: center;
}

/*video*/
.vjs-paused .vjs-big-play-button,
.vjs-paused.vjs-has-started .vjs-big-play-button {
    display: block;
    outline-style: none;
}
.video-js .vjs-control {
    outline-style: none;
}
@media screen and (max-width:768px) {
    body {
        background: #EDF4F5;
        width: 100%;
    }
    header {
        width: 100%;
        margin: 0;
        position: fixed;
        top: 0;
        left: 0;
    }
    header>.title-bar, header>.navbar {
        display: none;
    }
    header>.m-navbar {
        display: block;
    }
    .wrapper {
        padding-top: 55px;
        width: 90%;
    }
    footer {
        min-width: 0;
    }
    .intro-left-dimensions {
        width: 100%;
        height: 395px;
    }
    .full-bar, .introduction>.intro-right>.intro-title {
        height: 40px;
        line-height: 40px;
        font-size: 16px;
    }
    .bar-title {
        font-size: 16px;
    }
    .introduction>.intro-right {
        margin: 0;
        margin-top: 10px;
        width: 100%;
    }
    .plate-list li {
        width: 100%;
    }
    .sub-title::after {
        left: 35%;
    }
    .plate-list li img:hover {
        transform: none;
        margin-bottom: 0;
    }
}