@charset "utf-8";
/* CSS Document */

a.more {
    float: right;
    color:#5060b0;
    line-height: 44px;
}
a.more:hover{
    color:#ec0515;
}
.img-border{
    border: 1px solid #cdcdcd;
    padding:2px;
}

/* Topnews
==========================================================================*/
.carousel-indicators {
    position: absolute; /*整个计数区域绝对定位*/
    bottom: 2%; /*距容器carousel底部10px*/
    z-index: 15; /*设置其在Z轴的层级*/
    /*让整个计数区水平居中*/
    left: 70%;
    margin-left: -20px;
    padding-left: 0;
    text-align: right;
    width: 30%;
    list-style: none;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff \9;
    background-color: rgba(255, 255, 255, 0.6);
    border: 0 none;
    border-radius: 12px;
}
/*设置当前状态样式*/
.carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: #fff;
    border: 0 none;
}
/*col-announce
==========================================================================*/
.col-announce .carousel-indicators {
    margin-left: 0;
    text-align: center;
    left: 50%;
    width: 10%;
}
.col-announce .carousel-indicators .active {
    width: 15px;
    height: 15px;
    margin: 0;
    background-color: rgba(95, 95, 95, 0.6);
    border: 0 none;
}



@media only screen and (min-width: 991px) {
    .carousel-inner > .item > a > img, .carousel-inner > .item > img{
        width: 658px;
        height: 390px;
    }
    .col-announce .carousel-inner > .item > a > img, .col-announce .carousel-inner > .item > img{
        width: 1140px;
        height: 174px;
    }
}

.carousel-inner .carousel-caption{
    width: 100%;
    left: 0;
    bottom: 0;
    line-height: 22px;
    font-size: 1.8rem; font-size: 18px;
    padding: 15px 10px;
    text-align: left;
    background-color: #1c4177 \9;
    background-color: rgba(255, 6, 13, 0.8);
}
.carousel-inner .carousel-caption a{
    color: #fff;
}
.column-topnews-R h4{
    height: 58px;
    margin-bottom: 10px;
}
.column-topnews-R h4 a{
    color: #cb1b1d;
    font-size: 2.0rem; font-size: 20px;
    line-height: 30px;
    font-weight: bold;
}
.column-topnews-R h4 a:hover{
    color: #1361a3;
}
.column-topnews-R p{
    border-bottom: 1px dashed #c0d8ee;
    line-height: 1.5;
    text-indent: 2em;
}
.column-topnews-R li a:hover{
    color: #1361a3;
}
.column-topnews-R span a{
    line-height: 24px;
    color: #0d6bad;
}
.column-topnews-R h3{
    border-left: 6px solid #cb1b1d;
    padding-left: 12px;
    color:#cb1b1d;
    font-size: 1.8rem; font-size: 18px;
    line-height: 20px;
    font-weight: bold;
    height: 22px;
}
.column-topnews-R ul.col-02{
    margin:5px 0 13px 0;
}
.column-topnews-R .col-02 li{
    background: url(ico_bluesquare_jgdw.gif) no-repeat left center;
    line-height: 1.6;
    padding-left: 15px;
    margin-bottom: 2px;
}
@media only screen and (min-width: 992px) {
    .column-topnews{
        padding-right: 15px;
    }
    .column-topnews-L{
        padding-right: 0;
    }
    .column-topnews-R{
        padding-right: 15px;
    }
}
@media only screen and (max-width: 992px) {
    .carousel-inner .carousel-caption{
        font-size: 1.6rem; font-size: 16px;
        line-height: 24px;
    }
    .column-topnews-L{
        padding: 0;
    }
    .column-topnews-R h3{
        height: auto;
    }
    .column-topnews-R li {
        font-size: 1.5rem; font-size: 15px;
        line-height: 24px;
        padding-left: 0;
    }
    .column-topnews-R h4{
        height: auto;
    }
    .column-topnews-R .col-02 li{
        line-height: 22px;
        height: auto;
    }
}

/* new notice
------------------------------------------------------------------------------------------------*/
.col-notice{
    background: #f2f5fc;
    padding: 0 2% 0 1%;
}
.col-notice i{
    color: #cb7619;
    padding-right: 10px;
}

