/*banner*/
.swiper-container {
    width: 100%;
    height: auto;
    box-shadow: 0 0 0.5rem 0.25rem rgba(0,0,0,0.17);
    -webkit-box-shadow: 0 0 0.5rem 0.25rem rgba(0,0,0,0.17);
    -moz-box-shadow: 0 0 0.5rem 0.25rem rgba(0,0,0,0.17);
}

.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.swiper-slide img{
    width: 100%;
}
.sfd{
position: absolute;
    bottom: 1rem;
    z-index: 999;
}
.sfd .img{
  width: 2.3rem;
    height: 1.64rem;
}
.sfd .img img{
  width: 100%;
   
}

/*轮播控制*/
.banner .bs{
    height: 1.15rem;
}
.banner .bs table{
    height: 100%;
}

/*轮播控制*/
.banner .bs .kz{
    background-image: linear-gradient(to right,#76c2ec,#368bcb);
    width: 33%;
}
.banner .bs .kz .b{
    width: 3.67rem;
}
.banner .bs .kz .b .lb{
    justify-content: left;
}
.banner .bs .swiper-pagination{
    position: inherit;
    display: table;
}
.banner .bs .swiper-button-prev{
    position: inherit;
    top: 0;
    right: inherit;
    left: 0;
    margin: 0;
    width: 0.57rem;
    height: 0.66rem;
    background: url("../images/index/1.png")no-repeat center;
    background-size: 100% 100%;

}
.banner .bs .swiper-button-next{
    position: inherit;
    top: 0;
    left: 0;
    margin: 0 0.2rem;
    width: 0.57rem;
    height: 0.66rem;
    background: url("../images/index/2.png")no-repeat center;
    background-size: 100% 100%;
}
.banner .bs .swiper-pagination-bullet{
    width: 0.12rem;
    height: 0.12rem;
    background-color: rgba(248,248,248,0.9);
    margin: 0.27rem 0.05rem 0 0.05rem;
}
.banner .bs .swiper-pagination-bullet-active{
    background-color: rgba(248,248,248,1);
}
/*快速导航*/
.banner .bs .ksdh{
    width: 67%;
}
.banner .bs .ksdh .a{
    width: 10.34rem;
}
.banner .bs .ksdh .a .tb{
    float: left;
    margin: 0 0 0 0.36rem;
    height: 0.8rem;
}
.banner .bs .ksdh .a .ks{
    float: right;
    width: 8.16rem;
}
.banner .bs .ksdh .a .ks a{
    display: inline-block;
    padding: 0.05rem;
}
.banner .bs .ksdh .a .ks a:hover{
    box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5);
    transform: scale(1) translateY(-3px);
}
.banner .bs .ksdh .a .ks dl{
    text-align: center;
}
.banner .bs .ksdh .a .ks dd{
    height: 0.44rem;

}
.banner .bs .ksdh .a .ks dd img{
    height: 0.33rem;
}
.banner .bs .ksdh .a .ks dt{
    font-size: 0.18rem;
    line-height: 0.36rem;
}
/*一级标题*/
.title{
    padding-left: 0.65rem;
    background-position: left center;
    background-repeat: no-repeat;
}
.title h3{
    font-size: 0.24rem;
    font-weight: bold;
    line-height: 0.92rem;
}
.title .x{
    width: 56%;
    height: 1px;
    background-color: #bfbfbf;
    position: relative;
    margin-top: 0.46rem;
}
.title .x:before{
    content: "";
    display: block;
    width: 0.07rem;
    height: 0.07rem;
    position: absolute;
    left: -0.07rem;
    top: -0.03rem;
    background-color: #bfbfbf;
    border-radius: 50%;
}
.title .x:after{
    content: "";
    display: block;
    width: 0.07rem;
    height: 0.07rem;
    position: absolute;
    right: -0.07rem;
    top: -0.03rem;
    background-color: #bfbfbf;
    border-radius: 50%;
}
.title a{
    font-size: 0.16rem;
    line-height: 0.24rem;
    margin-top: 0.34rem;
}
.title a:after{
    content: "";
    display: block;
    background-color: rgba(6,81,163,.37);
    height: 0.05rem;
    margin-top: -0.06rem;
}

