@charset "utf-8";
body {
    color: #333;
    font-size: 14px;
       font-family: "Arial","微软雅黑",Helvetica,"黑体",Arial,Tahoma;
	margin:0 auto;
	position:relative;
  background: url(../images/body-back.png) center top repeat-x;
 
}
.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: 1260px; }
.header{ height: 284px; background: url(../images/header.png) center no-repeat; padding-top: 96px; }
.logo-txt{ padding-left: 20px; line-height: 83px; }
.search-box{position: relative;padding-right: 73px;margin-top: 20px;width: 355px;}
.search-box .form-control{ border-color: #fff; background: #fff; box-shadow: none; border-radius: 0; }
.btn-search{padding:0;height: 34px;border:none;line-height: 34px;border-radius: 0;text-align: center;position: absolute;right: 0;top: 0;width: 65px;background: #ffcc00;color: #fff;font-size: 12px;}
.btn-search:hover,.btn-search:focus{ color: #fff; }
.nav-list li{ float: left; width: 11.111111%; border-right: solid 1px #d30000; position: relative; }
.nav-box{ background: #d30000; position: relative; z-index: 10000; }
.nav-list li a{ display: block; font-size: 18px; color: #fff; line-height: 50px; }
.nav-list li.active a,.nav-list li a:hover{ background: #ffc300; color: #fff; }
.nav-down{position: absolute;left: 0;top: 100%;display: none;background: #fcf8f4;min-width: 104px;/* width: 220px; */}
.nav-down li{width: 100%;border:none;white-space: nowrap;}
.nav-down li a{ line-height: 42px; background: none!important; padding:0 20px; font-size: 16px; color: #666!important; text-align: left; }
.nav-down li a:hover{background: #ffc300!important; color: #fff!important;}
.box-center{ background: #fff; padding:40px 15px 23px 15px; }
.nav-list li:hover .nav-down{ display: block; }
.slick{ width: 50%; margin:0; }
.slick-prev{ left: 0; width: 45px; height: 90px; margin-top: -45px; background: url(../images/left.png) center no-repeat; text-indent: -9999px; }
.slick-prev:hover{ background: url(../images/left02.png) center no-repeat; }
.slick-next{ right: 0; width: 45px; height: 90px; margin-top: -45px; background: url(../images/right.png) center no-repeat; text-indent: -9999px; }
.slick-next:hover{background: url(../images/right02.png) center no-repeat;}
.slick-dots{ height: 52px; width: auto; right: 0; bottom: 0; left: auto; text-align: right; padding-right: 30px; padding-top: 10px; }
.slick-dots li,.slick-dots li button{ width: 10px; height: 10px; border-radius: 50%; }
.slick-dots li{ margin:0 6px; }
.slick-dots li button{ background: #fff; }
.slick-dots li.slick-active button{ background: #d30000; }
.slick a{ display: block; position: relative; }
.slick span{ display: block; position: relative; z-index: 10; background: rgba(51,51,51,0.64); left: 0; bottom: 0; right: 0px; line-height: 52px; padding-left: 15px; font-size: 18px; padding-right: 100px; color: #fff; }
.img-box{ margin-bottom: -52px; }
.slick-right{ width: 50%; padding-left: 15px; }
.tt-back{ height: 40px; background: url(../images/tt-back2.png) left center no-repeat; margin-bottom: 10px; line-height: 40px; padding-left: 25px; font-size: 18px; color: #fff; }
.tt-back a{ font-size: 14px; color: #666; float: right; margin-right: 15px;}
.list-tt a{ font-size: 18px; color: #333; margin:10px 0; }
.list-tt a:hover{color: #d91516;}
.list-p{ text-indent: 2em; line-height: 30px; height: 90px; overflow:hidden; text-align: justify; }
.list-ul li{ line-height: 37px; position: relative; padding-right: 100px; }
.list-ul li span{ position: absolute; right: 0; top: 0; color: #999; }
.list-ul li a{ font-size: 16px; color: #666; padding-left: 15px; background: url(../images/dian.png) left center no-repeat; }
.list-ul{ border-top: dashed 1px #ccc; margin-top: 15px; padding-top: 8px; }
.link{ margin:30px 0; }
.tt-sm{ background: url(../images/tt-sm.png) left center no-repeat; padding-left: 20px; }
.list-ul-sm{ border:none; padding:0; margin:0;height:auto; }
.news-list{ padding-top: 7px; }
.news-list li .list-p{ height: 60px; color: #999; }
.news-list li .list-tt a{ font-size: 16px; }
.news-list li{ margin-bottom: 22px; }
.img-ul li{ position: relative; height: 84px; padding-left: 128px; margin-bottom: 15px; }
.img-ul-img{ position: absolute; left: 0; top: 0; }
.img-ul-img img{ width: 112px; height: 84px; }
.img-ul-tt a{ font-size: 16px; color: #333; display: inline-block; margin-top: -6px; }
.img-ul-tt{ line-height: 30px; height: 60px; margin-bottom: 5px; overflow:hidden; }
.img-ul{ padding-top: 7px; }
.tt-sm-b{ background: url(../images/tt-sm02.png) left center no-repeat; padding-left: 20px; }
.fc-list li{ float: left; width: 20%; padding:0 8px;}
.fc-list{ margin:0 -8px; padding-top: 5px; margin-bottom: 35px; /*height:170px;*/ }
.friends-list{ margin:40px 40px; }
.friends-list li{ float: left; width: 25%; }
.footer{ background: #d91516; padding:25px 0; }
.footer-p p{ font-size: 16px; color: #fff; margin:0; line-height: 36px; }
.footer-p p span{ padding-left: 24px; }
.footer-a a{ display: inline-block; color: #ec8a8b; margin-top: 25px; margin-left: 20px; }
.footer-a a img{ margin-bottom: 10px; }
.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);}
.nav-click{ display: none; }
/************about**************/
.left-box-tt{ height: 60px; margin-bottom: 10px; background: #d30000; line-height: 60px; font-size: 22px; padding-left: 20px; color:#fff;}
.xxxz{background: #fff;color: #d30000;height: 30px;line-height: 30px;padding-left: 0;margin-bottom: 5px;}
.left-box-tt span{ display: block; height: 60px; padding-left: 56px; background: url(../images/icon-left.png) left center no-repeat; }
.xxxz span{background: url(../images/xxxz_bg.jpg) left center no-repeat;font-size: 18px;padding-left: 30px;height: 30px;line-height: 32px;}
.xxsm p{text-indent:2em;color:#777;line-height: 25px;margin-bottom: 0px;}
.nav-box .search-box{ display: none; }
.left-box{ width: 265px; }
.left-nav li a{ display: block; height: 55px; padding-left: 25px; line-height: 55px; background: #eee; font-size: 18px; color: #666; }
.left-nav li a span{ display: block; line-height: 55px; padding-left: 30px; background: url(../images/li.png) left center no-repeat; }
.left-nav li a:hover,.left-nav li.active a{ background: #ffc300; color: #fff; }

.left-nav2 {padding-top:20px;}
.left-nav2 li a{display: block;height: 55px;line-height: 55px;background: #d30000;font-size: 18px;color: #fff;text-align: center;}
.left-nav2 li a span{display: block;line-height: 55px;}
.left-nav2 li a:hover,.left-nav2 li.active a{ background: #ffc300; color: #fff; }

.right-box-header{ border-bottom: solid 1px #ccc; margin-bottom: 40px; }
.right-box{ width: 895px; min-height:500px;}
.add-title{ border-bottom: solid 3px #d30000; margin-bottom: -1px; padding:5px 10px; font-size: 18px; color: #d30000; }
.nav-b{ color: #666; margin-top: 8px; }
.nav-b a{ color: #666; }
.nav-b a:hover{ color: #d30000; }
.about-p p{ font-size: 16px; color: #666; text-align: justify; text-indent: 2em; line-height: 35px; margin-bottom: 15px; }
/***********article*********/
.article-tt{ font-size: 22px; color: #d30000; }
.article-back{ color: #888; background: #f5f5f5; padding:10px 15px; margin:20px 0 40px 0; }
  .article-back span{ /*display: block; */}
.article-p p{ font-size: 16px; color: #666; line-height: 30px; margin-bottom: 20px; }
.article-p{ margin-bottom: 40px; }
.article-a a{ font-size: 16px; color: #666; }
.article-a{ padding-bottom: 20px; }
.article-a a:hover{ color: #d91516; }
/*************图片列表***********/
.img-list li{ width: 33.333333%; padding:0 20px; margin-bottom: 15px; float: left; }
.img-list li img{ width: 100%; }
.img-list{ margin:0 -20px; }
.img-list-tt a{ color: #666; font-size: 16px; }
.img-list-tt{ margin-top: 10px; }
.img-list-tt a:hover{ color: #d30000; }
.pagination li a{ margin:0 3px; border-radius: 0!important; color: #333; background: none; height: 25px; padding-top: 0; padding-bottom: 0; line-height: 23px; }
.pagination > .active > a,.pagination li a:hover, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus{ background: #d30000; border-color: #d30000; color: #fff; }
.page-box{ margin:30px 0 40px 0; }
.page-l{ line-height: 25px; margin-right: 5px; margin-left: 15px; }
.page-input{ width: 40px; box-shadow: none;border-radius: 0; background: none; height: 25px; }
.page-l-l{ margin-left: 10px; }
.page-number{ height: 25px; line-height: 23px; border:solid 1px #ddd; padding:0 5px; margin-left: 5px; }
.page-box{ display: inline-block; }
.page-r{ margin:20px 0; }
.list-ul-page{ border-top: none; padding:0; margin:-20px 0 0 0; min-height:500px;}
.list-ul li a:hover{color: #d30000;}
.right-box-lg{ width: 100%!important; }

.multiple-items .slick-dots{ display: none!important; }
.multiple-items .slick-prev,.multiple-items .slick-next{ width: 21px; height: 42px; }
.multiple-items .slick-prev{ left: -40px;top: 50%; margin-top: -21px; background: url(../images/left_pic.gif) center no-repeat; display: block!important; }
.multiple-items .slick-next{ right: -40px;top: 50%; margin-top: -21px; background: url(../images/right_pic.gif) center no-repeat; display: block!important; }


.footer-a a{ position: relative; }
.footer-a a span{ position: absolute; bottom: 100%; display: none; left: 50%; width:100px; margin-left: -50px; }
.footer-a a span img{ width: 100px; height: 100px; }
.footer-a a:hover span{ display: block; }
@media( max-width:1279px){
  .container{ width: 970px; }
  .right-box{ width: 630px; }

  .list-ul li:nth-of-type(5),.list-ul li:nth-of-type(6),.list-ul li:nth-of-type(7){ display: none; }
}
@media( max-width:991px){
  .list-ul li:nth-of-type(5),.list-ul li:nth-of-type(6),.list-ul li:nth-of-type(7){ display: block; }
  .container{ width: 100%; }
  .header{ height: auto; padding:20px 0; }
  .logo img{ height: 50px; }
  .logo-txt{ line-height: 50px; }
  .logo-txt img{ height: 30px; }
  .header .search-box{ display: none; }
  .nav-box{ position: relative; height: 50px; z-index: 10000; }
  .nav-phone{ width: 100%; display: none; float: none!important; position: absolute; box-shadow:1px 2px 3px #ddd; left: 0;top: 100%; right: 0;background: #d30000; }
  .nav-list li{ float: none; width: 100%; margin:0; height: auto; }
  .nav-list li a{ height: 40px; line-height: 40px; font-size: 14px; padding:0 15px; text-align: left; }
  .menu-button{ display: block; }
  .box-center{padding: 10px !important;}
  .slick,.slick img{ width: 100%; }
  .slick-right{ width: 100%; margin-top: 15px; padding-left: 0; }
  .link{ margin:15px 0; }
  .col-xs-4{ width: 100%; margin-bottom: 15px; }
  .news-list li:last-child,.img-ul li:last-child{ margin-bottom: 0; }
  .friends-list{ margin:40px 40px; }
  .friends-list li{ margin-bottom: 15px; width: 50%; }
  .footer-p p{ font-size: 12px; line-height: 22px; text-align: center; }
  .footer-p p span{ display: block; padding:0; }
  .footer-p{ width: 100%; }
  .footer-a{ width: 100%; margin-top: 25px; }
  .footer-a a{ margin:0 10px; }
  .slick-dots{ padding-right: 10px; }
  .slick span{ font-size: 14px; }
  .slick-prev, .slick-next{ display: none!important; }
  .fc-list{ margin-bottom: 15px; }
  .nav-list{ float: none; }
  .nav-box .search-box{ float: none!important; display: block; position: absolute; left: 15px; top: 8px; width: 280px; margin-top: 0; }
  .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #fff; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;}
  .nav-click.active{ transform: rotate(180deg); }
  .nav-down{ display: none; position: static; margin:0; background: none; width: 100%; }
  .nav-down li a{ color: #fff!important;    margin-left: 20px; }
  .nav-list li:hover .nav-down{ display: none; }
  .right-box{ width: 100%; }
  .left-box{ width: 100%; margin-bottom: 20px; }
  .right-box-header{ margin-bottom: 20px; }
  .about-p p{ line-height: 30px; margin-bottom: 10px; }

.article-back span{ display: inline-block;padding: 0;}
  .article-back{ margin-bottom: 20px; }
  .img-list li{ width: 50%; padding:0 5px; }
  .img-list{ margin:0 -5px; }
  .page-box{ margin:0; }
  }