/*
 * @Author: Minihui 
 * @Date: 2017-09-18 17:24:56 
 * @Last Modified by: Minihui
 * @Last Modified time: 2017-10-31 17:23:09
 */
html,
body {
  width: 100%;
  overflow-x: hidden; }

.container {
  width: 100%; }

h2 {
  width: 100%;
  font-weight: 400; }
  h2 img {
    width: 100%;
    height: auto; }

h3 {
  font-weight: 400; }

.list-tits p {
  height: 21px;
  width: 90px;
  overflow: hidden; }

.list-tits li {
  border-bottom: 1px solid #f1f1f1; }
  .list-tits li:last-child {
    margin-bottom: 0;
    border-bottom: 0; }
  .list-tits li h3 a {
    color: #555555; }

.list-pic {
  margin-right: 0;
  margin-left: 0; }
  .list-pic .col-6:nth-child(odd) {
    margin-left: 5px;
    margin-right: -5px; }
  .list-pic .col-6:nth-child(even) {
    margin-right: 5px;
    margin-left: -5px; }
  .list-pic .col-6 img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    display: block; }
  .list-pic .col-6 a {
    position: relative;
    display: block; }
    .list-pic .col-6 a:before {
      content: "";
      background: -moz-linear-gradient(top, rgba(191, 0, 9, 0) 0%, rgba(191, 0, 9, 0.65) 100%);
      background: -webkit-linear-gradient(top, rgba(191, 0, 9, 0) 0%, rgba(191, 0, 9, 0.65) 100%);
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(191, 0, 9, 0)), to(rgba(191, 0, 9, 0.65)));
      background: linear-gradient(to bottom, rgba(191, 0, 9, 0) 0%, rgba(191, 0, 9, 0.65) 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00bf0009', endColorstr='#a6bf0009', GradientType=0);
      position: absolute;
      left: 0;
      bottom: 0;
      width: 100%;
      height: 40px;
      z-index: 2; }
  .list-pic .col-6 .title {
    position: absolute;
    width: 100%;
    height: 40px;
    left: 0;
    bottom: 0;
    z-index: 3;
    overflow: hidden; }

@media screen and (max-width: 320px) {
  .list-pic .col-6 .title {
    height: auto;
    font-size: 12px; } }

.list-mix li {
  height: 80px; }
  .list-mix li img {
    width: 117px;
    height: 80px; }
  .list-mix li h3 {
    max-height: 44px;
    overflow: hidden;
    margin-top: -10px; }
  .list-mix li p {
    width: 90px;
    overflow: hidden;
    height: 20px; }

@media screen and (max-width: 320px) {
  .list-mix li h3 {
    max-height: 50px;
    font-size: 14px; } }

.list-head .row {
  margin-left: 0;
  margin-right: 0; }

.list-head .swiper-img {
  width: 96px;
  height: 96px;
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%;
  overflow: hidden;
  margin: 0 auto; }
  .list-head .swiper-img img {
    width: 100%;
    height: 100%; }

.list-head a {
  display: inline-block; }

.list-head h3 {
  height: 34px;
  overflow: hidden; }

.list-head .swiper-pagination {
  bottom: 0;
  position: relative; }

.list-head .swiper-pagination-bullet {
  background: #bf0009;
  margin-right: 5px;
  margin-left: 5px; }

.list-head .swiper-pagination-bullet-active {
  background: #bf0009; }

.headNews {
  position: relative;
  overflow: hidden;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }
  .headNews img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 0;
    display: block; }
  .headNews a {
    display: block;
    overflow: hidden;
    position: relative; }

.headNews-title {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  width: 100%;
  height: auto; }
  .headNews-title:after {
    content: "";
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.65)));
    background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.65) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000', GradientType=0);
    opacity: 1;
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    z-index: -1; }

.row-banner {
  width: 100%;
  height: auto;
  position: relative; }
  .row-banner img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
    display: block; }

.row-nav {
  background: url("http://www.xinhuanet.com/politics/xxgcdd19djs/mobile/images/navbg.png") 0px 0px;
  -webkit-background-size: 100% 100%;
     -moz-background-size: 100% 100%;
          background-size: 100% 100%;
  height: 38px; }
  .row-nav a {
    display: inline-block;
    color: #f0dd8b;
    padding: 0 1.5%;
    margin-left: 2%; }
  .row-nav .on {
    color: #2b2b2b;
    background-color: #f0dd8b;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px; }

@media screen and (max-width: 375px) {
  .row-nav a {
    padding: 0 1%;
    margin-left: 1%; } }

@media screen and (max-width: 320px) {
  .row-nav a {
    padding: 0 0.5%;
    margin-left: 1%; } }

.row-headnews h1 {
  background: #e5e5e5; }

.row-topswiper .swiper-pagination {
  bottom: 0;
  position: relative; }

.row-topswiper .swiper-pagination-bullet {
  opacity: 1;
  background: #e5e5e5; }

.row-topswiper .swiper-pagination-bullet-active {
  background: #bf0009; }

.row-topswiper .swiper-text {
  -webkit-background-size: auto 80%;
     -moz-background-size: auto 80%;
          background-size: auto 80%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left; }

.swiper-img {
  width: 100%;
  height: auto;
  overflow: hidden; }
  .swiper-img img {
    width: 100%;
    height: auto;
    display: block; }

/* @media screen and (max-width: 320px) {
    .swiper-img {
        width: 100%;
        height: 200px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            display: block;
        }
    }
}
    @media screen and (min-width: 376px) and (max-width: 414px) {
    .swiper-img {
        width: 100%;
        height: 260px;
        overflow: hidden;
        img {
            width: 100%;
            height: 100%;
            display: block;
        }
    }
}
 */
.row-matrix .swiper-pagination {
  bottom: 0;
  position: relative; }

.row-matrix .swiper-pagination-bullet {
  opacity: 1;
  background: #e5e5e5;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0; }

.row-matrix .swiper-pagination-bullet-active {
  background: #bf0009; }

.row-release {
  margin-bottom: -25px; }

.row-special {
  margin-bottom: -20px; }
  .row-special li {
    position: relative; }
    .row-special li:last-child {
      padding-bottom: 0;
      margin-bottom: 0; }

.special-headNews a {
  display: block;
  position: relative; }

.special-headNews img {
  width: 100%;
  height: auto;
  display: block; }

.row-talking .swiper-slide {
  position: relative; }

.row-talking .swiper-img {
  width: 100%;
  height: auto;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  position: relative;
  z-index: 1; }
  .row-talking .swiper-img img {
    width: 100%;
    height: auto;
    display: block; }

.row-talking .swiper-text {
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 2;
  width: 100%;
  height: auto; }
  .row-talking .swiper-text:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 2px;
    z-index: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5; }

.row-talking h3, .row-talking h4 {
  position: relative;
  z-index: 2; }

.row-talking .list-head h3 {
  height: auto; }

.row-hd .swiper-pagination {
  bottom: 0;
  position: relative; }

.row-hd .swiper-pagination-bullet {
  opacity: 1;
  background: #e5e5e5; }

.row-hd .swiper-pagination-bullet-active {
  background: #bf0009; }

.row-hd .swiper-text {
  -webkit-background-size: auto 80%;
     -moz-background-size: auto 80%;
          background-size: auto 80%;
  padding-left: 5px;
  padding-right: 5px;
  text-align: left; }

.row-footer {
  background: #f1f1f1;
  padding-top: 40px;
  padding-bottom: 40px;
  text-align: center;
  color: #2b2b2b;
  line-height: 2; }

/*# sourceMappingURL=maps/index.css.map */