#flashBoxu_u18_{
width: 100% !important;

}
/*新闻中心*/
.one{
    padding: 0.77rem 0;
    background: url("../images/index/9.jpg")no-repeat center;
    background-size: 19.2rem auto;
}

.section-focus-pic{
    height:4.55rem;
    width:7.14rem;
    overflow:hidden;
    position:relative;
}
.section-focus-pic ul li{
    position:absolute;
    top:0;
    left:7.14rem;
    height:4.55rem;
    width:7.14rem;
    overflow: hidden;
    border-radius: 4px;
}
.section-focus-pic ul li img{
    height: 100%;
}
.section-focus-pic ul li h3{
    display: inline-block;
    max-width: 80%;
    font-weight:normal;
    color:#FFF;
    z-index: 111;
    font-size: 0.16rem;
    line-height: 0.3rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.section-focus-pic ul li h3 a{
    color: #ffffff;
}
.section-focus-pic ul li span{
    color: #ffffff;
    display:table;
    background: url("../images/index/10.png")no-repeat left center;
    background-size: 0.18rem auto;
    padding-left: 0.25rem;
    line-height: 0.3rem;
    font-weight: bold;
    font-size: 0.16rem;
}
.section-focus-pic ul li div{
    position:absolute;
    bottom:0;
    left:0;
    background-color:rgba(0,0,0,.5);
    width:100%;
    padding: 0.05rem 0 0.05rem 0.15rem;
}
.section-focus-pic .pages{
    width:100%;
    height:100%;
}
.section-focus-pic .controler{
    position:absolute;
    bottom:0.31rem;
    right:0.2rem;
    display: flex;
    justify-content: center;
}
.section-focus-pic .controler b{
    cursor:pointer;
    width:0.13rem;
    height:0.13rem;
    display:block;
    overflow: hidden;
    margin:0 0 0 5px;
    border-radius: 50%;
    background: rgba(255,255,255,0.53);
}
.section-focus-pic .controler b.down{
    background: #ffffff;
}



.one .r{
    width: 6.34rem;
}
.one .r .title{
    background-image: url("../images/index/11.png");
    background-size: 0.39rem auto;
}
.one .r li{
    padding: 0.18rem 0 0 0;
    border-bottom: 0.01rem solid #e5e5e5;
}
.one .r li:first-child{
    padding-top: 0;
}
.one .r li h4{
    overflow: hidden;
    white-space: nowrap;
    font-size: 0.18rem;
    text-overflow: ellipsis;
    line-height: 0.36rem;
    display:block;
}

.one .r li span{
    font-size: 0.14rem;
    color: #999999;
    padding-left: 0.25rem;
    background: url("../images/index/12.png")no-repeat left center;
    background-size: 0.18rem auto;
    line-height: 0.36rem;
    display: inline-block;
}

.bg{
    background: url("../images/index/13.jpg")no-repeat center top;
    background-size: 19.20rem auto;
    padding-top: 0.77rem;
}


/*通知公告*/
.two{
    background-color: #ffffff;
    margin-bottom: 0.36rem;
    padding: 0 0.36rem 0.32rem 0.33rem;
}

.two .l{
    padding-top: 0.07rem;
    width: 8.94rem;
}
.two .l .title{
    /*justify-content: left;*/
    background-image: url("../images/index/14.png");
    background-size: 0.33rem auto;
}
.two .l .title h3{
    color: #388dcd;
}
.two .l .title h4{
    font-size: 0.22rem;
    font-weight: bold;
    /*margin-left: 0.3rem;*/
    line-height: 0.92rem;
}
.two .l .title .x{
    width: 66%;
}
/*标题切换*/
#cen_right_top{}
#cen_right_top .active{
    font-size: 0.24rem;
    color:#388dcd;
}
#cen_right_top h3{
    font-size: 0.22rem;
    color: #333333;
    cursor: pointer;
}
#cen_right_top .div{display:none;}


