@media (min-width: 1320px) {
    .container {
        width: 1260px;
        padding: 0;}

.nav-btn{display:none}

}


@media (max-width: 1870px) {

    .link {
        right: 60px;}

}

@media (max-width: 1830px) {
    .nav {
        width: 94%;}

    .xiding_active.xiding .nav {
        width: 96%;}
}



@media (max-width: 1800px) {
    .carousel .carousel-inner>.item {
        height: 600px;}


}

@media (max-width: 1790px) {

    .link {
        right: 50px;}

    .link a {
        padding: 4.5px 27px 4.5px 12px;}
}

@media (max-width: 1750px) {

    .xiding .nav_wrap {
        padding-left: 390px;}

    .nav {
        width: 92%;}
}


@media (max-width: 1740px) {
    .carousel .carousel-inner>.item {
        height: 560px;}


}

@media (max-width: 1700px) {


    .nav {
        width: 90%;}
}


@media (max-width: 1680px) {

    .nav {
        width: 87%;}
}



@media (max-width: 1620px) {
    .carousel .carousel-inner>.item {
        height: 520px;}



    .nav {
        width: 85%;}


    .white-dian-body {
        background-size: 100px;}

    .film .film-left {
        width: 100px;}


    .film .film-right {
        width: 100px;
        top: 0px;}

    .culture-left {
        width: 100px;
        top: 5px;}

}


@media (max-width: 1580px) {

    .top_detail {
        padding: 10px 0;}

    .link {
        top: 42px;}

    .link a {
        padding: 4.5px 25px 4.5px 10px;
        font-size: 15px;}



    .nav {
        margin-top: 5px;}



    .nav-btn {
        top: 25px;}
}

@media (max-width: 1570px) {


}

@media (max-width: 1540px) {


    .nav {
        width: 82%;}

    .white-dian-body {
        background-size: 80px;}

    .film .film-right {
        width: 80px;}

    .film .film-left {
        width: 80px;}

    .culture-left {
        width: 80px;}

    .culture{
        padding: 100px 0 60px;}
}


@media (max-width: 1530px) {
    .nav-item li a {
        font-size: 17px;}

    .nav-child li a {
        font-size: 13px;}

.tsjy p {
    font-size: 22px;}

.tongshi-top ul li a {
    font-size: 17px;}

.tongshi-top ul li{
   margin-bottom: 7px;}
.tsjy {
    margin-top: -18px;}

.lingdao-content .lingdao-top h3{
   font-size: 22px;}
}

@media (max-width: 1520px) {


}



@media (max-width: 1500px) {
    .carousel .carousel-inner>.item {
        height: 500px;}


    .nav {
        width: 80%;}


    .xiding .nav_wrap {
        margin-bottom: 20px;}

}


@media (max-width: 1460px) {
    .carousel .carousel-inner>.item {
        height: 470px;}


}

@media (max-width: 1450px) {
    .link a {
        padding: 4.5px 20px 4.5px 7px;
        font-size: 14px;}
}

@media (max-width: 1400px) {
    .carousel-indicators {
        width: 15%;}

    .carousel-caption {
        left: 80%;
        width: 10%;
        bottom: 20px;}

    .guidance {
        margin-left: 15%;}

    .xiding .nav_wrap {
        padding-left: 0;
        margin-top: 55px;
        margin-bottom: 10px;}

    .xiding_active.xiding .nav_wrap {
        margin-top: 0;}

    .link {
        top: 100px;margin-right:40px;}
    
    
    
.f5{width: 100%;position: relative;margin: 60px auto 30px;overflow: hidden;}

.f5 .mySwiper03{width: 77.7vw;position: relative;margin: 0 auto;}

.mySwiper03 .swiper-slide{width: 77.7vw;padding:0 .85vw;}
.mySwiper03 .swiper-slide .cont-l{width: 51.058vw;height: 29.69vw;float: right;}

.mySwiper03 .swiper-slide .cont-r .rImg {height: 14vw;}

.prevBtn { width:28px; height:28px;left: -32px;}
.nextBtn { width:28px; height:28px;right: -32px;}   
}


@media (max-width: 1350px) {
    .carousel .carousel-inner>.item {
        height: 440px;}
}


@media (max-width: 1320px) {

    #full-width-slider2 .date {
        font-size: 22px;}




    #full-width-slider2 .banner-title {
        font-size: 16px;
            bottom: 0px;
    line-height: 32px;
    opacity: .7;
    background: #000;
}

    #full-width-slider .rsBullet {
        width: 32px;
        height: 42px;}

    #full-width-slider .rsBullet span {
        padding: 10px 0;}

    #full-width-slider .banner-dian {
        bottom: 15px;}

    #full-width-slider .rsGCaption {
        bottom: 32px;}

    .project-item {
        width: 225px;
        height: 315px;}

    .rotation-item ul li {
        height: 230px;}

    .rotation-center .rotation-center-img {
        height: 303px;}

    .rotation-item .yisu-item-title {
        font-size: 24px;}

    .rotation-center-text h3 {
        font-size: 24px;}

    .culture .swiper-pagination-bullet {
        margin-left: 50px;}

    .culture {
        padding: 90px 0 60px;}
}

@media (max-width: 1300px) {
    .rvc-prv {
        left: -45px;}

    .rvc-next {
        right: -45px;}

    .rvc {
        max-width: 80%;}

    .nav-btn {
        float: left;}
}

