@charset "utf-8";
body {
    color: #333;
    font-size: 14px;
    font-family: "microsoft yahei",Arial,Tahoma;
    margin:0 auto;
    position:relative;

}
.img-hide{ overflow:hidden; }

.img-hide img{ transition: 0.5s all; }
.img-hide:hover img{ transform: scale(1.1,1.1); }
.txt-elise{overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;}
li{ list-style:none;}
a{ color: #333; }
ul{ padding:0; margin:0;}
a:hover{ text-decoration:none !important;}
a:focus{ text-decoration:none !important; outline: none !important;}
button:focus,button:hover,input:focus{ outline: none!important; }
img{ max-width:100%;}
.container{ width: 1430px; }
.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);}
.dh li:nth-child(2){ animation-delay:0.2s; }
.dh li:nth-child(3){ animation-delay:0.4s; }
.dh li:nth-child(4){ animation-delay:0.6s; }
.dh li:nth-child(5){ animation-delay:0.8s; }
.dh li:nth-child(6){ animation-delay:1s; }
.dh li:nth-child(7){ animation-delay:1.2s; }
.dh li:nth-child(8){ animation-delay:1.4s; }
.dh li:nth-child(9){ animation-delay:1.4s; }
.dh li:nth-child(10){ animation-delay:1.4s; }
.dh li:nth-child(11){ animation-delay:1.4s; }
.dh li:nth-child(12){ animation-delay:1.4s; }
.dh li:nth-child(13){ animation-delay:1.4s; }
.dh li:nth-child(14){ animation-delay:1.4s; }
.dh li:nth-child(15){ animation-delay:1.4s; }
.dh li:nth-child(16){ animation-delay:1.4s; }
.dh li:nth-child(17){ animation-delay:1.4s; }
.dh li:nth-child(18){ animation-delay:1.4s; }
.dh li:nth-child(19){ animation-delay:1.4s; }
.dh li:nth-child(20){ animation-delay:1.4s; }
.header-top{height: 36px;background: #790008;line-height: 36px;color: #fff;}
.header-top a{ color: #fff; }
.header-top span{padding:0 10px;color: #b25258;}
.logo{margin: 15px 0;max-width: 530px;}
.logo a img{width:90%;}
.logo-box{ background: #90000a; }
.logo-box .container {background: url(../images/xx.png) right 0 top 15px no-repeat;padding: 10px 0;}
.search-box{position: relative;/* width: 260px; */height: 30px;margin-top: 70px;}
.search-box .form-control{ height: 30px; padding-right: 45px; color: #fff; border-radius: 30px; box-shadow: none; border:solid 1px #fff; background: none; }
.btn-ss{ position: absolute; right: 10px; top: 0; bottom: 0; width: 16px; background: url(../images/ss_btn.png) center no-repeat; border:none; box-shadow: none; }
.search-box .form-control::-webkit-input-placeholder{ color:#fff !important;}
.search-box .form-control::-moz-input-placeholder{ color:#fff !important;}
.search-box .form-control::-ms-input-placeholder{ color:#fff !important;}
.nav-list li{float: left;width: 10%;text-align: center;position: relative;}
.nav-list li a{ display: block; padding: 5px 0; font-size: 16px; color: #333; }
.nav-list li a div {font-size: 12px;font-family:arial;}
.nav-list li a:hover,.nav-list li a.active{ background: #90000a; color: #fff !important; }
.nav-down{ position: absolute; display: none; z-index: 100000; background:rgba(255,255,255,0.8); left: 0; top: 100%; width: 100%; text-align: center; }
.nav-down li{ float: none; width: 100%; }
.nav-list li:hover{ background: #90000a; }
.nav-list li:hover a{ color: #fff; }
.nav-down li a{ height: 37px; line-height: 37px; font-size: 14px; color: #333!important; }
.nav-down li a:hover{ background: #90000a; color: #fff!important; }
.nav-list li:hover .nav-down{ display: block; }
.nav-click {
    display: none;
}
.banner-box{ overflow:hidden; position: relative;}
.banner-box .slick a{ display: block; position: relative; }
.nav-box{ position: relative; z-index: 100000; }
.banner-box .slick img{margin:0 auto; width: 100%; }
.banner-box .slick a span{ position: absolute; z-index: 100; left: 50%; width: 1400px; color: #fff; bottom: 0; margin-left:-700px; font-size: 16px; line-height: 50px; }
.banner-box .slick-slide.slick-active:before{ display: block; transition: 0.5s all; content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; background: rgba(0,0,0,0.6); z-index: 10; }
.slick-dots{ left: auto;  margin-right: -700px; bottom: 16px; z-index: 1000; width: auto; }
.slick-dots li{ width: 13px; height: 13px; display: block; float: left; background: #fff; border-radius: 50%; }
.slick-dots li.slick-active{ width: 16px; height: 16px;  margin-top: -1.5px; border:solid 3px #fff; background: none; }
.slick-dots li button{ opacity: 0; }
.left-width{ width: 62.5%; }
.title{ border-bottom: solid 3px #9f9f9f; position: relative; margin-bottom: 23px; padding-bottom: 6px; font-size: 20px; color: #90000a; margin-top:33px; }
.title:before{ display: block; content: ""; position: absolute; left: 0; bottom: -3px; height:3px; background: #90000a; width: 130px;  }
.title span{ font-size: 14px; color: #999; padding-left: 10px; }
.title a{ font-size: 14px; color: #999; }
.slick-left{ width: 100%; }
.slick-left img{ width: 100%; height: 270px; }
.slick-tt{ text-align: center; padding:14px 20px 0 20px; font-size: 14px; color: #464545; }
.list-ul li{ line-height: 40px; border-bottom: dashed 1px #dcdcdc; padding-right: 128px; position: relative; }
.list-ul li a{font-size: 13px;color: #4b4a4a;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display:block;}
.left-width-l{ width: 51%; padding-right: 30px; }
.list-ul{ width: 49%; margin-top: -13px; }
.list-ul li span{ position: absolute; right: 0; top: 0; }
.right-width-r{ width: 34.6%; }
.title02:before{ width: 100%; }
.list-ul-lg{ width: 100%; }
.left-width-b{ width: 48.5%; }
.slick-left{ margin:0; }
.gg-list li{ position: relative; line-height: 70px; border-bottom: solid 1px #ededed; padding-left: 144px; }
.gg-date{ position: absolute; left: 0; top: 50%; margin-top: -15px; width: 128px; line-height: 30px; height: 30px; border-right: solid 1px #ededed; font-size: 20px; color: #90000a; font-weight: bold; }
.gg-date span{ font-size: 14px; font-weight: normal; }
.gg-list li a{ color: #444; }
.gg-list{ margin-bottom: -10px; margin-top: -18px; }
.jx-tt{ max-width: 565px; padding-right: 80px; position: relative; font-size: 14px; color: #999; }
.jx-tt span{ position: absolute; right: 0; }
.jx-tt a{ font-size: 17px; color: #333; }
.jx-list li{ padding:15px 0; border-bottom: solid 1px #ededed; }
.jx-p{ font-size: 14px; color: #909090; margin-top: 20px; line-height: 25px; height: 50px; overflow:hidden; }
.jx-p a{ color: #90000a; }
.jx-list{ margin-top: -20px; }
.right-width-b{ width: 48%; margin-top: 40px; }
.right-width-b li a{ border:solid 1px #c9c9c9; display: block; position: relative; padding-left: 165px; height: 170px; }
.left-a{ position: absolute; left: 0; top: 0; height: 168px; background: #f4f4f4; width: 165px; padding-top: 32px; font-size: 16px; color: #333; }
.left-a img{ margin-bottom: 15px; }
.wx-img{ height: 168px; width: 100%; background: url(../images/wx-img.png) center no-repeat; background-size: cover; }
.right-width-b li{ margin-bottom: 25px; }
.zs-img{ background: url(../images/zs-img.png) center no-repeat; background-size: cover;}
.sz-img{ background: url(../images/sz-img.png) center no-repeat; background-size: cover;}
.bottom-back{ background: #f8f8f8; margin-top: 25px; padding-bottom: 30px; }
.bg-list li{ position: relative; height: 81px; line-height: 80px; padding-left: 140px; border-bottom: solid 1px #ededed; }
.bg-list-date{ position: absolute; padding-right: 52px; background: url(../images/lind.png) right center no-repeat; margin-top: -28px; left: 0; top: 50%; font-size: 28px; color: #90000a; font-weight: bold; text-align: center; line-height: 25px; }
.bg-list-date span{ font-size: 14px; font-weight: normal; }
.bg-list{ margin-top: -8px; }
.bg-list li:last-child{ border:none; }
.list-a li{ float: left; width: 20%; padding:0 15px; }
.list-a{ margin:40px -15px; }
.list-a li img{ width: 100%; }
.friends-box{border:solid 1px #ebe7e7;position: relative;padding:20px 0px 15px 130px;margin-top: 30px;margin-bottom: 10px;}
.friends-left{ position: absolute; left: 20px; text-align: center; top: 20px; font-size: 16px; color: #fff; background: #90000a; width: 90px; line-height: 32px; }
.friends-list li{ float: left; margin:0 10px; line-height: 32px; }
.friends-list li a{ color: #777; }
.bottom-box{ background: #90000a; padding:35px 0; }
.bottom-box-a a{font-size: 12px;color: #fff;display: inline-block;margin:0 15px;}
.bottom-box-a a img{/* margin-bottom: 5px; */}
.bottom-box-a{/* padding-left: 80px; *//* padding-top: 20px; */}
.bottom-center p{ font-size: 14px; color: #fff; margin:0; line-height: 30px;}
.bottom-center{ border-left: solid 1px #4074a8; margin-left:13px; width: 660px; padding-left: 33px; height: 110px; padding-top: 10px; } 
.ewm{ margin-right: 15px; color: #fff; font-size: 12px; }
.ewm img{ margin-bottom: 5px; width: 90px; height: 90px; }
.footer{ padding:30px 0; margin-top: 20px; background: #90000a; }
.footer-center{border-left: solid 1px #b24d54;margin-top: 10px;width: 690px;padding-left: 78px;margin-left:80px;border-right: solid 1px #b24d54;height: 50px;line-height: 20px;}
.footer-center p{ font-size: 14px; color: #fff; }
.footer-right{/* margin-top: 10px; */line-height: 36px;color: #fff;}
.footer-center p span,.bottom-center span{ padding-left: 20px; }
.slick{ margin:0; }
.left-width-l .slick-dots{ bottom: 50px; width: auto; margin:0; left: auto;  right: 10px; }
.left-width-l .slick-dots li.slick-active{ border-color: #53180c; }
.list-ul li a:hover,.title a:hover,.gg-list li a:hover,.right-width-b li a:hover .left-a,.jx-tt a:hover,.bg-list li a:hover,.friends-list li a:hover{ color: #90000a;}

/* list */
.img-hide:hover img{ transform: scale(1.1,1.1); }
.left-box-nav li{transition: 0.5s all; }
.left-box-nav li:hover{ transform: scale(1,1.1);box-shadow: 8px 8px 5px #888888; }
.article-list li a{ display: block; position: relative; transition: 0.5s all; margin-bottom: 20px; height: 60px; background: #fafafa; line-height: 60px; padding:0 200px 0 30px; font-size: 14
    px; color: #555;
 }
.article-list li a span{ position: absolute; right:20px; top: 0; }
.article-list li a:hover,.img-list-box:hover,.nav-ks li a:hover,.wh-list li a:hover{   box-shadow: 3px 35px 77px -17px rgba(0, 0, 0, 0.8);
        transform: scale(1.06); position: relative; z-index: 100; background-color: #fff3f3;}
.img-list-box,.nav-ks li a,.wh-list li a{transition: 0.5s all;}
.news-list li a:hover,.title a:hover{ color: #0b6bc9; }
.banner{ overflow:hidden; }
.slick-dots{ width: 100%; }
.slick-dots li{ display: inline-block; float: none; }
.search-box .form-control{ padding-right: 50px; }
/**********jianjie*********/
.banner-img img{display: block;margin: auto;}
.left-box{background: #f4f4f4; margin-top: 30px; padding:10px; margin-bottom:35px; }
.left-box-tt{ height: 48px; line-height: 48px; color: #fff; background: #90000a; padding:0 25px; font-size: 16px; }
.left-box-tt span{ float: right; font-size: 22px; }
.left-box-nav li a{ display: block; line-height: 52px; padding-left: 25px; border-bottom: solid 1px #dbdbdb; font-size: 16px; color: #555; }
.left-box-img img{ width: 100%; margin-top: 20px; padding-bottom: 10px; }
.right-box{margin-top: 30px; margin-bottom:70px; }
.right-box-tt .pull-left{ font-size: 18px; color: #90000a; font-weight: bold; }
.right-box-tt{ border-bottom:solid 1px #dbdbdb; padding-bottom: 12px; margin-bottom: 15px;  }
.nav-b{ background: url(../images/nav-b.png) left center no-repeat; padding-left: 22px; margin-top: 3px; color: #999; }
.nav-b a{color: #999; }
.about-txt p{/* color: #999; *//* text-indent: 2em; */line-height: 35px;margin-bottom: 25px;text-align: justify;}
.about-txt table p{text-align:inherit;}
/***********content*********/
.right-box-lg{ margin-top: 35px; }
.right-box-lg .right-box-tt .pull-left{ font-size: 22px; color: #555; position: relative; }
.right-box-lg .right-box-tt{ padding-bottom: 25px; }
.right-box-lg .right-box-tt .pull-left:before{ display: block; content: ""; position: absolute; left: 0; right: 0; bottom: -25px; background: #90000a; height: 1px; }
.article-tt{ font-size: 22px; color: #555; margin-top: 55px; }
.article-date{ color: #999; margin:30px 0; }
.article-date span{ padding-left: 65px; }
.article-box{ background: #f8f8f8; padding:50px 35px; margin-bottom: 50px; }
.article-box p{ line-height: 35px; text-align: justify; color: #999; margin:0; }
.article-bottom,.article-bottom a{ color: #999; }
.article-bottom{ margin-bottom: 50px; }
/**********piclist**********/
.img-list li{float: left;width: 25%;padding:0 15px;margin-bottom: 30px;}
.img-list{ margin:0 -15px; padding-top: 10px; }
.img-list-img img{ width: 100%; }
.img-list-bottom{ background: #f4f4f4; display: block; padding:15px 15px; font-size: 16px; color: #555; line-height: 30px; }
.img-list-bottom p{ margin:0; overflow:hidden; }
.pagination > li > a, .pagination > li > span{ margin:0 3px; border-radius: 0!important; color: #888; }
.pagination > li > a:hover,.pagination > li.active > a,.pagination > li.active > a:hover,.pagination > li.active > a:focus{ background: #005da5; border-color: #005da5; color: #fff; }

 








@media( max-width: 1499px){
    .container{ width: 1200px; }
    .search-box{margin-top:50px;}
    .slick-left img{ height: auto; }
    .bottom-center{ width: 590px; }
    .bottom-box-a{/* padding-left: 100px; */}
    .footer-center{ width: 540px; margin-left: 20px; padding-left: 20px; }
    .slick-dots{ margin-right: -585px; }
    .banner-box .slick a span{ margin-left: -585px; }
    .logo-box .container{/* background-position: right 285px center; */background-size: 30%;}
    .logo a img{width: 72%;}
}
@media( max-width: 1279px){
    .container{ width: 970px; }
    .slick-dots{ margin-right: -470px; }
    .banner-box .slick a span{ margin-left: -470px; }
    .bottom-box-a{ padding-left: 0; }
    .bottom-center{ width: 558px; }
    .footer-left{ width: 100%; text-align: center; margin-bottom: 25px; }
    .logo-box .container{background-position: right 10px top 15px;}
    }
   @media(max-width:1024px){
    .search-box {margin-top: 0px;margin-bottom:15px;}
   }
@media( max-width: 991px){
    .container{ width:100%;}
    .logo-box .container{background-position: right 10px center;background-size: 40%;}
    .logo a img{width: 100%;}
    .nav-list{ position: absolute; display: none; z-index: 10000000; border-top: solid 1px #ddd; left: 0; top: 100%; right: 0; box-shadow: 1px 2px 3px #ddd;background: #fff; }
    .nav-list li{ width: 100%; float: none; margin:0; text-align: left; line-height: 40px; }
    .nav-list li a{ line-height: 1.2; padding:5px 15px; }
    .nav-list li:hover .nav-down{ display: none; }
    .nav-list li:hover{ background: none; }
    .nav-list li:hover a{ color: #333; }
    .nav-down{ display: none; position: static; }
    .menu-button{ display: block; }
    .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #333; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
    .nav-click.active{ transform: rotate(180deg); }
    .header-top .pull-left{ display: none; }
    .search-box{ margin:15px auto; float: none!important; }
    .logo{float: none!important;width: 55%;}
    .nav-box{height: 50px;background: #790008;position: relative;}
    .banner-box .slick a span{ width: 100%; left: 0; margin:0; text-align: center; padding:0 15px; bottom: 20px; display: none; }
    .slick-dots{ left: 0; right: 0; width: 100%; margin:0; bottom: 5px; }
    .banner-box .slick-dots li{ display: inline-block; float: none; background: #666; }
    .banner-box .slick-dots li.slick-active{ background: #000; border:none; width: 13px; height: 13px; }
    .banner-box .slick-slide.slick-active:before{ height: 70px; display: none; }
    .left-width{ width: 100%; }
    .left-width-l{ width: 100%; padding:0; max-width: 420px; margin:0 auto; float: none!important; }
    .title{ margin:20px 0; }
    .list-ul{ width: 100%; margin-top: 15px; }
    .right-width-r,.left-width-b{ width: 100%; }
    .list-ul-lg{ margin-top: 0; }
    .right-width-b{ width: 100%; margin-top: 15px; }
    .bottom-back .col-xs-6{ width: 100%; }
    .list-a li{ padding:0 5px; }
    .list-a{ margin:20px -5px; }
    .friends-box{ padding-left: 10px; }
    .friends-list{ margin-top: 45px; }
    .bottom-box-a{ width: 100%; padding-top: 0; float: none!important; }
    .bottom-center{ width: 100%; padding:0; float: none!important; border:none; margin:0; height:auto; text-align: center; }
    .bottom-center span{ display: block; padding:0; }
    .ewm-box{ width: 225px; margin:0 auto; float: none!important; float: none!important; padding-left: 15px; padding-top: 10px; }
    .footer-left img{ width: 200px; }
    .footer-center{ margin:0; padding:0; text-align: center; width: 100%; height: auto; border:none; }
    .footer-center p span{ display: block; padding:0; }
    .footer-right{ width: 100%; text-align: center; line-height: 20px; margin:0; }
    .left-width-l{ overflow:hidden; }
    .search-box{ position: absolute; left: 15px; margin:0; bottom: -41px; }
    .logo-box{ position: relative; z-index: 1000000; }
    .list-a li{ width: 33.333333%; margin-bottom: 10px; }
    .nav-down{ background: #023a71; }
    .nav-down li a{ color: #fff!important; }
    .gg-list li{ line-height: 50px; }
    .bg-list li{ line-height: 50px; height: 51px; }
    .bg-list-date{ font-size: 18px; line-height: 20px; margin-top: -21px; }
    .bottom-back{ padding-bottom: 10px; }
    .img-list li{width: 33.33%;margin-bottom: 20px;}
}
@media( max-width: 576px){
    .logo{width:80%;}
    .logo-box .container{background: url();}
    .footer-left img{width:260px;}
    .img-list li{ width: 50%; margin-bottom: 20px; }
    .img-list-bottom {background: #f4f4f4;display: block;padding: 0.8em 0em 0.8em 0.8em;font-size: 14px;color: #555;line-height: 30px;
    }
    .right-box {margin-top:0;margin-bottom: 70px;}
    .article-tt {font-size: 22px;color: #555;margin-top: 1em;line-height: 1.5em;}
    .article-date {color: #999;margin: 1em 0;}
    .article-box {background: #f8f8f8;padding: 1em;margin-bottom: 2em;text-indent: 2em;}
    .article-bottom, .article-bottom a {color: #999;line-height: 2em;}
    .article-bottom {margin-bottom: 2em;}
    .article-list li a {display: block;position: relative;transition: 0.5s all;margin-bottom: 20px;height: 60px;background: #fafafa;
        line-height: 60px;
        padding: 0 7em 0 0.7em;
        font-size: 14px;
        color: #555;
    }
    .article-list li a span {position: absolute;right: 0.7em;top: 0;}
}