.ticker-container {
    height: 60px;
    width: 100%;
    text-align: center;
    position: relative;
    overflow: hidden;
    margin-bottom: 15px;
}
.ticker-container .ticker-caption {
    height: 50%;
    width: 100%;
    display: table;
    position: absolute;
    z-index: 1;
}
.ticker-container .ticker-caption p {
    height: inherit;
    width: inherit;
    display: table-cell;
    vertical-align: middle;
    font-size: 1.8rem; font-size: 18px;
    font-weight: bold;
}
.ticker-container .ticker-caption p a{
    color: #cb1b1d;
}
.ticker-container .ticker-caption p a:hover{
    color: #cb7619;
}
.ticker-container ul {
    list-style: none;
    padding: 0;
    height: auto;
}
.ticker-container ul div {
    overflow: hidden;
    position: absolute;
    z-index: 0;
    display: inline;
    min-width: 100%;
    left: 0;
    height: 50%;
    transition: 0.25s ease-in-out;
}
.ticker-container ul div.ticker-active {
    top: 40px;
}
.ticker-container ul div.not-active {
    top: 80px;
}
.ticker-container ul div.remove {
    top: 0;
}

@media (min-width: 500px) {
    .ticker-container {
        height: 40px;
        text-align: left;
        line-height: 40px;
    }
    .ticker-container .ticker-caption {
        height: 100%;
        width: 130px;
    }
    .ticker-container .ticker-caption p {
        text-align: left;
        padding-left: 7px;
    }
    .ticker-container ul {
        margin-left: 140px;
        height: 100%;
    }
    .ticker-container ul div {
        height: 100%;
        left: 140px;
    }
    .ticker-container ul div.ticker-active {
        top: 0;
    }
    .ticker-container ul div.not-active {
        top: 40px;
    }
    .ticker-container ul div.remove {
        top: -40px;
    }
}

@media (min-width: 768px) {
    .ticker-container {
        margin-bottom: 10px;
    }
}

@media (min-width: 992px) {
    .ticker-container {
        margin-top: 10px;
    }
}

/* 201810
------------------------------------------------------------------------------------------------*/
.col-jj h3,
.col-tz h3{
    font-size: 1.6rem; font-size: 16px;
    line-height: 33px;
    color: #a90f10;
    font-weight: bold;
    background: url(bg_listtit_red01.png) no-repeat right center;
}
.col-qt h3{
    font-size: 1.6rem; font-size: 16px;
    line-height: 41px;
    color: #a90f10;
    font-weight: bold;
    background: url(bg_listtit_red02.png) no-repeat right center;
}
.col-jj h3 span,
.col-tz h3 span,
.col-qt h3 span{
    display: inline-block;
    background: #fff;
    padding-right: 5px;
}
.col-jj h4,
.col-grouplist h4{
    font-size: 1.4rem; font-size: 14px;
    color: #a90f10;
    font-weight: bold;
}
.col-jj h4 img,
.col-grouplist h4 img{
    vertical-align: sub;
}
.col-jj h4 i,
.col-grouplist h4 i{
    color: #cb1b1d;
    padding-right: 5px;
}
.col-jj h4 a,
.col-tz h4 a,
.col-grouplist h4 a{
    font-size: 1.4rem; font-size: 14px;
    color: #6e6e6e;
}
.col-jj h4 a:hover,
.col-tz h4 a:hover,
.col-grouplist h4 a:hover{
    color: #cb1b1d;
}
.col-jj li{
    background: url(ico_redline_jgdw.png) no-repeat left 5px;
    line-height: 20px;
    padding-left: 10px;
    margin-bottom: 5px;
}
.col-tz li,
.col-grouplist li{
    background: url(ico_orangepoint.png) no-repeat left 6px;
    padding-left: 14px;
    margin-bottom: 5px;
}
.col-tz li{
    line-height: 18px;
}
.col-grouplist li{
    line-height: 24px;
}
select{
    width: 100%;
}