.nav-btn{display:none}
@media (max-width: 1280px) {
    .carousel .carousel-inner>.item {
        height: 410px;}

.nav-btn{display:block;right:0;}
.bluebg{display:none}
.white-dian-body .icon{display:none}


}

@media (max-width: 1270px) {
     .link {
        top: 42px;}

  .nav {
        width: 97%;}

}
@media (max-width: 1200px) {

.tongzhi .tongzhi-wrap{width:100%;}    
    .carousel-indicators {
        left: 72%;
        width: 17%;}

    .carousel-caption {
        left: 88%;
        width: 12%;}

    .guidance {
        margin-left: 10%;}

    .culture-title {
        width: 83%;}


    .carousel .carousel-inner>.item {
        height: 380px;}

    #full-width-slider2 {
        margin-right: 25px;
        width: 56.3%;}

    #full-width-slider2 .date {
        font-size: 20px;
        padding: 5px 9px;}

    #full-width-slider2 .banner-title {
        font-size: 15px;}




    .toutiao {
        width: 100%;
        margin-bottom: 20px;}


    .tongzhi {
        width: 100%;
        margin: 0;}

    #full-width-slider .rsBullet span {
        padding: 8px 0;}

    #full-width-slider .rsBullet {
        width: 29px;
        height: 38px;}

  
  

    .project-item {
        width: 180px;
        height: 252px;}

    .film .swiper-button-prev {
        width: 30px;
        height: 30px;
        background-size: 100%;
        top: 45%;}


    .film .swiper-button-next {
        width: 30px;
        height: 30px;
        background-size: 100%;
        top: 45%;}

   

    .rotation-item ul li {
        height: 190px;}

    .rotation-item .yisu-item-title {
        font-size: 22px;}

    .rotation-center .rotation-center-img {
        height: 240px;}

    .rotation-center-text h3 {
        font-size: 22px;}

    .rotation-center-text .abstract {
        font-size: 14px;
        color: #fff;
        line-height: 26px;
        height: 78px;}



    .rotation-center-text .rotation-center-title {
        width: 12px;}

    .rotation-item .yisu-item-title::after {
        height: 2px;}

    .rotation-center {
        background-size: 200px;}

    .culture .swiper-pagination-bullet {

        margin-left: 30px;}

    .culture .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-size: 22px;}

    .culture {
        padding: 70px 0 50px;}
}

@media (max-width: 1100px) {
    .carousel .carousel-inner>.item {
        height: 350px;}
}

@media (max-width: 1030px) {
    .nav {
        width: 96%;}
}

@media (max-width: 1024px) {
    .apply {
        float: left;
        width: 10%;
        margin: 10px 0 0 10px;}

    .search {display:none}

  
    /* .tongzhi {
        margin: 0 2%;
    } */

    .huodong {
        float: right;
        width: 35%;}

    .huodong-wrap ul li .date {
        width: 22%;}

    .huodong-wrap ul li .list a {
        display: block;
        width: 260px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .rvc {
        max-width: 95%;}

    .yishutuan-top .lanmu h2 {
        margin-top: 75px;
        margin-bottom: 49px;}

    .tsjy {
        padding: 16px 20px;}

    .tongshi-top ul {
        margin-left: 15px;}

    .tongshi-top ul li a {
        margin: 0 15px;}

    .hdyg-wrap ul li .date {
        width: 12%;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 115px;
        left: 100px;}

    .news-wrap .title .s2 {
        display: none;}

    .culture-title {
        width: 83%;}

    .yishutuan-pic {
        height: 182px;}

    .carousel .carousel-inner>.item {
        height: 320px;}

}

@media (max-width: 992px) {

    .nav {
        display: none;}


    .search {
        margin-left: 5px;
        float: right;
        }

    .xiding_active.xiding .search {
        margin-right: 10px;
        margin-bottom: 6px;}

    .xiding .nav_wrap {
        padding-left: 0;
        margin-top: 0px;
        margin-bottom: 30px;}

    .contact-box, .link-box {
        width: 50%;
        float: left;}


    .dibu-wrap .link-box {
        padding-right: 0;}


    .col-sm-3.inform-box {
        width: 50%;
        padding-left: 0;}

    .col-sm-3.code-box {
        width: 50%;}

    .code {
        width: 150px; float:left;}
    
    

    .programa-list ul li {
        width: 150px;}


 

    #full-width-slider .rsGCaption a {
        font-size: 12px;
        padding: 8px 15px;}

    .white-dian-body {
        padding: 35px 0 70px;}

    .toutiao {
        margin-bottom: 30px;}

    .toutiao .title img {
        width: 240px;}

    .tongzhi .title {
        margin-bottom: 20px;}

    .tongzhi .title img {
        width: 250px;}

    .culture .title img {
        width: 270px;}

    #tab-list3 li.tab-active a {
        font-size: 26px;}

    #tab-list3 li.tab-active span {
        width: 30px;
        height: 30px;}

    #tab-list3 li.tab-active span img {
        width: 100%;}

    #tab-list3 li a::before {
        bottom: -12px;
        height: 3px;}

    #tab-list3 li a {
        font-size: 22px;}

    #tab-list3 li.tab-active a::before {
        width: 56%;}

    #full-width-slider .rsBullet span {
        padding: 6px 0;
        font-size: 15px;}

    #full-width-slider .rsGCaption a {
        font-size: 12px;
        padding: 6px 13px;}

   .window-search .window-search-logo {
    max-width: 86%;}
    
    #full-width-slider .banner-dian {
        bottom: 0px;}

    #full-width-slider .rsGCaption {
        bottom: 22px;}

    #full-width-slider .rsBullet {
        width: 25px;
        height: 34px;}

    #full-width-slider2 .date {
        font-size: 18px;}

    .project-carousel .swiper-slide, .project-carousel2 .swiper-slide {
        width: 33.33%;}

    .film .film-right {
        width: 65px;}

    .film .film-left {
        width: 65px;}

    .white-dian-body {
        background-size: 65px;
        margin-bottom: 3px;}

    .culture-left {
        width: 65px;
        top: 3px;}

    .rotation-item .yisu-item-title {
        font-size: 18px;}

    .rotation-item ul li {
        height: 145px;}

    .rotation-center .rotation-center-img {
        height: 190px;}

    .rotation-center-text h3 {
        font-size: 18px;
        margin: 0 0 10px;}

    .rotation-item .yisu-item-title::after {
        height: 1px;}

    .rotation-center-text .rotation-center-title {
        width: 10px;}

    .rotation-center-text .abstract {
        font-size: 12px;
        line-height: 22px;
        height: 66px;
        padding: 0 20px;}


    .rotation-center {
        background-size: 150px;}



    .culture .swiper-pagination {
        top: 60px;
        text-align: center;
        width: 100%;}

    #rotation-picBox {
        padding-top: 35px;
        margin-top: 100px;}


    .culture .swiper-pagination-bullet {

        margin-left: 30px;
        font-size: 16px;}

    .culture .swiper-pagination-bullet.swiper-pagination-bullet-active {
        font-size: 20px;}

    .culture {
        padding: 15px 0 10px;}
}
@media (max-width: 1200px) {

  .logo {
       position:relative;left:0;top:0
    }
.xiding{display:none}
}


