@charset "utf-8";

/* CSS Document */
.banner {
   position: relative;
   z-index: 1;
}

/* Browser Resets
*********************************/
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
   outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
   margin: 0;
   padding: 0;
   list-style: none;
}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {
   margin: 0;
   padding: 0;
}

.flexslider .slides>li {
   display: none;
   -webkit-backface-visibility: hidden;
   position: relative
}

/* Hide the slides before the JS is loaded. Avoids image jumping */
.banner .flexslider .slides>li a {
   display: block;
   height: 0;
   padding-bottom: 24%;
   overflow: hidden;
}

.banner .flexslider ul li.flex-active-slide img {
   transition: transform 6000ms linear 0s;
   -moz-transform: scale(1.1);
   -webkit-transform: scale(1.1);
   -o-transform: scale(1.1);
   -ms-transform: scale(1.1);
   transform: scale(1.1);
}

.flexslider .slides>li.clone {
   position: relative
}

.flexslider .slides img {
   width: 100%;
   display: block;
}

.flex-pauseplay span {
   text-transform: capitalize;
}

/* Clearfix for the .slides element */
.slides:after {
   content: "\0020";
   display: block;
   clear: both;
   visibility: hidden;
   line-height: 0;
   height: 0;
}

html[xmlns] .slides {
   display: block;
}

* html .slides {
   height: 1%;
}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides>li:first-child {
   display: block;
}

/* FlexSlider Default Theme
*********************************/
.flexslider {
   position: relative;
   zoom: 1;
}

.flex-viewport {
   max-height: 2000px;
   -webkit-transition: all 1s ease;
   -moz-transition: all 1s ease;
   -o-transition: all 1s ease;
   transition: all 1s ease;
}

.loading .flex-viewport {
   max-height: 300px;
}

.flexslider .slides {
   zoom: 1;
}

.carousel li {
   margin-right: 5px;
}

/* Direction Nav */
.flex-direction-nav {
   *height: 0;
}

.flex-direction-nav a {
   display: block;
   width: 70px;
   height: 70px;
   overflow: hidden;
   cursor: pointer;
   transition: all 0.35s ease-in-out;
   background: rgba(255, 255, 255, 0.6);
   border-radius: 50%;
   color: #2c59be;
   text-align: center;
   line-height: 70px;
   font-size: 28px;
}

.flex-direction-nav a:hover {
   background: rgba(255, 255, 255, 0.8);
}

.flex-direction-nav .flex-prev {
   position: absolute;
   left: 100px;
   top: 50%;
   z-index: 9;
   margin-top: -35px;
}

.flex-direction-nav .flex-next {
   position: absolute;
   right: 100px;
   top: 50%;
   z-index: 9;
   margin-top: -35px;
}

.flexslider:hover .flex-prev {}

.flexslider:hover .flex-next {}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {}

.flex-direction-nav .flex-disabled {
   opacity: 0 !important;
   filter: alpha(opacity=0);
   cursor: default;
}

/* Pause/Play */
.flex-pauseplay a {
   display: block;
   width: 20px;
   height: 20px;
   position: absolute;
   bottom: 5px;
   left: 10px;
   opacity: 0.8;
   z-index: 10;
   overflow: hidden;
   cursor: pointer;
   color: #000;
   background: #ddd
}

.flex-pauseplay a:before {
   font-family: "flexslider-icon";
   font-size: 20px;
   display: inline-block;
   content: '\f004';
}

.flex-pauseplay a:hover {
   opacity: 1;
}

.flex-pauseplay a.flex-play:before {
   content: '\f003';
}

/* Control Nav */
.flex-control-nav {
   width: auto;
   position: absolute;
   bottom: 10px;
   right: 25px;
   z-index: 9999;
}

.flex-control-nav li {
   margin: 10px 6px 0;
   display: block;
   zoom: 1;
   *display: inline;
   vertical-align: bottom;
}

.flex-control-paging li a {
   width: 8px;
   height: 8px;
   display: block;
   cursor: pointer;
}

.flex-control-paging li a:hover {}

.flex-control-paging li a.flex-active {}


.banner .flex-direction-nav {
   /*! width: 168px; */
   /*! height: 50px; */
   /*! background: rgba(0,0,0,0.4); */
   /*! border-radius: 50px; */
   /*! position: absolute; */
   /*! bottom: 40px; */
   /*! right: 18%; */
   /*! z-index: 9; */
}

.banner .flex-control-paging {
   display: none;
}

.banner .flex-control-nav li {
   margin: 0 5px;
   overflow: hidden;
   display: inline-block;
}

.banner .flex-control-nav li a {
   text-indent: 0;
   display: inline-block;
   width: 8px;
   height: 8px;
   background: #96928d;
   border-radius: 50%;
}

.banner .flex-control-nav li a.flex-active {
   background: #0068ea;
}

.banner .flexslider {
   position: relative;
   z-index: 0;
}



