body {
    color: #333;
    font-size: 14px;
    font-family:"微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma;
    margin:0 auto;
    position:relative;
    background: #fffefe;


}
html{ overflow-x: hidden; }
.img-hide{ overflow:hidden; display: block; }

.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:#000;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;}
.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{ background: url(../images/header.png) center no-repeat; background-size: 100% 100%; transition: all 0.7s ease-out 0s; z-index: 10000; left: 0; top: 0; right: 0; }

.body_home.showdiv .header {
    transform: none;
    opacity: 1;
}
.d {
    transform: translate(0,-80px);
    transition: all .5s 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-seven.showdiv .d{
    transform: none;
    opacity: 1;
}
.showdiv .page-one .d{ transition-delay: 0.5s; }
.jx-back-t.showdiv .d {
    transform: none;
    opacity: 1;
}
.page-one .d{ transform: translate(0,180px);transition: all 1s; }

.dd1 {
    transform: translate(80px,80px);
    opacity: 0;
    transition: all 1s 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; }
.tab-content .tab-pane.active{ position: relative; z-index: 10; opacity: 1; filter:alpha(opacity=100);display: block; }
.container{ width: 1430px;}
.banner {
    height: 800px;
    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)
    }
}

.slick,.slick-list,.slick-initialized .slick-slide,.slick-track,.banner a{ height: 100%; }

.body_b.showdiv .header2 {
    transition: all 0.7s ease-in-out 0.5s;
    transform: none;
    opacity: 1;

}
.search-one{ display: none; }
.header-a-r{ display: inline-block; font-size: 18px; color: #fff; padding-left: 30px; margin-left: 45px; background: url(../images/icon02.png) left center no-repeat; }
.search-box{ position: relative; width: 212px; margin-left: 55px; position: relative; }
.search-box .form-control{width: 100%;border:solid 1px #fff;border-radius: 40px;box-shadow: none;background: none;color: #fff;font-size: 18px;padding-right: 40px;}
.btn-search{ position: absolute; right: 15px; top: 0; bottom: 0; width: 21px; background: url() center no-repeat!important;  }
.nav-box{ background: #9a0813; }

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







.body_b.showdiv{ z-index: 1000; }
.bb{ width: 64px; animation: container ease-in-out 2.7s infinite alternate; height: 64px; cursor: pointer;  position: absolute; bottom: 40px; left: 50%; margin-left: -32px; }
@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);
  }
}


.header-list{ opacity: 1!important;
    transform: translateY(0)!important; transition: 0.3s all; }

.header-list.active{ height: auto; }


.logo{ transition: 0.3s all; }
.hide-pc{ display: none; }




.header .container{ position: relative; z-index: 100; }





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


