/* 头部公共样式 */
.nav_container {
    position: fixed;
    width: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    height: 66px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
    background-color: #fff;
    /* background-image: linear-gradient(to right,yellowgreen 0,#ff5000 100%); */
}
.nav_container .nav {
    height: 66px;
}
.nav_container .nav .serach {
    width: 35px;
    transition: all .5s;
}
.nav_container .nav .serach:hover {
    transform: scale(1.5) rotate(360deg);
}
.nav_container .nav a {
    transition: all 0.6s;
    font-size: 18px;
    font-weight: 500;
}
.nav_container .nav a:hover {
    color: #4CABFF;
    /* text-decoration: underline; */
    font-weight: 600;
    display: block;
    width: 100%;
    height: 100%;
}
.nav_container .nav .logo img {
    width: 436px;
    height: 66px;
    float: left;
}
.nav_container .nav li {
     position: relative;
     width: 130px;
     float: left;
     height: 66px;
     line-height: 66px;
     text-align: center;
     /* transition: all 1s; */
}
/* .nav_container .nav .select_father:hover {
    background-color: #b01d2d;
    opacity: .9;
} */
.nav_container .a_select {
    width: 100%;
    position: absolute;
    z-index: 99;
    top: 66px;
    left: 0;
    background-color: #fff;
}
.nav_container .a_select a {
    display: block;
    font-size: 16px;
    color: #505050;
    /* border-bottom: 1px solid rgb(15, 137, 146); */
}
.nav_container .a_select a:hover {
    color: #fff;
    background-color: #4CABFF;
    font-weight: 400;
}
.nav_container .a_select a:last-of-type {
    border-bottom: none;
}
.nav_container .nav li:nth-of-type(2) {
    width: 70px;
}
.nav_container .nav .logo {
    margin-right: 130px;
    width: auto;
}
.nav_container .nav .serach img {
    width: 15px;
}

/*  公共背景大图    */
.big_banner {
    margin-top: 66px;
    display: block;
    width: 100%;
}
/*  公共Tab选项卡  */
.tabs_container {
    height: 50px;
    background-color:#F4F4F4;
}
.tabs_container .public_tabs {
     position: relative;
}
.tabs_container .public_tabs .new_span {
    position: absolute;
    z-index: 99999;
    width: 135px;
    height: 50px;
    background-color: #4CABFF;
    cursor: pointer;
    font-size: 17px;
    text-align: center;
    line-height: 50px;
    color: #fff !important;
}
.tabs_container .public_tabs li {
    float: left;
    cursor: pointer;
    height: 50px;
    line-height: 50px;
    font-size: 17px;
    min-width: 135px;
    text-align: center;
    color: 666;
    transition: all .5s;
}
/* .tabs_container .public_tabs li:hover {
    color: #fff;
    background-color: rgba(76, 171, 255, 1);
} */
.tabs_container .public_tabs li a {
    display: block;
    width: 100%;
    height: 100%;
    font-weight: 400 !important;
}


/* .tabs_container .public_tabs li a:hover {
    color:#fff;
} */

.tabs_container .public_tabs .hd_sp {
    /**position: absolute;*/
    top: 0;
    width: 135px;
    height: 50px;
    background: rgba(76, 171, 255, 1);
    z-index: 99;
    color: #fff;
    text-align: center;
    line-height: 50px;
    font-size: 17px;
    cursor: pointer;
}

.hd_sp a {
    /**position: absolute;*/
    color: #fff;
}
/* .tabs_container .public_tabs .active {
    color: red;
     
} */

.tabs_container .bread {
    height: 50px;
    line-height: 50px;
    font-size: 15px;
    /* letter-spacing: 3px; */
}
.tabs_container .bread a {
    margin-left: 3px;
}
.tabs_container .bread img {
    width: 14px;
    margin-top: -4px;
}
.tabs_container .bread a:hover {
    color: rgba(76, 171, 255, 1);
    text-decoration: underline;
}
/*  公共回到顶部   */
.go_top {
    position: fixed;
    cursor: pointer;
    width: 50px;
    height: 50px;
    right: 10%;
    bottom: 15%;
    z-index: 999;
    background-image: url('../images/index/com_top.png');
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center center;
    transition: all .7s;
}
 