/*内容切换*/
.xbt{
    margin:0 0 0.15rem 0;
}
.xbt li{
    width: 1.28rem;
    line-height: 0.24rem;
    font-size: 0.16rem;
    cursor: pointer;
    padding:0.06rem 0.38rem 0.06rem 0.38rem;
    border-bottom-right-radius: 0.1rem;
    border-top-left-radius: 0.1rem;
    background-image: linear-gradient(to bottom,#72bfea,#378dcc);
    color: #ffffff;
    position: relative;
    text-align: center;
}
.xbt li:before{
    content: "";
    display: block;
    width: 0.09rem;
    height: 0.09rem;
    background-color: #ffffff;
    border-radius: 50%;
    left: 0.06rem;
    top: 0.06rem;
    position: absolute;
}
.xbt li:after{
    content: "";
    display: block;
    width: 0.42rem;
    height: 0.19rem;
    background: url("../images/index/15.png")no-repeat center;
    background-size: 100% 100%;
    right: 0;
    bottom: 0;
    position: absolute;
}
.xbt li.current {
    color:#333333;
    background:#ffde00;
    font-weight: bold;

}
.xlb .list {
    display: none;
    padding-left: 0.1rem;
}




.two .list dd a{
    display: block;
    width: 4.26rem;
    position: relative;
    padding-top: 0.13rem;
    margin-bottom: 0.1rem;
}
.two .list dd a .time{
    text-align: center;
    padding: 0 0.08rem;
    line-height: 0.27rem;
    background-color: #ffffff;
    color: #0c58aa;
    font-size: 0.16rem;
    position: absolute;
    left: 0.12rem;
    top: 0;
}
.two .list dd a .bk{
    padding:0.19rem 0.36rem;
    border: 1px solid #c3d7f3;
}

.two .list dd a .bk h4{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.18rem;
    line-height: 0.3rem;
    height: 0.6rem;
}

.two .list dd a:hover .time{
    background-image: linear-gradient(to right,#368bcb,#65b4e3);
    color: #ffffff;
}
.two .list dd a:hover .bk{
    background-color: #f3f8ff;
    border: 1px solid #f3f8ff;
}
.two .list .more{
    display: table;
    margin: 0 auto;
    width: auto;
    line-height: 0.3rem;
    padding: 0 0.1rem;
    border: 1px solid #999999;
    font-weight: 500;
    font-size: 0.14rem;
}
.two .list .more:hover{
    background-color: #f3f8ff;
    border: 1px solid #f3f8ff;

}

.two .r{
    padding-top: 0.41rem;
    width:3.86rem;
}
.two .r .ztzs{
    position: relative;
    margin-bottom: 0.08rem;
}
.two .r .ztzs .bt{
    width: 1.58rem;
    line-height: 0.38rem;
    font-size: 0.18rem;
    font-weight: bold;
    position: absolute;
    left: 0;
    top: -0.08rem;
    border-bottom-right-radius: 0.15rem;
    padding-left: 0.47rem;
    background: #ffde00 url("../images/index/16.png")no-repeat 0.17rem center;
    background-size:0.2rem auto ;
    z-index: 9;
}
.two .r .ztzs .img{
    height: 1.88rem;
    overflow: hidden;
}
.two .r .ztzs .img #flashBoxu_u17_{
    width: 100%!important;
    height: 100%!important;
}

.two .r .zt a{
    margin-top: 0.13rem;
}

.two .r .zt img{
    width: 1.89rem;
}


.three .title{
    background-image: url("../images/index/23.png");
    background-size: 0.48rem auto;
    margin-bottom: 0.24rem;
}
.three .title .x{
    width: 74%;
}


.third .focusMain{ width:3.92rem; position:relative; }
.third .focusArea{ width:3.92rem;height:5.26rem; position:relative; overflow:hidden;}
.third .focusCon{ width:3.92rem; position:absolute; top:0;}
.third .focusItem{
    width:3.92rem;
    height:5.26rem;
    overflow: hidden;
    display:none;
    position:absolute;
    top:0; left:0;
}
.third .focusItem img{
    height:100%;
}

.third .focusBtn{
    display:block;
    position:absolute;
    z-index: 9;
    bottom: 0;
    width:0.99rem;
    line-height: 0.45rem;
    cursor:pointer;
    text-align: center;
    font-size: 0.26rem;
}
.third .focusPrev{
    background: #ffde00;
    left: 0;

}
.third .focusNext{
    background-image: linear-gradient(to right,#368bcb,#65b4e3);
    left: 0.99rem;
    color: #ffffff;
}



.third .r{
    width: 9.84rem;
}

#menu1{
    overflow: hidden;
    padding: 0.1rem 0;
    background-color: #4497d3;
    margin: 0.04rem 0 0 0;
}
#menu1 li{
    display:block;
    float: left;
    min-width:1.13rem;
    line-height: 0.47rem;
    text-align: center;
    cursor:pointer;
    margin: 0 0.1rem;
    color: #ffffff;
    font-size: 0.16rem;
    white-space: nowrap;
}
#menu1 li.current{
    background: url("../images/index/24.png")no-repeat center;
    background-size: 100% 100%;
    font-weight: bold;
}
#main1 .list{
    display: none;
}