/* FontList
------------------------------ */
.col-list h3,
.wrap-zt h3{
    background: url(bg_listtit_jgdw.png) no-repeat right bottom;
    border-bottom: 1px solid #cb1b1d;
    font-size: 1.6rem; font-size: 16px;
    line-height: 42px;
}
.col-list h3 span{
    background: url(bg_listltit_jgdw.png) no-repeat left top;
    color: #2d2d2d;
    padding: 7px 0 0 15px;
}
.col-list h3 a,
.wrap-zt h3 a{
    float: right;
    font-size: 1.3rem; font-size: 13px;
    padding:5px 15px 0 0;
    color: #a38600;
}
.col-list li{
    background: url(ico_skybluesquare_jgdw.gif) no-repeat left 9px;
    line-height: 20px;
    padding-left: 10px;
    margin-bottom: 5px;
}
/* gd-tzgg
------------------------------ */
.str_wrap {
    overflow:hidden;
//zoom:1;
    width:100%;
    position:relative;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    white-space:nowrap;
    margin: 10px 0;
}
.str_move {
    white-space:nowrap;
    position:absolute;
    top:0;
    left:0;
    cursor:move;
}
.str_move_clone {
    display:inline-block;
//display:inline;
//zoom:1;
    vertical-align:top;
    position:absolute;
    left:100%;
    top:0;
}
.str_vertical .str_move_clone {
    left:0;
    top:100%;
}
.str_down .str_move_clone {
    left:0;
    bottom:100%;
}
.str_vertical .str_move,
.str_down .str_move {
    white-space:normal;
    width:100%;
}
.str_static .str_move,
.no_drag .str_move,
.noStop .str_move{
    cursor:inherit;
}
.str_wrap img {
    max-width:none !important;
}
.str_wrap li{
    background: url(ico_skyblueline_jgdw.gif) no-repeat left 4px;
    line-height: 20px;
    padding:0 5px 0 13px;
    margin-bottom: 5px;
}
.dowebok {
    height: 270px;
}

/* piclist
------------------------------ */
.wrap-zt h3 span{
    background: url(bg_picltit_jgdw.png) no-repeat left top #cb1b1d;
    display: inline-block;
    color: #fff;
    padding-left:20px;
}
.wrap-zt h3 span p{
    background: url(bg_picrtit_jgdw.png) no-repeat right bottom #cb1b1d;
    padding-right:20px;

}
/*TabColumn*/
.wrap-zt .wrapTabTit{
    background: url(bg_listtit_jgdw.png) no-repeat right bottom;
    border-bottom: 1px solid #cb1b1d;
    font-size: 1.6rem; font-size: 16px;
}
.wrap-zt li span{
    display: inline-block;
    padding-left:20px;
    line-height: 46px;
}
.wrap-zt li span p{
    padding-right:20px;
}
.wrap-zt li.active span{
    background: url(bg_picltit_jgdw.png) no-repeat left top #cb1b1d;
    color: #fff;
}
.wrap-zt li.active span p{
    background: url(bg_picrtit_jgdw.png) no-repeat right bottom #cb1b1d;
}
.wrap-zt .nav-tabs > li > a{
    border-radius: 0;
    border: 0 none;
}


.wrap-zt .wrapTabTit li a{
    color: #444;
    font-weight: bold;
    border-radius: 0;
    border: 0 none;
    text-decoration: none;
}
.wrap-zt .nav-tabs>li>a:hover{
    border-bottom-color:transparent;
}
.wrap-zt .nav-tabs > li.active > a,
.wrap-zt .nav-tabs > li.active > a:focus,
.wrap-zt .nav-tabs > li.active > a:hover{
    border: 0 none;
}
.wrap-zt .more{
    float: right;
    font-size: 1.3rem; font-size: 13px;
    padding-right:15px;
    color: #a38600;
}





