<style>
    /*banner*/
.carousel-control{
    width: 5%;
}
.carousel .item {
    height:108px;
    background-color: #000;
}
.carousel .item1 {
    background: url(banner1.png) no-repeat center center;
}
.carousel .item2 {
    background: url(banner2.png) no-repeat center center;
}
.carousel .item3 {
    background: url(banner3.png) no-repeat center center;
}
.carousel .item4 {
    background: url(banner4.png) no-repeat center center;
}
.carousel .item5 {
    background: url(banner5.png) no-repeat center center;
}
.carousel .item6 {
    background: url(banner6.png) no-repeat center center;
}
.carousel .item7 {
    background: url(banner7.png) no-repeat center center;
}
.carousel .item8 {
    background: url(banner8.png) no-repeat center center;
}
.left,.right{
    z-index: 20;
}
.ctrls{
    position: relative;
}
.ctrls .carousel-indicators{
    z-index: 100;
    width: 300px;
    margin: auto;
    margin-left:-150px;
    bottom: 10px;
}
.ctrls .carousel .carousel-caption{
    position: absolute;
    bottom: 0;
    left: 0;
    right: auto;
    padding: 0;
    padding-bottom: 8px;
}
.ctrls .carousel-indicators li{
    width: 12px;
    height: 12px;
    border: none;
    background: white;
    margin:4px 2px;
    border-radius: 10px;
    box-shadow: 0 1px 1px rgba(0,0,0,.4) }
.ctrls .carousel-indicators .active{
    width: 50px;
    height: 12px;
    border: none;
    background: white;
    transition: all 0.3s;
}
.carousel-control.left,.carousel-control.right{
    background: transparent;
}
@media only screen and (max-width: 1200px) {
    .carousel .item{
        height: auto;
    }
}
@media only screen and (min-width:1200px ) {
    .carousel .item img{
        display: none;
    }
}

/*newbox*/
.newbox{
    background: white;
    padding: 15px 0 10px;
}
.new_title{
    border-bottom: dashed 1px #aeb8cb;
    padding:5px 0 13px;
}
.new_title h3{
    margin: 0;
    font-size: 18px;
    color: #1177c9;
    line-height: 22px;
}
.new_title h3 img{
    float: left;
    margin-right: 8px;
    height: 22px;
}
.new_more{
    color: #1177c9;
    margin-top: 2px;
}

