body {
    color: #333;
     font-style: 100%;
    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
    position:relative;
    overflow-x: hidden;
    background: #fffefe;


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

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

.img-hide img,.div-img{ transition: 0.5s all; transform: scale(1,1); }
.img-hide:hover img,.img-hide:hover .div-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;}
.home{position:absolute;top:0;left:0;right:0;bottom:0;overflow:hidden;}
.home body{height:100%;overflow:hidden;padding:0;}
.body_home{background:#fff;height:100%;overflow:hidden;}
.body_r{position:fixed;left:100%;top:0;bottom:0;right:0;transition:left 1.3s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:hidden;}
.body_r.dis *{background:none !important;}
.body_r.showdiv{left:0;}
.body_r .body_scroll{height:100%;position:relative;overflow:hidden;}
.body_r .ll{position:absolute;top:50%;left:0;text-align:center;transform:translateY(-50%);color:#fff;font-size:20px;background:url() right 30px center no-repeat;padding-left:40px;width:20px;text-align:center;line-height:1.2;cursor: pointer;transition:all 0.3s ease-out 0s;opacity:0;visibility:hidden;}
.body_r .ll:hover{padding-left:50px;}
.body_r .ll.w{background-image:url();color:#58453b;}
.body_r.showdiv .ll{opacity:1;visibility:visible;}
.body_r .arr{position:absolute;top:50%;right:10px;transform:translateY(-50%);color:#fff;font-size:80px;cursor: pointer;font-family:icon;opacity:0;transition:all 0.5s ease-out 0.5s;text-shadow:0 0 5px rgba(0,0,0,0.5);}
.body_r.showdiv .arr{opacity:1;}
.body_r .arr.h{display: none;}
.screen{float: left;height:100%;position: relative;}
.body_b{position:fixed;left:0%;top:100%;bottom:0;right:0;background:#fff;overflow:hidden;transition:top 0.7s cubic-bezier(0.5,0,0.2,1) 0s;z-index:1;overflow:auto;outline:none;}

.body_b *{outline:none;}
.body_b.showdiv{top:0; overflow-x:hidden;}
.body_b .mCSB_scrollTools{z-index:4;width:5px;}
.body_b .mCSB_scrollTools .mCSB_draggerRail{width:5px;}
.body_b .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#94070a;width:5px;}
.body_b .mCSB_scrollTools .mCSB_draggerRail{background:rgba(0,0,0,0.1);}
.header{ position: fixed; z-index: 100030; left: 0; top: 0; right: 0; }

.body_home.showdiv .header {
    transform: none;
    opacity: 1;
}
.d {
    transform: translate(0,-80px);
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.r {
    transform: translate(150px,0);
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.l {
    transform: translate(-150px,0);
    transition: all 1s ease-out 0s;
    opacity: 0;
}
.showdiv .page-one .d, .page-one.showdiv .d,.wb-list.showdiv.d,.page-tow.showdiv .d,.page-three.showdiv .d,.page-four.showdiv .d,.page-five.showdiv .d,.page-six.showdiv .d,.page-senven.showdiv .d,.page-xz.showdiv .d,.back-ck.showdiv .d,.back-ck710.showdiv .d{
    transform: none;
    opacity: 1;
}
.showdiv .page-one .r,.page-tow.showdiv .r,.page-three.showdiv .r,.page-four.showdiv .r,.page-five.showdiv .r,.page-six.showdiv .r,.page-seven.showdiv .r{
    transform: none;
    opacity: 1;
}
.showdiv .page-one .l,.page-tow.showdiv .l,.page-three.showdiv .l,.page-four.showdiv .l,.page-five.showdiv .l,.page-six.showdiv .l,.page-seven.showdiv .l{
    transform: none;
    opacity: 1;
}
.showdiv .page-one .d,.showdiv .page-one .r,.showdiv .page-one .l{ transition-delay: 0.5s; }
.jx-back-t.showdiv .d {
    transform: none;
    opacity: 1;
}
.page-one .d{ transform: translate(0,180px);transition: all 1.2s; }

.dd1 {
    transform: translate(80px,80px);
    opacity: 0;
    transition: all 1.2s ease-out 0s;
}
.home5.showdiv .dd1,.home6.showdiv .dd1,.home7.showdiv .dd1,.home8.showdiv .dd1,.home9.showdiv .dd1,.home10.showdiv .dd1,.home11.showdiv .dd1 {
    transform: none;
    opacity: 1;
}

.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;display: none; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100);display: block; }
.container{ width: 1440px;}
.banner,.banner-box {
    height: 100vh;
    position: relative;
    overflow: hidden;
}


.banner .item,.banner .slick-list,.banner .slick-track,.banner .slider {
    height: 100%;
    position: relative
}

.banner .item {
    overflow: hidden
}

.banner .bg,.banner video {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}
@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)
    }
}
.banner-btn {
    position: absolute;
    left: 0;
    bottom: 22px;
    right: 0;
    font-size: 0;
    text-align: center;
  
}

.banner .more,.banner-btn .banner-dots {
    display: inline-block;
    vertical-align: middle
}

.banner-btn .banner-dots li {
    margin: 0 12px;
    display: inline-block;
    vertical-align: middle;
    width: 12px;
    height: 12px;
 
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.banner-btn .banner-dots button {
    outline: 0;
    border: none;
    text-indent: -999px
}


.banner .more {
    padding: 0 23px;
    margin-left: 14px;
    font-size: 18px;
    color: #fff;
    line-height: 26px;
    text-shadow: 0 2px 3px rgba(153,153,153,.8);
    position: relative
}

.banner .more:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 1px;
    height: 18px;
    background-color: #fff;
    margin-top: -9px;
    box-shadow: 0 2px 3px 0 rgba(153,153,153,.8)
}

.banner .more:hover {
    text-decoration: underline
}

.banner .slick-active .bg {
    animation: 6s linear bigScale;
    -webkit-animation: 6s linear bigScale
}
.slick,.slick-list,.slick-initialized .slick-slide,.slick-track,.banner a{ height: 100%; }
.banner{ position: absolute; left: 0; top: 0; right: 0; bottom: 0; }
.body_b.showdiv .header2 {
    transition: all 0.7s ease-in-out 0.5s;
    transform: none;
    opacity: 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{ margin-top: -8px; }
.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-a{ display: none; }

.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: 10000000;}
.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;font-size:16px;-webkit-appearance:none;appearance:none;border-radius:0;}
.layer .search_box .ok{background:#ad0002;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: 188px; text-align: center; padding-top: 60px; color: #fff; font-size: 14px; height: 95px; cursor: pointer;  position: absolute; bottom: 20px; left: 50%; margin-left: -94px; z-index: 100; /* background: url(../images/banner-b.png) center no-repeat; */} 
.bb img{ animation: container ease-in-out 2.7s infinite alternate; }
@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);
  }
}

