.banner{
    width: 100%;
    margin: 0 auto;
    height: 704px;
    background: url(../image/banner.png) no-repeat top center;
}
.banner_box{
    width: 1000px;
    margin: 0 auto;
    position: relative;
}
.des_icon {
    position: absolute;
    left: 409px;
    top: 438px;
}
.topic_logo_icon {
    position: absolute;
    left: 0;
    top: 148px;
}

img {
    vertical-align: middle;
    font-size: 0;
    border: 0;
}
/*动画*/
@-webkit-keyframes bounceInRight {
    0%, 50%, 65%, 85%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, -1000px, 0);
      transform: translate3d(3000px, -1000px, 0);
    }
  
    60% {
      opacity: 0.6;
      -webkit-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: none;
      transform: none;
    }
  }
  
@keyframes bounceInRight {
    0%, 60%, 75%, 90%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: translate3d(3000px, -1000px, 0);
      -ms-transform: translate3d(3000px, -1000px, 0);
      transform: translate3d(3000px, -1000px, 0);
    }
  
    60% {
      opacity: 0.6;
      -webkit-transform: translate3d(-25px, 0, 0);
      -ms-transform: translate3d(-25px, 0, 0);
      transform: translate3d(-25px, 0, 0);
    }
  
    75% {
      -webkit-transform: translate3d(10px, 0, 0);
      -ms-transform: translate3d(10px, 0, 0);
      transform: translate3d(10px, 0, 0);
    }
  
    90% {
      -webkit-transform: translate3d(-5px, 0, 0);
      -ms-transform: translate3d(-5px, 0, 0);
      transform: translate3d(-5px, 0, 0);
    }
  
    200% {
      opacity: 1;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
    }
  } 
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight;
}
.animated {
    -webkit-animation-duration: 5s;
    animation-duration:5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@keyframes bounceIn {
    0%, 20%, 40%, 60%, 80%, 100% {
      -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
      transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    }
  
    0% {
      opacity: 0;
      -webkit-transform: scale3d(.3, .3, .3);
      -ms-transform: scale3d(.3, .3, .3);
      transform: scale3d(.3, .3, .3);
    }
  
    20% {
      -webkit-transform: scale3d(1.1, 1.1, 1.1);
      -ms-transform: scale3d(1.1, 1.1, 1.1);
      transform: scale3d(1.1, 1.1, 1.1);
    }
  
    40% {
      -webkit-transform: scale3d(.9, .9, .9);
      -ms-transform: scale3d(.9, .9, .9);
      transform: scale3d(.9, .9, .9);
    }
  
    60% {
      opacity: 1;
      -webkit-transform: scale3d(1.03, 1.03, 1.03);
      -ms-transform: scale3d(1.03, 1.03, 1.03);
      transform: scale3d(1.03, 1.03, 1.03);
    }
  
    80% {
      -webkit-transform: scale3d(.97, .97, .97);
      -ms-transform: scale3d(.97, .97, .97);
      transform: scale3d(.97, .97, .97);
    }
  
    100% {
      opacity: 1;
      -webkit-transform: scale3d(1, 1, 1);
      -ms-transform: scale3d(1, 1, 1);
      transform: scale3d(1, 1, 1);
    }
  }
  
.bounceIn {
    -webkit-animation-name: bounceIn;
    animation-name: bounceIn;
    -webkit-animation-duration: .75s;
    animation-duration: 2.5s;
}
.w1000{
    width: 1000px;
    margin: 0 auto;
} 
.tit{
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 1px;
    width: 951px;
    margin: 0 auto;
}
.dfjj-area{
    width: 602px;
}
.dfjj-area .swiper-container {
    width: 602px;
    height: 375px;
}
.dfjj-area .swiper-container dd {
    display: block;
    margin-inline-start: 0px;
    margin: 0;
}
.dfjj-area .swiper-container dl {
    position: relative;
    margin: 0;
}
.dfjj-area .swiper-container dl dd a{
    display: block;
}
.dfjj-area .swiper-container dl dd img{
    display: block;
}
.dfjj-area .swiper-container dl dt{
    position:absolute; bottom:0; left: 0; right:0; width: 100%;
    background-color: rgba(0,0,0,.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7F000000',endColorstr='#7F000000');
}
.dfjj-area .swiper-container dl dt h2{
    padding: 10px 20px;
}
.dfjj-area .swiper-container dl dt h2 a{
    color: #fff;
    font-size: 18px;
}
.dfjj-area .swiper-container dl dt h2 a:hover{
    color: #fff !important;
}
.dfjj-area .swiper-container .arrow-left, 
.dfjj-area .swiper-container .arrow-right{
    position: absolute;
    background-image: url("../image/dfjj_arrow.png");
    background-repeat: no-repeat;
    width: 28px;
    height: 55px;
    top: 40%;
}
.dfjj-area .swiper-container .arrow-left{
    background-position: 0 0;
    left: 0;
}
.dfjj-area .swiper-container .arrow-left:hover{
    background-position: 0 -55px;
}
.dfjj-area .swiper-container .arrow-right{
    background-position: -28px 0;
    right: 0;
}
.dfjj-area .swiper-container .arrow-right:hover{
    background-position: -28px -55px;
}
.dfjj-area .swiper-container .pages{
    position: absolute;
    right: 10px;
    bottom: 12px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
}
.dfjj-area .swiper-container .pages .index{
    color: #ffcb14
}
.intro{
    height: 373px;
    width: 397px;
    border-right:1px solid #e9e9df;
    border-top:1px solid #e9e9df;
    border-bottom:1px solid #e9e9df;
    background: #eff8fe;
}
.intro .list{
    width: 361px;
    height: 61px;
    line-height: 61px;
    border-bottom: 1px solid #e9e9df;
    font-size: 16px;
    color: #2c2e30;
    margin-left: 20px;
    font-weight: bold;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.intro .list a{
    font-size: 14px;
    color: #2c2e30;
    margin-left: 4px;
    font-weight: normal;

}
ul li{
    float: left;
    width: 315px;
    text-align: center;
    font-size: 16px;
    margin-right: 25px;
}
.w1000 .xd{
    width: 467px;
}
.w1000 .xd li{
    width: 467px;
    line-height: 35px;
    font-size: 14px;
    text-align: left;
}
.slider{
    width: 1000px;
    margin: 0 auto;
}
.icon-arrow-a-left{
    width:65px;
    height:102px;
    background: url(../image/left.png) no-repeat;
}

.icon-arrow-a-right {
    width:65px;
    height:102px;
    background: url(../image/right.png) no-repeat;
}
.index_hero_wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 40px;
    z-index: 1;
    box-sizing: content-box;
}
#index_hero {
    width: 730px;
    height: 460px;
    margin: auto;
    position: relative;
}
#index_hero img {
    width: 730px;
    height: 460px;
}
#index_hero .heros {
    width: 730px;
    height: 460px;
}
#index_hero .hero-wrap {
    overflow: visible;
    position: absolute;
}
#index_hero .next,
#index_hero .prev {
    filter: alpha(Opacity=70);
    opacity: .7;
    position: absolute;
    top: 40%;
    background-color: #303030;
    z-index: 3;
}
#index_hero .next:hover, 
#index_hero .prev:hover {
    background-color: orangered;
}
#index_hero .next {
    margin: -25px 0px 0 0;
    right: 0;
}
#index_hero .disabled {
    background-color: #eee;
}
#index_hero .hero a:hover {
    text-decoration: none;
}
#index_hero .hero .all {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 730px;
    height:90px;
    line-height: 90px;
    /* FF3.6+ */
    /* Chrome,Safari4+ */
    /* Chrome10+,Safari5.1+ */
    /* Opera 11.10+ */
    /* IE10+ */
    background:url(../image/wrapper.png) no-repeat;
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#CC79acd4',endColorstr='#CC79acd4');
}
.hero p{
    width:628px;
    margin:0 auto;
    line-height: 21px;
}
#index_hero .mask-left, 
#index_hero .mask-right,
#index_hero .hero {
    background:url(../image/white.png) repeat-x;;
    z-index: 1;
    position: absolute;
    top: 0;
    width: 730px;
    height: 460px;
    overflow: hidden;
    left: 1920px;
}
#index_hero .mask-left {
    left: -760px;
}
#index_hero .mask-right {
    left: 760px;
}
#index_hero .active {
    z-index: 2;
    left: 0;
}
.tits .intros{
    margin: 12px 0 0 25px;
    display: inline-block;
    float: left;
    font-size: 18px;
    color: #fff;
}
.tits .count{
    font-size: 16px;
    margin: 12px 0 0 195px;
    display: inline-block;
    font-size: 18px;
    color: #fff;
}
#footer {
    border-top: 1px solid #dcdcdc;
    background-color: #fafafa;
}