.go_top:hover {
    transform: scale(1.3);
    opacity: .7;
}
/* News page分页 */
.public_tabs_content .pages,
.public_tabs_content .pages01,
.public_tabs_content .pages03{
    cursor: auto;
    font-size: 16px;
    /* margin: 0 auto;  */
    height: 30px;
}
.public_tabs_content .new_out_page {
    position: relative;
    height: 30px;
}
.public_tabs_content .pages03 {

    position: relative;
    left: 50%;
    transform: translateX(-50%);
    min-width: 20px;
    max-width: 750px;

}
.public_tabs_content .pages .point_sp1,
.public_tabs_content .pages01 .point_sp2,
.public_tabs_content .pages03 .point_sp3 {
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 18px;
    font-size: 15px;
    color: #4CABFF;
    box-shadow:  0px 0px 1px #000;
    cursor: pointer;
}
.public_tabs_content .pages li a,
.public_tabs_son .pages01 li a,
.public_tabs_son .pages03 li a{
    font-weight: 400;
    display: block;
    width: 100%;
    height: 100%;
    color: inherit;
}
.public_tabs_content .pages li,
.public_tabs_son .pages01 li,
.public_tabs_son .pages03 li{
    float: left;
    width: 30px;
    height: 30px;
    box-shadow:  0px 0px 1px #000;
    border-left: 0;
    text-align: center;
    line-height: 25px;
    color: #505050;
    cursor: pointer;
    transition: all .5s;
}
.public_tabs_content .pages li:hover,
.public_tabs_son .pages01 li:hover,
.public_tabs_son .pages03 li:hover {
    color: #fff;
    background-color: #4CABFF;
}
.public_tabs_content .pages .btn,
.public_tabs_son .pages01 .btn2,
.public_tabs_son .pages03 .btn3{
    float: left;
    width: 30px;
    height: 30px;
    color: #999;
    font-size: 16px;
    text-align: center;
    line-height: 30px;
    box-shadow:  0px 0px 1px #000;
    font-size: 15px;
    cursor: pointer;
}
.public_tabs_content .pages .now,
.public_tabs_son .pages01 .now2,
.public_tabs_son .pages03 .now3 {
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: none;
}
.public_tabs_son .pages01 .input_number2,
.public_tabs_content .pages .input_number,
.public_tabs_son .pages03 .input_number3 {
    width: 45px;
    height: 30px;
    border: 1px solid #E0E0E0;
    text-align: center;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.public_tabs_content .pages .btn:hover,
.public_tabs_son .pages01 .btn2:hover,
.public_tabs_son .pages03 .btn3:hover
 {
    color: #015AAA;
    background-color: #4CABFF;
}
.public_tabs_content .pages .active,
.public_tabs_son .pages01 .active02 ,
.public_tabs_son .pages03 .active03{
    color: #fff;
    background-color: #4CABFF;
}
.public_tabs_content li{
    /* height: 160px; */
    border-bottom: 1px solid #ccc;
    margin-bottom: 25px;
    transition: all .5s;
    cursor: pointer;
    background-color: #fff;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.public_tabs_content .public_tabs_son .pages_content li,
.public_tabs_content .public_tabs_son .pages_content02 li,
.public_tabs_content .public_tabs_son .pages_content03 li
{
    height: 198px;
    padding-top: 25px;
    box-sizing: content-box;
}
.public_tabs_content .public_tabs_son .pages_content li:hover,
.public_tabs_content .public_tabs_son .pages_content02 li:hover, 
.public_tabs_content .public_tabs_son .pages_content03 li:hover {
    /* transform: scale(1.03); */
    transform-origin: center center;
    /* box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); */
}
.public_tabs_content li:last-child {
    border: none;
}
.public_tabs_content .flimg {
    width: 230px;
    overflow: hidden;
    height: 150px;
}
.public_tabs_content .flimg img {
    display: block;
    width: 100%;
    height: 150px;
    transition: all .5s;
    /* transition: all 1s; */
    cursor: pointer;
}
/* .public_tabs_content .flimg img:hover {
    transform: scale(1.1);
    box-shadow:8px 10px 10px 0 #666;
    transform-origin: bottom left;
} */
.public_tabs_content .fr_content
{
    width: 970px;
    padding-left: 25px;
    padding-top: 10px;
    padding-right: 128px;
}
.public_tabs_content .fr_content h3 {
    position: relative;
    color: #505050;
    margin-bottom: 10px;
    font-weight: bolder;
    font-size: 20px;
}
.public_tabs_content .fr_content h3 span {
    position: absolute;
    right: -110px;
    font-weight: 400;
    background-color: #E1DEDE;
    width: 95px;
    height: 120px;
    color: #666;
    font-size: 28px;
    text-align: center;
    padding-top: 30px;
}
.public_tabs_content .fr_content h3 span p {
    font-size: 15px;
}
.public_tabs_content .fr_content p {
    color: #999;
    line-height: 30px;
    font-size: 16px;
    font-weight: 400;
    text-overflow: ellipsis;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

/* about页面 */
.about .public_tabs_content2 .content1 {
    padding-top: 45px;
    min-height: 500px;
}
.about .public_tabs_content2 .content1 h3 {
    text-align: center;
    font-size: 25px;
    font-weight: 400;
    color: #505050;
}
.about .public_tabs_content2 .content1 .english {
    position: relative;
    height: 30px;
    margin: 25px 0 35px 0;
}
.about .public_tabs_content2 .content1 .english p{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #999;
    font-size: 18px;
    padding-right: 25px;
}
.about .public_tabs_content2 .content1 .english P::before {
    position: absolute;
    border-bottom-left-radius: 5px;
    content: "";
    width: 200px;
    height: 3px;
    left: -100%;
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(to left,  #ABABAB ,  #E0E0E0);
}
.about .public_tabs_content2 .content1 .english P::after {
    position: absolute;
    border-bottom-left-radius: 5px;
    content: "";
    width: 200px;
    height: 3px;
    right: -100%;
    top: 50%;
    transform: translateY(-50%);
    background-image: linear-gradient(to right,  #ABABAB ,  #E0E0E0);
}
.about .public_tabs_content2 .content1 p {
    text-indent: 2em;
    font-size: 17px;
    color: #333333;
    line-height: 30px;
}
.about .public_tabs_content2 .content2 {
    margin-top: 45px;
    height: 650px;
}
.about .public_tabs_content2 .content2 .fl_content {
     background-color: #015AAA;
     width: 230px;
     height: 650px;
     color: #fff;
     padding: 25px;
     line-height: 30px;
     padding-top: 65px;
}
.about .public_tabs_content2 .content2 .fl_content h5 {
    font-size: 21px;
    margin-bottom: 45px;
}
.about .public_tabs_content2 .content2 .fl_content p {
    line-height: 28px;
    font-size: 15px;
}
.about .public_tabs_content2 .content2 .fl_content span {
    display: inline-block;
    margin-top: 20px;
    font-size: 18px;
}
.about .public_tabs_content2 .content2 .fr_content {
    position: relative;
    width: 970px;
    height: 400px;
}
.about .public_tabs_content2 .content2 .fr_content .img {
    position: absolute;
    left: 330px;
    top: 310px;
}
.about .public_tabs_content2 .content2 .fr_content .text {
     position: absolute;
     left: 170px;
     top: 350px;
     background-color: #fff;
     font-size: 20px;
     font-size: 700;
     width: 180px;
     border: 2px solid #ccc;
     padding: 15px;
     border-radius: 8px;
     font-weight: bolder;
}
/*  公共底部  */
.body_footer {
    position: relative;
    margin-top: 55px;
   
    background-color: #015AAA;
    text-align: center;
    color: #fff;
    font-size: 16px;
     padding: 40px 0 20px 0;
    
}

.body_footer a {
    color: #fff !important;
    transition: all .5s;
}
.body_footer a:hover {
    color: #fff !important;
    font-size: 18px;
}
.body_footer .ps {
    position: relative;
    height: 160px;
}
.body_footer .fr_content {
    margin-left: 30px;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.body_footer .fr_content img {
    width: 80px;
    margin-bottom: 10px;
}
.body_footer .fr_text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    line-height: 35px;
    width: 100%
}
 
 .body_footer .d-flex{
    width: 1200px;
    margin:0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 33px;
   
 }
 .body_footer .lines{
width: 1px ;
height: 80px;
background-color: white;

 }

 .body_footer  .info-base{
text-align: left;
}

.body_footer .d-flex img {
  width: 120px;
}

 
/* ---index页面相关样式--- */
/* index 轮播动态 */
.index .top_swiper {
      animation:  banner 1s .5s ease both;
      height: 650px;
      overflow: hidden;
      margin-top: 66px;
}
@keyframes banner {
    0% {
        opacity: 0;
        transform: translateX(1000px);
    }
    100% {
        opacity: 1;
        transform: translateX(0);
    }
}
.index .top_swiper img {
    display: block;
    width: 100%;
    height: 650px;
    transition: all 1.5s linear;
    transform-origin: center center;
}
@keyframes img_big {
    0% {
         transform: scale(2.9);
    }
    100% {
        transform: scale(1);
    }
}

/* .index .swiper_one {
     
} */
@keyframes footerInUp {
    0% {
        opacity: 0;
        transform: translateY(1600px);
    }
    100% {
        opacity: 1;
        transform: translateY(0);
    }
}
.index .swiper_one {
    margin-top: 35px;
    height: 338px;
    /* transition: all .5s linear;
    transform: translateY(-1500px); */
}
.index .swiper_one>div{
    /* animation: footerInUp 1s .2s ease both; */
    width: 50%;
    height: 338px;
}
.index .swiper_one .swiper_fl  {
    transition: all 1.5s ease-in-out;
}
.index .swiper_one .swiper_fl img {
    display: block;
    width: 100%;
    height: 338px;
    object-fit: cover;
}
 .index .swiper_one .foot_text {
     position: absolute;
     z-index: 999;
     padding-left: 25px;
     font-size: 16px;
     height: 33px;
     line-height: 33px;
     width: 100%;
     color: #fff;
     /* background-color: #000; */
     background: rgba(0, 0, 0, 0.6);
     bottom: 0;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     padding-right: 90px;
 }
.index .swiper_one .swiper_fl .swiper-pagination-bullet-active {
    background: #fff;
    opacity: 0.8;
}
.index .swiper_one .swiper_fl .swiper-pagination {
    text-align: right;
    bottom: 7px;
}
.index .swiper_one .swiper_fl .swiper-pagination-bullet  {
    border: 1px solid #fff;
}
.index .swiper_one .swiper_fl .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
}
.index .swiper_one .swiper_fr {
    padding: 13px;
    padding-top: 0;
    padding-left: 25px;
    transition: all 1.5s ease-in-out;
}

.index .swiper_one .swiper_fr .two_row {
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 16px !important;
   -o-text-overflow: ellipsis;
    -webkit-line-clamp: 2;
   -webkit-box-orient: vertical;
    display: -webkit-box;
}
.index .swiper_one .swiper_fr .tab{
    position: relative;
    border-bottom: 1px solid #ccc;
    height: 42px;
    margin-top: -11px;
}
.index .swiper_one .swiper_fr .tab .h_sp {
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #4CABFF;
    left: 0;
    bottom: 0;
    z-index: 999;
    border-radius: 5px;
}
.index .swiper_one .swiper_fr .tab a {
    position: absolute;
    top: 0;
    right: 0;
    line-height: 42px;
    color: #999;
    font-size: 15px;
}
.index .swiper_one .swiper_fr .tab a:hover {
    color: #4CABFF;
}
.index .swiper_one .tab li {
    float: left;
    width: 14%;
    color: #666;
    height: 100%;
    line-height: 42px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    cursor: pointer;
    margin-right: 40px;
}
.index .swiper_one .tab .more {
    margin-right: 0;
}
.index .swiper_one .active {
    height: 48px !important;
    color: #4CABFF !important;
    /* border-bottom: 2px solid #4CABFF; */
}
.index .swiper_one .swiper_fr .tab_content h3 {
    font-size: 18px;
    padding: 15px 0;
    text-align: center;
    cursor: pointer;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    width:100%;
}
.index .swiper_one .swiper_fr .tab_content .change_title {
     
}
.index .swiper_one .swiper_fr .tab_content h3 a {
    color: inherit;
}
/* .index .swiper_one .swiper_fr .tab_content h3 a:hover {
    color: #4CABFF;
} */
.index .swiper_one .swiper_fr .tab_content p {
    color: #999;
    font-size: 15px;
    line-height: 26px;
    text-indent: 20px;
    max-height: 50px;
}
.index .swiper_one .col {
    margin-top: 10px;
    border-top: 1px dashed #D5CDCD;
    padding: 10px 0;
}
.index .swiper_one .col li{
    position: relative;
    font-size: 16px;
    color: #666;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 100px;
    cursor: pointer;
}
.index .swiper_one .col li a {
    display: block;
    width: 100%;
    height: 100%;
    text-overflow:ellipsis;
    overflow:hidden;
}
.index .swiper_one .col li a:hover {
    color: #4CABFF;
}
.index .swiper_one .col li span {
    position: absolute;
    top: 0;
    right: 0;
    color: inherit;
}
.index .swiper_one .col li a {
    font-size: 16px;
    color: #666;
    font-weight: 400;
}
.index .swiper_one .col img {
    margin-right: 5px;
    width: 15px ;
}

/* index 业务范围 */
.index .scope {
    position: relative;
    margin-top: 45px;
    height: 450px;
}
.index .scope h3 {
    position: absolute;
    top: 50px;
    left: 50%;
    transform: translateX(-50%);
    color: #505050;
    font-size: 26px;
}
.index .scope h3::before {
    position: absolute;
    top: 50%;
    left: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .scope h3::after {
    position: absolute;
    top: 50%;
    right: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .scope .banner_msk{
    display: block;
    width: 100%;
    height: 100%;
}
.index .scope .one_row {
    position: absolute;
    width: 1200px;
    left: 50%;
    bottom: 0;
    /* transform: translateX(-50%); */
    margin-left: -600px;
    transition: all 1s ease-out;
}
.index .scope .one_row li {
    position: relative;
    float: left;
    width: 208px;
    /* background-color: #fff; */
    height: 310px;
    text-align: center;
    font-size: 15px;
    color: #666;
    margin-right: 40px;
    font-weight: 600;
    letter-spacing: 2px;
    transition: all .2s ease-out;
    cursor: pointer;
    /* box-shadow: 2px 3px 3px 0 #ccc; */
    /* background-color: green; */
}
.index .scope .one_row li>div {
    transition: all .3s ease-out;
    background-color: #fff;
}
.index .scope .one_row li .move_long {
    
    position: absolute;
    border-radius: 2px;
    /* background-image: linear-gradient(skyblue, #006cb2); */
    background: #006cb2;
}
.index .scope .one_row li .left_top {
    left: 0;
    top: 0;
}
.index .scope .one_row li .right_top {
    top: 0;
    right: 0;
}
.index .scope .one_row li .left_bottom {
    left: 0;
    bottom: 0;
}
.index .scope .one_row li .right_bottom {
    right: 0;
    bottom: 0;
}
.index .scope .one_row li a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
}
.index .scope .one_row li .b_right {
    position: absolute;
    left: 50%;
    width: 35px;
    bottom: 0px;
    transform: translateX(-50%) translateY(50%);
}
/* .index .scope .one_row li:hover {
    color: #4CABFF !important;
    transform: translateY(-25px);
    box-shadow:8px 10px 10px 0 rgba(0, 0, 0, 0.16);
} */

.index .scope .one_row li .top {
    width: 70px;
    margin: 60px 0;
}
/*  index 党建动态  */
.index .dj {
    position: relative;
    margin-top: 70px;
    overflow: hidden;
    transition: all 1s ease;
}
.index .dj h3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #505050;
    font-size: 26px;
    text-align: center;
}
.index .dj h3::before {
    position: absolute;
    top: 50%;
    left: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .dj h3::after {
    position: absolute;
    top: 50%;
    right: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .dj .djbody_container>div {
    width: 50%;
    margin-top: 70px;
    height: 292px;
}
.index .dj .djbody_container .dj_rt img {
    width: 100%;
    height: 292px;
}
.index .dj .djbody_container  .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
}
.index .dj .djbody_container .swiper-pagination-bullet-active {
    background: #fff;
}
.index .dj  .dj_rt {
    transition: all 1.6s linear;
}
.index .dj  .dj_lt {
    padding: 0 32px;
    background-color: #F3F6F9;
    /* background-image: linear-gradient(45deg, #4CABFF, transparent); */
    background-color: #F5F5F5;
    padding-top: 15px;
    transition: all 1.6s linear;
}
.index .dj .items li {
    float: left;
    width: 80px;
    color: #666;
    height: 43px;
    line-height: 43px;
    text-align: center;
    font-size: 19px;
    cursor: pointer;
    margin-right: 40px;
    font-weight: 600;
}
.index .dj .items {
    position: relative;
    border-bottom: 2px solid #ccc;
    height: 43px;
}
.index .dj .items .h_sp2 {
    position: absolute;
    width: 80px;
    height: 2px;
    background-color: #E50E19;
    left: 0;
    bottom: -1px;
    z-index: 999;
    border-radius: 5px;
}
.index .dj .items a {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #999;
    height: 33px;
    line-height: 33px;
    font-size: 15px;
}
.index .dj .items a:hover {
    color: #E50E19;
}
.index .dj .items .active {
    color: #E50E19;
    /* border-bottom: 2px solid #E50E19; */
}
.index .dj .cols  {
    margin-top: 15px;
}
.index .dj .cols a {
    display: block;
}
.index .dj .cols a:hover {
    color: red;
}
.index .dj .cols li {
    position: relative;
    font-size: 16px;
    /* color: #666; */
    color: inherit;
    line-height: 40px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding-right: 100px;
    cursor: pointer;
}
.index .dj .cols li a {
    font-size: 16px;
    font-weight: 400;
    color: #666;

}
.index .dj .cols li a:hover {
    color: #E50E19;
}
.index .dj .cols li span {
    position: absolute;
    right: 0;
    /* color: #999999; */
    color: inherit;
}
.index .dj .cols li img {
    margin-right: 5px;
}
/* index 合作银行 */
.index .bank {
    margin-top: 35px;
    position: relative;
    height: 300px;
}
.index .bank h3 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #505050;
    font-size: 26px;
    text-align: center;
}

.index .bank h3::before {
    position: absolute;
    top: 50%;
    left: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .bank h3::after {
    position: absolute;
    top: 50%;
    right: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .bank .bank_swiper {
     padding-top: 55px;
     position: relative;
     overflow: hidden;
}
.index .bank .bank_swiper .swiper-button-prev, .swiper-container-rtl .swiper-button-next3 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(100%);
    z-index: 999;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #D5CDCD;
    padding: 5px;
    background-size: 10px;
}
.index .bank .swiper-button-prev:hover {
     background-color: #015AAA;
}

.index .bank .bank_swiper .swiper-button-next {
    right: 0;
    top: 50%;
    transform: translateY(100%);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background-color: #D5CDCD;
    padding: 5px;
    background-size: 10px;
}
.index .bank .bank_swiper .swiper-button-next:hover {
    background-color: #015AAA;
}
.index .bank .bank_swiper .swiper-slide {
    width: 400px;
}
.index .bank .bank_swiper img {
    width: 400px;
    display: block;
    float: left;
}

/*  group党建动态  */
.group {
    margin-bottom: 35px;
    height: 100px;
}
.group .tab_out {
    overflow: hidden;
}
.group .tab_z {
    width: 1600px;
    position: relative;
}
.group .tab_z li {
    position: relative;
    float: left;
    width: 345px;
    margin-right: 50px;
    border-bottom: none;
    cursor: pointer;
    margin-bottom: 55px;
}
.group .tab_z .active {
    border: 5px solid #4CABFF;
}
.group .tab_z .active::after {
   position: absolute;
   left: 50%;
   transform: translateX(-50%);
   bottom: -30px;
   content: "";
   width: 80px;
   height: 8px;
   border-radius: 3px;
   background-color: #4CABFF;
}
.group .tab_z li:nth-of-type(4) {
    margin-right: 0;
}
.group .tab_z img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* detail详情 */
.detail .public_tabs_content2 {
    margin-top: 35px;
}
.detail .public_tabs_son  img {
}
.detail .centerImg {
    text-align: center;
}
.detail .public_tabs_son h3 {
    text-align: center;
    font-size: 21px;
    color: #333333;
     
}
.detail .public_tabs_son .message {
    color: #999;
    text-align: center;
    margin: 15px 0;
    font-size: 17px;
}
.detail .public_tabs_son .content {
   
}
.detail .public_tabs_son .next {
    position: relative;
}
.detail .public_tabs_son .next .back {
    position: absolute;
    right: 0;
    top: 0;
   
}
.detail a {
    font-size: 15px;
}
.detail a:hover {
    color: #4CABFF;
    text-decoration: none;
}
.new_swiper {
    white-space: nowrap; 
    overflow: hidden;
    height: 80px;
    margin-bottom: 70px;
    transition: all 1.5s ease;
}
.new_footer {
    height: 80px;
    /* width: 2400px; */
    /* transition: all 1.5s ease; */
}

.new_footer li img {
    display: block;
    width: 100%;
    height: 100%;
    height: 80px;
}

.new_footer li {
    position: relative;
    width: 200px;
    height: 80px;
    float: left;
    padding-right: 15px;
    /* border: 1px solid #ccc; */
    /* margin-right: 15px; */
}

.index .bank_container {
    position: relative;
    height: 65px;
    margin: 50px auto;
}
.index .center_bank {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    color: #505050;
    font-size: 26px;
    height: auto;
    transition: all 1.2s ease-out;
}
.index .center_bank::before{
    position: absolute;
    top: 50%;
    left: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
.index .center_bank::after {
    position: absolute;
    top: 50%;
    right: -60px;
    content: "";
    width: 45px;
    height: 1px;
    background-color: #4CABFF;
}
/* news */
/* .news .pages_content p {
    font-weight: 500;
    color: #666 !important;
} */
/*  scope页 */
.scope .public_tabs_content2 {
    min-height: 500px;
    line-height: 500px;
}
 

/*  搜索页  */
.serach_page .serach_true {
    margin: 50px auto;
    width: 550px;
    height: 50px;
    border: 2px solid #4CABFF;
    border-radius: 25px;
}
.serach_page .serach_true input {
    border: none;
    background-color: #fff;
    width: 81%;
    height: 100%;
    border-radius: 25px;
    text-indent: 2em;
    color: #999;
    font-size: 21px;
}
.serach_page .serach_true button {
    display: block;
    float: right;
    height: 100%;
    width: 19%;
    color: #fff;
    letter-spacing: 5px;
    outline: none;
    font-size: 17px;
    border: none;
    background-color: #4CABFF;
    border-radius: 25px;
}
.serach_page .serach_true button:hover {
    color:pink;
}
.serach_page .search_content_tab{
    color: #333;
    margin: 0 auto;
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
}
.serach_page .search_content_tab a {
    display: inline-block;
    vertical-align: middle;
    width: 30px;
    height: 30px;
    border: 1px solid #E0E0E0;
    margin-left: -3px;
    margin-right: -1px;
}
.serach_page .search_content_tab button {
    vertical-align: middle;
    color: #999;
    border: 1px solid #E0E0E0;
    height: 30px;
    width: 30px;
    line-height: 30px;
}
.serach_page .search_content_tab button:nth-of-type(1) {
    margin-left: 3px;
}
.serach_page .search_content_tab button:nth-of-type(2) {
    margin-left: -3px;
    margin-right: 3px;
}
.serach_page .search_content_tab span {
    display: inline-block;
    vertical-align: middle;
    margin-left: -3px;
    width: 30px;
    height: 30px;
    border: 1px solid #E0E0E0;
    line-height: 30px;
    cursor: pointer;
}
.serach_page .search_content_tab .active {
    color: #fff;
   background-color: #4CABFF; 
}
.serach_page .search_content_tab input {
    width: 40px;
    height: 25px;
    border: 1px solid #E0E0E0;
    text-align: center;
    line-height: 25px;
    margin: 0 5px;
}
.serach_page .search_content .row {
    padding-top: 25px;
    margin-top: 20px;
    height: 198px;
    border-bottom: 1px solid #ABABAB;
    padding-bottom: 20px;
    cursor: pointer;
    /* transition: all .5s; */
}
/* .serach_page .search_content .row:hover {
    transform: scale(1.03);
    transform-origin: center center;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
} */
.serach_page .search_content .row .fl_content {
    overflow: hidden;
    height: 145px;
    width: 230px;
}
.serach_page .search_content .row img {
  height: 145px;
  width: 230px;
  object-fit: cover;  
  transition: all .5s;
}
.serach_page .search_content .row .fr_content {
    position: relative;
    width: 950px;
    padding-top: 15px;
    padding-right: 140px;
}
.serach_page .search_content .row .fr_content h3 {
    color: #505050;
    font-size: 20px;
    margin-bottom: 10px;
}
.serach_page .search_content .row .fr_content p {
    font-size: 16px;
    color: #999;
    text-overflow: ellipsis;
    overflow: hidden;
    -o-text-overflow: ellipsis;
     -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
     display: -webkit-box;
     line-height: 28px;
     font-weight: 400;
}
.serach_page .search_content .row .fr_content .date {
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 10px;
    width: 95px;
    height: 118px;
    background-color: #E1DEDE;
    text-align: center;
    padding-top: 30px;
    font-size: 28px;
    right: 30px;
    color: #666;
}
.serach_page .search_content .row .fr_content .date p {
    font-size: 15px;
}
.serach_page  .key_word {
    position: relative;
}
.serach_page .key_word .sum {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

/* 控制首页swiper的按钮大小 */
.index .swiper-button-next, 
.index .swiper-button-prev {
    width: 24px;
    height: 32px;
    opacity: .7;
}


/*  新添加的搜索搜索样式  */
#pagebar {
     
}
#pagebar .pageBar {
    display: flex;
    width: 1200px;
    margin: 0 auto !important;
    justify-content: center;
    align-items: center;  
}
#pagebar .pageBar .pageCode {
    width: 30px;
    height: 30px;
    border: 1px solid #E0E0E0;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
}
#pagebar .pageBar .pageCode:hover {
    color: #fff;
    background-color: #4CABFF;
}
#pagebar .pageBar .jumpInputBox {
    width: 45px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    margin: 0  5px !important;
    border: 1px solid #E0E0E0;
}
#pagebar .pageBar .jumpButton {
    margin: 0 5px;
    width: 45px;
    height: 30px;
    border: 1px solid #E0E0E0;
    text-align: center;
    line-height: 30px;
    letter-spacing: 2px;
    background: none;
}
#pagebar .pageBar .jumpButton:hover {
    color: #fff;
    background-color: #4CABFF;
}

#pagebar .up {
    vertical-align: middle;
    color: #999;
    border: 1px solid #E0E0E0;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

#pagebar .down {
    vertical-align: middle;
    color: #999;
    border: 1px solid #E0E0E0;
    height: 30px;
    width: 30px;
    line-height: 30px;
}

.left-float-box {
    background-color: white;
    padding: 15px 13px 25px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 40px;
    box-shadow: 0 0 5px #e0e0e0;
    border-radius: 1px;
    text-align: center;

}

.left-float-box .qrCode {
    width: 132px;
    margin: 10px 0;
}

.left-float-box p {
    font-size: 14px;
}

.left-float-box .blue {
    color: white;
    background-color: rgb(80, 170, 255);
    padding: 6px 0;
    margin: 13px 0 5px;
    position: relative;
}

.left-float-box .blue::after {
    position: absolute;
    left: 66px;
    content: '';
    border-top: 12px solid rgb(80, 170, 255);
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-bottom: 0px solid transparent;

}