.hide-pc{ display: none; }


.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); }

.index-s1 .pagination{ left: auto; width: auto; right: 0.6rem; }
.index-s1 .pagination span{ width: 46px; outline: none!important; height: 46px; background: url(../images/li02.png) center no-repeat; margin:0; }
.index-s1 .pagination span.active{ background: url(../images/li01.png) center no-repeat; }
.header{ position:fixed; padding:0 0.6rem; left: 0; top: 0; right: 0; border-top: solid 3px #ad0002; height: 2.88rem; background: url(../images/header.png) center no-repeat; background-size: 100% 100%; }
.logo{ padding-top: 0.15rem; }
.header.mobile,.header.active{ height: auto; background: #ad0002; }
.header-right{ padding-right: 0.8rem; }
.header-right-top span{ font-size: 13px; color: #fff; padding:0 0.16rem; opacity: 0.5; }
.header-right-top a{ font-size: 13px; color: #fff; }
.header-right-top{ padding-top: 0.25rem; }
.nav-list li{ float: left; position: relative; margin-left: 0.46rem; padding-bottom: 0.2rem; }
.nav-list li a{ font-size: 0.18rem; color: #fff; font-weight: bold; }
.nav-list{ margin-top: 0.15rem; }
.search-a{ position: absolute; right: 0.6rem; top: 0.3rem; width:0.5rem; display: block!important; }
.container{ width: 16rem; padding:0; }
.page-one{ padding:1.4rem 0 0.3rem 0; overflow:hidden;background: url(../images/back01.png) center bottom no-repeat; background-size: 100% auto; }
.title-l{ font-size: 0.9rem; position: relative; z-index: 10; line-height: 1; margin-right: 0.18rem; font-family: "Times New Roman"; color: #ad0002; }
.title-t{ font-size: 0.2rem; position: relative; z-index: 10; margin-top: 0.06rem; line-height: 1; font-family: "Times New Roman"; color: #ad0002; }
.title-b{ font-size: 0.4rem; position: relative; z-index: 10; font-weight: bold; color: #222; line-height: 1; margin-top: 0.05rem; }
.title-left{ position: relative; }
.title-left:before{ display: block; content: ""; width: 3rem; height: 0.69rem; background: url(../images/title.png) center no-repeat; background-size: 100% 100%; position: absolute; left: -0.4rem; top: 0.15rem; }
.title-more{ margin-top: 0.5rem; background: url(../images/more.png) right center no-repeat; background-size: 0.32rem auto; padding-right: 0.45rem; font-size: 0.2rem; color: #ad0002; }
.title-more:hover{ color: #ad0002; }
.title-box{ margin-bottom:0.45rem; }
.one-slick{ width: 33.3rem; }
.one-slick-img{ width: 11rem; }
.one-slick-img img{ width: 100%; height:6.08rem;  }
.one-slick a{ display: block; position: relative; }
.one-slick-right{ width: 5.52rem; padding:0.7rem 0.5rem 0 0.85rem; height: 100%; position: absolute; right: 0; top: 0; background: url(../images/back-r.png) center no-repeat; background-size: 100% 100%; }
.one-slick .slick-slide{ padding-right: 0.6rem; opacity: 0.3; transition: 0.5s all; }
.date-back{ background: url(../images/date-back.png) center no-repeat; font-weight: bold; padding-top: 0.05rem; background-size: 100% 100%; width: 0.9rem; height: 0.91rem; font-size: 0.16rem; color: #ffd398; font-family: "Times New Roman"; }
.date-back span{ font-size: 0.36rem; }
.one-slick-tt{ font-size: 0.28rem;color: #fff; line-height: 1; margin-top: 0.45rem; }
.one-slick-p{ font-size: 0.14rem; line-height: 2; text-align: justify; text-indent: 2em; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 4;
-webkit-box-orient: vertical; opacity: 0.68; margin-top: 0.4rem; color: #fff; }
.one-slick .slick-prev{ left: 11.35rem; z-index: 100; top: 4.9rem; width: 0.5rem; height: 0.5rem; background: url(../images/left01.png) center no-repeat; background-size: 100% auto; }
.one-slick .slick-next{ left: 12.15rem; z-index: 100; top: 4.9rem; width: 0.5rem; height: 0.5rem; background: url(../images/right01.png) center no-repeat; background-size: 100% auto; }
.slick-prev:before,.slick-next:before{ display: none; }
.one-slick .slick-prev:hover{ background: url(../images/left02.png) center no-repeat; background-size: 100% auto; }
.one-slick .slick-next:hover{ background: url(../images/right02.png) center no-repeat; background-size: 100% auto; }
.one-slick .slick-current{ opacity: 1; }
.page-tow{ background: url(../images/back02.png) center bottom no-repeat; background-size: 100% auto; padding-bottom: 0.6rem; padding-top: 0.9rem; }
.tow-left{ width: 11.2rem; }
.xw-slick{ width: 6.55rem; }
.xw-slick-img img{ width: 100%; height: 3.68rem; }
.xw-slick-bottom{ background: #fff; padding:0.6rem 0.4rem 0 0.4rem; height: 2.65rem; background:#fff url(../images/back-b.png) right bottom no-repeat; background-size: 100% auto; }
.xw-slick-img{ border-radius: 0.1rem 0.1rem 0 0; }
.xw-slick-tt{ font-size: 0.22rem; color: #222222; }
.xw-slick-p{ text-indent: 2em; font-size: 0.14rem; color: #888; text-align: justify; line-height: 2; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical; margin-top: 0.15rem; }
.xw-slick a{ display: block; position: relative;  }
.xw-slick-date{font-size: 0.16rem; line-height: 1; color: #ffd398; font-family: "Times New Roman"; font-weight: bold; position: absolute; left: 0; padding:0.2rem; z-index: 100; top: 2.95rem; border-radius: 0 0.4rem 0 0; width: 0.9rem; border-bottom: solid 0.1rem #b8976b; background: rgba(167,10,18,0.9); }
.xw-slick-date span{ font-size: 0.36rem; display: inline-block; padding-bottom: 0.05rem; }

.tow-news li a{ display: block; padding:0.2rem 0; border-bottom: solid 1px #ddd; }
.tow-news-date{ font-size: 0.16rem; color: #ad0002; font-family: "Times New Roman"; background: url(../images/icon-date.png) left center no-repeat; padding-left: 0.25rem; background-size: 0.15rem; }
.tow-news-tt{ font-size: 0.18rem; color: #333; 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.04rem;  }

.tow-news-xww li a{ display: block; padding:0.2rem 0; border-bottom: solid 1px #ddd; }
.tow-news-date-xww{ font-size: 0.16rem; color: #ad0002; font-family: "Times New Roman"; background: url(../images/icon-date.png) left center no-repeat; padding-left: 0.25rem; background-size: 0.15rem; }
.tow-news-tt-xww{ font-size: 0.18rem; color: #333; 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.04rem;  }

.tow-right{ width: 4.2rem; }
.tow-right-xww{ width: 25%; }
.mt-top{ display: block; border-radius: 0.1rem; position: relative; }
.mt-top img{ width: 100%; height: 2.35rem; }
.mt-mask{ position: absolute; left: 0; right: 0; bottom: 0; padding:0.2rem 0.2rem 0.1rem 0.2rem; background: url(../images/mt-mask.png) center no-repeat; background-size: 100% 100%; }
.mt-label{ font-size: 0.14rem; color: #fff; font-weight: bold; }
.mt-label span{ padding-right: 0.15rem; }
.mt-top-tt{ font-size: 0.18rem; color: #fff; margin-top: 0.05rem; }
.mt-label font{ font-family: "Times New Roman"; }
.mt-ul-date font{ font-family: "Times New Roman"; font-size: 0.16rem; color: #666; font-weight: bold; }
.mt-ul-date span{ font-size: 0.16rem; color: #ad0002; font-weight: bold; padding-right: 0.1rem; }
.mt-ul li a{ display: block; padding:0.2rem 0; border-bottom: solid 1px #ddd; }
.mt-ul{ padding-top: 0.17rem; }
.page-three{ padding:0.9rem 0 2.15rem 0; overflow:hidden; position: relative; }
.page-three:before{ display: block; position: absolute; content: ""; left: 0; right: 0; bottom: 0.9rem; height: 1.19rem; background: url(../images/lind.png) center no-repeat; background-size: 100% 100%; }
.tz-ul li{ float: left; width: 33.333333%; position: relative; }
.tz-ul li a{ display: block; width: 5.34rem; padding:0.5rem; margin:0 auto; height: 2.65rem; background: url(../images/tz-back.png) center no-repeat; background-size: 100% 100%; }
.tz-ul-date{ width: 0.94rem; height: 0.78rem; color: #a70b13; line-height: 1; background: url(../images/tz-date.png) center no-repeat; background-size: 100% 100%; }
.tz-ul{ margin:0 -0.15rem; font-size: 0.16rem; color: #a70b13; font-family: "Times New Roman"; font-weight: bold; }
.tz-ul-date span{ font-size: 0.36rem; display: inline-block; padding:0.1rem 0 0.05rem 0; }
.tz-ul-tt{ font-size: 0.18rem; color: #333; 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; }
.tz-ul-right{ width: 2.95rem; padding-top: 0.15rem; }
.tz-ul-more{ display: block; float: left; margin-top: 0.5rem; font-size: 0.16rem; color: #ad0e0f; padding-right: 0.3rem; background: url(../images/more02.png) right center no-repeat; background-size: 0.2rem auto; }
.tz-ul li:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -0.4rem; height: 0.22rem; background: url(../images/dian.png) center no-repeat; background-size: 0.22rem auto;  }
.tz-ul li:nth-of-type(2):before{ bottom: -0.65rem; }
.tz-ul li:nth-of-type(1) a,.tz-ul li:nth-of-type(3) a{ transform: translate(0,-0.3rem); }
.page-four{ background: url(../images/zy-back.png) center no-repeat; background-size: cover; padding:1.2rem 0 0.5rem 0; }
.page-four .title-left:before{     background: url(../images/title02.png) center no-repeat; background-size: 100% 100%; }
.page-four .title-b,.page-four .title-t,.page-four .title-l{ color: #fff; }
.four-txt{ font-size: 0.34rem; color: #fff; margin-top: 1.1rem; }
.four-list li{ float: left; width: 25%; padding:0 0.2rem; margin-bottom: 0.3rem; }
.four-list{ margin:0 -0.2rem; margin-top: 0.35rem; }
.four-list li a{ display: block; height: 1.43rem; padding:0.3rem 0 0.3rem 0.3rem; border-radius: 0.4rem 0.1rem 0.4rem 0.1rem; overflow:hidden; position: relative; }
.four-list li:nth-of-type(1) a{ background: url(../images/zy01.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(2) a{ background: url(../images/zy02.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(3) a{ background: url(../images/zy03.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(4) a{ background: url(../images/zy04.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(5) a{ background: url(../images/zy03.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(6) a{ background: url(../images/zy04.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(7) a{ background: url(../images/zy01.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(8) a{ background: url(../images/zy02.png) center no-repeat; background-size: 100% 100%; }
.four-list-tt{ font-size: 0.26rem; margin-top: 0.1rem; color: #fff; line-height: 1; }
.four-list-s{ font-size: 0.16rem; color: #fff; opacity: 0.6; text-transform: uppercase; margin-top: 0.1rem; }
.four-list-img{ margin-right: 0.2rem;  }
.four-list-img img{ width: 0.6rem; }
.four-list li a:before{ display: block; content: ""; position: absolute; right: -0.18rem; bottom: -0.18rem; width: 0.69rem; height: 0.69rem; background: url(../images/four-r.png) center no-repeat; background-size: 100% 100%; }
.four-list li:nth-of-type(8) a:before{ display: none; }
.four-more{ position: absolute; left: 50%; top: 50%; font-size: 0.26rem; color: #fff; transform: translate(-50%,-50%); padding-right: 0.56rem; background: url(../images/four-more.png) right center no-repeat; background-size: 0.37rem auto; }
.page-five{ background: url(../images/back05.png) center no-repeat; background-size: cover; padding:1.2rem 0 1.1rem 0; }
.title-left{ text-align: left; width: 2.6rem; margin:0 auto; }
.five-sm{ padding-top: 1.5rem; position: relative; background: url(../images/five-sm.png) top right no-repeat; background-size: 15.16rem auto; }
.number-back{ width: 1.89rem; transition: 0.3s all; margin:0 auto; position: relative; height: 1.89rem; background:url(../images/number-back.png) center no-repeat; background-size: 100% 100%; }
.number-back-box{ position: absolute; transition: 0.3s all; line-height: 1; left: 0; right: 0; top: 50%; text-align: center; transform: translate(0,-50%); }
.number-top span{ display: inline-block; font-size: 0.22rem; color: #9f0003; }

.number-bottom{ font-size: 0.22rem; color: #000; margin-top: 0.1rem; line-height: 0.3rem; padding: 0 0.1rem; }
.five-sm .swiper-slide{ position: relative; height: 5.7rem; padding-top: 0.3rem; transition: 0.3s all;}
.five-sm .swiper-container{ overflow:hidden; }
.five-sm .swiper-slide{ transform: translate(0,1.9rem); }
.five-sm .swiper-slide{ transform: translate(0,0); }
.gif{ position: absolute; left: 50%; top: 50%; width: 2.6rem; margin-left: -1.15rem; margin-top: -2.48rem; }


.number-back:hover{ width: 2.39rem;  height: 2.39rem; background:url(../images/number-back02.png) center no-repeat; background-size: 100% 100%;}
.number-back:hover .number-back-box{padding:0 0.3rem;}
.five-sm .swiper-slide.d ,.five-sm .swiper-slide.d { transform: translate(0,1.7rem)!important; opacity: 1; }
.five-sm .swiper-slide.b,.five-sm .swiper-slide.b{ transform: translate(0,2.6rem)!important; opacity: 1; }


.five-sm .swiper-slide.a{ transform: translate(0,1.9rem); opacity: 1; }
.five-sm .swiper-slide.e{ opacity: 1; transform: translate(0,0.8rem); }
.five-sm .swiper-slide.c, .swiper-slide.c {
    transform: translate(0,2.6rem)!important;
    opacity: 1;
}

.five-sm .swiper-button-next{ width: 0.6rem; height: 0.6rem; background: url(../images/right-f01.png) center no-repeat; background-size: 100%; top: 5.2rem; right: 0.5rem; }
.swiper-button-next:after{ display: none; }
.five-sm .swiper-button-prev{ width: 0.6rem; height: 0.6rem; background: url(../images/left-f01.png) center no-repeat; background-size: 100%; top: 5.2rem; left: auto; right: 1.6rem; }
.swiper-button-prev:after{ display: none; }
.five-sm .swiper-button-next:hover{ background: url(../images/right-f02.png) center no-repeat; background-size: 100%; }
.five-sm .swiper-button-prev:hover{ background: url(../images/left-f02.png) center no-repeat; background-size: 100%; }
.page-six{ position: relative; padding-top: 1.2rem; overflow:hidden; }
.page-six:before{ display: block; content: ""; position: absolute; left: 0; top: 0; right: 0; height: 7rem; background:url(../images/back06.png) center no-repeat; background-size: 100% 100%; }
.page-six .title-left{ margin-left: 6rem; color: #fff; width: auto; }
.page-six .title-left:before{     background: url(../images/title02.png) center no-repeat; background-size: 100% 100%; }
.page-six .title-b,.page-six .title-t,.page-six .title-l{ color: #fff; }
.sj-left{ width: 5rem; display: block; position: relative; }
.sj-left .img-hide img{ width: 100%; height: 7.35rem; }
.six-mask{ position: absolute; left: 0; right: 0; bottom: 0; height: 1.04rem; background:url(../images/six-mask.png) center no-repeat; background-size: 100% 100%; }
.six-mask-tt{ position: absolute; left: 0.25rem; right: 0.25rem; bottom: 0.2rem; font-size: 0.18rem; color: #fff; }
.six-mask-tt img{ margin-right: 0.2rem; }
.sj-right{ width: 10.75rem; }
.sj-right-left{ width: 5.95rem; display: block; position: relative; }
.sj-right-left .img-hide img{ width: 100%; height: 3.35rem; }
.sj-right-bottom{ margin-top: 0.2rem; }
.sj-right-bottom-left{ position: relative; width: 6.75rem; display: block; }
.sj-right-bottom-left .img-hide img{ width: 100%; height: 3.8rem; }
.sj-right-bottom-right{ position: relative; width: 3.8rem; display: block; }
.sj-right-bottom-right .img-hide img{ width: 100%; height: 3.8rem; }
.sj-right-box{ position: relative; padding:0.5rem; width: 4.6rem; height: 3.35rem; background:url(../images/sj05.png) center no-repeat; background-size: 100% 100%; }
.sj-right-a{ position: absolute; right: 0; bottom: 0; }
.sj-right-a img{ width: 4.6rem; }
.sj-ul li{ float: left; width: 0.85rem; margin-bottom: 0.3rem; }
.sj-ul{ width: 1.7rem; position: relative; z-index: 100; }
.sj-ul li img{ width: 0.6rem; }
.sj-ul li a{ position: relative; display: inline-block; }
.sj-ul li a span{ display: none; position: absolute; left: 50%; margin-left: -50px; width: 100px; bottom: 100%; }
.sj-ul li a:hover span{ display: block; }
.sj-ul li a span img{ width: 100%!important; }
.page-senven{ background:url(../images/back07.png) center bottom no-repeat; background-size: 100% auto; padding:1.1rem 0 2.2rem 0; }
.senven-bottom{ position: relative; overflow:hidden; padding-left: 1.6rem; }
.zt-slick-box{ margin-right: -1rem; margin-left: -0.22rem; }
.zt-slick-box .swiper-slide{ padding:0.45rem 0; transition: 0.3s all; width: 4.24rem; padding-right: 0.44rem;  }
.zt-slick-box .swiper-slide a{ padding-top: 57.36%; border-radius: 0.1rem; position: relative; display: block; }
.zt-slick-box .swiper-slide a{ }
.zt-slick-box .swiper-slide a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.zt-slick-box .swiper-slide-next a{ transform: scale(1,1); }
.zt-slick-box .swiper-slide-next{ width: 5.74rem; padding-top: 0; padding-bottom: 0; }
.senven-bottom .swiper-button-next-b{ z-index: 100; width: 0.6rem; height: 0.6rem; background: url(../images/right-f01.png) center no-repeat; background-size: 100%; right: 1.4rem;}
.senven-bottom .swiper-button-prev-b{ z-index: 100; width: 0.6rem; height: 0.6rem; background: url(../images/left-f01.png) center no-repeat; background-size: 100%; left: 0.6rem; }
.senven-bottom .swiper-button-next:hover{ background: url(../images/right-f02.png) center no-repeat; background-size: 100%; }
.senven-bottom .swiper-button-prev:hover{ background: url(../images/left-f02.png) center no-repeat; background-size: 100%; }
.footer{ background: url(../images/footer.png) center top no-repeat; position: relative; padding-top: 0.25rem; background-size: 100% 100%;  min-height:4.53rem; margin-top: -0.75rem; position: relative; z-index: 100; }




.go-top{ display: inline-block; }
.go-top img{ width: 0.33rem; }
.logo-b img{/* width: 3.47rem;  */}
.footer-left{ padding-top: 0.9rem; }
.footer-p{ font-size: 0.16rem; margin-top: 0.4rem; color: #fff; opacity: 0.7; }
.footer-p p{ margin-bottom: 0.1rem; }
.footer-p p img{ width: 0.18rem; }
.friedns-title{ font-size: 0.22rem; margin-bottom: 0.45rem; padding-bottom: 0.15rem; color: #fff; line-height: 1; background: url(../images/friends.png) left bottom no-repeat; background-size: 2.1rem auto; }
.friends-list li{ float: left; width: 33.333333%; margin-bottom: 0.2rem; }
.friends-list li a{ color: #fff; opacity: 0.6; font-size: 0.16rem; }
.friends-list{ width: 5.7rem; }
.footer-right{ padding-top: 0.9rem; }
.logo img{ /*width: 3.0rem; */ height:0.7rem;}
.footer-p a{ color: #fff; }
.xw-slick .slick-dots{ bottom: 0.3rem; }
.xw-slick .slick-dots li,.xw-slick .slick-dots li button{ width: 0.12rem; height: 0.12rem; border-radius: 50%; background: #d1d2d4; }
.slick-dots li button:before{ display: none; }
.xw-slick .slick-dots li.slick-active button{ background: #a70a12; }
.friends-list li a:hover{ color: #fff; opacity: 1; }
a:hover .tow-news-tt,a:hover .tow-news-tt-xww,a:hover .xw-slick-tt,a:hover .tz-ul-tt{ color: #a70a12; font-weight: bold; }
.four-list li a{ transition: 0.3s all; }
.four-list li a:hover{ transform: translate(0,-10px); }
.list-back{ padding-top: 0.5rem; padding-bottom: 2.2rem; }

 

.ejnav {
    position: absolute;
    top: 100%;
    
    /* left: 50%; */
    margin-top: 0;
    /* transform: translateX(-50%); */
    background: #fff;
    background-position: right bottom;
    z-index: 9999;
    overflow: hidden;
    line-height: normal;
    display: none;
    box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
    width: 7.2rem;

    transition: 0.3s all;
    padding: 0.2rem 0.3rem;
    align-items: center;
}
.nav-list li:hover .ejnav{ display: block;  }
.ejnav>.pics {
    width: 3rem;
    flex: 1;
}

.ejnav>.pics img {
    display: block;
    width: 100%;
}

.ejnav>ul {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    padding: 0 .2rem 0rem;
    display: flex;
    flex-wrap: wrap;
    width: 3.5rem;
}

.ejnav>ul>li {
    width: 50%;
    margin:0!important; padding:0!important;
}

.ejnav>ul>li a {
    display: block;
    transition: .3s;
    white-space: nowrap;
    text-align: left;
    padding-left: .2rem!important;
    font-size: .16rem!important;
    font-weight: normal;
    line-height: .5rem!important;
    background: url(../images/nav-libef.png) no-repeat;
    background-position: left center; background-size: 0.16rem auto!important;
    color: #333333!important;
}

.ejnav>ul>li a:hover {
    background: url(../images/nav-libef2.png) no-repeat;
    background-position: left center;
    color: #ad0002 !important;
}

.banner-list {
    height: 600px;
    position: relative;
}
.nav-b-a{ font-size: 16px; color: #fff; line-height: 16px; padding-left: 30px; background: url(../images/home.png) left center no-repeat; }
.nav-b-a a{ color: #fff; }
.banner-list-bottom{ position: absolute; left: 0; right: 0; bottom: 30px; }
/**ie**/
#browser-modal {
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     text-align: center;
     color: #303233;
     position: fixed;
     z-index: 99999999999999999;
     display: none;
 }

 #browser-modal .browser-modal-cover {
     position: fixed;
     left: 0;
     top: 0;
     height: 100%;
     width: 100%;
     background-color: #111;
     opacity: .9;
     z-index: -1;
 }

 #browser-modal .browser-content {
     width: 700px;
     margin-top: 120px;
     margin-left: auto;
     margin-right: auto;
     padding-bottom: 80px;
     padding-top: 30px;
     background-color: #fff;
     border-radius: 5px;
 }

 #browser-modal .browser-content .browser-dpc-logo img {
     height: 62px;
     margin: 45px auto 30px;
 }

 #browser-modal .browser-content .browser-text-title {
     text-transform: uppercase;
     font-size: 24px;
 }

 #browser-modal .browser-content .browser-text-desc {
     margin-top: 30px;
     margin-bottom: 40px;
     font-size: 14px;
 }

 #browser-modal .browser-content .browser-list {
     width: 600px;
     margin: 40px auto;
     height: 130px;
 }

 #browser-modal .browser-content .browser-item {
     float: left;
     width: 150px;
     padding-top: 20px;
     padding-bottom: 20px;
     margin-left: auto;
     margin-right: auto;
 }

 #browser-modal .browser-content .browser-item .iconfont {
     width: 100px;
     height: 100px;
     margin: 0 auto;
     font-size: 80px;
     line-height: 80px;
     margin-bottom: 30px;
 }

 #browser-modal .browser-content .browser-item a {
     color: #921041;
     cursor: pointer;
     display: block;
 }

 #browser-modal .browser-content .browser-item a img {
     display: block;
     margin: 0 auto;
     max-width: 100px;
     width: 100px;
     height: 100px;
 }

 #browser-modal .browser-content .browser-item a h4 {
     text-align: center;
     margin-top: 20px;
     font-size: 18px;
     font-weight: 700;
 }
 #browser-modal .browser-content .browser-item .iconchrome {
     background: url(../images/bro.png) no-repeat 0 0;
 }

 #browser-modal .browser-content .browser-item .iconfirefox {
     background: url(../images/bro.png) no-repeat 0 -100px;
 }

 #browser-modal .browser-content .browser-item .iconopera {
     background: url(../images/bro.png) no-repeat 0 -200px;
 }

 #browser-modal .browser-content .browser-item .iconEdge {
     background: url(../images/bro.png) no-repeat 0 -300px;
 }
.go-phone{ display: none; }
.page-xz{ background: url(../images/page-xz.png) center no-repeat; background-size: cover; padding:90px 0; }
.page-xz .title-b, .page-xz .title-t, .page-xz .title-l {
    color: #fff;
}
.page-xz .title-left:before {
    background: url(../images/title02.png) center no-repeat;
    background-size: 100% 100%;
}
.page-xz .title-more{ color: #fff; background: url(../images/more-w.png) right center no-repeat; }
.xz-left{ width: 35.6%; }
.xz-ul li a{ display: block; background: #fff; height: 275px; }
.xz-ul-left{ width: 36.84%; height: 275px; padding-top: 85px; padding-left: 0.4rem; }
.xz-ul-title{ font-size: 20px; color: #222; font-weight: bold; }
.xz-ul-more{ background: url(../images/xz-jt.png) right center no-repeat; font-size: 16px; color: #999; padding-right: 44px; display: inline-block; margin-top: 30px; }
.xz-ul-right{ width: 63.16%; }
.xz-ul-img{ height: 275px; }
.xz-ul li{ margin-bottom: 35px; }
.xz-ul li a:hover .xz-ul-title{ color: #ad0002; }
.xz-ul li a:hover .xz-ul-left{ background: url(../images/xz-hover.png) center no-repeat; background-size: 95% auto; }
.xz-video{ width: 61.875%; }
.xz-video video{ width: 100%; background: #000; height: 585px; }
.page-tow{ padding-top: 60px; }
.tow-left{ width: 70%; }

.xw-width-xz{ width: 40%; }
.xw-width-xz-xww{ width: 100%; }

.tow-news li{ float: left; width: 100%; padding:0 0 0 0.28rem; }
.tow-news{ margin:0 0 0 0.18rem; }

.tow-news-xww li{ float: left; width: 100%; padding:0rem; }
.tow-news-xww{ margin:0rem; }

.back-ck{ background: url(../images/back-ck.png) center no-repeat; background-size: cover; padding:0.8rem 0 1rem 0; }
.ck-left{ width: 48%; }
.ck-left-img{ width: 47%; }
.ck-left-img div{ height: 2.5rem; }
.ck-left-right{ width: 53%; padding:0.5rem 0.5rem 0 0.5rem; }
.ck-left-label{ font-size: 0.16rem; color: #9e0003; margin-bottom: 0.05rem; font-weight:bold;}
.ck-left-date{ color: #888; font-weight: bold; margin-top: 0.3rem; font-size: 0.16rem;}
.ck-link{ display: block; background: #fff; margin-bottom:0.18rem;}
.ck-news{/* padding-top: 0.1rem; */}
.ck-news li a{ display: block; padding:0.15rem 0; border-bottom: solid 1px #ddd; }
.ck-news-date{ color: #ad0002; font-weight: bold; font-size:0.16rem;}
.ck-news-date span{ display: inline-block; padding-left: 0.12rem; color: #888; font-weight: bold; font-size: 0.16rem; }
.ck-news-title{ font-size: 0.18rem; color: #333; margin-top: 0.1rem; }

.ck-right-mtck{ width: 49%; }

.ck-right{ width: 48.43%; }
.ck-right-ul li{ float: left; width: 50%; padding:0 0.18rem; margin-bottom: 0.36rem; }
.ck-right-ul{ margin:0 -0.18rem; }
.ck-right-ul li a{ display: block; position: relative; padding-right: 0.3rem; padding-top: 0.3rem; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); height: 1.8rem; padding-left: 1.3rem; }
.ck-right-ul li a .tz-ul-date{ position: absolute; padding-top: 0.05rem; left: 0.2rem; top: 0.3rem; background: url(../images/date-xz.png) center no-repeat; background-size: 100% auto; font-size: 0.14rem; font-weight: bold; font-family: "Times New Roman"; }
.ck-right-ul li a .tz-ul-date span{ font-size: 0.26rem; }
.ck-right-label{ color: #999; margin-top: 0.2rem; font-size: 0.16rem; }
a:hover .ck-news-title{ color: #a70a12;
    font-weight: bold; }
.ck-left-img div,.xz-ul-img{ transition: 0.3s all; }
a:hover .ck-left-img div,a:hover .xz-ul-img{ transform: scale(1.05,1.05); }
.xz-ul-right,.ck-left-img{ overflow:hidden; }



@media( max-width: 1600px){
.logo {padding-top: 0.18rem;}
.page-xz .title-more{ background-size: 0.32rem auto;}
}

@media( max-width: 1499px){

    .nav-list li a{ font-size: 16px; }
    .nav-list li{ margin-left: 20px; }
    .page-three .tab-pane{ padding-top: 90px; }
    .three-tabs{ margin-top: 11px; }
    .three-left:before{ top: 0; }
    .five-ul li a{ line-height: 41px; }
    .footer-link{ padding-left: 15px; }
    .footer-link a{ margin-left: 15px; }
    .three-left-r{ width: 250px; top: 0px; left: -270px; }
.logo {padding-top: 0.22rem;}
}
@media( max-width: 1279px){


    .page-one{ padding-top: 1.4rem; }

    .nav-list li a{ font-size: 15px; }
    .nav-list li{ margin-left: 10px; }
    .one-right:before{ display: none; }
    .three-left-r{ width: 197px; left: -217px; }
.logo-b img{height:60px;}

.xz-left{ width: 100%; }
.xz-ul li{ float: left; width: 50%; padding:0 10px; }
.xz-ul{ margin:0 -10px; }
.xz-video{ width: 100%; }
.xz-video video{ height: auto; }
}




@media( max-width:1024px){
    .banner-list {
    height: 400px;
}
    .four-list li a{ padding-left: 0.1rem; }
    .friends-list{ width: 6.7rem; }
    .four-list li{ width: 33.333333%; }
    .search-a li a{ padding:15px 0; }
    .one-slick .slick-next,.one-slick .slick-prev{ top: 5.4rem; }
.layer .close{ right: 15px; top: 15px; width: 40px; line-height: 40px; }
.d,.l,.r{
    transform: translate(0,0)!important;
    transition: all 1s ease-out 0s;
    opacity: 1!important;
}
.bb{ display: none; }


.header{ opacity: 1; padding:0 15px!important; border:none; transform: translate(0,0)!important; position: fixed; background: #ad0002; min-height: 50px; height: 50px;}
.logo img{ width: auto; height: 36px; }
.logo{ line-height: 50px; position: relative;background: #ad0002; z-index: 100; padding-top: 0; }
.header2{ display: none!important; }
.header-right-top{ font-size: 12px!important; padding:0; line-height: 50px; margin-right: 70px; }
.search-a{ top: 0; }

.home, .home body {
    height: auto;
    overflow: auto;
    overflow-x: hidden;
}
.body_home {
    height: auto;
    overflow: visible;
}
.banner a img{ display:block; }
.banner{ position: relative; }
.banner .slick{ margin:0; }
.bb,.top{ display: none; }

.body_b {
    width: auto;
    height: auto;
    position: static;
    opacity: 1;
    transform: none;
    overflow: hidden;
}
.index-s1 .pagination {
    bottom: 0px;
}
.banner .slick-list, .banner .slick-initialized .slick-slide, .banner .slick-track, .banner,.banner-box{ height: auto; margin:0; }
.banner .slick-dots{ display: none!important; }

.nav-list{ position: fixed; display: none; left:0; top: 50px; width: 100%; padding-bottom: 50px; bottom: 0; margin-top: 0; height: 100vh; overflow-y: auto; background: #ad0002; }
.nav-list li{ float: none; padding:0; }
.nav-list li a{ line-height: 40px; padding:0 15px; }
.nav-list:before{ display: block; content: ""; position: absolute; left: 0; top: 0px; right: 0; border-top: solid 1px #fff; }
.header-top-link{ display: none; }
.down-box{ padding-top: 13px; }
.search-a{ line-height: 50px; margin-right: 30px; width: 32px; }


.menu-button,.nav-click{ display: block; }
    .nav-click {display: block;transition: 0.3s all;z-index: 10000;position: absolute;color: #fff;right: 0;top: 0px;width: 40px;height: 40px;text-align: center;line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
     .nav-down{ position: static; transition: 0s all; border:none!important; background: #fff; margin:0; padding:0; width: 100%;}
    .nav-down li{ text-align: left; padding:0; }
    .nav-down li a{ text-align: left; padding:0 15px; font-size: 16px; line-height: 20px; text-align: left; }
    .nav-list li:hover .nav-down{ display: none; }
    .ejnav>.pics{ display: none; }
    .ejnav>ul>li{ width: 50%; }
    .ejnav>ul{ width: 100%; }
    .ejnav>ul>li a{ line-height: 30px !important; font-size: 14px  !important; color: #333 !important; padding:0 25px !important; }
    .nav-list li{ margin-left: 0; }
    .page-one{ padding-top: 30px; }
.search-a{ width:0.8rem; }
.nav-down{ margin-left: 0!important; }
.go-phone{ display: block; }
.go-pc{ display: none; }
.nysubNav .typetit{ font-size: 16px !important; }
.nysubNav ul li a{ font-size: 14px; }
.search-a{ margin-right: 30px; }

.xz-ul li{ width: 100%; }
.xz-ul-left{ padding-left: 1rem; }
.xw-slick-date{ width: 1.1rem; }
.ck-left{ width: 100%; }
.ck-right{ width: 100%; margin-top: 30px; }
.ck-right-mtck{ width: 100%;}
.ck-left-img div{ height: 190px; }
.back-ck .tow-news-tt{ font-size: 14px; line-height: 25px; height: 50px; margin-top: 5px; }
.back-ck .ck-news-title{ font-size: 14px; line-height: 25px; margin-top: 5px; }
.ck-right-ul li a{ height: auto; padding-top: 20px; padding-bottom: 20px; }
.ck-right-ul li a .tz-ul-date{ top:30px; }

.page-xz{padding: 0.8rem 0;}
.page-four{padding: 0.8rem 0;}
.page-tow{padding: 0.8rem 0;}
.back-ck{padding: 0.8rem 0;}
.page-senven{padding-top:0.8rem;}
}
@media( max-width: 850px){
.header-right-top{margin-right: 46px;}

}
@media( max-width: 767px){
    .xw-slick a{ border-bottom: solid 1px #ddd; }
    .xz-ul-more{ margin-top: 20px; }
    .back-ck .ck-news-title,.back-ck .tow-news-tt{ font-size: 16px; }
    .ck-right-label{ font-size: 14px; margin-top: 10px; }
    .xw-slick{ margin-bottom: 0; }
    .ck-right-ul li{ width: 100%; margin-bottom: 10px; }
    .ck-right-ul li a{ padding-left: 80px; padding-right: 15px; }
    .ck-right-ul li a .tz-ul-date span{ font-size: 24px; }
    .ck-right-ul li a .tz-ul-date{ padding-top: 5px; left: 15px; }
.ck-right-ul li a .tz-ul-date{ top: 30px; }
.ck-news li a{ padding:15px 0; }
.ck-news-date{font-size: 14px;}

.tow-news li{ width: 100%; }
.tow-news-xww li{ width: 100%; }
.xw-width-xz{ width: 100%; }
.xw-width-xz-xww{ width: 100%; }

    .search-a{ margin-right: 10px; }
 .banner-list {
    height: 180px;
}

    .banner .slick-list, .banner .slick-initialized .slick-slide, .banner .slick-track, .banner,.banner-box{ height: auto; margin:0; }
    .banner-b{ bottom: 20px; }
 
    .search-box-c{ left: 15px; right: 15px; width: auto; margin-left: 0; }
    .container{ width: 100%; }

    body{ padding-top: 50px!important; }
   
    .layer .search_box{
width: 96%;
}
    .container{ width: 100%; padding:0 15px; }
    .down-box{ display: none; }
    .title-l{ font-size: 48px; }
    .title-left{ width: auto; }
    .title-t{ font-size: 24px; margin-top: 0; }
    .title-b{ font-size: 18px; }
    .title-left:before{ width: 150px; height: 35px; }
    .title-more{ font-size: 16px; margin-top: 20px; padding-right: 30px; background-size: 20px auto; }
    .one-slick{ width: 100%; }
    .one-slick-img{ width: 100%; float: none!important; padding-top: 56%; position: relative; }
    .one-slick-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
    .one-slick-right{ position: static; padding:15px 20px; height: auto; width: 100%;background: url(../images/back-r02.png) center no-repeat;
     background-size: cover; }
     .date-back{ width: 60px; height: 60px; margin-top: -40px; display: none; font-size: 14px; padding-top: 6px; }
     .date-back span{ font-size: 18px; }
     .one-slick-tt{ font-size: 16px; margin-top: 10px; }
     .one-slick-p{ font-size: 14px; line-height: 25px; height: 100px; margin-top: 10px; }
     .tow-left{ width: 100%; }
     .xw-slick{ width: 100%; }
     .xw-slick-img{ padding-top: 56%; position: relative; border-radius: 10px 10px 0 0; }
     .xw-slick-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
     .xw-slick-date{ width: 60px; height: 60px; padding-top: 8px; border-width: 4px; font-size: 14px; left: 15px; top: 15px; }
     .xw-slick-date span{ font-size: 24px; }
     .xw-slick-bottom{ height: auto; padding:15px 20px 40px 20px; }
     .xw-slick-tt{ font-size: 16px; }
     .xw-slick-p{ font-size: 14px; line-height: 25px; height: 75px; }

.tow-news{ width: 100%; margin-top: 20px; }
.tow-news-date {font-size: 14px;padding-left: 25px;background-size: 15px auto;}
.tow-news-tt{ font-size: 16px; line-height: 28px; height: 56px; }
.tow-news li a{ padding:10px 0; }

.tow-news-xww{ width: 100%;  }
.tow-news-date-xww {font-size: 14px;padding-left: 25px;background-size: 15px auto;}
.tow-news-tt-xww{ font-size: 16px; line-height: 28px; height: 56px; }
.tow-news-xww li a{ padding:10px 0; }

.tow-right{ width: 100%; margin-top: 30px; }
.tow-right-xww{ width: 100%; padding-top: 1.1rem; }
.mt-top{ position: relative; }
.mt-top img{ height: auto; }
.mt-mask{ padding:15px 20px; }
.mt-label{ font-size: 14px; }
.mt-top-tt{ font-size: 16px; margin-top: 5px; }
.mt-ul-date span{ font-size: 14px; }
.mt-ul-date font{ font-size: 14px; }
.mt-ul li a{ padding:15px 0; }
.title-box{ margin-bottom: 20px; }
.tz-ul li{ width: 100%; margin-bottom: 15px; }
.tz-ul li a{ width: 100%; height: auto; padding:30px; }
.tz-ul li:nth-of-type(1) a, .tz-ul li:nth-of-type(3) a {
    transform: translate(0,0rem);
}
.tz-ul-date {
    width: 60px;
    height: 50px;
    font-size: 14px;

}
.tz-ul-date span{ font-size: 24px; }
.tz-ul-right{ float: none!important; margin-left: 75px; width: auto; }
.tz-ul-tt{ font-size: 16px; line-height: 28px; height: 56px; }
.tz-ul-more {

    margin-top: 10px;
    font-size: 14px;

    padding-right: 30px;

    background-size: 20px auto;
}
.tz-ul li:before{ display: none; }
.page-three{ padding:30px 0 1px 0; }
.page-three:before{ display: none; }
.four-txt{ font-size: 16px; margin:0; }
.four-list li{ width:50%; margin-bottom: 10px; }
.four-list li a{ height: auto; padding:20px 0; height: 146px; border-radius: 20px 0 20px 0; }
.four-list-img img{ width: 50px; }
.four-list-tt{ font-size: 18px; text-align: center }
.four-list-s{ font-size: 13px; text-align: center; margin-top: 10px; }
.four-list-img{ margin:0; text-align: center; float: none!important; margin-bottom: 10px; }
.four-list li a .pull-left{ float: none!important; width: 100%; }
.four-more {

    font-size: 18px;

    padding-right: 40px;
    line-height: 30px;
    background-size: 30px auto;
}
.five-sm{ background: none; margin:0; padding:0; }
.page-six .title-left{ margin-left: 0; }
.sj-left,.sj-right-left,.sj-right-bottom-left,.sj-right-bottom-right{ width: 100%; }



.sj-left .img-hide img,.sj-right-left .img-hide img,.sj-right-bottom-left .img-hide img,.sj-right-bottom-right .img-hide img{ height: auto; }
.sj-right{ width: 100%; margin-top: 15px; }
.six-mask-tt{ font-size: 16px; left: 20px; right: 20px; bottom: 20px; }
.six-mask-tt img{ margin-right: 15px; }
.sj-right-box{ margin-top: 15px; background: #b8976b; width: 100%; height: auto; padding:20px 20px 1px 20px; }
.sj-ul{ width: 100%; }
.sj-ul li{ margin:0 0 20px 0; width: 25%; text-align: center; }
.sj-ul li img{ width: 50px; }
.sj-right-a{ display: none; }
.sj-right-bottom-left,.sj-right-bottom-right{ margin-top: 15px; }
.six-mask{ height: 40%; }
.footer{ background: #ad0002; padding-top: 20px; position: relative; margin-top: 0; }
.go-top img{ width: 33px; }
.logo-b{ text-align: center; }
.logo-b img{/* width: 250px; */ height:65px;}
.footer-p p{ margin:0; line-height: 25px; font-size: 14px; text-align: center; }
.footer-p font{ display: block; height: 0; overflow:hidden; }
.list-back{ padding:15px; }
.footer-left{ width: 100%; text-align: center; padding-top: 0;}
.footer-right{ width: 100%; }
.friedns-title {
    font-size: 18px;
    margin-bottom: 20px;
    color: #fff;
    line-height: 1;
    background: url(../images/friends.png) left bottom no-repeat;
    background-size: 210px auto;
    padding-bottom: 15px;
}
.footer-p p img{ width: 18px; margin-right: 10px; }
.friends-list{ width: 100%; }
.friends-list li{ float: left; width: 50%; margin-bottom: 10px; }
.friends-list li a{ font-size: 14px; }
.go-top{ position: absolute; right: 15px; bottom: 15px; }
.header-right-top{ display: none; }
.search-a{ width: 40px; right: 40px; }
.number-back {
    width: 120px;
    margin: 0 auto;
    position: relative;
    height: 120px;
    background: url(../images/number-back.png) center no-repeat;
    background-size: 100% 100%;

}
.five-sm .swiper-container{ width: 250%; }
.five-sm .swiper-slide-prev .number-back {
    width: 120px;
    height: 120px;
    background: url(../images/number-back.png) center no-repeat;
    background-size: 100% 100%;
    transform: translate(0,0);
}
.five-sm .swiper-slide{ padding:0;    transform: translate(0,0)!important; }
.number-bottom{ font-size: 15px; }
.number-top { font-size: 18px; }

.five-sm .swiper-button-prev,.senven-bottom .swiper-button-prev-b {
    width: 40px;
    height: 40px;
    background: url(../images/left-f01.png) center no-repeat;
    background-size: 100%;
    top: 50%;
    left: -15px;
    right: auto;
}
.five-sm .swiper-button-next,.senven-bottom .swiper-button-next-b {
    width: 40px;
    height: 40px;
    background: url(../images/right-f01.png) center no-repeat;
    background-size: 100%;
    top: 50%;
    right: -15px;
}
.zt-slick-box{ margin:0; }
.senven-bottom .swiper-button-prev-b{ left: 15px; }
.senven-bottom .swiper-button-next-b{ right: 15px; }
.zt-slick-box .swiper-slide{ padding: 0; }
.senven-bottom{ padding:0 15px; }
.xw-slick .slick-dots li, .xw-slick .slick-dots li button{ width: 10px; height: 10px; }
.xw-slick .slick-dots{ bottom: 15px; }
.one-slick .slick-slide{ opacity: 1; }
.page-six:before{ height: 20rem; }
.nav-b-a{ font-size: 14px; }
.banner-list-bottom{ bottom: 10px;}
.gif{ display: none; }
.five-sm .swiper-slide{ height: 130px; width: 50%!important; transform: translate(0,0)!important; float: left; opacity: 1; }
.number-bottom{ line-height: 1.6; font-size: 15px; }
.number-top span{ font-size: 16px; }
.five-sm .swiper-container{ width: 100%; }
.five-sm .swiper-wrapper{ transform: translate(0,0)!important; display: block; }
.zt-slick-box{ overflow:hidden; }
.five-sm .swiper-slide.b, .five-sm .swiper-slide.b,.five-sm .swiper-slide.c, .swiper-slide.c,.five-sm .swiper-slide.d, .five-sm .swiper-slide.d {
    transform: translate(0,0)!important;
    opacity: 1;
}
.number-back:hover{ width: 120px; height: 120px; }
.one-slick .slick-slide{padding-right:0px;}
.ck-news-date span{font-size:14px;}
.ck-left-label{font-size:14px;}
.ck-right-ul li a .tz-ul-date{font-size:12px;}
.xz-ul-more{font-size:14px;padding-right:30px;}
.page-xz .title-more{ background-size: 20px auto;}
}



@media( max-width: 430px){
    .ck-left-img div{height:130px;}
.page-xz{padding: 1.7rem 0;}
.page-four{padding: 1.2rem 0;}
.page-tow{padding-top:1.6rem;}
.back-ck{padding: 1.3rem 0;}
.page-senven{padding-top:1.4rem;}
}