@media (max-width: 940px) {
    .carousel .carousel-inner>.item {
        height: 290px;}
}

@media (max-width: 920px) {

    .rvc {
        max-width: 86%;}

    .nav-item li a img {
        margin-left: 0;}

    .nav-item .special {
        width: 23%;}

    .apply a {
        padding: 5px 10px;}

    .carousel-indicators {
        left: 65%;
        width: 22%;}

    .carousel-caption {
        left: 85%;
        bottom: 15px;}

    .huodong-wrap ul li .date {
        width: 24%;}

    .huodong-wrap ul li .list {
        width: 75%;}

    .huodong-wrap ul li .list a {
        display: block;
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}


    .dibu-wrap .col-sm-3 {
        padding: 0 15px;}

    .dibu-wrap .link-box {
        padding-right: 0;}

    .col-sm-3.inform-box {
        padding-left: 0;
        float: left;}

    .col-sm-3.code-box {
        float: left;}

    .tongshi-top ul li a {
        margin: 0 10px;}

    .locations {
        margin-right: 5px;}

    .yishutuan-top .lanmu h2 {
        margin-top: 50px;}

    .nav-second {
        width: 16%;}

    .hdyg-wrap ul li .date {
        width: 14%;}

    .hdyg-wrap ul li .list {
        width: 84%;}

    .guidance {
        margin-left: 5%;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 80px;}

    .carousel-caption a {
        font-size: 14px;}

    .yishutuan-pic {
        height: 157px;}



}





@media (max-width: 840px) {
    .carousel .carousel-inner>.item {
        height: 260px;}
}

@media (max-width: 768px) {


    .nav_wrap {
        margin-bottom: 5px;}

    .nav {
        display: none;}

    .apply {
        width: 18%;
        margin: 10px 0 0 70%;}

    .apply a {
        padding: 5px 30px;}

    .carousel-caption {
        width: 15%;}


    .carousel-control .glyphicon-chevron-left {
        left: 125%;
        top: 55%;}

    .carousel-control .glyphicon-chevron-left img {
        width: 100%;}

    .carousel-control .glyphicon-chevron-right {
        right: -7%;
        top: 55%;}

    .carousel-control .glyphicon-chevron-right img {

        width: 100%;}

    .carousel-indicators li {
        width: 25px;}

    .news-wrap {
        margin: 20px 0 35px;}

    .news-wrap .title .s1 {
        font-size: 22px;}

    .news-wrap .title img {
        margin: -10px 5px 0;}



    /* .tongzhi-wrap ul li a {
        width: 65%;
    } */

    .huodong {
        width: 34%;}

    .huodong-wrap ul li {
        margin: 5px 0;}

    .huodong-wrap ul li .date {
        width: 28%;}

    .huodong-wrap ul li .list {
        width: 70%;}

    .huodong-wrap ul li .list a {
        width: 180px;}



    .dibu-wrap .col-sm-3 span {
        font-size: 12px;}

    .dibu-wrap a img {
        margin-right: 5px;}

    .dibu-wrap a {
        font-size: 12px;}

    .tongshi-bg {
        margin-top: 10px;}

    .lingdao-content ul {
        padding: 10px 20px;}

    .lingdao-list .introduce p {
        margin: 0;}

    .tongshi-content ul li .date, .tongshi-content ul li .browse {
        width: 10%;}

    .tongshi-content ul li .list {
        width: 75%;}

    .tongshi-content ul li .list span {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;}

    .location {
        margin-top: 10px;}

    .hdyg {
        margin: 70px 30px 150px;}

    .nav-second {
        width: 18%;}

    .tzgg-wrap ul li a {
        display: block;
        width: 450px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .xiazai-content ul li a {
        display: block;
        width: 510px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .xiazai-content ul li p {
        margin-right: 20px;}

    .xueshu-content ul li {
        padding: 20px 10px;}

    .xueshu-content ul li h3 {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;}

    .xueshu-content ul li p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        margin: 30px 0 50px 0;}

    .yishutuan-top .lanmu h2 {
        margin-top: 35px;
        margin-bottom: 34px;}

    #underline:after {
        left: 35%;}

    .guida img {
        width: 100%;}

    .cloud {
        background: none;}

    .guidance {
        margin-left: -2%;}

    .into {
        margin: 150px 5%;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 65px;}

    .news-wrap .title a {
        padding: 2px 13px;
        margin-top: 3px;}

    .culture-title {
        width: 82%;}

    .yishutuan-pic {
        height: 127px;}

    .carousel .carousel-inner>.item {
        height: 230px;}


}