.banner .banner-number {
   position: absolute;
   right: 20.3%;
   bottom: 52px;
   width: 80px;
   text-align: center;
   z-index: 99;
   color: #b3b3b3;
}

.banner .pic-index {
   font-size: 18px;
   color: #fff;
   /*! font-weight: bold; */
   /*! border-bottom: #fff 2px solid; */
}

.banner .pic-all {
   font-size: 18px;
   color: #b3b3b3;
   /*! font-weight: bold; */
}



.content {
   background: url(../images/bg.png) no-repeat center bottom;
   overflow: hidden;
}

/*第一组*/
.wrap_mode01 {
   background: url(../images/modebg.jpg) repeat;
   overflow: hidden;
}

.mode01 {
   margin-top: 15px;
   margin-bottom: 15px;
}

/*快速通道*/
.articleList01 .slick-images .slick-slider {
   width: 16.6%;
   float: left
}

.slick-images {
   margin: 0 -15px;
}

.slick-images .slick-slider>a {
   margin: 15px;
   display: block;
   position: relative;
   overflow: hidden;
   background: #fff;
   box-shadow: 0px 5px 13.8px 1.2px rgba(0, 0, 0, 0.1);
   padding: 20px 35px;
}

.slick-slider .iconfont {
   font-size: 50px;
   color: #2d66ff;
   text-decoration: none;
   background-image: -webkit-linear-gradient(90deg, #2d66ff, #5895fe);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   float: left;
   padding: 12px 0;
}

.slick-slider:nth-child(even) .iconfont {
   color: #ffbb31;
   text-decoration: none;
   background-image: -webkit-linear-gradient(90deg, #ffbb31, #ffdb26);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.slick-slider .icon-yanjiushengxitong {
   font-size: 48px;
}

.slick-slider .icon-type {
   font-size: 40px;
}

.slick-slider .s-text {
   display: block;
   height: 80px;
   line-height: 80px;
   border-left: #f2f2f2 1px solid;
   margin-left: 65px;
   padding-left: 18px;
}

.slick-top {
   position: relative;
}

.slick-dots li.slick-active button {
   background: #248ce5;
}

.slick-images .slick-slider>a:before {
   content: '';
   position: absolute;
   width: 60px;
   height: 100%;
   margin-top: 0px;
   margin-left: -120px;
   overflow: hidden;
   z-index: 6;
   background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
   background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, 0.4)), color-stop(100%, rgba(255, 255, 255, 0)));
   background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
   background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0) 100%);
   -webkit-transform: skewX(-25deg);
   transform: skewX(-25deg)
}

.slick-images .slick-slider>a:hover:before {
   -webkit-animation: aniBlink .6s ease-out forwards;
   -moz-animation: aniBlink .6s ease-out forwards;
   -o-animation: aniBlink .6s ease-out forwards;
   animation: aniBlink .6s ease-out forwards
}

@keyframes aniBlink {
   from {
      margin-left: -50%
   }

   to {
      margin-left: 120%
   }
}

@-webkit-keyframes aniBlink {
   from {
      margin-left: -50%
   }

   to {
      margin-left: 120%
   }
}





.wrap_mode02 {
   overflow: hidden;
}

.mode02 {
   margin-top: 55px;
   margin-bottom: 40px;
}

.mode02 .gp-fl {
   width: 48.7%;
   /*! overflow: hidden; */
}

.mode02 .gp-fr {
   width: 49%;
   /*! overflow: hidden; */
}

.articleTitle01 {
   height: 30px;
   line-height: 30px;
   overflow: hidden;
   margin-bottom: 40px;
}

.articleTitle01 .title {
   display: block;
   float: left;
   position: relative;
}

.articleTitle01 .title:before {
   content: "";
   display: block;
   width: 160px;
   height: 1px;
   background: #dbdbdb;
   position: absolute;
   left: 135px;
   top: 18px;
}

.articleTitle01 .more {
   float: right;
   color: #999;
}

.list1 {}

.list1 li a {
   display: block;
   background: #fff;
   box-shadow: 0px 5px 13.8px 1.2px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   margin-bottom: 18px;
   transition: all 0.3s ease;
}

.list1 li a:hover {
   transform: scale(1.03);
}

.list1 .date {
   background: #0050a5;
   display: block;
   width: 60px;
   height: 55px;
   float: left;
   font-family: 'Arial';
   padding: 15px 10px;
   position: relative;
}

/* .list1 .date:before {
   content: "";
   width: 0;
   height: 0;
   border-top: 10px solid transparent;
   border-bottom: 10px solid transparent;
   position: absolute;
   right: -10px;
   top: 0px;
}

.list1 li:nth-child(1) .date {
   background: #e45934;
}

.list1 li:nth-child(1) .date:before {
   border-left: 10px solid #e45934;
}

.list1 li:nth-child(2) .date {
   background: #f8b62c;
}

.list1 li:nth-child(2) .date:before {
   border-left: 10px solid #f8b62c;
}

.list1 li:nth-child(3) .date {
   background: #006dc0;
}

.list1 li:nth-child(3) .date:before {
   border-left: 10px solid #006dc0;
}

.list1 li:nth-child(4) .date {
   background: #00afa2;
}

.list1 li:nth-child(4) .date:before {
   border-left: 10px solid #00afa2;
} */

