/* CSS Document */
@font-face {
    font-family: 'msyh';
    src: url("../fonts/msyh.ttc");
}

@font-face {
    font-family: 'msyhbd';
    src: url("../fonts/msyhbd.ttc");
}
@font-face {
    font-family: 'msyhsb';
    src: url("../fonts/msyhsb.ttc");
}
@font-face {
    font-family: 'SourceHanSerifCN-Bold-2';
    src: url("../fonts/SourceHanSerifCN-Bold-2.otf");
}
@font-face {
    font-family: 'SourceHanSerifCN-SemiBold-7';
    src: url("../fonts/SourceHanSerifCN-SemiBold-7.otf");
}
.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o,.pb_sys_common .p_fun a, .pb_sys_common .p_no a{
    border: 1px solid #ccc;
    padding: 5px 8px;
    margin:0px 0px 0px 5px;
    height: 36px !important;
    -
    height:auto;
    line-height: 26px !important;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    min-width: 44px !important;
}
.pb_sys_style1 .p_no_d {
    border: 1px solid #283848 !important;
    color: #fff;
    background-color: #283848 !important;
}

@font-face {
    font-family: 'DINPro-Black';
    src: url("../fonts/DINPro-Black.otf");
}

@font-face {
    font-family: 'AbhayaLibre-Regular';
    src: url("../fonts/AbhayaLibre-Regular.ttf");
}
@font-face {
    font-family: 'AbhayaLibre-ExtraBold';
    src: url("../fonts/AbhayaLibre-ExtraBold.ttf");
}
body {
    color: #333;
    font-size: 14px;
    font-family:"msyh","微软雅黑","Arial",Helvetica,Arial,Tahoma;
    margin:0 auto;
    position:relative;
  overflow-x: hidden;

 
}
.slick-slider{ touch-action: auto!important; }


html{  font-style: 100%;}
.img-hide{ overflow:hidden; display: block; }
.slick-slider{ touch-action: auto!important; }

.img-hide img,.ld-img,.one-list-img div,.zt-slick a div,.rm-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,a:hover .ld-img,a:hover .one-list-img div,.zt-slick a:hover div,a:hover .rm-img{transform: scale(1.05,1.05); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover,a{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
p{ margin:0; }
img{max-width:100%;display: inline-block;vertical-align: middle;}
.index-page{ position: fixed; left: 0; top: 0; right: 0; height: 100vh; z-index: 200; }
.tab-content{ position: relative; }
.tab-content .tab-pane{ display: block; position: absolute; left: 0; top: 0; width: 100%; z-index: -1; opacity: 0; filter:alpha(opacity=0); transition: 0.3s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100);display: block; }
.container{ width: 1440px;}

@keyframes bigScale {
    from {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1)
    }

    to {
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1)
    }
}

.nav-click{ display: none; }
.menu-button { position: absolute; display: none; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;}
.menu-button .bar:nth-of-type(1) { margin-top: 0px;}
.menu-button .bar:nth-of-type(3) { margin-bottom: 0px;}
.bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #fff; border-radius: 10px; -webkit-transition: .3s; transition: .3s; }