@media (max-width: 767px) {
    #full-width-slider2 {
        width: 404px !important;}

    .toutiao .title img {
        width: 210px;}

    .tongzhi .title img {
        width: 215px;}

    .white-dian-body {
        padding: 30px 0 45px;}



    #tab-list3 li.tab-active a {
        font-size: 24px;}

    #tab-list3 li.tab-active span {
        width: 26px;
        height: 26px;
        margin-top: 3px;}

    #tab-list3 li a::before {
        bottom: -8px;
        height: 2px;}

    #tab-list3 li.tab-active a::before {
        width: 53%;}

    #tab-list3 li a {
        font-size: 20px;}

    .culture .title img {
        width: 230px;}

    .film-box .tab-content {
        width: 90%;
        left: 5%;
        top:60px;}


    .rotation-item .yisu-item-title {
        font-size: 16px;}

    .rotation-item .yisu-item-title::after {
        bottom: -5px;}

    .rotation-item ul li {
        height: 130px;}

    .rotation-center {
        top: -20px;}

    .rotation-center .rotation-center-img {
        height: 170px;}

    .rotation-center-text {
        padding: 13px 0 35px;}

    .rotation-center-text .abstract {
        line-height: 20px;
        height: 60px;}

    #rotation-picBox {
        margin-top: 85px;}

    .culture {
        padding: 55px 0 40px;}
    
    
    .film-box { height:520px;}
    
    .peoTxt { width:100%; clear:both;margin-top: 0px; float:none; border:5px solid #d4c199;}
    

    
    .peoTxt h2 { font-size:18px;    margin-bottom: 11px; margin-top:0;}
    .peoTxt .active_anniu { margin-top:0;}
    
    .nyNav { width:100%; margin-top:20px; display:none;}
    .nyNav li:nth-child(1)  { margin-left: 0px;}
    .nyNav li { margin-left: 5px;}
    .nyNav li a { font-size:12px;height: 26px;   line-height: 26px;}
    .nyNav li.on a, .nyNav li a:hover { font-size:15px;}
    
    .mySwiper03 .swiper-slide {width: 100vw;}

    .mySwiper03 .swiper-slide .cont-l {width: 61.058vw;height: 39.69vw;}
    .mySwiper03 .swiper-slide .cont-r {width: 35.24vw;}
    .mySwiper03 .swiper-slide .cont-r .rImg { height: 19vw;}
    
    .mySwiper03 .swiper-slide .cont-l .bottom .title { font-size:14px;}
    .mySwiper03 .swiper-slide .cont-l .bottom { line-height:38px;}
    .mySwiper03 .swiper-slide .cont-r .rImg .bTitle {font-size:14px;line-height:32px; height:32px;}

    .f5 {margin: 20px auto 10px;}
    
    .copyright .copyright-wrap span {padding: 0px 0px;line-height: 22px;}
    .copyright .copyright-wrap { padding:15px 0;}
}


@media (max-width: 720px) {

    .programa {
        padding: 50px 0;}

    .programa-list ul li {
        width: 120px;}

    .programa-list ul li a {
        font-size: 15px;}

    .film .film-right {
        width: 55px;}

    .film .film-left {
        width: 55px;}

    .white-dian-body {
        background-size: 55px;
        margin-bottom: 3px;}

    .culture-left {
        width: 55px;
        top: 3px;}

}

@media (max-width: 700px) {


    .rotation-item .yisu-item-title {
        font-size: 14px;}

    .rotation-item .yisu-item-title::after {
        width: 25px;}

    .rotation-item ul li {
        height: 110px;}

    .rotation-center .rotation-center-img {
        height: 140px;}

    .rotation-center {
        top: -15px;}

    .rotation-center-text {
        padding: 8px 0 25px;}

    .rotation-center-text h3 {
        font-size: 16px;
        margin: 0 0 8px;}

    .rotation-center-text .rotation-center-title {
        width: 8px;}
}

@media (max-width: 670px) {
    .carousel .carousel-inner>.item {
        height: 210px;}
}


@media (max-width: 650px) {



    #full-width-slider2 {
        width: 360px !important;}


    #full-width-slider2 {
        margin-right: 15px;}

    .toutiao .title img {
        width: 190px;}

    .tongzhi .title img {
        width: 195px;}

    .culture .title img {
        width: 195px;}

    #tab-list3 li.tab-active a {
        font-size: 21px;}

    #tab-list3 li a {
        font-size: 18px;}

    .white-dian-body {
        padding: 25px 0 30px;}



    #tab-list3 li {
        margin: 0 16px;}


    .project-item {
        width: 150px;
        height: 210px;}

    .project-carousel, .project-carousel2 {
        margin-top: 30px;}

    .film .swiper-button-prev {
        top: 35%;}

    .film .swiper-button-next {
        top: 35%;}


    .film .film-right {
        width: 45px;}

    .film .film-left {
        width: 45px;}

    .white-dian-body {
        background-size: 45px;
        margin-bottom: 0px; padding-bottom:0;}

    .culture-left {
        width: 45px;
        top: 3px;}

    .culture .swiper-pagination {
        top: 40px;}

        #rotation-picBox {
            margin-top: 60px;}

}