.header-txt{ padding-top: 38px; margin-right: 55px; }
.logo{ padding-top: 20px; }
.header{ background: #8a1618; }
.header-a{ font-size: 14px; color: #da8785; line-height: 42px; margin-top: 35px; }
.header-a span{ padding:0 20px; }
.header-a a{ color: #da8785; }
.search-a-b{ margin-left: 20px; margin-top: 35px; }
.nav-list li{ float: left; width: 11.111111%; position: relative; padding-bottom: 10px; }
.nav-list li a{ display: block; position: relative; z-index: 10; border-radius: 40px; font-size: 18px; color: #fff; line-height: 40px; }
.nav-list li.active a,.nav-list li a:hover{ font-weight: bold; background: #a54534; }
.nav-down{ position: absolute; display: none; left: 0; top: 25px; width: 100%; background: #8a1618; padding-top: 25px; padding-bottom: 10px; }
.nav-down li a{ line-height: 20px; font-size: 16px; padding:10px; font-weight: normal!important; background: none!important; }
.nav-down li{ float: none; width: 100%; padding:0; }
.nav-list{ margin-top: 20px; }
.nav-list li:hover .nav-down{ display: block; }
.banner .slick-dots{ bottom: 40px; left: 50%; width: 370px; margin-left: -185px; display: flex; }
.banner .slick-dots li{ flex: 1; }
.banner .slick-dots li,.banner .slick-dots li button{ height: 57px; }
.banner .slick-dots li button{ font-size: 28px; color: #fff; width: 57px; padding:0; text-align: center; }
.slick-dots li button:before{ display: none; }
.banner .slick-dots li.slick-active button{ background: url(../images/li-back.png) center no-repeat; }
.bb,.rr{ z-index: -10; }
.banner .slick-prev{ bottom: 40px; left: 50%; top: auto; width: 28px; height: 57px; background: url(../images/left.png) center no-repeat; margin-left: -220px; z-index: 10; }
.banner .slick-next{ bottom: 40px; right: 50%; top: auto; width: 28px; height: 57px; background: url(../images/right.png) center no-repeat; margin-right: -220px; z-index: 10; }
.slick-prev:before,.slick-next:before{ display: none; }
.page-one{ background: url(../images/back01.jpg) right bottom no-repeat; background-size: cover; padding-top: 50px; padding-bottom: 45px; }
.container{ width: 1470px; }
.one-width{ width: 69.4%; }
.title-top span{ position: relative; text-transform: uppercase;  font-size: 16px; color: #dca44f; }
.title-top span:before{ display: block; content: ""; position: absolute; left: 100%; margin-left: 10px; top: 50%; width: 40px; border-top: solid 1px #dca44f; }
.title-lg{ font-size: 32px; color: #333; }
.title{ padding-left: 80px; position: relative; margin-bottom:30px; }
.title i{ position: absolute; left: 0; top: 50%; transform: translate(0,-50%); }
.title-a{ float: right; margin-top: 20px; padding-right: 15px; font-size: 16px; color: #8a1618; background: url(../images/more.png) right bottom no-repeat; padding-bottom: 10px; }
.slick-img{ width: 57%; }
.slick-img-img{ position: relative; padding-top: 56.14%; }
.slick-img-img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.slick-img-bottom{ position: relative; padding-left: 80px; margin-top: 30px; }
.slick-img-tt{ font-size: 18px; line-height: 18px; color: #333; font-weight: bold; }
.slick-img-p{ color: #333; line-height: 25px; text-align: justify; margin-top: 20px; height: 50px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.slick-img-date{ position: absolute; left: 0; top: 3px; padding-top: 15px; color: #c22828; background: url(../images/lind.png) left top no-repeat; }
.slick-img-date span{ font-size: 18px; font-weight: bold; }
.one-ul-tt{ font-size: 17px; line-height: 25px; height: 50px; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; text-align: justify;

 }
.one-ul-date{ background: url(../images/icon-date.png) left center no-repeat; padding-left: 23px; margin-top: 10px; position: relative; color: #8a1618; }
.one-ul-date:before{ display: block; content: ""; position: absolute; left: 125px; top: 50%; right: 0; border-top: solid 1px #ddd; }
.slick-img{ width: 57%; }
.one-ul{ width: 39%; }
.one-ul li{ margin-bottom: 20px; }
.slick-img .slick-dots{ bottom: -40px; }
.slick-img .slick-dots li,.slick-img .slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }
.slick-img .slick-dots li button{ background: #c9c9c9; }
.slick-img .slick-dots li.slick-active button{ background: #c22828; }
.one-width-right{ width: 27.77%; }
.tz-ul li a{ display: block; margin-bottom: 13px; position: relative; height: 84px; border-bottom: solid 1px #ddd; padding-left: 90px; padding-top: 5px; }
.tz-ul-date{ position: absolute; left: 0; top: 0; padding-top: 15px; width: 70px; height: 70px; background: rgba(138,22,24,.7); color: #fff; border-radius:50%;}
.tz-ul li:hover .tz-ul-date{background: rgba(138,22,24); }


.tz-ul-date span{ font-weight: bold; font-size: 18px; }
.tz-ul-tt{ font-size: 17px; color: #333; line-height: 30px; height: 60px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
.mt-list li{ float: left; width: 33.333333%; padding:0 22px; margin-bottom: 30px; }
.mt-list { margin:0 -22px; }
.mt-list li a{ display: block; background: #fff; height: 195px; padding:20px 30px; }
.mt-list-label img{ width: 130px; height: 50px; }
.page-tow{ background: url(../images/back02.png) center no-repeat; background-size: cover; padding:40px 0; }
.mt-list-title{ font-size: 17px;  color: #333; line-height: 30px; height: 60px; text-align: justify; overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-top: 10px; }
.mt-list-date{ font-size: 16px; color: #c22828; font-weight: bold; margin-top: 10px; }
.mt-list-label span{ border: dashed 1px #c22828; border-radius: 4px; display: inline-block; }
.mt-list li a:hover{ background: #c22828; }
.mt-list li a:hover .mt-list-label span{background:#fae3e4;border: dashed 1px #fae3e4;}
.mt-list li a:hover .mt-list-title,.mt-list li a:hover .mt-list-date{ color: #fff; }
.page-three{ background: url(../images/back03.png) center no-repeat; background-size: cover; padding:80px 0 50px 0; }
.rm-list li{ float: left; width: 25%; padding:0 6px; margin-bottom: 12px; }
.rm-list{ margin:0 -6px; }
.txt-mask{ position: absolute; left: 0; right: 0; bottom: 0; height: 100%; background: url(../images/txt-mask.png) center no-repeat; background-size: 100% 100%; }
.rm-list li a{ display: block; position: relative; padding-top: 56.4%; }
.rm-list li a .img-hide img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.rm-list-bottom{ position: absolute; left: 0; right: 0; bottom: 15px; padding:0 20px 0 60px; }
.rm-icon{ position: absolute; left: 20px; bottom: 5px;  }
.rm-icon img{ width: 31px; height: auto; position: static; }
.rm-list-date{ color: #fff; }
.rm-list-tt{ font-size: 18px; color: #fff; margin-top: 5px; overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;}
.rm-list li a:hover .rm-icon img{ transform: scale(1,1); }
.page-three .title-lg{ color: #fff; }
.page-three .title-a{ color: #9c999a; background: url(../images/more02.png) right bottom no-repeat; }
.ewm-link{ position: absolute; right: 200px; top: 50%; transform: translate(0,-50%); }
.ewm-link a{ margin-left: 35px; position: relative; display: inline-block; width: 60px; height: 60px; border-radius: 50%; text-align: center; line-height: 60px; background: #4e4545; }
.ewm-link a:hover{ background: #c22828; }
.ewm-link a span{ position: absolute; display: none; left: 50%; bottom: 100%; width: 124px; transform: translate(-50%,0); }
.ewm-link a:hover span{ display: block; }
.page-four{ background: url(../images/back04.png) center no-repeat; background-size: cover; padding-top: 60px; padding-bottom: 80px; }
.four-box{ background: #fff; padding:25px 30px 5px 30px; }
.four-box .one-ul{ width: 100%; }
.link-a li{ margin-bottom:17px; }
.four-box .one-ul-date{ margin-top: 15px; }
.video-box video{ width: 100%; display: block; }
.footer{ background: #8a1618; padding-top: 40px; }
.footer-title{ font-size: 22px; color: #fff; line-height: 51px; margin-bottom: 20px; }
.footer-title img{ float: left; margin-right: 15px; }
.footer-p p{ color: #fff; font-size: 15px; margin-bottom: 10px; }
.footer-left{ width: 420px; position: relative; min-height: 225px; }
.footer-left:before{ display: block; content: ""; position: absolute; right: 0; top: 0; height: 225px; border-right: solid 1px #993436; }
.footer-center{ margin-left: 140px; width: 450px; }
.footer-right{ color: #fff; font-size: 16px; text-align: center; padding-top: 50px; }
.footer-right img{ width: 107px; margin-bottom:15px; }
.footer-right .pull-left{ margin-left: 20px; }
.footer-bottom{ background: #821012; font-size: 16px; color: #fff; padding:15px; margin-top: 25px; }
.footer-bottom span{ padding:0 10px; display: inline-block; }
.layer{background:rgba(0,0,0,0.8);position: fixed;left:0;top:0;right:0;bottom:0;z-index:10;opacity:0; z-index: -1; transition:all 0.3s ease-out 0s;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
.layer.showdiv{opacity:1;visibility:visible; z-index: 100000;}
.layer .close{font-size:60px; display: block; 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;}
.layer.showdiv .search_box{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:#a13335;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-one{ display: none; }
.search-one.showdiv{ display: block; }
.layer .search_box{ position: absolute; top: 50%; left: 50%;transform:translate(-50%,-50%); }
a:hover .one-ul-tt,a:hover .slick-img-tt{ color: #8a1618; }
a:hover .tz-ul-tt{ color: #8a1618; font-weight: bold; }
a:hover .tz-ul-date{}
.title-a:hover{ font-weight: bold; color: #8a1618; }
.link-a a:hover img{ box-shadow: 0 0 20px rgba(0,0,0,0.5); display: inline-block; }
.header-a a:hover{ color: #fff; }
/***************?¨a�?a?￠?|?￥???¨??a�??????§???’???§??a�??￠a�????￥??a�??￥?¨a�??¨a�?a?￠?|?￥???¨a�?a�”?￥?o???¨a�?a�”???1???¨a�?a?￠?|?????¨a�?a�”????a�??¨a�?a�”?§?￠?’***************/
.header-list .header-a-l{ color: #333; background: url(../images/icon03.png) left center no-repeat; }
.banner-list{ height: 395px; margin-top: 160px;display:none; }
.header-list .search-box .form-control{ border-color: #9a0813; color: #9a0813; }
.header-list .btn-search{ background: url(../images/icon-ss02.png) center no-repeat!important; }

.list-left{ width: 290px; margin-top: 40px;  background: url(../images/uuuy.png) bottom center no-repeat;    background-size: 100%;padding-bottom: 250px; }
.list-left-tt span{ display: inline-block; font-size: 24px; color: #fff; font-weight: bold;  }
.list-left-tt { height: 88px; background: #8a1618; line-height: 88px;box-shadow: 0 0 10px rgba(0,0,0,0.1); }
.article-link p a:hover{ color: #8a1618; }
.left-nav li a{ display: block; position: relative; line-height: 60px; font-size: 20px; color: #333; text-align: center; }
.left-nav li{ position: relative; }
.left-nav li:hover{background: #f2f2f2;}
.left-nav li a:before{ display: block; content: ""; position: absolute; left: 25px; right: 25px; bottom: 0; border-bottom: solid 1px #ddd; }
.left-nav-down li a{ line-height: 40px; font-size: 16px; color: #333; padding-left: 0px; }
.left-nav-down li a:before{ display: none; }
.left-nav li.active{ box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #fff; margin-top: -1px; }
.left-nav li.active:before{ display: block; content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 4px; background: #8a1618; }
.left-nav li.active a{ color: #8a1618; font-weight: bold; }
.left-nav li.active .left-nav-down li a{ color: #333; font-weight: normal;}
.left-nav-down{ padding-top:10px ; display: none; }

.left-nav li a:hover{ color: #8a1618!important; }
.left-nav{ padding-top: 20px; background: rgba(250,250,250,.5);}
.container-list{ max-width: 1330px; }
.list-ssjgy { width: 1300px; margin-top: 40px; }
.list-right{ width: 950px; margin-top: 40px; }
.nav-b{ color: #999;}
.nav-b a{ color: #999; }
.list-top{ border-bottom: solid 1px #ddd; padding-bottom: 15px; }
.article-tt{ font-size: 24px; color: #333; font-weight: bold; margin-top: 20px; margin-bottom: 0; }
.article-sm{ margin:0 auto; border-bottom: dashed 1px #ddd; padding:15px 0; font-size: 15px; margin-top: 12px; }
.article-sm span{ padding:0 10px; }
.article-p p{ text-align: justify; font-size: 18px; color: #333; line-height: 34px; margin-bottom: 30px; }
.article-p{ margin-top: 40px; }
.article-link p a{ font-size: 16px; color: #333; }
.article-link p a span{ font-weight: bold; }
.article-link{ border-top: dashed 1px #ddd; padding-top: 30px;}
.article-link p{ margin-bottom: 20px; }
.list-box{ padding-bottom: 40px;background: url(../images/bbody.png)bottom center no-repeat; background-size: 100%; }
.list-left-tt-phone{ display: none; }
/***************?¨a�?a?￠?|?￥???¨??a�??????§???’???￥?￥???￥?????¤?1a�|?￥a�|?????????￠a�????￥??a�??|???3?¨??a�??????§???’???￠?????￥a�|???￡?’?’?￥???§?ˉ?????§??a�??￠a�????￥??a�??????￥?|?????￥a�|??????a�1?￥?????￠?????￥?????ˉ????*************/
.img-lb li{ float: left; padding:0 25px; margin-bottom: 50px; width: 50%; }
.img-lb{ margin:0 -25px; padding-top: 20px; }
.img-lb-tt{ font-size: 18px; color: #333; margin-top: 10px;margin-bottom:20px; }
.img-lb-img{ position: relative; padding-top: 67%; }
.img-lb-img img{ position: absolute; left: 0; top: 0; height: 100%; width: 100%; }
.img-lb li a{ display: block; }
.img-ul-left img{ width: 260px; height: 175px; }
.img-ul-a li{ padding:35px 20px; border-bottom: dashed 1px #ddd; transition: 0.3s all;  }
.img-ul-right{ margin-left: 290px; }
.img-ul-tt a{ font-size: 18px; color: #333; }
.img-ul-p{ color: #999; line-height: 25px; height: 75px; overflow:hidden; margin-top: 15px; }
.img-ul-date{ color: #999; margin-top: 20px; background: url(../images/icon-date.png) left center no-repeat; padding-left: 20px; }
.img-ul-a li:hover .img-ul-tt a{color:#fff;}
.img-ul-a li:hover .img-ul-p{color:#fff;}
.img-ul-a li:hover .img-ul-date{color:#fff;}
.img-ul-a li:hover{ background: rgba(138,22,24,0.8); border-color: transparent;  }
.img-ul-a li:last-child{ border:none; }
.img-ul-a{ padding-bottom: 30px; }
.header-ny{position:relative;}
/********?¨a�?a?￠?￥?¨a�??¨??a�??????§???’???ˉ?????|?o???￠a�????￥??a�?????a�??¨a�?a?￠?|?￥???¨a�?a�”???￠a�|?¨??a�??????§???’???ˉ?????|?????￥a�|???￡?’?’?￥???§?ˉ?????§??a�??￠a�????￥??a�??????￥?|?????￥a�|??????a�1?￥?????￠?????￥?????ˉ????*******/
.wz-ul-date{ width: 80px; height: 80px; background: #f6f6f6; padding-left: 15px; padding-top: 12px; line-height: 25px; }
.wz-ul-date span{ font-weight: bold; font-size: 18px; }
.wz-ul li{ padding:20px 0; border-bottom: dashed 1px #ddd; }
.wz-ul-right{ margin-left: 105px; padding-top: 5px; }
.wz-ul-tt a{ font-size: 18px; color: #333; }
.wz-ul-p{ margin-top: 15px; color: #999; }
.wz-ul{ margin-bottom: 30px; }
.wz-ul li:hover .wz-ul-date{ background: #8a1618; color: #fff; }
.wz-ul li:hover .wz-ul-tt a{ color: #8a1618; }
/***********?¨a�?a?￠?|??a�??¨a�??“??a?￠a�??¨a�?a�”?|???3?¨a�?a?￠??a?￠a�??¨a�?a�”?§?|a�??¨a�?a�”?§?|a�??¨a�?a?￠?|?????¨a�?a�”?￥??a�??¨??a�??????§???’???§??a�??￥a�|???￡?’?’?￥??????a�????￥?????ˉ????***********/
.table-bordered{ border:none; }
.table-bordered > thead > tr > th{ background: #e9f4ff; font-size: 22px; color: #333; font-weight: normal; padding:20px; padding-left: 120px; border:none; }
.table-bordered > tbody > tr > td{ font-size: 20px; color: #333; padding:20px; padding-left: 120px; border-color: #f3f3f3; background: #fff; }
.table-box{ margin:50px 40px; }
.ld-img img{ width: 260px; height: 200px; }
.ld-right{ margin-left: 290px; padding-top: 15px; }
.ld-name a{ font-size: 22px; color: #333; font-weight: bold; }
.ld-txt{ color: #999; line-height: 25px; margin-top: 15px; text-align: justify; }
.ld-ul li{ border-bottom: dashed 1px #ddd; padding:40px 0; }
.ld-ul{ padding-bottom: 30px; }
/*************?¨a�?a?￠?|??a�??¨a�?a�”?§?|a�??¨??a�??????§???’???¤?1a�|?￥a�|?????????￥?????￥?1???￠a�????￥??a�?????a�??¨a�?a?￠?￥?¨a�??¨a�??“?????￥?|?o???￥?????￥?￥???￥a�|?????3?￥???￠?¤?1a�|?￠a�????￥??a�??￥a�￠?a************/
.jg-title{ font-size: 22px;font-weight: bold; padding-bottom: 20px; margin-top: 40px; border-bottom: solid 1px #ddd; }
.jg-title span{ float: left; width: 50px; }
.jg-ul li{float: left;padding:0 10px 0 0;height: 60px;width: 50%;text-align: center;line-height: 60px;    margin-bottom: 15px;}
.jg-ul li a{display: inline-block;font-size: 16px;font-weight:bold;color: #333;border-radius: 10px;width: 100%; background: #f2f2f2;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.jg-ul{ margin-top: 40px; margin-bottom: -20px; }
.jg-ul li a:hover{ background: #8a1618; font-weight: bold;color:#fff;}
.img-ul-tt a:hover,.nav-b a:hover,.ld-name a:hover,a:hover .img-lb-tt,.gg-ul li a:hover .gg-ul-tt,.three-list li a:hover .three-list-tt,.three-left a:hover .three-left-tt,.four-right-l:hover .four-right-tt{ color: #8a1618; }
.list-right-title{ font-size: 24px;     color: #8a1618; }
.nav-b{ margin-top: 10px; }



@media( max-width: 1479px){
    .container{ width: 1230px; }
    .footer-left{ width: 320px; }
    .footer-center{ margin-left: 70px; width: 380px;  }
.banner{height:600px;}

    .list-right{ width: 850px; }
    .one-right-news li a{ margin-bottom:15px; padding-bottom: 15px; }
    .one-right-tt{ font-size: 18px; }
    .three-right{ margin-top: -206px; }
    .zt-right{ width: 1000px; }
}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .logo{ width: 300px; }
    .header-link span{ padding:0 5px; }
    .news-list li:nth-child(4){ display: none; }
    .tabs-p{ max-width: 630px; }
    .title{ font-size: 24px; }
.banner{height:540px;}
    .right-width{ padding-top: 40px; }
    .list-right {
    width: 620px;
}
.banner-list{ margin-top: 40px; }


.one-width,.one-width-right{ width: 100%; }
.four-box{ margin-bottom:30px; }
.link-a li{ float: left; width: 50%; padding:0 15px; text-align: center; }
.link-a{ margin:0 -15px; }
.link-a li img{ width: 100%; }
.footer-left{ width: 250px; }
.footer-center{ margin:0; padding-left: 30px; width: 310px; }
.footer-p p{ font-size: 13px; }
.footer-right .pull-left{ margin-left: 10px; font-size: 14px; }
.header-a span{ padding:0 10px; }
.header-txt{ margin-right: 15px;display:none; }
}




@media( max-width: 991px){
.d,.one-list li,.one-bottom-left,.one-bottom-right,.tow-left,.tow-right {
    transform: translate(0,0);
    transition: all 1s ease-out 0s;
    opacity: 1;
}
.page-one{padding-top: 420px;}

.header{ opacity: 1; transform: translate(0,0)!important;z-index:1000}
.header2{ display: none!important; }

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

.container{ width: 750px; }

.body_b {
    width: auto;
    height: auto;
    position: static;
    opacity: 1;
    transform: none;
    overflow: hidden;
}
.banner .slick-list, .banner .slick-initialized .slick-slide, .banner .slick-track, .banner{ height: 400px; margin:0; }

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


    .menu-button{ display: block; }
    .nav-list{ position: fixed; display: none;     min-height: 500px;
    overflow-y: auto;padding-bottom: 50px; left: 0; top: 50px; bottom: 0; margin:0; right: 0; background: #8a1618; z-index: 10000; overflow-y: auto; border-top: solid 1px #ddd; box-shadow: 1px 2px 3px rgba(0,0,0,0.1); }
    .nav-list li{ float: none; width: 100%; margin:0; padding:0; }
    .nav-list li a{ display: block; line-height: 40px; padding:0 15px; color: #fff; text-align: left; font-size: 16px; }
    .header:before{ display: none; }
    .nav-list li.active a{ background: none; }
    .nav-list li:hover:before{ display: none; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-down{ position: static; padding:0; }


.header{ height: 50px;}

.header-list{ height: 50px!important;}



.header .container{ width: 100%; }
.header{ background: #8a1618; position: relative;}
.header-txt{ display: none; }
.header-a{ margin-top: 0; line-height: 50px; margin-right: 20px; }
.search-a-b{ margin-top: 0; line-height: 50px; margin-right: 50px; margin-left: 0; }

.logo{ padding:0; margin:0; line-height: 50px; width: auto; }
.logo img{ height: 40px; }
.footer-left{ width: 50%; margin:0; }
.footer-center{ padding-left: 0; }
.footer-left:before{ display: none; }
.footer-right{ width: 100%; text-align: center; }
.footer-right .pull-left{ float: none!important; display: inline-block; }
.footer-bottom{ font-size: 14px; }


    .list-left{ width: 200px; padding-bottom: 150px;}
    .list-right{ width: 480px; }
    .article-sm span{ }
    .jg-ul li{ width: 50%; }
    .banner-list{ margin-top: 0px; }


@media( max-width: 700px){
.jg-ul li {
    width: 100%;
}

}
@media( max-width: 767px){
    .banner .slick-list, .banner .slick-initialized .slick-slide, .banner .slick-track, .banner{ height: 270px; margin:0; }
 .page-one {
    padding-top: 300px;
}
    .search-box-c{ left: 15px; right: 15px; width: auto; margin-left: 0; }
    .container{ width: 100%; }

   
    .layer .search_box{
width: 100%;
}

.header-a{ display: none; }
.search-a-b{ margin-right: 40px; }
.banner .slick-dots{ display: none!important; }
.banner .slick-prev{ left: 15px; top: 50%; margin:0; margin-top: -28px; }
.banner .slick-next{ right: 15px; top: 50%; margin:0; margin-top: -28px; }
.title-lg{ font-size: 24px; }
.slick-img{ width: 100%; }
.title{ margin-bottom:15px; }
.one-ul{ width: 100%; }
.slick-img .slick-dots{ bottom: -20px; }
.slick-img{ margin-bottom: 50px; }
.slick-img-bottom{ margin-top: 15px; }
.mt-list li{ width: 100%; margin-bottom: 15px; }
.mt-list li a{ height: auto; padding:15px; }
.page-tow{ padding:30px 0 15px 0; }
.page-one{ padding-bottom: 15px; }
.rm-list li{ width: 100%; }
.page-three .title{ margin-bottom: 100px; }
.ewm-link{ right: 30px; bottom: -80px; top: auto; transform: translate(0,0); }
.ewm-link a{ margin-left: 10px; }
.title-top span{ font-size: 14px; }
.page-three{ padding:30px 0 15px 0; }
.col-xs-6{ width: 100%; }
.page-four{ padding:30px 0 15px 0; }
.link-a li{ width: 100%; }
.footer-right img{ width: 80px; }
.footer-right{ padding-top: 20px; }

.footer{ padding-top: 30px; }
.footer-title{ font-size: 18px; line-height: 40px; }
.footer-title img{ width: 40px; }



   .banner-list{ height: 150px; }
    .list-left{ width: 100%; margin-top: 20px; padding:0; background:#fff;}
    .list-left-tt{ height: 60px; line-height: 60px; font-size: 18px; text-align: left; padding-left: 20px; }
    .list-left-tt span{ font-size: 18px; }
    .left-nav{ padding:0; display: none; }
    .list-right{ width: 100%; margin-top: 20px; }
    .article-tt{ font-size: 18px; }
    .article-sm span{ font-size: 14px; line-height: 25px; }
    .article-p p{ font-size: 14px; line-height: 25px; margin-bottom: 10px; }
    .article-p{ margin-top: 20px; }
    .article-link p a{ font-size: 14px; }
    .article-link p{ margin-bottom: 10px; }
    .article-link{ padding:20px 0; }
    .list-left-tt{ display: none; }
    .list-left-tt-phone{ display: block; position: relative; }
    .list-left-tt-phone .nav-click { height: 60px; line-height: 60px;
    color: #fff; 
}
.left-nav li a{ line-height: 40px; font-size: 16px; }
.img-lb-tt{ font-size: 14px; margin-top: 10px; }
.img-lb li{ padding:0 8px; margin-bottom: 15px; }
.img-lb{ margin:0 -8px; padding-bottom: 15px; }
.list-box{ padding-bottom: 30px; }
.img-ul-left img{ width: 130px; height: 80px; }
.img-ul-right{ margin-left: 140px; }
.img-ul-p{ height: 50px; margin-top: 5px; }
.img-ul-date{ display: none; }
.img-ul-a li{ padding:15px 0; }
.img-ul-a li:hover{ padding:15px; }
.img-ul-tt a{ font-size: 16px; }
.table-bordered > thead > tr > th,.table-bordered > tbody > tr > td{ font-size: 14px; padding:8px 15px; }
.table-box{ margin:20px 0; }
.jg-title{ margin-top: 20px; padding-bottom: 10px; font-size: 24px; }
.list-right-title{ font-size: 18px; }
.nav-b{ margin-top: 3px; }

}

@media( max-width: 520px){
.banner{height:220px;}
.page-one {padding-top: 260px;}
    .banner .slick-list, .banner .slick-initialized .slick-slide, .banner .slick-track, .banner{ height: 220px; margin:0; }
}

@media( max-width: 450px){
.banner{height:200px;}
.page-one {padding-top: 240px;}
    .banner .slick-list, .banner .slick-initialized .slick-slide, .banner .slick-track, .banner{ height: 200px; margin:0; }
}