/* CSS Document */
@font-face {
    font-family: 'SourceHanSerifCN-Light';
    src: url("../fonts/SourceHanSerifCN-Light.otf");
}
@font-face {
    font-family: 'SourceHanSerifCN-Bold-2';
    src: url("../fonts/SourceHanSerifCN-Bold-2.otf");
}
@font-face {
    font-family: 'SourceHanSerifCN-Regular-1';
    src: url("../fonts/SourceHanSerifCN-Regular-1.otf");
}

@font-face {
    font-family: 'SourceHanSerifCN-SemiBold-7';
    src: url("../fonts/SourceHanSerifCN-SemiBold-7.otf");
}

@font-face {
    font-family: 'AbhayaLibre-Medium';
    src: url("../fonts/AbhayaLibre-Medium.ttf");
}

.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;
    line-height: 24px !important;
    box-sizing:border-box;
    display:inline-block;
    vertical-align:middle;
    font-size: 14px !important;
    min-width: 36px !important;
    font-family: Microsoft Yahei !important;
}
.pb_sys_style1 .p_no_d {
    border: 1px solid #00958a !important;
    color: #fff;
    background-color: #00958a !important;
}
body {
    color: #333;
    font-size: 14px;
    font-family:"SourceHanSerifCN-Light","微软雅黑","Arial",Helvetica,Arial,Tahoma;
    margin:0 auto;
    position:relative;
  overflow-x: hidden;


 
}
.slick-slider{ touch-action: auto!important; }
.body-list{ padding-top: 0; }

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

.img-hide img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img{transform: scale(1.05,1.05); }
.txt-elise{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-size: 20px;
    color: #4d3333;
    }
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;}

.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.5s all; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100);display: block; }


.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{ top: 13px; }
.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);}
.search_box{ position: relative; }

.layer{background:rgba(0,0,0,0.95);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; -ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000; display:-ms-flexbox;display:flex;}
.layer .close{font-size:60px; font-family:"?£¤?????¡§???¡¥??a€oa€|????a€?","Arial",Helvetica,"????a€??¡è??a€?",Arial,Tahoma; 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;max-width: 90%;}
.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;font-size:16px; height: 45px; -webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#089c78 url(../images/search.png) center no-repeat!important; right: 0; 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; }

.search-back .form-control::-webkit-input-placeholder{
            color:#999;
        }
.search-back .form-control::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#999;
        }
.search-back .form-control:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#999;
        }