#footer .footer-box {
    width: 1000px;
    margin: 0 auto;
}

#footer .friendLinks {
    text-align: center;
    margin: 0 20px;
    padding-top: 10px;
    border-bottom: 1px solid #f0f0f0;
}

#footer .friendLinks ul {
    font-size: 0;
}

#footer .friendLinks li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    font-size: 0;
    padding: 10px 14px;
    height: 14px;
}

#footer .friendLinks a {
    color: #000;
    font-size: 14px;
}

#footer .friendLinks a:hover {
    text-decoration: underline;
}

#footer .info {
    margin: 0 auto;
    padding: 30px 20px;
    text-align: center;
}

#footer .info.w1200 {
    width: 1160px;
}

#footer .info>div {
    float: left;
}

#footer .info .footerLeft img {
    display: block;
    margin-top: 3px;
    margin-right: 20px;
}

#footer .info .footerLeft a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}

#footer .info .footerCenter {
    text-align: left;
}

#footer .info .footerCenter p {
    color: #666666;
    font-size: 12px;
    line-height: 1;
    padding-top: 10px;
}

#footer .info .footerCenter p:first-child {
    padding-top: 0;
}

#footer .info .footerCenter p a {
    color: #666666;
}

#footer .info .footerCenter p a:hover {
    text-decoration: underline;
}

#footer .info .footerRight {
    float: right;
    font-size: 0;
    padding-top: 10px;
}

#footer .info .footerRight a {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-right: 10px;
}

#footer .info .footerRight .hd315 {
    background: url("../image/hd315.png") no-repeat;
    width: 35px;
    height: 37px;
}

#footer .info .footerRight .beian {
    background: url("../image/beian.png") no-repeat;
    width: 34px;
    height: 37px;
}

#footer .info .copyright {
    display: none;
    height: 40px;
    line-height: 40px;
    font-size: 12px;
    color: #fff;
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    zoom: 1;
}

.clear {
    clear: both;
}
.code{
    position: absolute;
    top: 75px;
    right: -145px;
    width: 120px;
    font-size: 14px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
    color: #000;
}