.cross .bar{ margin:13px auto; }
.cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);}
.cross .bar:nth-of-type(2) {  opacity: 0;}
.cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);}
.search-box-c{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; }
.search-box-c .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; }
.modal{ z-index: 100000001; }
.modal-backdrop{z-index: 10000000;}
.modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; }
.btn-search-c,.btn-search-c:hover,.btn-search-c:focus{ position: absolute; right: 0; background: #9a0813; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);}
.layer{background:rgba(0,0,0,0.8);position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000;}
.layer .close{font-size:60px; font-family: "宋体"; position:absolute;right:50px;top:50px;width:80px;height:80px;text-align: center;line-height:80px;cursor:pointer;color:#ccc;}
.layer .search_box{height:45px;line-height:45px;width:550px;display:-ms-flexbox;display:flex;transform:translateY(-50px);opacity:0;margin-top:-100px;}
.layer.showdiv .search_box{transform:none;transition:all 0.5s ease-out 0s;opacity:1;}
.layer .search_box .kw{background:#fff; border:none; -ms-flex:1;flex:1;padding:0 12px; height: 45px; font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#0d3a7e;color:#fff; box-shadow: none; border:none; width:120px;text-align: center;font-size:18px;cursor: pointer;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer.active{ opacity: 1; z-index: 1000000; }
.body_b.showdiv{ z-index: 1000; }
.bb{ width: 64px; animation: container ease-in-out 2.7s infinite alternate; height: 64px; cursor: pointer;  position: absolute; bottom: 40px; left: 50%; width: 18px; margin-left: -9px;  }
@keyframes container{
  0%,
  100%,
  20%,
  50%,
  80% {
  transition-timing-function: cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/
  transform: translate3d(0,0,0); /*设置只在Z轴上移动*/
  }
  40%,
  43%{
  transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
  transform: translate3d(0,-30px,0);
  }
  70%{
  transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
  transform: translate3d(0,-15px,0);
  }
  90%{
  transform: translate3d(0,-4px,0);
  }
}


.index-s1 .pagination{ bottom: 30px; left: auto; position: absolute; width: auto; right: 50%; margin-right: -720px; }
.index-s1 .pagination span{ display: inline-block; outline: none!important; cursor: pointer; margin:0 10px;height: 23px; width: 13px; border:none; }
.index-s1 a{ display: block; height: 100vh; }

.index-s1 .pagination span.active{  width: 41px; }
.index-s1,.index-s1 .swiper,.index-s1 .item{ height: 100vh; }

.swiper-pagination-clickable .swiper-pagination-bullet{ margin-right: 15px!important;  border:none!important; outline: none!important; position: relative; font-size: 16px; color: #fff; width: auto; height: auto; background: none; position: relative; opacity: 1; }
.swiper-pagination-clickable .swiper-pagination-bullet:before{ display: block; content: ""; position: absolute; right: -13px; top: 50%; width: 10px; border-top: solid 1px #fff; }
.swiper-pagination-clickable .swiper-pagination-bullet:last-child:before{ display: none!important; }
.swiper-pagination-clickable .swiper-pagination-bullet-active{ color: #99669e; font-size: 20px; }

.index-page{ position: relative; overflow:hidden; }


.header{ position: fixed; left: 0; top: 0; right: 0; z-index: 1000; padding:0 0.8rem; }
.logo{ padding-top: 0.38rem; width: 4.77rem; }
.header-right{ padding-top: 0.3rem; }
.header-link{ font-size: 0.14rem; color: #fff; }
.header-link img{ width: 0.19rem; }
.header-link a{ color: #fff; }
.header-link span{ padding:0 0.15rem; }
.nav-list li{ float: left; position: relative; margin-left: 0.35rem; }
.nav-list li:before {
    display: block;
    content: "";
    position: absolute;
    transition: 0.3s all;
    opacity: 0;
    left: 50%;
    right: 50%;
    bottom: 0;
    height: 0.03rem;
    background: #ff7f50;
}
.nav-list li:hover:before{     left: 0;
    right: 0;
    opacity: 1; }
.nav-list li a{ font-size: 0.2rem; color: #fff; display: block; line-height: 1; padding-bottom: 0.2rem; }
.nav-list{ margin-top: 0.2rem; }
.nav-down{ position:absolute; background: #fff; transform: translate(-50%,0); display: block; left: 50%; top: 100%; min-width: 100%;  }
.nav-down li{ display: block; margin:0; height: 0; overflow:hidden; transition: 0.3s all; }
.nav-down li a{ padding:0 0.15rem; font-size: 0.18rem; color: #222!important; line-height: 0.5rem; display: block; white-space:nowrap; }
.nav-list li:hover .nav-down li{ height: 0.5rem; }
.nav-list li:hover a{ color: #ff7f50; }
.nav-down li a:hover{ color: #ff7f50!important; }
.nav-list li:hover:before{ left: 0; right: 0; opacity: 1; }
.nav-down li:before{ display: none!important; }

.banner-bottom{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 100; }
.banner-bottom-ul li{ float: left; padding:0 0.5rem; width: 25%; position: absolute; left: 0; bottom: 0; }
.banner-bottom-ul li:nth-of-type(2){ left: 25%; }
.banner-bottom-ul li:nth-of-type(3){ left: 50%; }
.banner-bottom-ul li:nth-of-type(4){ left: 75%; }

.banner-bottom-ul li:after{ display: block; content: ""; position: absolute; right: 0; height: 100vh; bottom: 0; border-right: solid 1px rgba(255,255,255,0.3); }
.banner-bottom-ul li:nth-of-type(4):after{ display: none; }
.banner-bottom-ul-tt{ font-size: 0.18rem; color: #fff; line-height: 1; }
.banner-bottom-ul-tt-sm{ font-size: 0.16rem; color: #fff; line-height: 1; margin-top: 0.1rem; text-transform: uppercase; }
.banner-bottom-ul li a{ display: block; padding-bottom: 0.55rem; padding-top: 0.2rem; border-top: solid 1px rgba(255,255,255,0.3); }
.banner-bottom:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 4.6rem; background: url(../images/mask.png) center no-repeat; background-size: 100% 100%; }
.banner-bottom-p{ position: relative; height: 0; overflow:hidden; transition: 0.3s all; padding-right: 1rem; }
.banner-bottom-p p{ line-height: 0.32rem; color: #fff; font-size: 0.14rem; height: 0.64rem; text-align: justify;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.banner-bottom-p:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; width: 0.4rem; height: 0.4rem; background: url(../images/raw.png) center no-repeat; margin-top: -0.2rem; background-size: 100% 100%; }
.banner-bottom-ul li a:hover .banner-bottom-p{ height: 0.64rem; margin-top: 0.13rem; }
.banner-bottom-ul li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0;
    background: rgba(255, 255, 255, .4);
    z-index: -1;
    transition: .5s;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    backdrop-filter: blur(.1rem);
}
.banner-bottom-ul li:hover::before {
        height: 100vh;
        opacity: 1;
        visibility: visible;
    }
.page-one{ padding-top: 0.75rem; padding-left: 0.4rem; padding-right: 0.4rem; }
.title-left{ position: relative; padding-top: 0.3rem; line-height: 1; font-size: 0.4rem; color: #283848; font-family: 'SourceHanSerifCN-Bold-2'; }
.title-left span{ color: #ff7f50; position: relative; z-index: 10; font-family: 'SourceHanSerifCN-Bold-2'; }
.title-left font{ position: absolute; color: #ecf2f7; left: 0; top: 0; text-transform: uppercase; font-family: 'DINPro-Black'; }
.title{ position: relative; margin:0 0.8rem 0.4rem 0.8rem; }
.title a{ position: absolute; right: 0; top: 50%; color: #666; margin-top: -0.15rem; text-align: center;     font-size: 0.16rem;
    color: #666;
    line-height: 1;
    text-align: center;
    padding:0.06rem 0.26rem;
    
    border: solid 1px #666;
    border-radius: 30px; }
.one-slick-left{ width: 8.8rem; }
.one-slick-left a{ display: block; position: relative; }
.one-slick-img{ height: 5rem; }
.one-slick-left a i{ position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: url(../images/img-mask.png) center no-repeat; background-size: 100% 100%; }
.one-slick-bottom{ position: absolute; left: 0.35rem; right: 0.35rem; bottom: 0.35rem; }
.one-slick-tt{ font-family: 'msyhbd'; font-size: 18px; color: #fff; line-height: 1; }
.one-slick-p{ font-size: 14px; line-height: 1; margin-top: 15px; color: #fff; }
.one-slick-date{ border-top: solid 1px #fff; line-height: 1; padding-top: 20px; margin-top: 20px; color: #fff; font-size: 16px; }

.one-slick-r a{ display: block; height: 5rem; transition: 0.3s all; position: relative; background: #f7f7f7; }
.one-slick-r a:hover{ background: #fff; box-shadow: 0 0 0.24rem rgba(255,127,80,0.4); }
.one-slick-r-img{ height: 3.3rem; }
.one-slick .swiper-slide{ width: 4.8rem!important; padding-left: 0.3rem; padding-bottom: 0.5rem; }
.one-slick-r-bottom{ height: 1.7rem; position: relative; }
.one-slick-r-date{ font-size: 0.16rem; color: #666; line-height: 1; }
.one-slick-r-tt{ font-size: 0.18rem; color: #283848; text-align: justify; line-height: 0.3rem; height: 0.6rem;text-align: justify;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 0.1rem; }
.one-slick-bottom-center{ position: absolute; left: 0.3rem; right: 0.3rem; top: 50%; transform: translate(0,-50%); }
.one-slick{ overflow:hidden; position: relative; }
.one-slick .swiper-slide-one{ width: 8.8rem!important; padding-left: 0!important }
.one-slick .swiper-pagination-a{ bottom: 0; left: 50%; background: #e5e5e5; display: flex; right: auto; width: 4.8rem; margin-left: -2.4rem; height: 0.08rem; border-radius: 0.08rem; overflow:hidden; }
.one-slick .swiper-pagination-a span{ flex: 1; height: 0.08rem; border-radius: 0.08rem; margin:0!important; background: #ff7f50; opacity: 0; }
.one-slick .swiper-pagination-a span.swiper-pagination-bullet-active{ opacity: 1; margin:0!important; }
.swiper-pagination-clickable .swiper-pagination-bullet:before{ display: none; }
.page-tow{ padding-top: 0.6rem; padding-left: 0.4rem; padding-right: 0.4rem; }
.one-slick-r a:hover .one-slick-r-tt{ color: #283848; font-family: 'msyhsb'; }
.tz-slick a{ display: block; position: relative; height: 2.4rem; transition: 0.3s all; padding:0.3rem 0.4rem; }
.tz-slick a:hover{ background:url(../images/tz-hover.png) center no-repeat; background-size: cover; padding:0.4rem; box-shadow: 0 0 0.24rem rgba(8,33,80,0.2);  }
.tz-slick-date{ font-size: 0.16rem; white-space:nowrap; line-height: 0.32rem; color: #fff; position: relative; width: 1.2rem; text-align: center; }
.tz-slick-date span{ position: relative; z-index: 10; }
.tz-slick-date:before{ display: block; content: ""; position: absolute; right: 0; top: 0; width: 1.6rem; height:0.69rem; background: url(../images/tz-date.png) center no-repeat; background-size: 100% 100%;  }
.tz-slick-p{ line-height: 0.3rem; transition: 0.3s all; height: 0.6rem; text-align: justify; margin-top: 0.6rem; font-size: 0.18rem; color: #2c3e50; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tz-slick{ margin:0 44px; position: relative; overflow:hidden; }
.tz-slick:before{ display: block; content: ""; top: 0.92rem; position: absolute; left: 0; right: 0; border-top: solid 1px #ddd; }
.tz-slick a:hover:before{ display: block; content: ""; position: absolute; left: 10px; top: 10px; width: 13px; height: 11px; background: url(../images/tz-top.png) center no-repeat; }
.tz-slick a:hover:after{ display: block; content: ""; position: absolute; right: 10px; bottom: 10px; width: 13px; height: 11px; background: url(../images/tz-bottom.png) center no-repeat; }
.tz-slick a:hover .tz-slick-date:before{ display: none; }
.tz-slick a:hover .tz-slick-date{ font-size: 0.24rem; color: #2c3e50; font-family: 'msyhsb'; }
.tz-slick a:hover .tz-slick-p{ font-family: 'msyhsb'; margin-top: 0.45rem; }
.tz-slick-box .swiper-slide{ padding:0 0.2rem; padding-bottom: 1.4rem; }
.tz-slick-box .swiper-button-prev{ width: 40px; height: 40px; top: 94px; background: url(../images/tz-left01.png) center no-repeat; left: 0; }
.tz-slick-box .swiper-button-next{ width: 40px; height: 40px; top: 94px; background: url(../images/tz-right01.png) center no-repeat; right: 0; }
.tz-slick-box .swiper-button-prev:hover{ background: url(../images/tz-left02.png) center no-repeat; }
.tz-slick-box .swiper-button-next:hover{ background: url(../images/tz-right02.png) center no-repeat; }
.tz-slick-box{ position: relative; }
.swiper-button-prev:after,.swiper-button-next:after{ display: none; }
.page-three{ background: url(../images/back03.png) center no-repeat; background-attachment: fixed !important; background-size: cover; padding:1rem 1.2rem 1.15rem 1.2rem; }
.three-tt{ font-size: 0.48rem; color: #fff; font-family: 'msyhsb'; line-height: 1.2; }
.three-number-list li{ float: left; margin-left: 1.5rem; }
.date-top span{ display: inline-block; color: #fff; position: relative; font-family: 'msyhsb'; line-height: 1; font-size: 0.8rem; padding-right: 0.3rem; }
.date-top span font{ font-size: 0.24rem; color: #fff; font-family: 'msyhsb'; position: absolute; right: 0; top: 0.2rem; line-height: 1; }
.date-bottom{ font-size: 0.18rem; color: #fff; margin-top: 0.3rem; }
.three-p{ font-size: 0.18rem; color: #fff; line-height: 0.4rem; max-width: 5.9rem; margin-top: 0.85rem; }
.three-number-list li:first-child{ margin-left: 0; }
.date-more{ font-size: 0.24rem; color: #fff; display: inline-block; margin-top: 0.85rem; font-family: 'msyhsb'; border:solid 1px #fff; line-height: 1; padding:0.18rem 0.7rem; border-radius: 0.6rem; }
.video-img-box{ margin:0.7rem 0rem 0 0rem; position: relative; }
.video-img-a{ height: 7.2rem; }
.video-play{ position: absolute; left: 50%; top: 50%; width: 0.92rem; height: 0.92rem; background: url(../images/play.png) center no-repeat; background-size: 100% 100%; }
.page-four{ background: #eceff2; padding:0.75rem 1.2rem 0.5rem 1.2rem; }
.page-four .title-left font{ color: #c5cad0; }
.page-four .title-left strong{ font-weight: normal; position: relative; z-index: 10; font-family: 'SourceHanSerifCN-Bold-2'; }
.page-four .title-left span{ z-index: 10; position: relative; }
.four-swiper .swiper-slide a{ display: block; width: 3rem; height: 4rem; position: absolute; }
.four-img{ position: absolute; left: 0; top: 0; right: 0; transition: 0.3s all; }
.four-img-a{ width: 3rem; height: 4rem; }
.four-img-mask{ position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: url(../images/four-mask.png) center no-repeat; background-size: 100% 100%; }
.four-img-bottom{ position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0.2rem; }
.four-img-name{ font-size: 0.18rem; color: #fff; line-height: 1; }
.four-img-p{ font-size: 0.14rem; line-height: 1; margin-top: 0.1rem; color: #fff; }
.four-swiper .swiper-slide-active .four-img-mask,.four-swiper .swiper-slide-active .four-img-bottom{ opacity: 0; }
.four-swiper .swiper-slide-active a{ width: 10rem; transition: 0.3s all; left: 50%; margin-left: -5rem; background: url(../images/four-link.png) center no-repeat; background-size: cover; }
.four-swiper .swiper-slide{ position: relative; height: 4rem;  }
.four-swiper .swiper-slide-prev a{ left: 0; top: 0; }
.four-swiper .swiper-slide-next a{ right: 0; top: 0; }
.four-swiper{ overflow:hidden; padding-top: 0.5rem; padding-bottom: 1.2rem; position: relative; }
.four-swiper .swiper-slide-active .four-img{ left: 0.4rem; top: -0.5rem; width: 3rem; }
.four-swiper-right{ position: absolute; opacity: 0; transition: 0.3s all; left: 3.75rem; width: 5.9rem; top: 0.6rem; }
.four-swiper-name{ font-size: 0.28rem; color: #222; font-family: 'msyhsb'; }
.four-swiper-p{ font-size: 0.16rem; color: #283848; line-height: 1; margin-top: 0.2rem; }
.four-swiper-txt{ color: #283848; font-size: 0.14rem; margin-top: 0.3rem; line-height: 2.2; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; }
.four-more{ display: inline-block; padding-right: 0.6rem; margin-top: 0.6rem; color: #283848; font-size: 0.14rem; background: url(../images/more.png) right center no-repeat; background-size: 0.46rem auto; }
.four-swiper .swiper-slide-active .four-swiper-right{ opacity: 1; }
.four-swiper .swiper-pagination{ bottom: 0; width: 100%; }
.four-swiper .swiper-pagination span{ width: 22px; height: 22px; background: url(../images/icon-f01.png) center no-repeat; }
.four-swiper .swiper-pagination span.swiper-pagination-bullet-active{ background: url(../images/icon-f02.png) center no-repeat; }
.page-four .title{ margin-left: 0; margin-right: 0; }
.page-five{ background: url(../images/back05.png) center no-repeat; background-size: cover; padding: 1rem 1.2rem 0 1.2rem; }
.five-tabs li{ display: inline-block; margin:0 0.5rem; position: relative; }
.five-tabs li a{ font-family: 'SourceHanSerifCN-SemiBold-7'; display: block; line-height: 1; transform: translate(0,0.15rem); transition: 0.3s all; position: relative; font-size: 0.24rem; color: #666; }
.five-tabs li.active a:before{ display: block; content: ""; position: absolute; left: 0; bottom: -0.2rem; height: 0.04rem; width: 100%; background: #ff7f50; }
.five-tabs li a span{ font-family: 'SourceHanSerifCN-SemiBold-7'; }
.five-tabs li.active a{ font-family: 'SourceHanSerifCN-Bold-2'; color: #283848; font-size: 0.4rem; transform: translate(0,0); }
.five-tabs li.active a span{ font-family: 'SourceHanSerifCN-Bold-2'; color: #ff7f50; }
.five-tabs li a:hover{ color: #283848; }
.five-tabs li a:hover span{ color: #ff7f50; }
.five-tabs{ height: 1rem; }
.js-list-img div{ padding-top: 60%; }
.js-list li{ float: left; width: 33.333333%; padding:0 0.15rem; }
.js-list{ margin:0 -0.15rem; }
.js-list-tt{ font-family: 'msyhsb'; line-height: 1; margin-top: 0.3rem; font-size: 0.24rem; color: #283848; }
.js-list-label span{ display: inline-block; margin-right: 0.1rem; font-size: 0.14rem; padding:0.1rem 0.2rem; line-height: 1; border-radius: 0.3rem; background: #ffe5dc; }
.js-list-label{ margin-top: 0.25rem; }
.js-list-p{ color: #666; font-size: 0.14rem; line-height: 2.2; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 0.2rem;}
.js-more{ display: inline-block; padding-right: 60px; margin-top: 0.3rem; color: #666; font-size: 0.14rem; background: url(../images/more02.png) right center no-repeat; }
.tabs-more{ position: absolute;
    right: 0;
    top: -0.9rem;
    font-size: 0.16rem;
    color: #666;
    line-height: 1;
    text-align: center;
    padding:0.06rem 0.26rem;
    
    border: solid 1px #666;
    border-radius: 30px; }
.five-sm .title-left strong{ font-weight: normal; position: relative; z-index: 10; font-family: 'SourceHanSerifCN-Bold-2'; }
.five-sm{ margin-top: 0.75rem; padding-bottom: 1rem; }
.five-sm .title{ margin-left: 0; margin-right: 0; }
.zp-tabs{ background: url(../images/tabs-back.png) center no-repeat; position: relative; z-index: 10; padding:0.5rem 1.2rem 0 0.4rem; background-size: 100% 100%; width: 4.8rem; height: 6.8rem; }
.zp-tabs li a{ display: block; line-height: 1rem; padding-left: 0.7rem; border-bottom: solid 1px #ddd; font-family: 'msyhsb'; font-size: 0.24rem; color: #283848; }
.zp-tabs li.active a{ color: #ff7f50; }
.zp-tabs li:nth-of-type(1) a{ background: url(../images/icon-tabs01.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(2) a{ background: url(../images/icon-tabs02.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(3) a{ background: url(../images/icon-tabs03.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(4) a{ background: url(../images/icon-tabs04.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(1).active a{ background: url(../images/icon-tabs01-1.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(2).active a{ background: url(../images/icon-tabs02-1.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(3).active a{ background: url(../images/icon-tabs03-1.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-tabs li:nth-of-type(4).active a{ background: url(../images/icon-tabs04-1.png) left center no-repeat; background-size: 0.4rem auto; }
.zp-box{ position: relative; height: 8.01rem; background: url(../images/back-f.png) center no-repeat; background-size: 100% 100%; }
.zp-right{ position: absolute; z-index: 10; left: 4.2rem; right: 0; top: 0; }
.zp-img div{ height: 7.2rem; }
.zp-img{ position: relative; }
.zp-img:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; height: 4.7rem; background: url(../images/zp-bottom.png) center no-repeat; background-size: 100% 100%; }
.zp-slick a{ display: block; position: relative; margin-top: 0.81rem; transition: 0.3s all; }
.zp-slick a span{ position: absolute; left: 0.2rem; right: 0.2rem; bottom: 0.2rem; color: #fff; font-size: 0.18rem; z-index: 15; }
.zp-slick .slick-current a{ margin-top: 0; }
.zp-slick .slick-list{ padding:0!important; }
.zp-slick{ margin:0; }
.page-six{ padding:0.7rem 1.2rem 1.6rem 1.2rem; background: #eceff2; position: relative; }
.page-six:before{ display: block; content: ""; position: absolute; left: 0; right: 0; top: 0; height: 6.4rem; background: url(../images/six-a.png) center top no-repeat; background-size: 100% 100%; }
.six-top .title-left strong,.six-top .title-left span{ font-weight: normal; color: #fff; position: relative; z-index: 10; font-family: 'SourceHanSerifCN-Bold-2'; }
.six-top .title-left font{ color: #d4d4d4; opacity: 0.2; }
.six-top .title{ margin-left: 0; margin-right: 0; }
.six-top .title a{ color: #fff; border-color: #fff; }
.zs-list li{ float: left; width: 33.333333%; padding:0 0.15rem; }
.zs-list li:nth-of-type(2){ animation-delay: 0.2s; }
.zs-list li:nth-of-type(3){ animation-delay: 0.4s; }
.zs-list{ margin:0 -0.15rem; }
.zs-img div{ height: 5.6rem; }
.zs-list li a{ display: block; position: relative; overflow:hidden; }
.zs-list-label{ position: absolute; left: 0.1rem; bottom: 0.1rem; padding:0.28rem 0 0.28rem 0.14rem; width: 2.4rem; background: #fff; font-size: 0.24rem; color: #2c3e50; line-height: 1.4; }
.zs-list-label:before{ display: block; content: ""; position: absolute; width: 0.48rem; height: 0.48rem; right:0.2rem; background: url(../images/raw-b.png) center no-repeat; top: 50%; margin-top: -0.24rem;  }
a:hover .zs-list-label{ display: none; }
.zs-hover{ position: absolute; transition: 0.3s all; transform: translate(0,100%); left: 0; top: 0; padding:0.45rem; width: 100%; height: 100%; background: rgba(44,62,80,0.9); z-index: 100; }
.zs-hover-tt{ font-size: 0.24rem; color: #fff; line-height: 1; }
.zs-hover-tt-sm{ font-size: 0.2rem; color: #fff; line-height: 1; margin-top: 0.75rem; }
.zs-hover-tt-sm span{ font-size: 0.4rem; font-weight: bold; }
.zs-hover-p{ font-size: 0.16rem; color: #fff; text-align: justify; line-height: 0.3rem; height: 1.5rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; }
.zs-hover-p{ margin-top: 0.4rem; }
.zs-hover-more{ display: inline-block; border:solid 1px #fff; padding:0.22rem 0.38rem; line-height: 1; border-radius: 0.4rem; font-size: 0.18rem; color: #fff; margin-top: 0.5rem; }
.zs-list li a:hover .zs-hover{ transform: translate(0,0); }
.gz-box{ position: relative; margin-top: 1rem; padding:0.75rem 0.3rem 0.55rem 0; }
.gz-box .title-left strong,.gz-box .title-left span{ font-weight: normal; position: relative; z-index: 10; font-family: 'SourceHanSerifCN-Bold-2'; }
.gz-box:before{ display: block; content: ""; position: absolute; left: -1.2rem; right: 0; top: 0; bottom: 0; background: #fff; }
.gz-box-left{ width: 11.1rem;  }
.gz-list li{ float: left; width: 50%; padding:0 0.15rem; }
.gz-list li a{ display: block; position: relative; overflow:hidden; }
.gz-list-date{ line-height: 1; margin-top: 0.35rem; font-size: 0.16rem; color: #666; }
.gz-list-p{ font-size: 0.18rem; margin-top: 0.1rem; color: #283848; line-height: 0.35rem; height: 0.7rem; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.gz-list-img div{ height: 3.2rem; }
.gz-box-right{ width: 5rem; }
.gz-box-news li a{ display: block; position: relative; line-height: 0.8rem; font-size: 0.18rem; color: #283848; padding-right: 1rem; }
.gz-box-news li a span{ position: absolute; right: 0; top: 0; }
.gz-box-news li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.gz-box-news li:last-child a:before{ display: none; }
.footer{ background: #283848; padding:0.6rem 1.2rem 0 1.2rem; }
.footer-left{ width: 4.77rem; margin-right: 1.15rem; }
.logo-txt img{ width: 4.4rem; }
.logo-txt{ margin-top: 0.4rem; }
.footer-number{ position: relative; margin-top: 0.4rem; padding-left: 0.84rem; font-size: 0.16rem; color: #939da7; line-height: 1; }
.footer-number span{ position: absolute; left: 0; top: 0; }
.footer-number p{ margin-bottom: 0.15rem; }
.footer-number p font{ display: inline-block; margin-right: 0.7rem; }
.footer-center-tt{ font-size: 0.24rem; color: #fff; line-height: 1; margin-bottom: 0.4rem; }
.footer-center-p p{ line-height: 1; position: relative; font-size: 0.16rem; color: #939da7; padding-left: 0.8rem; margin-bottom: 0.15rem; }
.footer-center-p p span{ position: absolute; left: 0; top: 0; }
.footer-center{ margin-right: 1.15rem; }
.footer-list li a{ font-size: 0.16rem; color: #939da7; }
.footer-list li{ line-height: 1; margin-bottom: 0.15rem; }
.footer-ewm li{ float: left; margin-left: 0.7rem; }
.footer-ewm li a img.a{ opacity: 0.5; }
.footer-ewm li a{ display: inline-block; position: relative; }
.footer-ewm li a span{ display: none; position: absolute; left: 50%; width: 1.2rem; margin-left: -0.6rem; top: 100%; margin-top: 15px; }
.footer-ewm li a span font{ position: absolute; left: 50%; bottom: 100%; transform: translate(-50%,0); color: #fff; transform: rotate(180deg); }
.footer-ewm li a:hover span{ display: block; }
.footer-ewm li a:hover img.a{ opacity: 1; }
.footer-ewm li:first-child{ margin-left: 0; }
.footer-lind{ background: url(../images/footer-lind.png) center top no-repeat; margin-top: 0.45rem; padding:0.2rem 0; color: #939da7; font-size: 0.14rem; }
.header{ background: linear-gradient(0deg, transparent, rgba(0, 0, 0, .5)); height: 1.5rem; }
.header{ transition: 0.5s all; }

.title a:hover{ background: #ff8153; border-color: #ff8153; color: #fff; }
.date-more:hover{ background: #fff; color: #ff8153; }

.zp-slick .slick-prev{ left: 0.2rem; z-index: 100; top: 4.1rem; width: 0.4rem; height: 0.4rem; background: url(../images/tz-left01.png) center no-repeat; background-size: 100% 100%; }
.zp-slick .slick-next{ right: 0.2rem; z-index: 100; top: 4.1rem; width: 0.4rem; height: 0.4rem; background: url(../images/tz-right01.png) center no-repeat; background-size: 100% 100%; }
.slick-prev:before,.slick-next:before{ display: none; }
.zp-slick .slick-prev:hover{ background: url(../images/tz-left02.png) center no-repeat; background-size: 100% 100%; }
.zp-slick .slick-next:hover{ background: url(../images/tz-right02.png) center no-repeat; background-size: 100% 100%; }
.gy::after {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 20;
    display: block;
    width: 50%;
    height: 100%;
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    background: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
    background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.1));
}
a:hover .gy::after,.gy:hover::after {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}
.gy{ position: relative; }
@-webkit-keyframes shine {100% {left: 115%;}}@keyframes shine {100% {left: 115%;}}

.one-slick-img,.one-slick-r-img,.four-img-a,.js-list-img div,.zp-img div,.gz-list-img div{ transition: 0.3s all; }
a:hover .one-slick-img,a:hover .one-slick-r-img,a:hover .four-img-a,a:hover .js-list-img div,a:hover .zp-img div,a:hover .gz-list-img div{ transform: scale(1.05,1.05); }
.footer-list li a:hover{ color: #fff; }

a:hover .one-slick-tt,a:hover .js-list-tt{ font-family: 'msyhsb'; }
a:hover .four-more,a:hover .js-more{ color: #ff7f50; background: url(../images/more03.png) right center no-repeat; background-size: 0.46rem auto; }
.zs-hover-more:hover{ background: #fff; color: #ff7f50; }
a:hover .gz-list-p,.gz-box-news li a:hover{ font-family: 'msyhsb'; }
.gz-box-news li a:after{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; border-top: solid 1px #ff7f50; transition: 0.3s all; }
.gz-box-news li a:hover:after{ width: 100%; }
.gz-box-news li a{ transition: 0.3s all; }
.index-page .prev{ position: absolute; left: 0.5rem; top: 50%; z-index: 120; width: 0.4rem; height: 0.4rem; background: url(../images/tz-left01.png) center no-repeat; background-size: 100% 100%; opacity: 0.5; }
.index-page .next{ position: absolute; right: 0.5rem; top: 50%; z-index: 120; width: 0.4rem; height: 0.4rem; background: url(../images/tz-right01.png) center no-repeat; background-size: 100% 100%; opacity: 0.5; }
.index-page .prev:hover,.index-page .next:hover{ opacity: 1; }
.fix-ul{ position: fixed; right: 0.2rem; bottom: 2rem; z-index: 100; }
.fix-ul li a{ display: block; background: #fff; position: relative; width:0.6rem; height: 0.6rem; box-shadow: 0.08rem 0.08rem 0.16rem rgba(181,27,33,0.1); }
.fix-ul li a span{ float: left; background: #ff8153; display: block; height: 0.6rem; width: 0; overflow:hidden; transition: 0.5s all; position: absolute; right: 0; }
.fix-ul li a span font{ font-size: 0.16rem; color: #fff; width: 1.2rem; padding-left: 0.3rem; position: absolute; left: 0; top: 0; line-height: 0.6rem; }
.fix-ul li a:hover span{ width: 1.2rem; }
.fix-ul li a i{ float: left; width: 0.6rem; height: 0.6rem; background: url(../images/ly.png) center no-repeat; background-size: 100% 100%; transition: 0.5s all; position: absolute; left: 0; top: 0; }
.fix-ul li a:hover i{ left: -1.2rem; background: url(../images/ly.png) center no-repeat; background-size: 100% 100%; }
.fix-ul li{ margin-bottom: 0.1rem; }
.video-ycw{
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: none;
  z-index: 999900;
  background: rgba(0,0,0,0.8);
}
.video-yc{
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 90%;
  max-width: 12rem;
  height: auto;
  background: #000;
  box-shadow: 0 0 8px rgba(0,0,0,0.6);
}
.video-close{
  float: right;
  width: 60px;
  height: 60px;
  background: url(../images/close02.png) no-repeat;
  position: relative;
  top: -30px;
  right: -30px;
  transition: 0.3s all;
  cursor: pointer;
}
.jz-btn:hover, .video-close:hover {
    transform: rotate(180deg);
}
/****************图文列表**************/
.list-banner img{ width: 100%; }
.list-banner{ position: relative; overflow:hidden; }
.warp{ width: 14.4rem; margin:0 auto; }
.list-banner-bottom{ position: absolute; left: 0; right: 0; bottom: 0.3rem; }
.banner-tt-top{ text-transform: uppercase; font-family: 'DINPro-Black'; font-size: 0.4rem; color: #fff; line-height: 1; }
.banner-tt-bottom{ font-family: 'msyhsb'; color: #fff; line-height: 1; margin-top: 0.15rem; font-size: 0.64rem; }
.nav-b{ font-size: 0.18rem; margin-top: 1rem; color: #fff; }
.nav-b a{ color: #fff; }
.news-slick-left{ width: 61%; }
.news-slick-left div{ height:5rem; transition: 0.3s all; }
a:hover .news-slick-left div{ transform: scale(1.05,1.05); }
.news-slick{ margin-top: 0.8rem; margin-bottom: 0; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.news-slick a{ display: block; background: #f7f7f7; overflow:hidden; }
.news-slick-right{ width: 39%; padding:0.4rem; }
.news-slick-span{ font-size: 0.16rem; color: #fff; background: #ff7f50; width: 1.2rem; height: 0.3rem; border-radius: 0.3rem; text-align: center; line-height: 0.31rem; }
.news-slick-tt{ font-size: 0.24rem; color: #283848; text-align: justify; line-height: 0.4rem; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 0.2rem; height: 0.8rem; font-family: 'msyhsb';  }
.news-slick-p{ color: #283848; font-size: 0.14rem; line-height: 0.4rem; height: 2rem; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 5;
-webkit-box-orient: vertical; margin-top: 0.13rem; }
.news-slick .slick-dots{ left: 61%; margin-left: 0.4rem; bottom: 0.4rem; width: auto; }
.news-slick .slick-dots li,.news-slick .slick-dots li button{ width: 0.12rem; height: 0.12rem;  }
.news-slick .slick-dots li button{ background: url(../images/icon-n01.png) center no-repeat; background-size:0.08rem 0.08rem;  }
.news-slick .slick-dots li.slick-active button{ background: url(../images/icon-n02.png) center no-repeat; background-size:0.12rem 0.12rem;  }
.news-slick .slick-dots li{ margin:0 0.25rem 0 0; }
.slick-dots li button:before{ display: none; }
.news-ul li a{ display: block; position: relative; height: 2.6rem;  }
.news-ul li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #b3b5cc; }
.news-ul{ margin-top: 0.4rem; }
.news-ul-date{ position: absolute; text-align: right; left: 0.45rem; line-height: 1; top: 50%; transform: translate(0,-50%); font-size: 0.18rem; color: #283848; }
.news-ul-date span{ font-size: 0.4rem; line-height: 1; margin-bottom: 0.05rem; display: inline-block; }
.news-ul-center{ position: absolute; left: 2.3rem; top: 0.8rem; right: 4.45rem; }
.news-ul-tt{ font-family: 'msyhsb'; font-size: 0.24rem; color: #283848; line-height: 1; }
.news-ul-p{ font-size: 0.14rem; color: #283848; line-height: 0.32rem; margin-top: 0.2rem;  text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.news-ul li a i.a{ position: absolute; left: 1.7rem; top: 50%; border-right: solid 1px #ddd; height: 1.2rem; margin-top: -0.6rem; }
.news-ul-img{ position: absolute; right: 0.4rem; top: 50%; margin-top: -0.9rem; }
.news-ul-img div{ width: 3.2rem; height: 1.8rem; transition: 0.3s all; }
a:hover .news-ul-img div{ transform: scale(1.05,1.05); }
i.b{ transition: 0.3s; position: absolute; left: 0; top: 0; height: 0; width: 4px; background: #ff7f50; }
i.c{ transition: 0.3s; position: absolute; right: 0; bottom: 0;  height: 0; width: 4px; background: #ff7f50; }
i.d{ transition: 0.3s; position: absolute; left: 0; bottom: 0; width: 0; height: 4px; background: #ff7f50; }
i.e{ transition: 0.3s; position: absolute; right: 0; top: 0; width: 0; height: 4px; background: #ff7f50; }
a:hover i.b{ height: 100%; }
a:hover i.c{ height: 100%; }
a:hover i.d{ width: 100%; }
a:hover i.e{ width: 100%; }
a:hover .news-ul-tt,a:hover .news-ul-date{ color: #ff7f50; }
a:hover .news-ul-date{ font-weight: bold; }
.list-back{ background: url(../images/foot.png) center bottom no-repeat; background-size: 100% auto; padding-bottom: 1rem; }
.page-box{ margin-top: 0.2rem; }
.wz-list li a:hover:after{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border:solid 4px #ff7f50; border-radius: 0 0.7rem 0 0.7rem; }
.wz-list li a:hover:before{ display: none; }
.wz-list li a:hover{ background: url(../images/wz-back.png) center no-repeat; background-size: cover; }
.wz-list li a .news-ul-center{ right: 2.5rem; }
.wz-more{ position: absolute; right: 0.4rem; font-size: 0.16rem; color: #283848; text-align: center; top: 50%; transform: translate(0,-50%); width: 1.6rem; line-height: 0.38rem; border:solid 1px #b3b5cc; border-radius: 0.38rem; }
a:hover .wz-more{ border-color: #ff7f50; color: #ff7f50; }
/*************图文详情************/
.article-top{ position: relative; padding-right: 4.5rem; margin-top: 1rem; }
.article-top h1{ font-size: 0.4rem; color: #283848; font-weight: bold; line-height: 0.6rem; margin:0; }
.article-number{ position: absolute; right: 0; bottom: 0; font-size: 0.16rem; color: #283848; }
.article-number>span{ display: inline-block; padding-left: 0.25rem; }
.article-p {border-top: solid 1px #b3b5cc;border-bottom: solid 2px #283848;margin-top: 0.3rem;padding:0.3rem 0.85rem;}
.article-p p{text-indent: 2em;font-size: 0.2rem !important;color: #283848;text-align: justify;line-height: 0.4rem !important;margin-bottom: 0.3rem;word-break: break-all;}
.article-p p span{font-size: 0.2rem !important;color: #283848;line-height: 0.4rem !important;}
.article-p img{ margin:0 auto 0.3rem auto; display: block;max-width:100%;height:auto !important;
  }
/****************学院概况**************/
.gk-left{ width: 3.2rem; padding-top: 0.4rem; margin-top: 0.8rem; height: 6.41rem; background: url(../images/nav-left.png) center no-repeat; background-size: 100% 100%; }
.nav-left{ margin:0 0.2rem; }
.nav-left li a{ display: block; padding-left: 0.4rem; position: relative; line-height: 0.8rem; height: 0.8rem; font-size: 0.2rem; color: #283848; }
.nav-left li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.nav-left li.active a i{ position: absolute; right: 0.15rem; top: 0; bottom: 0; width: 0.09rem; background: url(../images/nav-raw.png) center no-repeat; background-size: 100% auto; }
.nav-left li.active a,.nav-left li a:hover{ font-family: 'msyhsb'; }
.nav-left li a:after{ display: block; content: ""; position: absolute; left: 0; width: 0; transition: 0.3s all; bottom: 0; border-top: solid 1px #ff7f50; }
.nav-left li.active a:after,.nav-left li a:hover:after{ width: 100%; }
.nav-left li.active a{ font-size: 0.24rem; }
.gk-right{ width: 10.8rem; }
.gk-right-tt{ font-size: 0.48rem; margin-top: 0.8rem; color: #283848; line-height: 1rem; font-family: 'msyhsb'; border-bottom: solid 1px #b3b5cc; }
.jj-img{ margin-top: 0.4rem; }
.jj-ul li{ float: left; width: 25%; padding:0 0.2rem; margin-top: 0.4rem; }
.jj-ul{ margin:0 -0.2rem; }
.jj-ul-box{ background: #eceff2; height: 1.8rem; padding-top: 0.4rem; }
.jj-number-top span{ display: inline-block; padding-right: 0.3rem; position: relative; font-size: 0.64rem; color: #283848; font-family: 'msyhsb'; }
.jj-number-top span i{ font-family: 'msyhsb'; font-style: normal; }
.jj-number-top span font{ position: absolute; right: 0; top: 0; font-family: 'msyhsb'; font-size: 0.24rem; }
.jj-number-bottom{ font-size: 0.18rem; color: #283848; margin-top: 0.3rem; }
.jj-p p{font-size: 0.2rem !important;color: #283848;text-align: justify;line-height: 0.4rem !important;text-indent: 2em;}
.jj-p{ margin-top: 0.4rem; }
.gk-box{ border-bottom: solid 2px #283848; }
/***************组织架构****************/
.jg-list li{ padding-left: 0.2rem; }
.jg-list-top{   position: relative; cursor: pointer; border-bottom: solid 1px #b3b5cc; }
.jg-list{ margin-top: 0.8rem; }
.jg-list-top:before{ display: block; content: ""; position: absolute; left: -0.2rem; top: -0.2rem; width: 0.8rem; height: 0.8rem;  border:solid 0.04rem #c2c4d6; }
.jg-list-tt{ font-size: 0.24rem; font-family: 'msyhsb'; z-index: 10; position: relative; color: #283848; padding-left: 0.4rem; background: #f8f8f9; line-height: 0.8rem; height: 0.8rem; }
.jg-list-tt i{ position: absolute; transition: 0.3s all; right:0.25rem; top: 0; bottom: 0; transform: rotate(45deg); width: 10px; background: url(../images/close-a.png) center no-repeat; }
.jg-list ol{ float: left; width: 50%; padding:0 0.3rem;  }
.jg-list ol a{ display: block; line-height: 0.8rem; font-size: 0.24rem; color: #283848; height: 0.8rem; padding:0 0.15rem; position: relative; }
.jg-list ol a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: dashed 1px #b3b5cc; }
.jg-list ol a:hover{ font-family: 'msyhsb'; color: #ff7f50; }
.jg-list ol a:after{ display: block; content: ""; position: absolute; left: 0; right: 100%; transition: 0.3s all; bottom: 0; border-top: solid 1px #ff7f50; }
.jg-list ol a:hover:after{ right: 0; }
.jg-list ol a b{ position: absolute; left: 0px; top: 50%; width: 0.06rem; height: 0.06rem; border-radius: 50%; margin-top: -0.03rem; background:#ff7f50;  }
.jg-list dl{ margin:0 -0.3rem;display: none; }
.jg-list li{ margin-bottom: 0.6rem; }
.active .jg-list-tt i{ transform: rotate(0deg); }
/*******************师资力量********************/
.sl-dl ol{ width: 100%; padding:0; }
.sl-dl ol a{ display: block; overflow:hidden; padding-left: 0; height: 2.8rem; position: relative; }
.sl-dl ol a:before{ display: block; content:""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #b3b5cc; }
.sz-img{ position: absolute; left: 0.2rem; padding-left: 0.1rem; top: 50%; transform: translate(0,-50%);}
.sz-img-box div{ width: 1.8rem; height: 2.4rem; transition: 0.3s all; }
.sz-img-box{ overflow:hidden; }
a:hover .sz-img-box div{ transform: scale(1.05,1.05); }
.jg-list dl.sl-dl{ margin:0; padding-top: 0.2rem; }
.sz-img:before{ display: block; content: ""; position: absolute; left: 0; top: 0.1rem; width: 0.1rem; height: 1.7rem; background: url(../images/sl-lind.png) center no-repeat; background-size: 100% 100%; }
.sl-dl ol a:hover .sz-img:before{ background: url(../images/sl-lind02.png) center no-repeat; background-size: 100% 100%; }
.sz-right{ position: absolute; left: 2.3rem; top: 0.4rem; right: 0.3rem; }
.sz-right-name{ font-size: 0.24rem; color: #283848; line-height: 1; font-family: 'msyhsb'; }
.sz-right-txt{ font-size: 0.16rem; color: #283848; line-height: 0.4rem; margin-top: 0.3rem;  text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; }
/************************师资详情*************************/
.teacher-more{ position:relative; padding:0.3rem 0 0 0.4rem; margin-top: 1.2rem; position: relative; min-height: 4rem; margin-right: 0.4rem; background: url(../images/teacher-back.png) center no-repeat; background-size: cover; }
.teacher-more-name{ background: url(../images/icon-ls.png) left center no-repeat; color: #283848; font-family: 'msyhsb'; background-size:0.06rem auto; font-size: 0.48rem; padding-left: 0.25rem;   }
.teacher-name-b{font-size: 0.24rem;color: #283848;line-height: 0.4rem;margin-left: 0.25rem;margin-top: 0.3rem;width: calc(100% - 3.6rem);}
.team-more-p{font-size: 0.18rem;color: #283848;line-height: 0.4rem;margin-left: 0.25rem;margin-top: 0.3rem;width: calc(100% - 3.6rem);}
.more-img{ position: absolute; right: 0; top: 0; }
.more-img div{ width: 3rem; height: 4rem; }
.teacher-more:before{ display: block; content: ""; position: absolute; right: -0.4rem; top: -0.4rem; width: 3rem; height: 4rem; border:solid 6px #c2c4d6; }
.more-tabs{ position: relative; margin-top: 0.4rem; border-bottom: solid 1px #b3b5cc; }
.more-tabs li{ float: left; width: 20%; position: relative; z-index: 10; background: #f8f8f9; }
.more-tabs li a{ display: block; position: relative; line-height: 0.8rem; height: 0.8rem; font-size: 0.2rem; color: #283848; }
.more-tabs li.active a{ font-family: 'msyhsb'; font-size: 0.24rem; }
.more-tabs li a:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; height: 0.05rem; width: 0; transition:0.3s all; background: #ff7f50; }
.more-tabs li a:hover:before,.more-tabs li.active a:before{ width: 100%; }
.more-tabs:before{ display: block; content: ""; position: absolute; left: -0.2rem; top: -0.2rem; width: 0.8rem; height: 0.8rem;  border:solid 0.06rem #c2c4d6; }
.more-p{ padding:0.4rem; }
.more-p p{ font-size: 0.18rem; color: #283848; line-height: 0.4rem; margin-bottom: 0.2rem; }
/***********专业建设*************/
.news-ul-js li a .news-ul-center{ left: 0.4rem; }
.news-ul-js{ margin-top: 0.8rem; }
.news-ul-js li:nth-child(even) a .news-ul-center{ left: 4rem; right: 0.2rem; }
.news-ul-js li:nth-child(even) a .news-ul-img{ left: 0.4rem; right: auto; }
/******************图片视频列表*****************/
.zp-ul li{ float: left; width: 50%; padding:0 0.3rem; margin-bottom: 0.5rem; }
.zp-ul li a{ display: block; }
.zp-ul{ margin:0.8rem -0.3rem 0 -0.3rem; }
.zp-ul-img div{ height: 2.8rem; transition:0.3s all; }
.zp-ul-bottom{ background: #f8f8f9; padding:0.25rem 0.2rem; }
.zp-ul-tt{ font-size: 0.2rem; color: #283848; line-height: 1; }
.zp-ul-p{ font-size: 0.14rem; color: #283848; line-height: 1; margin-top: 0.2rem; }
.zp-ul-p span{ display: inline-block; padding-right: 0.45rem; }
.sp-lind{ border-top: solid 2px #283848; }
a:hover .zp-ul-img div{ transform: scale(1.05,1.05); }
/*********招生就业**********/
.zs-tabs{ background: #f8f8f9; margin-bottom: 0.3rem; margin-top: 0.8rem; }
.zs-p img{ width: 100%; margin-bottom: 0.4rem; }
.zs-p p{ text-indent: 2em; margin-bottom: 0.4rem; font-size: 0.2rem; line-height: 0.40rem; }
.zs-p p.no{ margin-bottom: 0; }

.dj-news-ul{ margin-top: 0.8rem; }
/*************留言板**************/
.ly-box{ padding:1rem 1rem 0 1rem; }
.ly-row .col-xs-6,.ly-row .col-xs-12{ padding:0 0.35rem; margin-top: 0.4rem; }
.ly-row{ margin:0 -0.35rem; }
.ly-sm{ position: relative; padding-left: 1.1rem; }
.ly-sm .form-control{ height: 0.6rem; border:solid 1px #b3b5cc; box-shadow: none; border-radius: 0; font-size: 0.16rem; padding-left: 0.2rem; }
.ly-sm-txt{ position: absolute; left: 0; top: 0; line-height: 0.6rem; font-size: 0.2rem; color: #283848; }
.ly-sm .form-control-b{ height: 2.4rem; }
.btn-ly{ padding:0; margin:0.4rem 0 0 1.1rem; border-radius: 0; border:none; box-shadow: none; background: #ff8153; font-size: 0.24rem; color: #fff; line-height: 0.6rem; width: 2.4rem; height: 0.6rem; }
.btn-ly:hover{ color: #fff; background: #f6581e; }
.date-top span i{ font-style: normal!important;font-family: 'msyhsb'; }




@media( max-width: 1630px){

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


}
/**@media( max-width: 1279px){
  .header-link a{ font-size: 14px; }
  .nav-list li a{ font-size: 16px; }
  .header{ height: 50px!important; padding:0 15px; background: #ff7f50!important; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
  .logo{ padding:0; width: auto; line-height: 50px; position: relative; z-index: 100; }
  .logo img{ width: auto; height: 30px; }
  .nav-list{ margin:0; position: absolute; display: none; left: 0; top: 0px; height: 100vh; padding-top: 50px; right: 0; bottom: 0; overflow-y: auto;background: #ff7f50!important; }
  .header-link{ position: relative; z-index: 10; line-height: 50px; padding:0; }
  .header-right{ padding:0; position: static; }
  .nav-list li{ float: none; margin:0; width: 100%; }
  .nav-list li a{ padding:0 15px; line-height: 40px; }
  .banner-bottom-p p{ font-size: 12px; line-height: 20px; height: 40px; }
  .banner-bottom-ul-tt{ font-size: 16px; }
  .banner-bottom-ul-tt-sm{ font-size: 14px; margin-top: 10px; }
  .banner-bottom-p:before{ width: 30px; height: 30px; margin-top: -15px; }
  .banner-bottom-p{ padding-right: 60px; }
  .four-swiper-p{ font-size: 14px; }
  .four-swiper-txt{ font-size: 12px; line-height: 20px; height: 60px; }
  .four-more{ font-size: 12px; }
  .tabs-more{ font-size: 14px; line-height: 22px; width: 80px; top: -65px; }
  .five-tabs li a{ font-size: 18px; transform: translate(0,5px); }
  .five-tabs li.active a{ font-size: 24px; transform: translate(0,0px); }
  .js-list-p{ font-size: 12px; line-height: 20px; height: 40px; }
  .js-list-label span{ font-size: 12px; padding:6px 16px; }
  .js-list-tt{ font-size: 18px; }
  .title a{ font-size: 14px; line-height: 22px; width: 80px; margin-top: -12px; }
  .zp-tabs li a{ font-size: 16px; }
  .zp-slick a span{ font-size: 14px; }
  .zs-hover-tt{ font-size: 18px; }
  .zs-hover-tt-sm{ font-size: 16px; }
  .zs-hover-tt-sm span{ font-size: 24px; }
  .zs-hover-p{ font-size: 14px; line-height: 25px; height: 75px; }
  .zs-hover-more{ font-size: 14px; }
  .zs-list-label{ font-size: 16px; }
  .gz-box-news li a{ font-size: 16px; padding-right: 80px; }
  .gz-list-date{ font-size: 14px; }
  .gz-list-p{ font-size: 16px; margin-top: 10px; }
  .footer-lind{ font-size: 14px; padding:10px 0; }
  .footer-center-tt{ font-size: 18px; }
  .footer-center-p p{ font-size: 13px; margin-bottom: 10px; }
  .footer-number p{ font-size: 13px; margin-bottom: 10px; }
  .footer-list li a{ font-size: 13px; }
  .footer-list li{ margin-bottom: 10px; }
  .footer-ewm li{ margin-left: 15px; }
  .footer-left{ width:300px; margin-right: 30px;  }
  .footer-center{ margin-right: 30px; }
  .footer-number span{ font-size: 13px; }
  .footer-number{ padding-left: 65px; }
  .js-more{ font-size: 14px; }
  .date-bottom{ font-size: 14px; }
  .three-p{ font-size: 14px; }
  .tz-slick-p{ font-size: 14px; line-height: 25px; height: 50px; }
  .tz-slick-date span{ font-size: 12px; }
  .one-slick-r-tt{ font-size: 14px; line-height: 25px; height: 50px; }
  .one-slick-r-date{ font-size: 12px; }
}**/

@media( max-width: 1024px){
  html {
    font-size: 14px;
  }
.index-s1, .index-s1 .swiper, .index-s1 .item,.index-s1 a,.index-page  {
    height: auto;
}
.banner-bottom-ul-tt-sm{ display: none; }
.banner-bottom-ul li a{ padding:15px 0; }
.banner-bottom-ul-tt{ font-size: 16px; }
  .header-link a{ font-size: 14px; }
  .nav-list li a{ font-size: 16px; }
  .header{ height: 50px!important; padding:0 15px; background: #ff7f50!important; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
  .logo{ padding:0; width: auto; line-height: 50px; position: relative; z-index: 100; }
  .logo img{ width: auto; height: 25px; }
  .nav-list{ margin:0; position: fixed; display: none; left: 0; top: 50px; height: 100vh; right: 0; bottom: 0; overflow-y: auto;background: #ff7f50; }
  .header-link{position: relative;z-index: 10;line-height: 45px;padding:0;}
  .header-right{ padding:0; position: static; }
  .nav-list li{ float: none; margin:0; width: 100%; }
  .nav-list li a{ padding:0 15px; line-height: 40px; color: #fff!important; }
  body{ padding-top: 50px; }
  .header-link a{ font-size: 0; }
  .header-link a img{ width: 19px; }
  .header-link span{ display: none; }
  .header-link{ margin-right: 45px; }
  .banner-bottom-p{ display: none; }
  .title-left{ padding-top: 0; font-size: 24px; }
  .title-left font{ display: none; }
  .title{ margin:0 0 20px 0; }
  .page-one{ padding:20px 15px; }
  .title a{ font-size: 14px; padding:6px 20px; margin-top: -12px; }
  .tabs-more{ font-size: 14px; padding:6px 20px; position: static; margin:20px 0 0 0; display: inline-block; }
  .one-slick .swiper-slide{ width: 100%!important; }
  .one-slick-left{ width: 100%; }
  .one-slick-img{ height: 300px; }
  .one-slick-r-img{ height: 200px; }
  .one-slick-r-tt{ font-size: 16px; line-height: 25px; height: 50px; margin-top: 5px; }
  .one-slick-r-date{ font-size: 14px; }
  .one-slick-bottom{ left: 15px; right: 15px; bottom: 15px; }
  .one-slick-r a{ height: 300px; }
  .one-slick-bottom-center{ left: 15px; right: 15px; }
  .one-slick-r-bottom{ height: 100px; }
  .one-slick .swiper-slide{ padding:0 0 30px 0; }
  .one-slick .swiper-pagination-a{ width: 300px; margin-left: -150px; height: 8px; border-radius: 8px; }
  .one-slick .swiper-pagination-a span{ height: 8px; border-radius: 8px; }
.tz-slick-date {
    font-size: 16px;
    white-space: nowrap;
    line-height: 32px;
    color: #fff;
    position: relative;
    width: 120px;
    text-align: center;
}
.tz-slick a {
    display: block;
    position: relative;
    height: auto;
    transition: 0.3s all;
    padding: 30px 40px;
}
.tz-slick-date:before{ width: 160px; height: 69px; }
.tz-slick-p{ line-height: 30px; height: 60px; font-size: 18px; margin-top: 40px; }
.tz-slick:before{ top: 92px; }
.tz-slick a:hover .tz-slick-date{ font-size: 24px; }
.tz-slick a:hover{ padding:40px; }
.tz-slick a:hover .tz-slick-p{ margin-top: 20px; }
.page-three{ padding:20px 15px; }
.three-tt{ font-size: 24px; }
.three-p{ font-size: 16px; margin-top: 15px; width: 100%; max-width: 100%; line-height: 1.4; }
.three-number{ width: 100%; }
.three-number-list li{ width: 50%; margin:0; margin-top: 40px; text-align: center; }
.date-bottom{ font-size: 14px; margin-top: 10px; }
.date-top span{ font-size: 36px; padding-right: 20px; }

.date-top span font{ font-size: 18px; top: 0; right: 0; }
.date-more{ font-size: 14px; padding:8px 20px; width: 120px; text-align: center; border-radius: 40px; display: block; margin:30px auto 15px auto; }
.video-play{ width: 40px; height: 40px; margin-left: -20px; margin-top: -20px; }
.video-img-box{ margin-top: 20px; }
.page-four{ padding:20px 15px; }
.four-swiper{ padding:0 0 40px 0; }
.four-swiper .swiper-slide-active a,.four-swiper .swiper-slide a{ width: 100%; padding:20px; height: auto; left: 0; margin:0; position: relative;     background: url(../images/four-link.png) center no-repeat;
    background-size: cover;}
.four-swiper .swiper-slide{ height: auto; }
.four-img-a{ width: 150px; height: 200px; }
.four-img,.four-swiper .swiper-slide-active .four-img{ position: relative; left: 0; top: 0; margin:0 auto; width: 150px; }
.four-swiper-right{ position: static; width: 100%; opacity: 1; }
.four-swiper-name{ font-size: 18px; text-align: center; margin-top: 15px; }
.four-swiper-p{ font-size: 16px; margin-top: 15px; }
.four-swiper-txt{ font-size: 14px; line-height: 25px; height: 75px; margin-top: 10px; }
.four-more{ font-size: 14px; margin-top: 15px; background-size: 46px auto; padding-right: 60px; }
.page-five{ padding:20px 15px; }
.five-tabs li a{ font-size: 16px; }
.five-tabs li.active a{ font-size: 18px; }
.five-tabs li{ margin:0 10px; }
.five-tabs{ height: auto; margin-bottom: 20px; }
.js-list li{ width: 100%; margin-bottom: 20px; }
.js-list-tt{ font-size: 18px; margin-top: 15px; }
.js-list-label span{ font-size: 14px; padding:3px 12px; border-radius: 30px; margin-right: 10px; }
.js-list-label{ margin-top: 15px; }
.js-list-p{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 10px; }
.js-more{ font-size: 14px; margin-top: 10px; }
.five-sm{ margin-top: 30px; padding-bottom: 0px; }
.zp-tabs{ position: static; margin-bottom: 15px; background: none; padding:0; width: 100%; height: auto; }
.zp-tabs li{ float: left; width: 50%; padding:0 10px; }
.zp-tabs li a{ display: block; line-height: 50px; font-size: 16px; background-size: 30px auto!important; padding-left: 40px; }
.zp-right{ position: static; }
.zp-box{ height: auto; background: none; }
.zp-slick a span{ font-size: 14px; left: 15px; right: 15px; bottom: 15px; }
.zp-slick a{ margin-top: 0; }
.zs-list li{ width: 100%; margin-bottom: 15px; }
.zs-img div{ height: auto; padding-top: 100%; }
.zs-list-label {
    position: absolute;
    left: 15px;
    bottom: 15px;
    padding: 15px 0 15px 20px;
    width: 160px;
    background: #fff;
    font-size: 16px;
    color: #2c3e50;
    line-height: 1.4;
}
.zs-list-label:before{ width: 30px; height: 30px; margin-top: -15px; right: 20px; }
.page-six:before{ padding-top: 60%; height: auto; }
.page-six{ padding:20px 15px; }
.gz-box:before{ left: -15px; right: -15px; }
.gz-box{ margin-top: 0; padding:20px 0; }
.gz-box-left{ width: 100%; }
.gz-list-img div{ height: auto; padding-top: 60%;  }
.gz-list-date{ font-size: 14px; margin-top: 10px; }
.gz-list-p{ font-size: 16px; margin-top: 10px; line-height: 25px; height: auto; }
.gz-box-right{ width: 100%;}
.gz-box-news li a{ font-size: 16px; line-height: 55px; padding-right: 100px; }
.gz-list li{ width: 100%; margin-bottom: 15px; }
.footer{ padding:20px 15px 0 15px; }
.footer-left{ width: 100%; margin:0; }
.logo-txt{ width: 100%; margin-top: 10px; padding:0 30px; }
.logo-txt img{ width: auto; }
.footer-number{ margin-top: 20px; font-size: 14px; padding-left: 75px; }
.footer-number p{ margin-bottom: 10px; }
.footer-center{ width: 100%; margin:0; }
.footer-center-tt{ font-size: 18px; margin-top: 20px; margin-bottom: 20px; }
.footer-center-p p{ font-size: 14px; margin-bottom: 10px; padding-left: 75px; }
.footer-center-p{ margin-top: 15px; }
.footer-center-r{ width: 100%; margin-top: 0px; }
.footer-list li a{ font-size: 14px; }
.footer-list li{ margin-bottom: 10px; float: left; width: 50%; }
.footer-right{ width: 100%; text-align: center; }
.footer-ewm li{ display: inline-block; margin:0 15px; float: none; }
.footer-ewm{ text-align: center; }
.footer-lind{ font-size: 14px; padding:15px 0; }
.footer-ewm li a span{ top: auto; bottom: 100%; margin-top: 0; margin-bottom: 10px; width: 80px; margin-left: -40px; }
.footer-ewm li a span font{ bottom: -3px; top: auto; transform: rotate(0); margin-left: -3px; }
.js-list li:last-child{ margin:0; }
.fix-ul{ display: none; }
.video-yc{ width: 90%; max-width: 90%; }
.video-close{/* right: 0; */top: -2%;background-size: 80%;}
.menu-button{ display: block; }
.menu-button.cross{ top: 9px; }
    .nav-click{ display: block; text-align: center; transition: 0.3s all; padding-top: 10px; position: absolute; right: 0; top: 0; height: 40px; width: 40px; color: #fff; }
    .nav-click.active{ transform: rotate(180deg); }
    .nav-down{ position: static; margin:0; transform: translate(0,0); overflow:hidden!important; display: none; background: none; width: 100%; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down li,.nav-list li:hover .nav-down li{ height: 40px; }
    .nav-down li a{ padding-left:25px;  }
    .index-page .prev,.index-page .next{ width: 20px; height: 20px; margin-top: -10px; }

    .warp{ width: 100%; padding:0 15px;}
    .banner-tt-bottom{ font-size: 24px; }
    .banner-tt-top{ font-size: 18px; }
    .nav-b{ display: none; }
    .list-banner-bottom{ bottom: 20px; }
    .news-slick-left{ width: 100%; }
    .news-slick-left div{ height: auto; padding-top: 60%; }
    .news-slick-right{ width: 100%; padding:20px; }
    .news-slick-span{ width: 100px; height: 30px; line-height: 30px; font-size: 14px; border-radius: 34px; }
    .news-slick-tt{ font-size: 18px; margin-top: 10px; line-height: 30px; height: 60px; }
    .news-slick-p{ font-size: 14px; line-height: 25px; margin-top: 5px; height: 75px; -webkit-line-clamp: 3; }
    .news-ul-img{ display: none; }
    .news-ul-date{ font-size: 14px; left: 15px; }
    .news-ul-date span{ font-size: 24px; margin-bottom: 10px; }
    .news-ul-center{ left: 90px; right: 15px!important; top: 50%; transform: translate(0,-50%); }
    .news-ul-tt{ font-size: 18px; }
    .news-ul-p{ font-size: 14px; margin-top: 10px; line-height: 25px; height: 50px; }
    .news-ul li a{ height: 110px; }
    .news-ul li a i.a{ display: none; }
    .page-box{ margin-top: 20px; }
    .list-back{ padding-bottom: 30px; }
    .news-slick{ margin-top: 20px; }
    .wz-more{ display: none; }

    .article-top h1{ font-size: 18px; line-height: 30px; }
    .article-top{ margin-top: 20px; padding:0; }
    .article-number{ position: static; margin-top: 10px; }
    .article-number span{ font-size: 14px; margin:0; padding-right: 25px; }
    .article-p{ margin:20px 0 0 0; padding:20px 0; }
    .article-p p{font-size: 14px !important;line-height: 25px !important;margin-bottom: 10px;}
    .article-p img{ margin-bottom: 10px; }

    .gk-left{ width: 100%; margin-top: 20px; height: auto; background: none; padding:0; }
    .nav-left li{ display: table-cell; white-space:nowrap; }
    .nav-left{ margin:0; display: table;  }
    .nav-left li a{ line-height: 50px; height: 50px; font-size: 16px; padding:0 10px; }
    .nav-left li a i{ width: 9px!important; display: none; right: 15px!important background-size: 9px auto!important; }
    .gk-right{ width: 100%; margin:0; }
    .gk-right-tt{ font-size: 18px; line-height: 40px; }
    .jj-img{ margin-top: 15px; }
    .jj-ul li{ width: 50%; margin-top: 15px; padding:0 10px; }
    .jj-ul{ margin:0 -10px; }
    .jj-number-top span{ font-size: 48px; padding-right: 25px; }
    .jj-number-top span font{ font-size: 24px; }
    .jj-ul-box{ height: auto; padding:25px 0; }
    .jj-p p{font-size: 14px !important;line-height: 25px !important;margin-bottom: 10px;}
    .jj-number-bottom{ font-size: 16px; margin-top: 15px; }

    .jg-list-tt{ height: 45px; line-height: 45px; font-size: 18px; }
    .jg-list ol a{ font-size: 15px; padding-left: 20px; font-size: 16px; height: 45px; line-height: 45px; }
    .jg-list ol a b{ width: 6px; height: 6px; border-radius: 6px; margin-top: -3px; }
    .jg-list-top:before{ display: none; }
    .jg-list li{ padding:0; margin-bottom: 20px; }
    .jg-list ol{ padding:0 5px; }
    .jg-list dl{ margin:0 -5px; }
    .gk-left{ margin-top: 10px; overflow-x: auto; }
    .sz-img-box div{ width: 180px; height: 240px; }
    .sz-img{ position: static; width: 180px; transform: translate(0,0); margin:0 auto; padding:0; }
    .sz-img:before{ display: none; }
    .jg-list ol a{ display: block; height: auto; padding:15px; }
    .sz-right{ position: static; }
    .sz-right-name{ font-size: 20px; margin-top: 10px; text-align: center; }
    .sz-right-txt{ font-size: 14px; line-height: 25px; margin-top: 10px; }

    .teacher-more{ margin:20px 0 0 0; padding:20px; }
    .more-img{ position: static; margin:0 auto; width: 150px; }
    .more-img div{ width: 150px; height: 200px; }
    .teacher-more-name{ font-size: 20px; text-align: center; background: none; padding-left: 0; margin-top: 15px; }
    .teacher-name-b{margin:10px 0 0 0;font-size: 16px;line-height: 25px;width: 100%;}
    .team-more-p{font-size: 14px;margin:10px 0 0 0;line-height: 25px;width: 100%;}
    .teacher-more:before{ display: none; }
    .more-tabs:before{ display: none; }
    .more-tabs{ margin-top: 20px; }
    .more-tabs li a{ font-size: 14px; line-height: 40px; height: 40px; }
    .more-tabs li.active a{ font-size: 16px; }
    .more-tabs li a:before{ height: 3px; }
    .more-p{ padding:20px 0; }
    .more-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .nav-left li.active a{ font-size: 18px; }
.news-ul-js li a{ height: auto; padding:15px; }
.news-ul-js li a .news-ul-center{ position: static; transform: translate(0,0); margin-top: 20px; }
.news-ul-js{ margin-top: 20px; }
.news-ul-js li a .news-ul-img{ display: block; position: static; margin:0 auto; width: 160px; transform: translate(0,0); }
.news-ul-img div{ width: 160px; height: 90px; }

.zp-ul li{ width: 100%; margin-bottom: 15px; }
.zp-ul-img div{ height: auto; padding-top: 56%; }
.zp-ul-bottom{ padding:15px 20px; }
.zp-ul-tt{ font-size: 18px; }
.zp-ul-p{ font-size: 14px; margin-top: 15px; }
.zs-tabs{ margin-bottom: 20px; }
.zs-tabs li{ width: 25%; }
.nav-left{ min-width: 100%; }
.nav-left li a{ text-align: center; }
.zs-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
.zs-p img{ margin-bottom: 10px; }
.ly-box{ padding:20px 0 0 0; }
.ly-row .col-xs-6, .ly-row .col-xs-12{ width: 100%; margin-top: 15px; }
.ly-sm .form-control{ height: 34px; font-size: 14px; }
.ly-sm-txt{ font-size: 14px; line-height: 34px; }
.ly-sm{ padding-left: 80px; }
.btn-ly{ display: block; margin:20px auto 0 auto; font-size: 16px; height: 40px; width: 120px; }
.nav-down li a:hover{ color: #fff!important; font-weight: bold; }
.layer .search_box{width: 90%;margin: 0 auto;}
.layer .close{ width: 40px; height: 40px; }
.news-slick .slick-dots li{ margin:0 5px; }
.news-slick .slick-dots li, .news-slick .slick-dots li button{ width: 8px; height: 8px; background-size: 8px 8px!important; }
.news-slick .slick-dots{ left: 0; width: 100%; margin:0; }
.news-slick a{ padding-bottom: 20px; }

.zp-slick .slick-prev{ width: 30px; height: 30px; top: 50%; background-size: 100% 100%; margin-top: -15px; }
.zp-slick .slick-next{ width: 30px; height: 30px; top: 50%; background-size: 100% 100%; margin-top: -15px; }
.zs-hover{ display: none!important; }
.logo-txt{ text-align: center; }
.logo-txt img{ width: 250px; margin-top: 15px; }
a:hover .zs-list-label{ display: block; }
}

@media( max-width: 500px){
.footer-list li{
    width: 100%;
}
}