.list1 .day {
   display: block;
   margin-bottom: 5px;
   position: relative;
}

.list1 .day:before {
   content: "";
   display: block;
   width: 20px;
   height: 1px;
   background: rgba(255, 255, 255, 0.5);
   position: absolute;
   right: 0;
   top: 13px;
}

.list1 .artText {
   display: block;
   margin: 17px 25px 17px 100px;
   overflow: hidden;
}

.list1 .artTitle {
   display: block;
   height: 24px;
   line-height: 24px;
   overflow: hidden;
}

.list1 .artCon {
   display: block;
   height: 24px;
   line-height: 24px;
   color: #999999;
   overflow: hidden;
}


.list2 {
   margin: 0 -15px;
}

.list2 li a {
   display: block;
   margin: 0 15px;
   background: #fff;
   box-shadow: 0px 5px 13.8px 1.2px rgba(0, 0, 0, 0.1);
   overflow: hidden;
   transition: all 0.3s ease;
}

.list2 li:nth-child(1) a {
   border-top: #00afa2 6px solid;
}

.list2 li:nth-child(2) a {
   border-top: #f8b62c 6px solid;
}

.list2 li:nth-child(3) a {
   border-top: #e45934 6px solid;
}

.list2 .gp-img-responsive {
   padding-bottom: 74.2%;
}

.list2 .artText {
   display: block;
   padding: 15px 20px 40px 20px;
   overflow: hidden;
}

.list2 .artTitle {
   display: block;
   height: 92px;
   line-height: 24px;
   overflow: hidden;
}

.list2 .date {
   background: url(../images/datebg.png) no-repeat left center;
   padding-left: 22px;
   color: #999;
   display: block;
   margin: 15px 0;
}

.list2 .artCon {
   display: block;
   height: 44px;
   line-height: 22px;
   color: #999;
   overflow: hidden;
}


/*友情链接*/
.wrap_mode03 {
   margin-bottom: 85px;
}

.mode03 {
   overflow: hidden;
   background: #fff;
   box-shadow: 0px 5px 11.04px 0.96px rgba(0, 0, 0, 0.1);
   padding: 20px;
   margin-bottom: -20px;
}

.articleList05 {
   margin: 0 0 10px 0;
}

.articleList04 h2 {
   display: inline-block;
   float: left;
}

.list3 {
   display: block;
   margin-left: 88px;
}

.list3 li {
   display: inline-block;
   min-width: 8%;
   margin-right: 25px;
   margin-bottom: 10px;
}

.list3 li a {
   color: #808080;
   transition: all 0.3s ease;
}

.list3 li a:hover {
   color: #333;
}


@media screen and (min-width:1020px) {
   .list2 li a:hover {
      margin-top: -6px;
   }

}

@media screen and (max-width:1440px) {
   .list2 .artCon {
      height: 110px;
   }
}


@media screen and (max-width:1020px) {
   .banner .flex-direction-nav {
      display: none;
   }

   .mode02 {
      margin: 25px auto;
   }

   .mode02 .gp-fl {
      width: 100%;
      float: none;
   }

   .mode02 .gp-fr {
      width: 100%;
      float: none;
      margin-top: 30px;
   }

   .articleTitle01 {
      margin-bottom: 25px;
   }

   .wrap_mode03 {
      margin-bottom: 45px;
   }
}

@media screen and (max-width:1020px) {}


@media screen and (max-width:992px) {}


@media screen and (max-width:768px) {
   .slick-images .slick-slider>a {
      padding: 20px;
   }

   .slick-slider .iconfont {
      font-size: 35px;
   }

   .slick-slider .s-text {
      margin-left: 50px;
      height: 60px;
      line-height: 60px;
   }
}



@media screen and (max-width:766px) {
   .list2 li {
      margin-bottom: 20px;
   }

   .list2 .gp-img-responsive {
      width: 220px;
      float: left;
      padding-bottom: 0;
      height: 166px;
   }

   .list2 .artText {
      display: block;
      margin-left: 220px;
   }

   .list2 .artTitle, .list2 .artCon {
      height: auto;
   }

   .list2 .date {
      margin: 8px 0;
   }

   .list3 {
      margin-left: 70px;
   }
}

@media screen and (max-width:480px) {
   .list2 .gp-img-responsive {
      width: 100%;
      height: 0;
      padding-bottom: 74.2%;
   }

   .list2 .artText {
      margin: 0;
      padding: 15px;
   }

   .slick-images .slick-slider>a {
      max-width: 165px;
      margin: 0 auto;
   }

   .slick-dots {
      bottom: -25px !important;
   }
}

@media screen and (max-width:320px) {
   .articleTitle01 .title:before {
      width: 110px;
      left: 116px;
   }
}