/*学术之窗*/
.three .list .li{
    display: block;
    width: 4.85rem;
    min-height: 2.16rem;
    background-color: #ffffff;
    box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.17);
    -webkit-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.17);
    -moz-box-shadow: 0 0 0.1rem 0 rgba(0,0,0,0.17);
    margin-top: 0.1rem;
    overflow: hidden;
    cursor: pointer;
}
.three .list .li:hover{
    box-shadow: 0px 2px 22px -5px rgba(0, 0, 0, 0.5);
    transform: scale(1) translateY(-3px);
    background-color: #ffffff;
}
.three .list .li:nth-child(odd){
    float: left;
}
.three .list .li:nth-child(even){
    float: right;
}

.three .list .li dl{
    padding: 0.14rem 0.12rem;
    overflow: hidden;
    /*border-bottom: 1px solid #eef3f9;*/
}
.three .list .li dl dt{
    width: 0.5rem;
    float: left;
}


.three .list .li dl dd{
    width: calc(100% - 0.67rem);
    float: right;
}
.three .list .li dl dd h4{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.18rem;
    line-height: 0.3rem;
    height: 0.56rem;
    margin-bottom: 0.1rem;
}
.three .list .li dl dd h5{
    font-size: 0.16rem;
    line-height: 0.36rem;
    font-weight: bold;
    margin-bottom: 0.05rem;
}
.three .list .li dl dd p{
    font-size: 0.15rem;
    line-height: 0.3rem;
    padding-left: 0.3rem;
    background-repeat: no-repeat;
}
.three .list .li dl dd .p1{
    background: url("../images/index/26.png")no-repeat left center;
    background-size: 0.2rem auto;
}
.three .list .li dl dd .p2{
    background: url("../images/index/27.png")no-repeat left center;
    background-size: 0.22rem auto;
}




.three .list .li .tet p{
    display: -webkit-box;
    overflow: hidden;
    white-space: normal!important;
    text-overflow: ellipsis;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 0.14rem;
    line-height: 0.26rem;
    height: 0.52rem;
    color: #666666;
}

.three .list .li .tet{
    padding: 0.2rem 0.12rem;
}




/*研究基地*/
.four{
    padding: 0.36rem;
    background-color: #ffffff;
    margin-top: 0.6rem;
    border-bottom-right-radius: 0.2rem;
    border-bottom-left-radius: 0.2rem;
    z-index: 1;
    position: relative;
}
/* = 通用布局
-------------------------------------------------------------- */
.four .focusMain{
    width:100%;
    position:relative;
}
.four .focusArea{
    width:12rem;
    margin:0 auto;
    position:relative;
    overflow:hidden;
    height:1.01rem;
}
.four .focusCon{
    width:12rem;
    position:absolute;
    top:0;
}
.four .focusItem{
    position:relative;
    margin:0 0.1rem;
    float:left;
    width:3.81rem;
    height:1.01rem;
    _display:inline;
}