.new_box{
    margin: 5px 0;
}
.newbox .col-sm-4{
    padding:0 20px;
}
.new_box li{
    padding: 15px 0;
    overflow: hidden;
}
.timebox{
    width: 75px;
    margin-right: 15px;
    border-right: solid 2px #eeeeee;
}
.timebox span{
    color: #808080;
    font-size: 22px;
}
.timebox p{
    color: #808080;
    font-size: 14px;
    margin: 0;
}
.new_box li a{
    color: #4c4c4c;
    line-height: 25px;
    font-size: 15px;
    height: 46px;
    overflow: hidden;
    display: block;
}
.new_box li a:hover{
    color: #1177c9;
    transition: all .3s;
}
.new_box2{
    margin: 14px 0;
}
.new_box2 li{
    background: url(li_bac.png) left center no-repeat;
    overflow: hidden;
    margin: 10px 0;
}
.new_box2 a{
    color: #4c4c4c;
    line-height: 24px;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.new_box2 li a:hover{
    color: #1177c9;
    transition: all .3s;
}
.new_box2 span{
    color: #999999;
    line-height: 24px;
    font-size: 14px;
    float: right;
}
@media only screen and (max-width:767px ) {
    .newbox .col-sm-4{
        margin-bottom: 15px;
    }
}



/*function*/
.function{
    background: #f0f5f9;
}
.function_item{
    width: 11.11%; 
    padding: 0 5px; 
    height: 100%; 
    float: left; 
    min-height: 260px;
}
.function h1{
    text-align: center; 
    font-size: 20px; 
    line-height: 20px; 
    margin-top: 14px; 
    color: #1177c9; 
    font-weight: normal;
}
.function h1 a{
    color: #1177c9; 
}
@media only screen and (max-width: 991px) {
    .function_item{
        width: 25%;
    }
}


.function_item .f_img{
    width: 94px; 
    height: 110px; 
    margin: 50px auto 0; 
    position: relative; 
    z-index: 11; 
}
.function_item:hover .f_img{
    animation: change_dj 0.3s forwards;  
    width: 50px; 
    height: 44px; 
    margin-top: 20px; 
    z-index: 30;
}
/*党建*/
.f_dj .f_img{
    background-image: url(f_icon1.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_dj:hover .f_img{ 
    background-image: url(f_icon01.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon01.png', sizingMethod='scale');
}
/*科协*/
.f_kx .f_img{
    background-image: url(f_icon2.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_kx:hover .f_img{ 
    background-image: url(f_icon02.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon02.png', sizingMethod='scale');
}
/*智库*/
.f_zk .f_img{
    background-image: url(f_icon3.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_zk:hover .f_img{ 
    background-image: url(f_icon03.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon03.png', sizingMethod='scale');
}
/*学术*/
.f_xs .f_img{
    background-image: url(f_icon4.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_xs:hover .f_img{ 
    background-image: url(f_icon04.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon04.png', sizingMethod='scale');
}
/*科普*/
.f_kp .f_img{
    background-image: url(f_icon5.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_kp:hover .f_img{ 
    background-image: url(f_icon05.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon05.png', sizingMethod='scale');
}
/*服务*/
.f_fw .f_img{
    background-image: url(f_icon6.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_fw:hover .f_img{ 
    background-image: url(f_icon06.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon06.png', sizingMethod='scale');
}
/*数据*/
.f_sj .f_img{
    background-image: url(f_icon7.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_sj:hover .f_img{ 
    background-image: url(f_icon07.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon07.png', sizingMethod='scale');
}
/*新闻*/
.f_xw .f_img{
    background-image: url(f_icon8.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_xw:hover .f_img{ 
    background-image: url(f_icon08.png); 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon08.png', sizingMethod='scale');
}
/*人才*/
.f_rc .f_img{
    background-image: url(f_icon9.png); 
    background-repeat: no-repeat; 
    background-size: contain;
}
.f_rc:hover .f_img{ 
    background-image: url(f_icon09.png); 
    background: none\9;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='f_icon09.png', sizingMethod='scale');
}




.function_item:hover .f_list{ min-height:175px; display: block; opacity: 1; animation: listblock 0.3s forwards; z-index: 21;}
        .function_item:hover h1{display: none;animation: displaynone 0.3s forwards;}
        .f_list{width: 100%; padding: 31px 0 15px; background: #FFFFFF; border-radius: 8px; margin-top: -24px; position: relative; z-index: 10; display: none; opacity: 0;}
        .f_item{margin: 6px 0;}
        .f_item a{display: block; width: 100%; text-align: center; font-size: 16px; line-height: 20px; color: #333333; letter-spacing: 1px;}

        @keyframes listblock{
            from{display: none; opacity: 0;}
            to{display: block; opacity: 1;}
        }
        @keyframes displaynone{
            from{display: block;}
            to{display: none;}
        }



/*02走进科协*/
.zjkx_main{
    height: 1370px;
    background: url(02zjkx.png) no-repeat top center white;
}
/*03智慧党建*/
.zhdj_main{
    height: 2310px;
    background: url(03zhdj.png) no-repeat top center white;
}
.zhdj_main .container22{
    width: 1280px;
    margin: auto;
    height: 2310px;
    position: relative;
}
.enter2{
    width: 100px;
    height: 50px;
    position: absolute;
    left: 130px;
    top:360px;
}
/*04学术学会*/
.xsxh_main{
    background: url(04xsxh.png) no-repeat top center white;
    height: 2454px;
}
/*05科学普及*/
.kxpj_main{
    background: url(05kxpj.png) no-repeat top center white;
    height: 2396px;
}
/*06创新智库*/
.cxzk_main{
    height: 2253px;
    background: url(06cxzk.png) no-repeat top center white;
}
/*07资源中心*/
.zyzx_main{
    background: url(07zyzx.png) no-repeat top center white;
    height: 1558px;
    position: relative;
}
.zyzx_main .container11{
    width: 1280px;
    margin: auto;
    height: 1558px;
    position: relative;
}
.enter{
    width: 100px;
    height: 50px;
    position: absolute;
    right: 270px;
    top:190px;
}
.zyzx_content_main{
    height: 1558px;
    background: url(07zyzx-content.png) no-repeat top center white;
}
/*08服务大厅*/
.fwdt_main{
    height: 2510px;
    background: url(08fwdt.png) no-repeat top center white;
}
/*09新闻中心*/
.xwzx_main{
    background: url(09xwzx.png) no-repeat top center white;
    height: 2510px;
}




.content{width:1190px;margin:auto;background-color:#ffffff;padding:30px 30px;margin-bottom:22px; overflow:hidden; padding-bottom:50px; overflow:hidden; height:auto}
.wip_local{width:1180px;margin:auto;height:39px;;font-size:16px;background:url(dingwei.png) no-repeat left center;padding-left:30px;line-height:39px;}
.wip_local a{color:#333 !important}
i{font-style:normal;}
.center1 ul{height:150px;}
.center1 ul li{height:150px;border-top:1px dashed #a0c3e9;border-bottom:1px dashed #a0c3e9;padding-top:21px;}
.photo_bt1{background:url(riqi_03.png) no-repeat center;width:84px;height:58px;display:block;float:left;margin-top:10px;}
.photo_bt1 p{float:left;display:block;text-align:center;width:84px;float:left;}
.photo_bt1 p span{font-size:20px;color:#4287d4;display: block;height:32px;line-height:32px;font-weight:bold;}
.photo_bt1 p i{color:#b2b2b2;font-size:12px;height:26px;line-height:26px;}
.center1 ul li a{color:#4c4c4c;font-size:15px;text-decoration:none;display:block;float:left;width:998px;overflow:hidden;
    height:99px;line-height:23px;margin-left:5px;}
.biaoti{font-size:18px;color:#333333;font-weight:bold;height:40px;line-height:40px;overflow:hidden;
    white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #ededed;}
.wenzi{font-size:15px;color:#666666;height:53px;line-height:27px;margin-top:5px;}

.center1 ul li:hover{background-color:#f1f5fa;}

.center1 ul li:hover .biaoti{border-bottom:1px solid #fff;}


.wip_art_conbg{width:100%;}
.wip_art{width:100%;margin:0px auto;}
.wip_art .htitle {font-size:27px;font-weight:bold;color: #333;text-align: center;margin-top:20px;margin-bottom:25px;font-size:27px;font-weight:600;}
.wip_art h2 a{color: #000000;}
.share_bg {height:56px;line-height:50px;border-bottom:1px dashed #e6e6e6;}
.sign {width:226px;font-size:16px;color: #666666;text-align: center;}
.hide_s{width:125px;}
time {margin-top: -2px;width: 175px;float: right;display: block;}
.art_con {margin-top: 6px;min-height: 220px;text-align: justify;}
    
    .art_con,
    .art_con p,
    .art_con p a {
               text-indent: 2em;
        font-size: 15px;
        color: #333333;
        line-height: 30px; padding-bottom: 15px;
    }
    
    .art_con,
    .art_con p,
    .art_con div {
        text-align: justify;
        word-break: break-all;
        font-size: 16px;
        color: #333333;
        letter-spacing: 0;
        margin: 24px 0;
    }
    
    .last_next {
        width: 100%;
        border-top: 1px #c5c5c5 dotted;
        margin-top: 50px;
        font-size: 15px;
        color: #333333;
        line-height: 40px;
        padding-top: 10px;
    }
    
    .last_next a {
        color: #333333;
    }
    
    .top_small,
    .dibu_smalll {
        display: none;
    }
    
    .edit_bg {margin-top:20px;}
    .edit {font-size:16px;color:#666666;text-align:center;}
    .edit a {color:#666666;}
    .append {
        width: 100%;
        height: auto;
        background: #f1f1f1;
        height: 40px;
        line-height: 40px;
            text-align: right;
        margin-top: 40px;
    }
    
    .bug {
        font-size: 15px;
        color: #333333;
        margin-right: 22px;
    }
    
    .bug a {
        color: #333333;
    }
    
    .bug img {
        margin-right: 10px;
        margin-bottom: 7px;
        margin-top: 5px;
    }
    
    .fujian{
        /*background: url(i1907251122498995407.png) no-repeat left center;*/
        line-height: 60px;      
        padding-left: 30px;    display: block !important;
    }
    
    .fujian a {color:#333;font-size:15px;}
    span{font-family:微软雅黑 !important;}
    .bd_weixin_popup{width:310px !important;height:326px !important;}

    .zuozhe{float:left;text-align:center;color:#666;font-size:16px;margin: 0 10px;}
    .copyright,.append,.backbox{display:block;}
    .dibu_smalll{display:none;}

@media (min-width:751px) and (max-width:1024px){
 .content{width:100%;overflow: hidden;padding:0px 10px;}
   .wip_art_conbg{width:100% !important}
    .wip_localbg{display:none;}
    .share_bg{display:none;}
    .wip_art .htitle{height:auto;}
    a img{display:block;width:100% !important;height:100% !important;}
    .art_con{padding: 30px 10px;}
    .topTitle{padding:15px 0 0px 0;}
}
   @media (min-width:321px) and (max-width:750px){
   .content{width:100%;overflow: hidden;margin-bottom:0;padding:0px 10px;}
   .wip_art_conbg{width:100% !important}
    .wip_localbg{display:none;}
    .share_bg{display:none;}
    .wip_art .htitle{height:auto;}
    a img{display:block;width:100% !important;height:100% !important;}
      .row{margin-right:0;margin-left:0;}
    .pull-right{padding-right:0 !important;padding-left:0 !important;float:none;}
    .header{background-size:cover;background:url(/picture/742/1911221555421861714.png) right center no-repeat;}
     .navbox li{width:50%;float:left;}
    .navbox li.active, .navbox li.active:hover, .navbox li:hover{width:50% !important;}
    .copyright,.append,.backbox{display:none;}
    .dibu_smalll{display:block;height:60px;line-height:60px;text-align:center;background-color: #e6e6e6;}
    .wip_art .htitle{white-space:unset;}
    .topTitle .smallText{display:none !important;}
    .header{display:none;}
    .nav{display:none;}
    .positionSide{display:none;}
    .top_small, .dibu_smalll{display:block;}
    img{width:96% !important;display: block;margin:auto;}
     .art_con{padding: 30px 10px;}
.topTitle{padding:15px 0 0px 0;}
.top_small{background-color: #fff;}
   }

@media screen and (max-width:320px){ 
.art_con{padding: 30px 10px;}
.topTitle{padding:15px 0 0px 0;}
    .content{width:100%;overflow: hidden;margin-bottom:0;padding:0px 10px;}
    .wip_localbg{display:none;}
    .wip_art_conbg{width:100% !important;margin:0px auto 0  !important;}
    .share_bg{display:none;}
    .wip_art .htitle{height:auto;}
    a img{display:block;width:100% !important;height:100% !important;}
    .copyright{display:none}
    .dibu_smalll{display:block  !important;background-color:#e6e6e6;
    height: 60px;
    color: #fff;
    font-size: 16px;
    line-height: 60px;
    text-align: center;}
    .row{margin-right:0;margin-left:0;}
    .col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{padding-right:0;padding-left:0}
    .pull-right{padding-right:0 !important;padding-left:0 !important;float:none;}
    .header{background-size:cover;background:url(/picture/742/1911221555421861714.png) right center no-repeat;}
    .navbox li{width:50%;float:left;}
    .navbox li.active, .navbox li.active:hover, .navbox li:hover{width:50% !important;}
    .copyright,.append,.backbox{display:none;}
    .dibu_smalll{display:block;height:60px;line-height:60px;text-align:center;}
    .wip_art .htitle{white-space:unset;}
    .topTitle .smallText{display:none !important;}
    .header{display:none;}
    .nav{display:none;}
    .positionSide{display:none;}
    .top_small, .dibu_smalll{display:block;}
     img{width: 100% !important;display: block;}

}

</style>