/* gd-zt
------------------------------ */
.scroll_zt{
    position:relative;
    width:100%;
    padding: 20px 25px;
}
.scroll_zt .list img{
    width: 266px;
}
.scroll_zt .box{
    overflow:hidden;
    position:relative;
    width:99%;
    margin:0 auto;
}
.scroll_zt .list{overflow:hidden;width:9999px;}
.scroll_zt .list li{
    float:left;
    padding:0 7px;
}
.scroll_zt .plus,
.scroll_zt .minus{
    position:absolute;
    top:34%;
    width:16px;
    height:60px;
    line-height: 60px;
    text-align: center;
    background:#f2f5fb;
    color: #c9c9c9;
    cursor:pointer;
}
.scroll_zt .plus{
    left:0;
}
.scroll_zt .minus{
    right:0;
}
.scroll_zt .plus:hover,
.scroll_zt .minus:hover{
    background:#d8e3fb;
}
@media (min-width: 768px){
    .col-jj h3,
    .col-tz h3,
    .col-qt h3,
    .col-list h3,
    .wrap-zt h3{
        font-size: 2.0rem; font-size: 20px;
    }
    .col-jj h4,
    .col-grouplist h4{
        font-size: 1.6rem; font-size: 16px;
    }
    .col-grouplist div img{
        border: 2px solid #f5f9fc;
        -moz-box-shadow: 7px 4px #e0e0e0; /* 老的 Firefox */
        box-shadow: 7px 4px #e0e0e0;
    }
    .scroll_zt{
        padding: 20px 15px;
    }
    .scroll_zt .list img{
        width: 328px;
    }
}
@media (min-width: 992px){
    .col-list li,
    .col-jj li,
    .col-tz li{
        height: 42px;
    }
    .col-notice h3{
        float: left;
        line-height: 52px;
    }
    .scroll_zt{
        padding: 20px;
    }
    .scroll_zt .list img{
        width: 259px;
        height: 145px;
    }
    .wrap-links .col-search{
        padding: 0;
    }
    .search{
        width: 280px;
        margin-left: 10px;
    }
}


.col-pictit {
    background-color: #fff;
    text-align: left;
}
.col-pictit i{
    color: #cb1b1d;
    font-size: 1.4rem; font-size: 14px;
    padding-right: 15px;
}
.middle-line::before {
    background-color: #cfe2f3;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: relative;
    top: 14px;
    width: 100%;
}
.col-pictit-line-text {
    background: #fff none repeat scroll 0 0;
    display: inline-block;
    font-size: 18px;
    padding: 0 20px 0 0;
    position: relative;
}
.wrap-pic img{
    padding-bottom: 15px;
}
.wrap-links h3{
    font-size: 1.8rem; font-size: 18px;
    color: #005b9a;
    margin: 12px 10px 10px 0;
}
.wrap-links h3 a{
    color: #005b9a;
}
.wrap-links .col-links li{
    float: left;
    padding: 2px 20px;
}


/*两学一做*/
.h45{ height: 45px;
    padding-right: 20px;
    line-height: 45px;
    font-weight: bold;color: #cb1b1d;
    font-size: 16px;margin:0}
.ml80{    margin-left: 80px;}
.point li{list-style: square;margin-left: 20px;line-height: 2}
.li-point li{width: 46%;float: left;line-height: 2}
.list_2 li{width: 48%;
    float: left;}
.h45:hover {
    color: #cb7619;
    text-decoration: none;
}
.list_img li{float: left;width: 15.93%;
    margin-right: 10px;margin-bottom: 10px}