.four .focusBtn{
    display:block;
    position:absolute;
    top:50%;
    width:0.42rem;
    line-height: 0.67rem;
    text-align: center;
    margin-top:-0.33rem;
    border: 1px solid #d2d2d2;
    cursor:pointer;
    font-size: 0.26rem;
}
.four .focusPrev{
    left:0;
}
.four .focusNext{
    right:0;
}
.four .focusPrev:hover, .focusNext:hover{
    background-color:#4497d3;
    color: #ffffff;
}
.four .focusItem img{
    width:100%;
    height:100%;
}


.four .isCarousel .focusGroup{
    float:left;
    _display:inline;
}





/*页脚*/
.footer{
    padding-top: 1.54rem;
    margin-top: -0.96rem;
    position: relative;
    z-index: 0;
}



/*手机适配*/

@media screen and (max-width: 1200px) {
    /*banner*/
    .banner{
        overflow: hidden;
    }
    .banner .bs{
        height: auto;
    }
    .banner .bs .kz{
        width: 100%;
        margin-bottom: 0.1rem;
    }
    .banner .bs .kz .b{
        width: auto;
        padding: 0.1rem 0;
    }
    .banner .bs .kz .b .lb{
        justify-content: center;
    }
    .banner .bs .ksdh{
        width: 7.3rem;
        margin: 0 auto;
    }
    .banner .bs .ksdh .a{
        width: auto;
    }
    .banner .bs .ksdh .a .tb{
        display: none;
    }
    .banner .bs .ksdh .a .ks{
        width: 100%;
    }
    .banner .bs .ksdh .a .ks dd{
        padding-top: 0;
    }
    /*新闻中心*/
    .one{
        padding: 0.2rem 0;
    }

    .section-focus-pic {
        height: 4.71rem;
        width: 7.3rem;
    }
    .section-focus-pic ul li{
        height: 4.71rem;
        width: 7.3rem;
        left: 7.3rem;
    }
    .section-focus-pic ul li h3{
        line-height: 0.36rem;
    }
    .section-focus-pic ul li span{
        line-height: 0.36rem;
    }
    .one .r{
        width: 100%;
    }
    /*通知公告*/
    .bg{
        padding-top: 0.4rem;
    }
    .two{
        margin-bottom: 0.2rem;
        padding: 0 0.1rem 0.15rem 0.1rem;
    }
    #menu0 li{
        width: 1rem;
        padding-left: 0.2rem;
    }
    #main0 .list{
        padding-left: 0;
    }
    .two .list dd a{
        width: 49%;
    }
    .two .r {
        padding-top: 0.2rem;
        width: 100%;
    }
    .two .r .ztzs .img{
        height: auto;
    }
    .two .r .zt a{
        width: 49%;
    }
    .two .r .zt img{
        width: 100%;
    }
    /*学术之窗*/
    .third .focusMain{
        width: 7.3rem;
        margin-bottom: 0.2rem;
    }
    .third .focusArea {
        width: 7.3rem;/*3.92+3.38*/
        height: 8.64rem;/*5.26+3.38*/
        position: relative;
        overflow: hidden;
    }
    .third .focusCon{
        width: 7.3rem;
    }
    .third .focusItem{
        width: 7.3rem;
        height: 8.64rem;
    }
    .third .focusBtn{
        width: 0.99rem;
        line-height: 0.8rem;
        font-size: 0.4rem;
    }
    #menu1 li{
        padding: 0 0.05rem;
    }
    .three .list .li{
        width: 100%;
        margin-top: 0.2rem;
    }
    .three .list .li dl h5{
        line-height: 0.4rem;
    }
    .three .list .li dl dd p{
        line-height: 0.4rem;
    }
    .three .list .li .tet p{
        line-height: 0.36rem;
    }

    /*研究基地*/
    .four{
        display: none;
    }

    /*页脚*/
    .footer{
        padding-top: 0.58rem;
        margin-top: 0.4rem;
    }


}