@media (max-width: 640px) {

.culture .swiper-pagination-bullet {
    margin-left: 25px;
    font-size: 14px;}

.culture .swiper-pagination-bullet.swiper-pagination-bullet-active{
    font-size: 18px;}

.culture .swiper-pagination-bullet.swiper-pagination-bullet-active::after{
    width: 38px;
    height: 2px;}


.title-img{max-height:24px;}
.dibu{display:none;}


}


@media (max-width: 620px) {
    .carousel .carousel-inner>.item {
        height: 180px;}
}

@media (max-width: 600px) {
    .link {
        display: none;}

    .search {
        margin-right: 35px;}


.homea{padding:30px 0;}
    .zeng {
        position: absolute;
        z-index: 7;
        width: 100%;
        top: 87px;}

    .link-btn {
        display: block;
        background: rgba(215, 25, 33, .8);
        line-height: 30px;
        position: sticky;
        padding: 0 3%;}

    .link-btn a {
        color: #ffffff;
        font-size: 16px;}

    .link-s {
        margin-top: 0;
        display: none;
        z-index: 99;
        position: absolute;
        background: rgba(215, 25, 33, .8);
        width: 100%;}

    .link-s a {
        margin: 0 20px;
        display: block;
        line-height: 30px;
        color: #ffffff;
        font-size: 12px;}

    .rotation-item ul li {
        height: 90px;}

    .rotation-item .yisu-item-title {
        font-size: 13px;}

    .rotation-center-text h3 {
        font-size: 15px;}

    .rotation-center .rotation-center-img {
        height: 115px;}

    .rotation-center-text {
        padding: 4px 0 15px;}

    .rotation-center-text .abstract {
        line-height: 20px;
        height: 40px;
        -webkit-line-clamp: 2;
        padding: 0 12px;}

}

@media (max-width: 580px) {
    #full-width-slider .rsBullet span {
        padding: 6px 0;
        font-size: 14px;}

    #full-width-slider .banner-dian {
        bottom: -5px;}

    #full-width-slider .rsGCaption {
        bottom: 17px;}
}

@media (max-width: 560px) {

    .programa {
        padding: 42px 0;}

    .programa-list ul li {
        width: 100px;}

    .programa-list ul li a {
        font-size: 14px;}

    .culture .swiper-pagination-bullet {
        margin-left: 20px;
        font-size: 12px;}
    
    .culture .swiper-pagination-bullet.swiper-pagination-bullet-active{
        font-size: 16px;}

    #rotation-picBox {
        margin-top: 50px;}
    
   
}




@media (max-width: 530px) {
    .xinwen-box {
        height: auto;
        overflow: hidden;}

    #full-width-slider2 {
        margin: 0 auto 0px;
        float: initial;
        width: 100% !important;}


    .title {
        margin-bottom: 20px;}

    .xinwen-text ul li p {
        font-size: 14px;
        line-height: 18px;
        height: 18px;
        -webkit-line-clamp: 1;}

    .film {
        padding: 35px 0 40px;}


    .project-item {
        width: 120px;
        height: 168px;}



    .film .swiper-button-prev {
        width: 26px;
        height: 26px;
        left: -30px;
        top: 30%;}

    .film .swiper-button-next {
        width: 26px;
        height: 26px;
        right: -30px;
        top: 30%;}
}

@media (max-width: 520px) {
    .carousel .carousel-inner>.item {
        height: 150px;}

    .dibu-wrap .title p {
        font-size: 16px;}
}

@media (max-width: 500px) {

    .rotation-item {
        width: 50%;}

    .rotation-item {
        width: 35%;}

    .rotation-center {
        width: 45%;
        z-index: 4;
        left: 27.5%;}

    .rotation-center .rotation-center-img {
        height: 120px;}
}



@media (max-width: 460px) {



    .culture .swiper-pagination-bullet.swiper-pagination-bullet-active{
        font-size: 14px;}

    .culture .swiper-pagination-bullet {
        margin-left: 12px;}
}

@media (max-width: 450px) {
    .carousel .carousel-inner>.item {
        height: 120px;}
}

@media (max-width: 440px) {

    .xiding .nav_wrap {
        margin-bottom: 22px;}



    .search {
        margin-right: 32px;
        margin-top: 10px;}

    .toutiao .title img {
        width: 170px;}

    .white-dian-body .title a {
        font-size: 12px;}

    .title {
        margin-bottom: 12px;}

    .tongzhi .title img {
        width: 180px;}

    .tongzhi .title {
        margin-bottom: 12px;}

    .culture .title img {
        width: 171px;}

    #tab-list3 li.tab-active a {
        font-size: 20px;}

    #tab-list3 li a {
        font-size: 16px;}

    .zeng {
        top: 77px;}

    .project-item {
        width: 100px;
        height: 140px;}

 

    .film .swiper-button-prev {
        width: 23px;
        height: 23px;
        left: -30px;
        top: 27%;}

    .film .swiper-button-next {
        width: 23px;
        height: 23px;
        right: -30px;
        top: 27%;}

    .project-carousel, .project-carousel2 {
        margin-top: 10px;}

}