.search-back .form-control:-ms-input-placeholder{  /* Internet Explorer 10-11 */ 
            color:#999;}
.search-back .form-control{ color: #333; height: 45px; }



.container{ width: 1630px; }
.header{ position: fixed; transition: 0.3s all; left: 0; top: 0; right: 0; z-index: 1000; padding-top: 10px; padding-bottom: 150px; background: url(../images/index-top.png) center top no-repeat; background-size: 100% 100%; }
.header-top{ position: relative; }
.logo{ position: relative; z-index: 100; }
.header-top-c{ position: absolute; left: 0; right: 0; top: 0; color: #fff; z-index: 101; }
.header-top-c a{ color: #fff; }
.header-top-c span{ padding:0 15px; }
.nav-list{ max-width: 1400px; margin:0 auto; margin-top: 15px; }
.nav-list li{ float: left; width: 10%; position: relative; padding-bottom: 10px; }
.nav-list li a{ display: block; font-size: 18px; color: #fff; text-align: center; width: 137px; height: 42px; line-height: 42px;}
.nav-list li.active a,.nav-list li a:hover{ background: url(../images/nav.png) center no-repeat; }
.header.active{ background: #00958a; padding-bottom: 0; }
.header.active:before{ background: #00958a; z-index: -1; display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.nav-down{ position:absolute; background: #fff; transform: translate(-50%,0); display: block; left: 50%; top: 100%; min-width: 100%;  }
.nav-down li{ display: block; height: 0; overflow:hidden; transition: 0.3s all; width: 100%; padding:0; }
.nav-down li a{ padding:0 10px; font-size: 18px; color: #222!important; line-height: 50px; display: block; white-space:nowrap; }
.nav-list li:hover .nav-down li{ height: 50px; }
.nav-down li a:hover{ color: #00958a!important; }



@media( min-width: 1249px){
.banner .swiper-slide a{  
    display: block; height: 450px; margin-top: 55px;
    transition: 0.3s all;
    border:solid 3px #e5e5e5;
}
.banner .swiper-slide-prev a{
    --f: .1;
    float: right;
    display: block;
    --_f: calc(100%* var(--f) /(1 + var(--f)));
    --_a: calc(90deg* var(--f));
    margin-right: -22px;
    aspect-ratio: calc(1 + var(--f));
    object-fit: cover;
    clip-path: inset(0 var(--_f) 0 0 round var(--r));
    transform: perspective(200px) var(--_t, rotateY(var(--_a)));}
.banner .aaa a{
    --f: .1;
    float: right;
    display: block;
    --_f: calc(100%* var(--f) /(1 + var(--f)));
    --_a: calc(90deg* var(--f));
    margin-right: -22px;
    aspect-ratio: calc(1 + var(--f));
    object-fit: cover;
    clip-path: inset(0 var(--_f) 0 0 round var(--r));
    transform: perspective(200px) var(--_t, rotateY(var(--_a)));}
.banner .aaa a{ position: absolute; top: 0; left: 30px; width: 100%; }
.banner .swiper-slide-prev a{ position: absolute; top: 0; left: -175px; width: 100%; }
.banner .swiper-slide-next a{ position: absolute; top: 0; right: -175px; width: 100%; z-index: 200; }
.banner .bbb a{ position: absolute; top: 0; right: 30px; width: 100%; }
.banner .swiper-slide-next a{
    --f: .1;
    display: block;
    float: left;
    margin-left: -20px;
    --_f: calc(100%* var(--f) /(1 + var(--f)));
    --_a: calc(-90deg* var(--f));
    aspect-ratio: calc(1 + var(--f));
    object-fit: cover;
    clip-path: inset(0 var(--_f) 0 0 round var(--r));
    transform: perspective(200px) var(--_t, rotateY(var(--_a)));
    transition: .5s;
}
.banner .bbb a{
    --f: .1;
    display: block;
    float: left;
    margin-left: -20px;
    --_f: calc(100%* var(--f) /(1 + var(--f)));
    --_a: calc(-90deg* var(--f));
    aspect-ratio: calc(1 + var(--f));
    object-fit: cover;
    clip-path: inset(0 var(--_f) 0 0 round var(--r));
    transform: perspective(200px) var(--_t, rotateY(var(--_a)));
    transition: .5s;
}

    }



.banner .swiper-slide{ height: 560px; position: relative;}
.banner .swiper-slide-active{  z-index: 1000; }
.banner .swiper-slide-active a{ width: 1200px; border:none; margin-top: 0; height: 560px; position: absolute; left: 50%; top: 0; transform: translate(-50%,0); }
.banner .swiper-pagination{ right: 50%; left: auto; bottom: 50px; width: auto; margin-right: -500px; }
.banner .swiper-pagination span{ width: 32px; opacity: 1; height: 32px; background: url(../images/dian01.png) center no-repeat; }
.banner .swiper-pagination span.swiper-pagination-bullet-active{ background: url(../images/dian02.png) center no-repeat; }
.banner-box{ position: relative; height: 740px; padding-bottom: 40px; background: #e9e8e8;  padding-top: 140px; overflow:hidden; }
.banner{ position: absolute; left: 50%; top: 140px; width: 1920px; margin-left: -960px; }
.link-ul li{ float: left; padding-top: 35px; width: 25%; height: 120px; position: relative; }
.link-ul{ padding:40px 0; }
.link-ul li:before{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; border-right: solid 1px #ddd; }
.link-ul li a{ display: inline-block; position: relative; text-align: left; padding-left: 72px; }
.link-ul li a i{ position: absolute; transition: 0.3s all; left: 0; top: 50%; transform: translate(0,-50%); }
.link-ul li a i img{ display: inline-block; transition: 0.3s all; }
.link-ul li a p{ font-size: 20px; color: #222; line-height: 1; }
.link-ul li a:hover i img{ transform: rotateY(360deg); }
.link-ul li a span{ display: block; font-size: 12px; color: #666; line-height: 1; margin-top: 18px; }
.link-ul li a:hover p,.link-ul li a:hover span{ color: #00998a; }
.link-ul li:last-child:before{ display: none; }
.page-one{ position: relative; padding:60px 0 40px 0; }
.page-one .container{ position: relative; z-index: 100; }
.page-one:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 50%; margin-right: -310px; background: url(../images/left01.png) center no-repeat; background-size: cover; }
.one-left{ width: 67.5%; }
.title-left{ position: relative; padding-top: 10px; font-family: 'SourceHanSerifCN-SemiBold-7'; }
.title-left span{ color: #222; font-family: 'SourceHanSerifCN-SemiBold-7'; font-size: 32px; position: relative; z-index: 10; line-height: 1; }
.title-left font{ position: absolute; white-space:nowrap; left: 0; top: 0; font-size: 32px; line-height: 1; text-transform: uppercase; color: #222; opacity: 0.1; font-family: 'SourceHanSerifCN-Bold-2'; }
.title-more{ position: absolute; font-size: 16px; color: #999; line-height: 32px; padding-left: 15px; background: url(../images/more.png) left center no-repeat; right: 0; top: 10px; }
.title-more:hover{ color: #00998a; }
.title-box{ position: relative; padding-bottom: 20px; margin-bottom: 20px; border-bottom: solid 1px #ddd; }
.title-box:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 140px; border-top: solid 1px #00998a; }
.one-left-sm{ width: 51.85%; margin:0; box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.one-img div{ height: 350px; transition: 0.3s all; }
.gy::before {
    content: '';
    position: absolute;
    top: 0;
    left: -86%;
    z-index: 10;
    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::before,.gy:hover::before {
    -webkit-animation: shine .5s;
    animation: shine .5s;
}
.gy{ position: relative; overflow:hidden; }
@-webkit-keyframes shine {100% {left: 115%;}}@keyframes shine {100% {left: 115%;}}

a:hover .one-img div{ transform: scale(1.05,1.05); }
.one-img-bottom{ background: #fff; height: 110px; position: relative; padding:20px 60px; }
.one-img-tt{ font-size: 18px; color: #000; line-height: 1; }
.one-img-p{ color: #666; line-height: 25px; margin-top: 10px;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.one-left-sm .slick-prev{ top: auto; z-index: 100; left: 20px; bottom: 48px; background: url(../images/left.png) center no-repeat; width: 14px; height: 20px; opacity: 0.5; }
.one-left-sm .slick-next{ top: auto; z-index: 100; right: 20px; bottom: 48px; background: url(../images/right.png) center no-repeat; width: 14px; height: 20px; opacity: 0.5; }
.slick-prev:before,.slick-next:before{ display: none; }
.one-left-sm .slick-prev:hover,.one-left-sm .slick-next:hover{ opacity: 1; }
.one-ul{ width: 48.15%; padding-left: 20px; margin-top: -20px; }
.one-ul li a{ display: block; height: 160px; position: relative; padding-top: 24px;}
.one-ul li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.one-ul li a:after{ display: block; content: ""; position: absolute; left: 0; width: 0; transition: 0.3s all; bottom: 0; border-top: solid 1px #00958a; }
.one-ul li a:hover:after{ width: 100%; }
.one-ul li:nth-of-type(2){ animation-delay: 0.2s; }
.one-ul li:nth-of-type(3){ animation-delay: 0.4s; }
.one-ul-img div{ width: 200px; height: 112px; transition: 0.3s all; }
a:hover .one-ul-img div{ transform: scale(1.05,1.05); }
.one-ul-right{ margin-left: 220px; }
.one-ul-right-tt{ font-size: 18px; color: #000; text-align: justify; line-height: 35px; height: 70px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: -5px;}
a:hover .one-ul-right-tt{ color: #00958a; }
.one-ul-right-date{ font-size: 16px; color: #666; line-height: 1; margin-top: 25px; font-family: 'AbhayaLibre-Medium'; }
.one-right{ width: 28.75%; }
.tz-ul li a{ display: block; position: relative; height: 120px; }
.tz-ul li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.tz-ul li a p{ position: absolute; left: 85px; right: 15px; top: 50%; transform: translate(0,-50%); font-size: 18px; color: #222; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.tz-ul-date{ position: absolute; line-height: 1.2; padding-top: 10px; left: 10px; top: 50%; margin-top: -26px; background: url(../images/date-back.png) center no-repeat; width: 51px; height: 51px; font-family: 'AbhayaLibre-Medium'; font-size: 16px; color: #222; }
.tz-ul-date span{ font-size: 18px; }
.tz-ul li a i{ position: absolute; left: 70px; top: 50%; height: 60px; margin-top: -30px; border-right:solid 1px #ddd; }
.tz-ul li a:hover i{ border-color: #00998a; }
.tz-ul li a:hover .tz-ul-date,.tz-ul li a:hover p{ color: #00998a; }
.tz-ul{ margin-top: -20px; }
.tz-ul li a:after{ display: block; content: ""; position: absolute; left: 0; width: 0; transition: 0.3s all; bottom: 0; border-top: solid 2px #00998a; }
.tz-ul li a:hover:after{ width: 100%; }
.tz-ul li:nth-of-type(2){ animation-delay: 0.2s; }
.tz-ul li:nth-of-type(3){ animation-delay: 0.4s; }
.tz-ul li:nth-of-type(4){ animation-delay: 0.6s; }
.page-tow{ position: relative; padding:70px 0 40px 0; }
.page-tow .container{ position: relative; z-index: 100; }
.page-tow:before{ display: block; content: ""; position: absolute; right: 0; top: 0; left: 50%; height:660px; margin-left: 310px; background: url(../images/right-back.png) center no-repeat; background-size: cover;  }
.title-box-b .title-left font{ right: 0; }
.title-box-b:before{ left: 50%; transform: translate(-50%,0); }
.js-slick-img{ height: 320px; transition: 0.3s all; }
a:hover .js-slick-img{ transform: scale(1.05,1.05); }
.js-slick-c{ position: relative; }
.txt-mask{ position: absolute; left: 0; right: 0; bottom: 0; height: 159px; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.js-slick-p{ position: absolute; left: 15px; right: 15px; bottom: 10px; font-size: 18px; color: #fff; }
.js-slick a{ display: block; position: relative; height: 320px; }
.js-slick-hover{ position: absolute; transition: 0.3s all; transform: translate(0,100%); padding:40px; left: 0; top: 0; right: 0; bottom: 0; background: #fff; z-index: 100; border:solid 1px #c6e1e6; }
.js-slick-tt{ font-size: 18px; color: #222; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
a:hover .js-slick-tt{ color: #00958a; }
a:hover .one-img-tt{ color: #00958a; }
.js-slick-txt{ color: #666; line-height: 30px;  overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 20px; }
.js-slick-date{ color: #999; font-family: 'AbhayaLibre-Medium'; margin-top: 40px; font-size: 24px; }
.js-slick-hover:before{ display: block; content: ""; background: url(../images/right.png) center no-repeat; width: 14px; height: 20px; position: absolute; right: 40px; bottom: 40px; }
a:hover .js-slick-hover,.js-slick a.active .js-slick-hover{ transform: translate(0,0); }
.js-slick .slick-slide{ padding:0 10px; }
.js-slick{ margin:0 -10px; padding-bottom: 40px;}
.js-slick .slick-dots{ bottom: 0; }
.js-slick .slick-dots li,.js-slick .slick-dots li button{ width: 8px; height: 8px; border-radius: 8px;  }
.js-slick .slick-dots li button{ background: #b2e0dc; }
.js-slick .slick-dots li.slick-active,.js-slick .slick-dots li.slick-active button{ width: 32px; }
.js-slick .slick-dots li.slick-active button{ background: #00958a; }
.slick-dots li button:before{ display: none; }
.page-tow-sm{ position: relative; z-index: 100; padding-top: 60px; }
.tow-left{ width: 47.5%; padding-top: 20px; }
.tow-left-bottom{ padding-top: 50px; }
.tow-left-tt{ line-height: 1; color: #fff; font-size: 32px; }
.tow-left-p{ color: #fff; text-align: justify; line-height: 30px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 20px; }
.page-tow-sm:before{ display: block; content: ""; position: absolute; left: 0; top: 160px; right: 50%; height: 460px; background: url(../images/left02.png) center no-repeat; background-size: cover; }
.tow-left-ul li{ float: left; position: relative; border-right: solid 1px #fff; width: 33.333333%; height: 80px; margin-bottom: 40px; }
.tow-number-top{ font-size: 18px; color: #fff; margin-top: -5px; }
.tow-number-top span{ font-size: 40px; font-family: 'SourceHanSerifCN-Bold-2'; padding-right: 20px; }
.tow-number-b{ font-family: 'msyh'; font-size: 18px; color: #fff; margin-top: 5px; }
.tow-left-ul{ margin-top: 30px; }
.tow-left-ul li:nth-of-type(3),.tow-left-ul li:nth-of-type(5),.tow-left-ul li:nth-of-type(6){ border:none; }
.number-more{ display: block; margin:0 auto; margin-top: 10px; width: 160px; line-height: 60px; background: #fff; border-radius: 60px; font-family: 'msyh'; font-size: 14px; color: #00998a; }
.number-more:hover{ opacity: 0.78; }
.tow-right{ width: 52.5%; padding-left: 0.4rem; }
.tow-right-img{ transition: 0.3s all; height: 560px; }
.tow-right .gy:hover .tow-right-img{ transform: scale(1.05,1.05); }
.tow-lind{ width: 78.75%; height: 40px; background: url(../images/tow-lind.png) center no-repeat; background-size: cover; }
.tow-left-ul li:nth-of-type(4),.tow-left-ul li:nth-of-type(5),.tow-left-ul li:nth-of-type(6){ margin-bottom: 0; }
.bottom{ background: url(../images/bottom.png) center no-repeat; background-size: cover; padding:60px 0; }
.zp-slick .col-xs-3,.zp-slick .col-xs-4,.zp-slick .col-xs-9{ padding:0 10px; }
.zp-slick .row{ margin:0 -10px; }
.bottom-left-img div{ height: 520px; transition: 0.3s all; }
a:hover .bottom-left-img div{ transform: scale(1.05,1.05); }
.zp-title{ font-size: 18px; color: #000; line-height: 1; margin-top: 20px; }
a:hover .zp-title{ color: #00958a; }
.bottom-left-img-b div{ height: 230px; transition: 0.3s all; }
a:hover .bottom-left-img-b div{ transform: scale(1.05,1.05); }
.zp-ul li{ margin-bottom: 22px; }
.zp-slick .slick-prev{ left: -55px; opacity: 0.5; width: 56px; height: 56px; margin-top: -28px; background: url(../images/l.png) center no-repeat; }
.zp-slick .slick-next{ right: -55px; opacity: 0.5; width: 56px; height: 56px; margin-top: -28px; background: url(../images/r.png) center no-repeat; }
.zp-slick .slick-prev:hover,.zp-slick .slick-next:hover{ opacity: 1; }
.zp-slick .slick-slide{ padding:0 20px; }
.footer{ border-top: solid 3px #00958a; padding-top: 30px; }
.zp-slick{ margin:0; }
.logo-txt{ margin-top: 25px; }
.footer-tt{ text-transform: uppercase; line-height: 1; font-size: 12px; color: #000; }
.footer-tt span{ font-size: 24px; padding-right: 10px; }
.footer-p{ margin-left: 75px; width: 360px; }
.footer-lind{ width: 24px; height: 3px; margin-bottom: 25px; background: #00958a; margin-top: 10px; }
.footer-p-txt p{ position: relative; padding-left: 35px; color: #666; line-height: 1; margin-bottom: 25px; }
.footer-p-txt p i{ position: absolute; left: 0; top: 50%; margin-top: -12px; }
.footer-ul li{ float: left; width: 50%; margin-bottom: 25px; line-height: 1; }
.footer-ul li a{ color: #666; line-height: 1; }
.footer-ul li a:hover{ color:#00958a; }
.footer-center{ width: 460px; }
.ewm{ font-size: 14px; color: #666; margin-top: -5px; }
.ewm img{ width: 142px; margin-bottom: 5px; }
.footer-bottom{ border-top: solid 1px #ddd; font-size: 12px; color: #666; padding:30px 0; margin-top: 20px; }
.footer-bottom span{display: inline-block;padding: 0px 0;}
.go-top{ position: fixed; display: none; transition: 0.3s all; z-index: 10000; right: 25px; bottom: 100px; box-shadow: 8px 8px 16px rgba(4,153,147,0.1); }
.go-top.active{ display: block; }
.go-top.active.qqq{ bottom: 410px; }
/***************图文列表************/
.list-banner{ height: 639px; position: relative; }
.list-banner .container{ width: 1470px; }
.list-back .container{ width: 1470px; }
.tw-list li a{ display: block; position: relative; height: 220px; padding:30px 0;  }
.tw-list li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-top: solid 1px #ddd; }
.tw-list-img div{ width: 260px; height: 160px; }
.tw-list-img{ margin-right: 30px; }
.tw-list-tt{ font-size: 22px; color: #222; font-family: 'SourceHanSerifCN-SemiBold-7'; }
.tw-list-p{ font-size: 16px; color: #666; line-height: 30px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 15px; }
.tw-list-right{ padding-top: 5px; }
.tw-list-date{ font-size: 16px; font-family: 'SourceHanSerifCN-Bold-2'; color: #00998a; margin-top: 17px; }
.tw-list-date span{ padding-right: 10px; font-size: 22px; }
.list-banner-bottom{ position: absolute; left: 0; right: 0; bottom: 20px; }
.list-banner-tt{ font-size: 40px; color: #fff;font-family: 'SourceHanSerifCN-Bold-2'; line-height: 1; }
.list-banner-nav{ font-size: 16px; margin-top: 25px; color: #fff; overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap; line-height: 23px; background: url(../images/icon-home.png) left center no-repeat; padding-left: 35px; }
.list-banner-nav a{ color: #fff; }
.list-banner:before{ display: block; content: ""; position: absolute; left: 50%; bottom: 0; margin-left: -230px; right: 0; height: 100px; background: url(../images/nav-back.png) center no-repeat; background-size: 100% 100%; }
.list-banner-left{ width: 640px; }
.banner-nav-r li{ float: left; margin-right: 50px; padding-top: 25px; }
.banner-nav-r li a{ display: block; position: relative; font-size: 24px; color: #222; line-height: 1; padding:20px 0; }
.banner-nav-r li a:before{ display: block; content: ""; position: absolute; left: 0; transition: 0.3s all; bottom: 0; width: 0%; height: 2px; background: #00998a; }
.banner-nav-r li:hover a:before,.banner-nav-r li.active a:before{ width: 100%; }
.banner-nav-r li.active a,.banner-nav-r li:hover a{ color: #00998a;font-family: 'SourceHanSerifCN-Bold-2'; }
.list-back{ background: #f9f9f9; padding:40px 0; }
.page-box{ padding-top: 40px; }
a:hover .tw-list-tt{ color: #00998a; }

.tw-list li a:after{ display: block; content: ""; position: absolute; left: 0; width: 0; transition: 0.3s all; bottom: 0; border-top: solid 1px #00998a; }
.tw-list li a:hover:after{ width: 100%; }
/*************图文详情************/
.article-tt{ font-size: 32px; color: #222; font-family: 'SourceHanSerifCN-Bold-2'; font-weight: bold; line-height: 50px; }
.article-sm{ font-size: 16px; color: #999; padding-top: 10px; padding-bottom: 25px; background: url(../images/a-lind.png) center bottom repeat-x; }
.article-sm>span{ display: inline-block; margin:0 13px; }
.article-p p{font-size: 20px !important;color: #222;line-height: 40px !important;margin-bottom: 20px;word-break: break-all;text-align: justify;}
.article-p{ padding:30px 0; }
.article-bottom{ background: url(../images/a-lind.png) center top repeat-x; padding-top: 50px; margin-top: 30px; }
.article-bottom a{ font-size: 20px; color: #4d3333; position: relative;}
.article-bottom p{ max-width: 100%; padding-bottom: 5px; position: relative; }
.article-bottom p:before{ display: block; content: ""; position: absolute; left: 0; bottom: 0; width: 0; transition: 0.3s all; border-top: solid 1px #00958a; }
.article-bottom p:hover:before{ width: 100%; }
.article-bottom p:hover a,.article-bottom p:hover{ color: #00958a; }
/*****************简介页*****************/
.jj-box img{ float: left; margin-right: 40px; }
.jj-box h2{ font-size: 24px; color: #222; margin:0 0 40px 0; text-indent: 2em; }
.jj-box p{ font-size: 20px; color: #222; text-align: justify; line-height: 40px; margin-bottom: 40px; text-indent: 2em; }
.jj-title{font-family: 'SourceHanSerifCN-Bold-2'; font-size: 32px; color: #222; font-weight: bold; padding-bottom: 30px; margin-bottom: 50px; background: url(../images/a-lind.png) center bottom repeat-x; }
.sj-box{ position: relative; padding:30px 0 40px 0; }
.sj-box .container{ position: relative; z-index: 100; }
.sj-left{ width: 37.5%; }
.sj-title{ position: relative; padding-top: 40px; margin-bottom: 35px; }
.sj-title span{ display: inline-block; line-height: 1; color: #fff; font-size: 32px; font-family: 'SourceHanSerifCN-Bold-2'; }
.sj-title font{ display: block; line-height: 1; position: absolute; right: 0; left: 0; top: 0; color: #fff; opacity: 0.1; font-size: 80px; font-family: 'SourceHanSerifCN-Bold-2'; }
.sj-box:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; right: 50%; background: url(../images/sj-back.png) center no-repeat; background-size: cover; }
.sj-list li{ float: left; width: 50%; padding-top: 20px; height: 190px; position: relative;  }
.sj-list-top{ font-size: 18px; color: #fff; font-family: 'SourceHanSerifCN-Bold-2'; }
.sj-list-top span{ font-size: 64px; }
.sj-list-bottom{ color: #fff; font-size: 16px; line-height: 1; }
.sj-list li:nth-of-type(1):before{ display: block; content: ""; position: absolute; right: 0; top: 0; height: 145px; border-right: solid 1px #fff; }
.sj-list li:nth-of-type(1):after{ display: block; content: ""; position: absolute; right: 60px; left: 0; bottom: 0; border-top: solid 1px #fff; }
.sj-list li:nth-of-type(2):after{ display: block; content: ""; position: absolute; right: 0px; left: 60px; bottom: 0; border-top: solid 1px #fff; }
.sj-list li:nth-of-type(3):before{ display: block; content: ""; position: absolute; right: 0; top: 60px; height: 145px; border-right: solid 1px #fff; }
.sj-list li:nth-of-type(3),.sj-list li:nth-of-type(4){ padding-top: 40px; }
.sj-list{ background: url(../images/sj-dian.png) center no-repeat; }
.sj-img{ width: 57%; border:solid 10px #fff; }
.sj-img div{ height: 480px; }
.sj-lind{ margin-top: 40px; height: 10px; background: url(../images/a-lind.png) center top repeat-x; }
/*****************图片列表****************/
.img-lb li{ float: left; width: 25%; padding:0 10px; margin-top:20px; padding-bottom: 20px; }
.img-lb{ margin:0 -10px; }
.img-lb-img{ position: relative; padding-top:60%; background: #eaeaea; }
.img-lb-img img{ position: absolute; left: 50%; top: 50%; max-width: 100%; max-height: 100%; transform: translate(-50%,-50%); }
.img-lb-tt{ line-height: 1; margin-top: 35px; font-size: 18px; color: #000; }
a:hover .img-lb-tt{ color: #00998a; }
/*************师资队伍**************/
.sz-list li{ float: left; width: 50%; padding:0 20px; margin-top: 40px; padding-bottom: 20px; }
.sz-list li a{ transition: 0.3s all; display: block; padding-top: 30px; padding-right: 20px; position: relative; height: 240px; background: #fff; padding-left: 220px; box-shadow: 0px 8px 16px rgba(0,153,138,0.2); }
.sz-img{ position: absolute; left: 20px; top: -20px; }
.sz-img div{ transition: 0.3s all; width: 180px; height: 240px; }
.sz-list-name{ font-size: 16px; color: #666; font-family: 'SourceHanSerifCN-Regular-1';  }
.sz-list-name span{ font-size: 24px; padding-right: 10px; color: #222; }
.sz-list-lind{ border-top: solid 1px #ddd; margin:15px 0 10px 0; }
.sz-list-p{ font-size: 16px; color: #666; line-height: 40px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; font-family: 'SourceHanSerifCN-Regular-1'; }
.sz-list li a:hover{ box-shadow: 0px 8px 16px rgba(0,153,138,0.5); }
.sz-list li a:hover .sz-list-name span{ color: #00998a; font-family: 'SourceHanSerifCN-Bold-2'; }
/**********学院领导**********/
.ld-list li{ width: 100%; }
.ld-list li .sz-list-name{ color: #222; }
/**********师资详情**********/
.teacher-more{ background: #fff; box-shadow: 0px 8px 16px rgba(0,153,138,0.2); padding:40px; }
.more-top{ position: relative; padding-left: 200px; min-height: 240px; }
.more-top-img{ position: absolute; left: 0; top: 0; }
.more-top-img div{ width: 180px; height: 240px; }
.more-top-right p{ font-size: 18px; color: #222; margin-bottom: 15px; }
.more-top-right .row{ padding-top: 10px; }
.more-bottom p{font-size: 18px !important;color: #222;margin-bottom: 20px;}
.more-bottom{ padding-top: 40px; }
.teacher-bottom{ background: none; padding-top: 0; margin-top: 40px; }
/*************组织机构***********/
.jg-title span{ display: inline-block; font-size: 32px; color: #00998a; font-family: 'SourceHanSerifCN-Bold-2'; position: relative; padding:0 35px; }
.jg-title span:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width:20px; background: url(../images/tt-l.png) center no-repeat;  }
.jg-title span:after{ display: block; content: ""; position: absolute; right: 0; top: 0; bottom: 0; width:20px; background: url(../images/tt-r.png) center no-repeat;  }
.jg-title{ margin-bottom: 35px; }
.jg-list li { float: left; width: 25%; padding:0 10px; margin-bottom: 50px; }
.jg-list{ margin:0 -10px; }
.jg-list li a{ position: relative; display: block; background: #fff; border-left: solid 5px #00998a; height: 100px; }
.jg-list li a span{ position: absolute; transition: 0.3s all; left: 70px; right: 70px; top: 50%; transform: translate(0,-50%); font-size: 18px; color: #222; line-height: 25px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.jg-list li a:before{ display: block; content: ""; background: #00998a; position: absolute; left: 0; top: 0; bottom: 0; width: 0; transition: 0.3s all; }
.jg-list li a:hover:before{ width: 100%; }
.jg-list li a:hover span{ color: #fff; }
/***********文字列表***********/
.wz-list li a{display: block;line-height: 79px;position: relative;padding:0 230px 0 40px;background: url(../images/wz01.png) 20px center no-repeat;font-size: 18px;}
.wz-list li a:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: 0; border-bottom: dashed 1px #ddd; }
.wz-list li a span.date{ font-size: 14px; color: #666; position: absolute; right: 0; top: 0; position: absolute; }
.wz-list li a:hover{ background: url(../images/wz02.png) 20px center no-repeat; font-family: 'SourceHanSerifCN-SemiBold-7'; color: #00998a; }
.wz-list li a:hover span{ font-family: 'SourceHanSerifCN-SemiBold-7'; color: #00998a;  }
.wz-list li a:after{ display: block; content: ""; position: absolute; left: 0; right: 100%; transition: 0.3s all; bottom: 0; border-bottom: solid 2px #3f8692; }
.wz-list li a:hover:after{ right: 0; }


@media( max-width: 1679px){
    .container{ width: 1230px; }
    .page-one:before{ margin-right: -235px; }
    .page-tow:before{ margin-left: 235px; }
    .tow-left .title-left font{ font-size: 28px; }
    .footer-p{ margin-left: 00px; width: 360px; }
    .footer-left{ width: 100%; float: none!important; margin-bottom: 30px; }
    .list-banner .container{ width: 1230px; }
    .list-back .container{ width: 1230px; }
    .jg-list li a span{ left: 50px; right: 50px; }
    .list-banner-left{ width: 480px; }
    .logo-b{float:left;}
    .logo-txt{margin-top:0;}
}

@media( max-width: 1248px){
    .banner-box{ padding-top: 140px; }
    .logo{ padding-top: 25px; }
    .logo img{ width: 300px; }
    .container{ width: 970px; }
    .banner{ position: relative; top: 0; left: 0; width: 100%; transform: translate(0,0); margin:0; }
    .banner a{ display: block; padding-top: 46.666666%; height: auto; }
    .banner .swiper-slide{ height: auto; }
    .banner .swiper-slide-active a{ margin:0; width: 100%; left: 0; position: relative; transform: translate(0,0); padding-top: 46.666666%; height: auto; display: block; }
    .banner .swiper-pagination{ left: 0; right: 0; width: 100%; margin:0; }
    .banner-box{ height: auto; }
    .nav-list li a{ width: 100%; background-size: 100% 100%!important; font-size: 16px; }
    .link-ul li a{ padding-left: 0; padding-top: 80px; text-align: center; }
    .link-ul li a i{ right: 0; top: 0; line-height: 80px; text-align: center; left: 0; transform: translate(0,0); }
    .link-ul li{ padding-top: 0; height: 150px; }
    .page-one:before{ right: 0; margin-right: 0; }
    .one-left{ width: 100%; }
    .one-right{ width: 100%; margin-top: 30px; }
    .page-tow:before{ display: none; }
    .js-slick-img{ height: 240px; }
    .js-slick-hover{ padding:20px; }
    .js-slick-hover:before{ right: 20px; bottom: 20px; }
    .bottom-left-img div{ height: 360px; }
    .bottom-left-img-b div{ height: 150px; }
    .footer-center{ width: 430px; }

.list-banner .container{width: 970px;}
.list-back .container{ width: 970px; }
.list-banner-left{width: 400px;}
.sz-list li{ width: 100%; }
.jg-list li a span{ left: 30px; right: 30px; }
    .list-banner:before{
    margin-left: -130px;
}
}

@media( max-width: 991px){
    .container{ width: 750px; }
    .header-top-left{ display: none; }
    .header .container{ width: 100%; }
    .header{ height: 75px; padding:0!important; background: #00958a; }
    .header-top{ line-height: 20px; height: 24px; border-bottom: solid 1px rgba(255,255,255,0.2); }
    .logo{position: absolute;left: 10px;/* top: 25px; */line-height: 45px;}
    .logo img{height: 32px;width: auto;}
    .nav-list{ position: fixed; display: none; margin-top: 0; border-top: solid 1px rgba(255,255,255,0.2); left: 0; top: 75px; right: 0px; bottom: 0; background: #00958a; overflow-y: auto; }
    .nav-list li{ float: none; width: 100%; padding:0; }
    .nav-list li a{ display: block; background: none!important; padding:0 15px; line-height: 40px; text-align: left; }
    .banner-box{ padding-top: 0; padding-bottom: 0; }
    body{ padding-top: 75px; }
    .banner{ top: 0; }
    .banner .swiper-pagination{ bottom: 30px; }
    .link-ul li a p{ font-size: 18px; }
    .link-ul li a span{ margin-top: 10px; }
    .one-left-sm{ width: 100%; }
    .one-ul{ width: 100%; padding:0; margin-top: 15px; }
    .tow-right{ display: none; }
    .tow-left{ width: 100%; }
    .page-tow-sm:before{ right: 0; margin-right: 0; }
    .tow-lind{ display: none; }
    .bottom-left-img div{ height: 280px; }
    .bottom-left-img-b div{ height: 110px; }
    .footer-p,.footer-center{ width: 50%; }
    .ewm{ width: 100%; margin-top: 0; }
    .menu-button{display: block;top: 44px;}
    .go-top.active{ display: none; }
    .menu-button.cross{ top: 30px; }
    .nav-down{ position: static; transform: translate(0,0); margin:0; overflow:hidden!important; display: none; background: none; width: 100%; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down li{ height: 40px!important; }
    .nav-down li a,.nav-down li a:hover{ padding-left: 25px; line-height: 40px!important; color: #fff!important }
    .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); }

.list-banner .container{ width: 750px; }
.list-back .container{ width: 750px; }
.list-banner-left{ display: none; }
.list-banner:before{ left: 0; margin-left: 0; background: #fff; }
.list-banner{ height: 400px; }

.jj-box img{ display: none; }

.img-lb li{ width: 50%; }
.jg-list li{ width: 50%; }
.tow-left-tt{
        font-size: 24px;
    }
    .tow-number-top span{
        font-size: 30px;
        padding-right: 15px;
    }
    .tow-number-top{
        font-size: 15px;
    }
    .tow-number-b{
        font-size: 16px;
    }
}
@media( max-width: 767px){
    .container{ width: 100%; }
    .link-ul li a span{ display: none; }
    .link-ul li a i img{ height: 40px; }
    .link-ul li a i{ line-height: 40px; }
    .link-ul li a{ padding-top: 50px; }
    .link-ul li a p{font-size: 16px;line-height: 1.6;}
    .link-ul li{ height: auto; padding:10px 5px; }
    .link-ul{ padding:10px 0; margin:0 -15px; }
    .page-one,.page-tow{ padding:25px 0; }
    .title-left span,.title-left font{ font-size: 24px; }
    .title-left font{ display: none; }
    .one-img div{ height: auto; padding-top: 62.5%; }
    .go-top{ display: none; }
    .title-left{ float: left; }
    .title-box-b:before{ left: 0; transform: translate(0,0); }
    .page-tow-sm{ padding-top: 0; }
    .page-tow-sm:before{ top: 95px; height: 500px; }
    .tow-left-bottom{ padding-top: 20px; }
    .tow-left-ul li{ width: 50%; border:none!important; margin-bottom: 15px!important; height: 85px; }
    .page-tow{ padding-bottom: 0; }
    .bottom{ padding:25px 0; }
    .zp-slick .col-xs-3,.zp-slick .col-xs-9{ width: 100%; }
    .zp-slick .col-xs-4{ width: 50%; margin:10px 0 0 0; }
    .bottom-left-img div{ height: auto; padding-top: 138.666666%; }
    .zp-title{ font-size: 14px; margin-top: 10px; }
    .zp-slick .slick-prev{ left: 0; z-index: 100; display: none!important; }
    .zp-slick .slick-next{ right: 0; z-index: 100; display: none!important; }
    .logo-b{float:none !important;}
    .logo-b img{ width: 250px; }
    
    .logo-txt{ margin-top: 10px; }
    .logo-txt img{ width: 250px; }
    .footer-p, .footer-center{ width: 100%; }
    .footer-bottom{padding:10px 0;margin-top: 15px;line-height: 24px;}
    .footer{ padding-top: 20px; }
    .footer-left{ margin-bottom: 20px; }
    .banner .swiper-pagination{ bottom: 10px; }
    .banner .swiper-pagination span{ margin:0!important; }

    .list-banner .container{ width: 100%; }
    .list-back .container{ width: 100%; }
    .list-banner-left{ display: none; }
    .list-banner:before{ left: 0; margin-left: 0; background: #fff; display: none; }
    .list-banner{ height: 300px; }
    .banner-nav-r li{padding-top: 0;margin-bottom: 10px;margin-right: 25px;}
    .banner-nav-r li a{font-size: 18px;padding:10px 0;}
    .banner-nav-r{width: auto;float: none!important;margin:0 -15px;background: #fff;padding: 10px 10px 1px 10px;}
    .list-banner-bottom{ bottom: 0; }
    .list-back{ padding:20px 0 20px 0; }
    .tw-list-img{ float: none!important; margin:0 auto; width: 260px; }
    .tw-list li a{ height: auto; padding:20px 0; }
    .tw-list-tt{ font-size: 18px; margin-top: 10px; }
    .tw-list-p{ font-size: 14px; line-height: 25px; margin-top: 10px; }
    .tw-list-date{ font-size: 14px; margin-top: 10px; }
    .page-box{ padding-top: 20px; }
    .layer .close{ width: 40px; }
    
    .article-tt{ font-size: 18px; line-height: 30px; }
    .article-sm{ font-size: 14px; }
    .article-p p{font-size: 14px !important;line-height: 26px !important;margin-bottom: 10px;}
    .article-bottom .col-xs-6{ width: 100%; }
    .article-bottom{ padding-top: 30px; margin-top: 0px; }
    .article-bottom a{ font-size: 16px; }
    .article-p{ padding:20px 0; }
    
    .jj-title{ font-size: 24px; margin-bottom: 20px; }
    .jj-box h2{ font-size: 18px; margin-bottom: 20px; }
    .jj-box p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .sj-img{ display: none; }
    .sj-left{ width: 100%; }
    .sj-box:before{ right: 0; }
    .sj-title font{ font-size: 48px; }
    .sj-title span{font-size: 24px;}
    .sj-title{ padding-top: 25px; }
    .sj-box{ padding:20px 0; }
    .sj-lind{ margin-top: 20px; }
    
    .img-lb li{ width: 50%; padding-bottom: 0; }
    .img-lb-tt{ font-size: 16px; margin-top: 15px; }
    .sz-img{ position: relative; width: 180px; left: 0; top: 0; margin:0 auto; }
    .sz-list li a{ height: auto; padding:20px; }
    .sz-list-name{ margin-top: 10px; }
    .sz-list-p{ line-height: 25px; }
    .sz-list li{ margin-top: 0; }
    .more-top-img{ position: relative; margin:0 auto; left: 0; width: 180px; }
    .more-top{ padding:0; }
    .more-top .col-xs-6{ width: 100%; }
    .more-top .sz-list-name{ text-align: center; }
    .more-top-right p{ font-size: 16px; margin-bottom: 10px; }
    .more-bottom p{ font-size: 16px; line-height: 25px; margin-bottom: 10px; }
    .more-bottom{ padding-top: 15px; }
    .article-bottom p{ float: left!important; }
    .teacher-more{ padding:20px; }
    
    .jg-list li a span{ left: 15px; right: 15px; font-size: 16px; }
    .jg-list li a{ height: 70px; }
    .jg-list li{ margin-bottom: 20px; }
    .jg-title{ margin-bottom: 20px; }
    .wz-list li a{line-height: 59px;padding-right: 78px;background: url(../images/wz01.png) 0px center no-repeat;padding-left: 16px;font-size: 16px;}
        .number-more{
        height: 50px;
        line-height: 50px;
        width: 140px;
    }
  
    .footer-tt span{font-size:20px;}
    .layer .search_box{
    width: auto;
    max-width: 100%;
}
}

@media( max-width: 400px){
    .logo img{
    height: 28px;
}
}