*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration: none;
    color: #333333;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
ul{
    list-style: none;
}
li{
    list-style: none;
}
.clear{
    clear: both;
}
img {
    border: none;
    vertical-align: middle;
}

/*头部*/
.head{
    width: 100%;
}
.header{
    position: relative;
    width: 100%;
}
.header img{
    width:100%;
    border: 0;
}


.con{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 30px;
}

/*新闻报道、大事记*/
.w770 {
    width: 770px;
}
h4 {
    background: url(lm3.png) no-repeat;
    height: 48px;
    line-height: 36px;
    font-size: 26px;
    color: #c00;
    margin-bottom: 20px;
}
.w770 li {
    background: url(dian.png)no-repeat left center;
    padding-left: 15px;
    color: #393939;
    font-size: 18px;
    line-height: 44px;
}
.w770 li a {
    font-size: 18px;
    text-decoration: none;
    color: #393939;
}
.w400 {
    width: 400px;
}
.dsj {
    border: 3px solid #cc3b3b;
    border-top: 0;
    height: 500px;
    padding: 2px;
}

.static-dsj-container{ display: block;position: relative; overflow:hidden; }
#tabs-dsj{ overflow-y:auto; float: left; width: 75px; background: #9B0E16; height: 500px; border-left: #FFFF00 1px solid;}

#tabs-dsj ul#tab-doc-dsj li{ color: #fff; line-height: 1.6em;display: block; padding: 5px;text-align: center; }
#tabs-dsj ul#tab-doc-dsj li.active{color: #000; font-size: 22px; font-weight: bold; background: url(dotbg_r2_c2.jpg) no-repeat center right;}
#doc-dsj{ float: right; width: 310px;height: 500px;background: #CB212A;  overflow-y:auto;}
#doc-dsj ul{ padding:10px 5px; }
#doc-dsj ul li{display: block; padding:0 8px 0 20px;margin-bottom: 20px; background: url(li_r2_c2.png) no-repeat left 7px; }
#doc-dsj ul li p{font-size: 14px; font-weight: normal; line-height: 2em; color: #fff;}
#vedio{ width: 100%; height: 550px; background: #FFFCF1;}

#con p{ line-height:35px; font-size:22px; margin-bottom:0px;}


/*重要讲话、典型人物*/

.w580 {
    width: 580px;
}
h2 {
    background: url(lm.png) no-repeat;
    height: 48px;
    line-height: 36px;
    font-size: 26px;
    color: #c00;
    margin-bottom: 20px;
}
.w580 li {
    background: url(dian.png)no-repeat left center;
    padding-left: 15px;
    color: #393939;
    font-size: 18px;
    line-height: 44px;
}
.w580 li a {
    font-size: 18px;
    text-decoration: none;
    color: #393939;
}


/*专题片、个人作品*/
#con1{
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 30px;
}
.wp580 {
    width: 580px;
}
.videopic3{width:100%; overflow: hidden;}
ul.sppic3{overflow:hidden;}
ul.sppic3 li{margin:5px; width:280px; float:left;height:215px;}
ul.sppic3 li img{width:270px; height:182px; border:1px solid #ccc; padding:1px;}
ul.sppic3 li p{line-height:20px; text-align:center; font-size:14px;}

/*文艺作品*/
.zysw{ width: 1200px; margin: 0 auto; margin-bottom: 30px; position: relative; padding-top: 20px;}
.zysw>h3,.static-book>h3{
    background: url(lm2.png);
    overflow: hidden;
    height: 48px;
    line-height: 36px;
    font-size: 26px;
    color: #c00;}
#static-zysw{width: 1120px; height: 400px;}
.zysw .arrow-left{top: 50%; left: -5px; }
.zysw .arrow-right{top: 50%;right: -5px; }

#static-zysw ul{ overflow: hidden}
.doc-zysw-img{display: block; width: 550px; height: 347px; overflow: hidden;}
#static-zysw div img{width: 550px; transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out;}
#static-zysw div img:hover{ transform: scale(1.10, 1.10);}
#static-zysw div span.doc a{text-align: center;display: block; width: 550px;height: 35px; background: #c00; color: #fff}

.swiper-slide img{
    animation-duration:5s;
    animation-timing-function:linear;
    animation-fill-mode: forwards;
    -webkit-animation-duration:5s;
    -webkit-animation-timing-function:linear;
    -webkit-animation-fill-mode: forwards;
}
.arrow-left {
    background: url(arrows.png) no-repeat left top;
    position: absolute;
    left: 0;
    bottom: 0;

    width: 35px;
    height: 80px;
    z-index: 15;
}

.arrow-right {
    background: url(arrows.png) no-repeat right top;
    position: absolute;
    right: 0;
    bottom: 0;

    width: 35px;
    height: 80px;
    z-index: 15;
}




/*底部*/
.footer {
    border-top: 1px solid #c9c9ca;
    padding: 15px 0 15px 0;
    background-color: #f8f8f8;
    text-align: center;
    line-height: 25px;
    color: #333;
    font-size: 14px;
    margin-top: 70px;
}

/*mobile*/
@media screen and (max-width: 767px) {
    .con,.w770,.w580,.wp580,.zysw,#static-zysw,#con1,.w400{width: 100%}
    ul.sppic3 li{float: none;margin: 20px auto}
    #tabs-dsj{width: 16%}
    #doc-dsj{width: 83%}
    .w580 li{background: none;padding-left: 8px}
    .doc-zysw-img{width: 200%}
    .zysw>h3, .static-book>h3{
        width: 100% !important;}
}