@media (max-width: 430px) {
    .dibu-wrap {
        margin: 28px 16px 20px;}

    .dibu-wrap .col-sm-3 {
        padding: 0;}

    .contact-box, .link-box {
        width: 100%;}

    .col-sm-3.inform-box {
        width: 100%;}

    .col-sm-3.code-box {
        width: 100%;}

    .rotation-item .yisu-item-title {
        font-size: 12px;}

    .rotation-item .yisu-item-title::after {
        width: 18px;
        bottom: -4px;}

    .rotation-center-text h3 {
        font-size: 14px;}

    .rotation-center-text .rotation-center-title {
        width: 7px;}

    .rotation-center .rotation-center-img {
        height: 100px;}

    .rotation-item ul li {
        height: 80px;}
}


@media (max-width: 420px) {
    .film {
        padding: 25px 0 25px;}

    .film .swiper-button-prev {
        top: 23%;
        left: -20px;}

    .film .swiper-button-next {
        top: 23%;
        right: -20px;}



    #tab-list3 li.tab-active a {
        font-size: 18px;}

    #tab-list3 li a {
        font-size: 15px;}

    #tab-list3 li {
        margin: 0 12px;}

    #tab-list3 li.tab-active a::before {
        width: 50%;
        bottom: -5px;
        height: 1px;}

    .rotation-item {
        width: 45%;}

    .rotation-center {
        width: 52%;
        left: 24%;}
}