.list_img img{width: 180px;}
.list_img li:nth-child(6n){margin-right: 0}
.list_pdf li{float: left;width: 20%;margin-bottom: 10px}
.list_pdf img{width: 228px}
/*ION实验安全规范*/
.ion_img{height: 150px;background: url("./index_39.jpg") no-repeat ;background-size: 100%}
.demonstrate li img{max-width: 270px;max-height: 200px;}
.demonstrate li{float: left;text-align: center;width: 24.34%;margin-right: 10px}
.demonstrate li:nth-child(4n){margin-right: 0;}
/*专题*/
.outreach li{float: left;width: 33.33%}
.outreach li:nth-child(2){text-align: center}
.outreach li:last-child{text-align: right}
.outreach img{width: 96%}
.article{width: 250px;float: left}
.left p{text-indent: 2em}
.scrollWrap {height: 200px;overflow: hidden;margin-top: 10px}
.li-point a{color: #333}
.list_bottom{margin-left: 270px}
/*优秀党员*/
.member img{float: left;border-radius: 10px;width: 140px;height: 182px}
.member .substance{width: 120px;background: #F7413D;margin-left: 140px;height: 182px;color: #fff;padding:6px 10px;border-radius: 10px}
.member{float: left;margin-right: 20px;margin-bottom: 20px}
.member:nth-child(4n){margin-right: 0;}




@media (max-width: 480px) {
    /*两学一做*/
.img-left img{width: 100%}
.img-left{text-align: center;margin: 0 14px 10px 14px}
.li-point li{width: 96%}
.li-point{margin-left: 5px;}
.list_img li{width: 48%}
.list_img img{width: 160px}
.list_img li:nth-child(2n){margin-right: 0}
.list_pdf li{width: 50%;margin-bottom: 10px}
.list_pdf img{width: 173px}
.ion_img {height: 50px}
.demonstrate li{width: 48.5%}
.demonstrate img{height: 130px}
.demonstrate li:nth-child(2n){margin-right: 0;}
.article{width: 100%;text-align: center}
.list_bottom {clear: both;margin-left: 0;padding-top: 20px}



}

@media (max-width: 810px) and (min-width: 640px){
    /*两学一做*/
.img-left{text-align: center;margin-bottom: 10px}
.img-left{    width: 40%;
    float: left;
    margin-left: 16px;}
.study{width: 56%;float: right}
.study .li-point li{width: 100%}
.img-left img {width: 96%}
.li-point li{float: left;width: 45%;margin-right: 10px}
.li-point li:nth-child(2n){margin-right: 0}
.list_img li{width: 23.6%}
.list_img li:nth-child(6n){
    margin-right: 10px;}
.list_img li:nth-child(4n){margin-right: 0}
.list_img img{width: 170px}
.list_pdf li{width: 33.33%;margin-bottom: 10px}
.list_pdf img{width: 234px}
.demonstrate li{width: 24.2%}
/*.demonstrate li:nth-child(4n){margin-right: 10px;}*/
.demonstrate li:nth-child(3n){margin-right: 0}
.demonstrate li img{max-width: 230px;
    height: 120px;}
.ion_img{height: 100px}
.list_bottom li{width: 100%}
    .member:nth-child(2n){margin-right: 20px}
    .member:nth-child(3n){margin-right: 20px;}


}


@media (max-width: 640px) and (min-width: 480px){
    /*两学一做*/
.list_img li{width: 23.4%}
.list_img img{width: 150px}
.list_pdf img{width: 204px}
.list_pdf li{width: 33.3%;margin-bottom: 10px}
.demonstrate li{width: 24.18%}
.demonstrate li img{height: 110px;}
/*.demonstrate li:nth-child(4n){margin-right: 0px;}*/
.list_bottom li{width: 100%}
 .member{margin-right: 20px}
}

@media (min-width: 812px) and (max-width:1200px){
.img-left img{width: 330px}
.img-left{    width: 40%;
    float: left;
    margin-left: 16px;}
.study{width: 54%;float: right}
.study .li-point li{width: 100%}
.li-point li{float: left;width: 47%}
.list_img li{width: 18.88%}
.list_img img{width: 136px}
.list_img li:nth-child(6n){margin-right: 10px;}
.list_img li:nth-child(5n){margin-right: 0}
.list_pdf li{width: 25%}
.list_pdf img{width: 180px;}
.demonstrate li{width: 18.8%;}
.demonstrate img{width:auto;height: 100px}
.member img{width: 100px;height: 150px}
/*.substance{margin-left: 100px !important;height: 150px !important;}*/
.member{float: left;margin-right: 30px;margin-bottom: 20px}
.member:nth-child(4n){margin-right: 30px}
.member:nth-child(3n){margin-right: 0;}

}
@media (min-width: 1020px) and (max-width:1200px){
    .member img{float: left;border-radius: 10px;width: 140px;height: 182px}
    .member .substance{width: 120px;background: #F7413D;margin-left: 140px;height: 182px;color: #fff;padding:6px 10px;border-radius: 10px}
    .member{float: left;margin-right: 20px;margin-bottom: 20px}
    .member:nth-child(4n){margin-right: 30px}
    .member:nth-child(3n){margin-right: 0;}

}