@media (max-width: 414px) {
    .container {
        /* width: 410px; */
        padding-right: 10px;
        padding-left: 10px;}

    /* .top_detail {
        padding: 2px 0 0;
    } */

    .top_detail {
        padding: 10px 0 10px 10px;}


    .logo img {
        width: 260px;
        height: auto;}
.nav-btn{top:18px}
    .xiding {
        position: fixed;
        z-index: 99999;
        top: 8.3px;
        right: 30px;
        padding: 0;}

    .xiding.xiding_active {
        right: 0;
        top: 0;
        display:none;}

    .zeng {
        position: absolute;
        z-index: 7;
        width: 100%;
        top: 65px;
        display:none;}




    .link {
        display: none;}


    /* .link-btn {
        display: block;
        background: rgba(215, 25, 33, .8);
        line-height: 30px;
        margin-top: 1.3%;
        position: sticky;
        padding: 0 3%;
    }

    .link-btn a {
        color: #ffffff;
        font-size: 16px;
    }

    .link-s {
        margin-top: 0;
        display: none;
        z-index: 99;
        position: absolute;
        background: rgba(215, 25, 33, .8);
        width: 100%;
    }


    .link-s a {
        margin: 0 20px;
        display: block;
        line-height: 30px;
        color: #ffffff;
        font-size: 12px;
    } */

    .link-s span {
        display: none;}

    .carousel {
        margin: 8px 0 0;}



    .apply {
        display: none;}

    .apply-s {
        float: right;}

    .apply-s a {
        font-size: 14px;
        color: #ffffff;
        border: 1px solid #ffffff;
        border-radius: 15px;
        padding: 3px 15px;}

    .apply-s:hover a {
        color: #fff;
        background: #d71921;}

    .apply {
        display: none;}

  
    .xiding .nav_wrap {
        margin-bottom: 0;}

    .search {
        margin-right: 0;}

    .carousel-caption {
        width: 27%;
        left: 70%;
        bottom: -3px;}

    .carousel-caption a {
        padding: 0px 10px;}

    .carousel-indicators {
        left: 35%;
        width: 40%;
        bottom: -2%;}

    .carousel-indicators li {
        padding-top: 2px;
        height: 25px;}

    .carousel-indicators li.active {
        height: 25px;
        width: 25px;}

    .news {
        background: none;}

    .toutiao, .tongzhi, .huodong {
        margin-bottom: 20px;}

    .tongzhi-wrap, .huodong-wrap {
        padding: 0;}

    .huodong-wrap ul li .date {
        width: 21%;}

    .huodong-wrap ul li .list {
        width: 75%;}

    .huodong-wrap ul li .list a {
        width: 260px;}

    .ckgd {
        width: 30%;
        margin: 0 auto 20px;}

    .news-wrap {
        padding-bottom: 0px;
        margin: 20px 0 0;}

    .programa-list ul li {
        width: 45%;
        margin: 10px 2%;
        height: 65px;}

    .programa-list ul li:first-child {
        margin-left: 2%;}

    .programa-list ul li:last-child {
        margin-right: 2%;}

    .culture {
        background: url(https://artcenter.jju.edu.cn/images/bg-big.jpg) no-repeat 100% 75%;}

    .rvc {
        margin: 40px auto 15px;}

    .rvc .rvc-wrapper ul {
        height: 260px;}

    .dibu-wrap .col-sm-3 ul li {
        float: left;
        width: 48%;
        margin: 0 1%;}

    .tongshi-bg {
        padding-top: 60px;}

    .locations {
        margin-right: 0;
        margin-top: 40px;}

    .lingdao-content, .yishutuan-content {
        padding: 10px;}

    .jianjie-wrap {
        padding: 15px 5px;}

    .jianjie-pic, .jianjie-content {
        float: 0;
        width: 98%;}

    .lingdao-content ul li {
        width: 47%;
        margin: 10px 1.5%;}

    .tongshi-top ul {
        margin-left: 0px;
        width: 100%;
        display: none;}

    .tongshi-top ul li a {
        margin: 0 5px;}

    .lingdao-content .lingdao-top h3 {
        margin-top: 0;}

    .lingdao-content ul {
        padding: 10px;}

    .tsjy {
        padding: 10px 15px;
        margin-top: -10px;}

    .tsjy p {
        font-size: 22px;}

    .lingdao-content .nav-third {
        width: 100%;}

    .shizi .locations {
        margin-top: 10px;}

    .lingdao-content .shizi-wrap ul {
        padding: 10px 0;}

    .lingdao-content .shizi-wrap ul li {
        width: 47.5%;
        margin: 15px 1%;}

    .tongshi-content {
        padding: 15px 10px;}

    .tongshi-content ul li .date {
        width: 20%;}

    .tongshi-content ul li .browse {
        display: none;}

    .locations-special {
        margin-top: 20px;}

    .tongshi-content ul li .list a {
        font-size: 16px;
        margin-bottom: 0;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;}

    .hdyg {
        margin: 25px 10px 150px;}

    .nav-second {
        display: none;}

    .hdyg-wrap, .tzgg-wrap, .ttxw-wrap, .xywh-wrap, .ydwy-wrap {
        width: 100%;}

    .tzgg-wrap ul {
        margin-top: 20px;}

    .tzgg-wrap ul li a {
        display: block;
        width: 280px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .toutiao-wrap .introduce {
        padding: 10px;}

    .toutiao-wrap .introduce p {
        margin: 0;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;}

    .toutiao-wrap .introduce span {
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 100%;}

    .toutiao-date {
        padding: 0;}

    .toutiao-date p {
        font-size: 12px;}

    .toutiao-date .p2 {
        font-size: 16px;}

    .ydwy-list ul li .detail .date {
        width: 35%;
        padding: 5px 0;}

    .ydwy-list ul li .detail .biaoti {
        display: block;
        opacity: 1;
        top: 55px;
        padding-left: 5px;}

    .ydwy-list ul li .detail .biaoti p {
        font-size: 12px;}

    .rvc-title {
        padding: 15px 0;}

    .xiazai-content, .xueshu-content {
        padding: 20px;}

    .xiazai-content ul li {
        padding: 10px 0;}

    .xiazai-content ul li a {
        padding-left: 10px;
        font-size: 16px;
        width: 250px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .xiazai-content ul li p {
        margin-right: 5px;}

    .xueshu-content ul li {
        width: 100%;}

    .xueshu-content ul li p {
        margin: 15px 0 50px 0;}

    .tongshi-top ul li a {
        font-size: 16px;}

    .locations {
        margin-top: 5px;}

    .yishutuan-top {
        padding: 0 30px 0 20px;
        margin: 20px 0 30px;}

    .yishutuan-top .lanmu h2 {
        font-size: 20px;
        margin-top: 20px;
        margin-bottom: 9px;}

    #underline:after {
        top: 65%;
        left: 25%;}

    .content-wrap p img {
        width: 100%;}

   /* .content {
        padding: 20px 10px 0 10px;
    }*/

    .content-right {
        float: right;
        width: 85%;}

    .recommend-title {
        padding-left: 5px;}

    .recommend-title span {
        display: none;}

    .recommend-title p {
        font-size: 12px;
        margin: 0;}

    .hdyg-wrap ul li .date {
        width: 20%;}

    .hdyg-wrap ul li .list {
        width: 78%;}

    .hdyg-wrap ul li .list a {
        width: 280px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .cloud {
        margin-top: 100px;
        height: 350px;}

    .guidance img {
        width: 100%;}

    .into {
        margin: 0 2%;}

    .ckgd {
        width: 48%;
        margin: 0 1% 20px;
        padding: 10px 0;}

    .ckgd a {
        font-size: 18px;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 70px;
        left: 130px;}

    .news-wrap .title .s2 {
        display: contents;}

    .culture-title {
        width: 60%;
        margin-left: 19%;}

    .yishutuan-pic {
        height: 76px;}

    .programa-list ul {
        margin: 10px 0;}

    .rvc-prv {
        left: -30px;}

    .rvc-next {
        right: -30px;}

    .yishutuan-detai p img {
        width: 100%;
        height: auto;}

    .yishutuan-detai .title {
        font-size: 24px;}

    .firstRow td p {
        font-size: 22px;}

    .top_red {
        height: 3px;}

    .copyright-wrap span {
        display: block;}

    .switchover {
        border: none;}

    .switchover .shang, .switchover .xia {
        float: none;}
    .culture .swiper-pagination-bullet{
        margin-bottom: 10px;}
  

}

@media (max-width: 389px) {
#rotation-picBox {
    margin-top: 95px;}

.culture .swiper-pagination-bullet{
    margin-left: 15px;}
}

@media (max-width: 380px) {
    .carousel .carousel-inner>.item {
        height: 100px;}

    .dibu-wrap {
        margin: 28px 6px 20px;}

    .logo img {
        width: 240px;}

    .search {
        width: 25px;
        height: 25px;
        margin-top: 12px;}

    .zeng {
        top: 62px;}

.nyNav { display:none;}
}


@media (max-width: 375px) {


    .link a {
        margin: 0 5px;}

    .carousel-caption {
        left: 75%;}

    .carousel-caption a {
        padding: 0px 5px;}

    /* .tongzhi-wrap ul li a {
        width: 75%;
    } */

    .huodong-wrap ul li .date {
        width: 24%;}

    .dibu-wrap a img {
        margin-right: 3px;}

    .lingdao-content .nav-third ul li a {
        font-size: 18px;}

    .tzgg-wrap ul li a {
        display: block;
        width: 235px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .ydwy-list ul li .detail .date {
        padding: 0;}

    .ydwy-list ul li .detail .date p {
        font-size: 20px;}

    .ydwy-list ul li .detail .biaoti {
        top: 50px;}

    .xiazai-content ul li a {
        width: 285px;}

    .xiazai-content ul li p {
        display: none;}

    .xueshu-content ul li h3 {
        font-size: 20px;}

    .tongshi-top ul li a {
        margin: 0 3px;}

    .yishutuan-top .lanmu {
        display: none;}

    .yishutuan-pic {
        width: 100%;}

    .hdyg-wrap ul li .date {
        width: 23%;}

    .hdyg-wrap ul li .list {
        width: 75%;}

    .hdyg-wrap ul li .list a {
        width: 240px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .cloud {
        height: 300px;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        left: 115px;}

    .culture-title {
        width: 56%;}

    .dibu-wrap .col-sm-3 ul li {
        width: 50%;
        margin: 0;}



}

@media (max-width: 360px) {
    .project-item {
        width: 80px;
        height: 112px;}

    .film .swiper-button-prev {
        width: 21px;
        height: 21px;
        top: 20%;}

    .film .swiper-button-next {
        width: 21px;
        height: 21px;
        top: 20%;}

    .film-box {
        height: 204px;}
}


@media (max-width: 350px) {
    .logo img {
        width: 220px;}

    .search {
        margin-top: 9px;}


}

@media (max-width: 330px) {
    .rotation-center .rotation-center-img {
        height: 90px;}
}

@media (max-width: 320px) {


    .link a {
        margin: 0;}

    .apply {
        width: 60%;}

    .carousel-indicators {
        width: 45%;}

    .huodong-wrap ul li .date {
        width: 28%;}

    .huodong-wrap ul li .list {
        width: 70%;}

    .huodong-wrap ul li .list a {
        width: 190px;}

    .programa-list ul li a {
        font-size: 14px;}

    .dibu-wrap .col-sm-3 ul li {
        float: none;
        width: 100%;}


    .lingdao-list .introduce span {
        font-size: 14px;}

    .locations {
        margin-top: 0;}

    .lingdao-content .nav-third ul li a.fixed {
        font-size: 22px;}

    .lingdao-content .nav-third ul li a {
        font-size: 14px;}

    .tzgg-wrap ul li a {
        display: block;
        width: 185px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .ydwy-list ul li .detail .date {
        width: 43%;}

    .ydwy-list ul li .detail .biaoti {
        top: 40px;}

    .xiazai-content ul li a {
        width: 240px;
        font-size: 14px;}

    .content-title h2 {
        font-size: 20px;}

    .hdyg-wrap ul li .date {
        width: 28%;}

    .hdyg-wrap ul li .list {
        width: 71%;}

    .hdyg-wrap ul li .list a {
        width: 200px;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;}

    .cloud {
        height: 260px;}

    .ckgd a {
        font-size: 14px;}

    .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
        bottom: 95px;
        left: 85px;}

    .news-wrap .title .s2 {
        display: none;}

    .culture-title {
        width: 52%;}

    /* .tongzhi-wrap ul li a {
        width: 70%;
    } */
}





@media screen and (max-width:640px){
.intit{margin-bottom: 30px}
.intit .tit h3{font-size: 36px}
.homed .aright .t h4{font-size:36px}
.intit .tit{display: block;}

.homea .aleft .topNews .slideNewss{display: none}
.homea .aleft .topNews .slideNewss .pic{height:auto}
.homea .aleft .topNews .slideNewss .pic img{width:100%;height:auto}
.homea .aleft .topNews .slideNewss .txt h4{font-size: 16px;}
.homea .aleft .topNews .slideNewss .txt p{display: none}
.homea .aleft .topNews .slideNewss .txt{padding:10px;}

.homea .aleft .topNews ul.flex-v{width: 100%;}
.homea .aleft .topNews ul li{height:auto;border-bottom:1px solid #c5d3e1;}
.homea .aleft .topNews ul li.show h4{color:#000}
.homea .aleft .topNews ul li.show time{color:#033f7d}
.homea .aleft .topNews ul li:after{display:none}
.homea .aleft .topNews ul li:before{display:none}
.homea .aleft .topNews ul li h4{margin:0;font-size:14px;}
.homea .aleft .topNews ul li time{font-size:12px;color:#033f7d;float:right}

.peoImg{/* width:100%; */margin: 0 auto;display: block;float: unset;}
.peoImg img{/* width:100%; */}
.peoTxt{display: none}
.programa{display: none}
.dibu-wrap{margin:0;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.homea .aright .list ul{height:auto;}
.homea .aright .list ul li{padding:5px 10px;}
.homea .aright .list ul li time span{font-size: 18px;}
.homea .aright .list ul li time {font-size: 12px;}
.homea .aright .list ul li .h4{font-size: 14px;}
.activeBox{margin:0}
.dibu-wrap .col-sm-4{width:100%;}
.dibu-wrap .col-sm-4:nth-child(2){width:100%;}
.dibu-wrap .col-sm-4 li{display: inline-block;}
.dibu-wrap .title{margin-top:20px;margin-bottom: 10px}
.dibu-wrap .title p{line-height: 1.5}

.dibu-wrap .code{margin:10px auto;float: unset}


}