@charset "UTF-8";.pc-show,.phone-show {
  display: none
}

@media screen and (max-width: 768px) {
  .phone-show {
      display:block
  }
}

@media screen and (min-width: 769px) {
  .pc-show {
      display:block
  }
}

#cover-share,#logo,#videoDownload,.data-option-mobile,.data-option-pc,.data-serch-result,.info-mobile-nav,.info-module-title,.info-news-index-mobile,.info-news-index-pc,.media-download-header,.media-download-mobile,.news-page-mobile,.news-page-pc {
  display: none
}

.ml8 {
  margin-left: 8px
}

.ml16 {
  margin-left: 16px
}

.ml24 {
  margin-left: 24px
}

.ml32 {
  margin-left: 32px
}

.ml40 {
  margin-left: 40px
}

#cover-share {
  position: fixed;
  background-color: rgba(255,255,255,.8);
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100000
}

#qrCode {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto
}

.cover-cancel {
  position: absolute;
  top: 40px;
  right: 40px;
  width: 40px;
  height: 40px
}

.news-detial-cover {
  width: 100%;
  height: 225px;
  position: absolute;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear,left bottom, left top,from(rgba(0,0,0,.8)),to(transparent));
  background: -o-linear-gradient(bottom,rgba(0,0,0,.8),transparent);
  background: linear-gradient(to top,rgba(0,0,0,.8),transparent)
}

.copy-success-message {
  width: 80px;
  line-height: 24px;
  position: absolute;
  border: 1px solid #e3e3e3;
  text-align: center;
  font-size: 12px!important;
  top: -32px;
  left: 100px
}

.copy-success-message:after,.copy-success-message:before {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  left: 36px
}

.copy-success-message:after {
  border-top: 6px solid #e3e3e3;
  top: 25px
}

.copy-success-message:before {
  border-top: 6px solid #fff;
  top: 23px;
  z-index: 1000
}

#share-weibo {
  font-size: 20px
}

.news-detail p img {
  max-width: 100%;
  height: auto
}

@media screen and (max-width: 768px) {
  .news-content-header,.news-detail-oldheader {
      display:none
  }

  .info-media-photo,.info-news-photo,.news-more .product-tag .product-img {
      background-size: cover;
      background-position: center
  }

  .news-container {
      padding-top: 45px;
      background-color: #f0efee
  }

  .cover-cancel {
      right: 0
  }

  .news-detail {
      color: #333;
      font-family: -apple-system-font,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',Arial,sans-serif;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      letter-spacing: .54px;
      orphans: auto;
      text-align: justify
  }

  .news-detail p {
      margin: 0;
      padding: 0;
      max-width: 100%;
      -webkit-box-sizing: border-box!important;
              box-sizing: border-box!important;
      word-wrap: break-word!important;
      clear: both;
      min-height: 1em;
      text-indent: 0;
      text-transform: none;
      white-space: normal;
      widows: 1;
      word-spacing: 0;
      -webkit-text-stroke-width: 0;
      background-color: #fff;
      line-height: 22px
  }

  .news-detail-header {
      height: 225px;
      position: relative;
      color: #fff;
      overflow: hidden
  }

  .news-main,.news-type {
      color: #333
  }

  .news-detail-header>img {
      width: 100%;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto
  }

  .news-detail p img {
      margin: 10px 0
  }

  .news-detail-title {
      font-size: 20px;
      line-height: 25px;
      padding: 85px 15px 0;
      position: relative
  }

  .news-detail-info {
      position: absolute;
      bottom: 20px;
      line-height: 16px;
      padding: 0 15px;
      font-size: 10px;
      width: 100%
  }

  .news-detail-info>div {
      float: left
  }

  .news-detail-info .info-target {
      padding: 0 6px;
      background-color: rgba(0,0,0,.75);
      margin-right: 8px
  }

  .news-detail-info .info-reads {
      float: right!important
  }

  .news-detail-info i {
      margin-right: 4px;
      position: relative;
      top: 2px
  }

  .news-type {
      padding: 0 15px;
      line-height: 55px;
      font-size: 16px
  }

  .news-content>div {
      padding-left: 15px;
      padding-right: 15px;
      background-color: #fff
  }

  .news-header {
      overflow: hidden;
      font-size: 10px;
      color: #442424;
      padding-bottom: 16px
  }

  .news-target {
      float: left;
      width: 50%;
      overflow: hidden
  }

  .news-target>div {
      float: left;
      margin-right: 8px;
      color: #fff;
      line-height: 18px;
      padding: 0 6px;
      background-color: #f13a30;
      border-radius: 4px
  }

  .news-time {
      float: right
  }

  .news-title {
      font-size: 22px;
      line-height: 34px;
      padding: 10px 0
  }

  .news-detail {
      font-size: 14px;
      padding-top: 15px
  }

  .news-share {
      line-height: 100px;
      position: relative
  }

  .news-share>div {
      font-size: 20px;
      display: inline-block;
      margin-right: 15px
  }

  .copy-success-message {
      top: 7px;
      left: 65px
  }

  .news-content .news-page-mobile {
      display: block;
      padding-top: 20px;
      padding-bottom: 20px;
      background-color: #f0efee;
      overflow: hidden
  }

  .news-content .news-page-mobile>div {
      width: 48%;
      float: left;
      line-height: 53px;
      background-color: #fff;
      text-align: center;
      font-size: 12px;
      border-radius: 5px
  }

  .news-content .news-page-mobile div:first-child {
      margin-right: 4%
  }

  .news-content .news-back {
      line-height: 53px;
      text-align: center;
      background-color: #f0efee;
      padding-bottom: 20px
  }

  .news-content .news-back>div {
      background-color: #fff;
      font-size: 13px;
      border-radius: 5px
  }

  .news-content .news-back i {
      padding: 0 8px
  }

  .news-more {
      padding: 0 15px 20px;
      background-color: #f0efee
  }

  .news-more .more-main {
      background-color: #fff;
      padding: 0 15px;
      border-radius: 5px
  }

  .news-more .product-tag {
      margin-top: 20px;
      background-color: #fff;
      padding-bottom: 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
  }

  .news-more .product-tag .product-img {
      width: 78.26087%;
      padding-top: 52.17391%
  }

  .news-more .product-tag .product-name {
      text-align: center;
      padding-top: 6px;
      color: #666;
      font-size: 13px;
      line-height: 13px
  }

  .news-more .product-tag .product-tips {
      font-size: 13px;
      margin: 12px auto 0;
      color: #b3b3b3;
      text-align: center;
      cursor: pointer;
      line-height: 26px;
      width: 90px;
      border-radius: 13px;
      border: 1px solid #f5f5f5
  }

  .news-more-explain {
      line-height: 55px;
      font-size: 16px
  }

  .news-more-content {
      padding: 5px 0;
      margin-bottom: 10px
  }

  .news-more-title {
      font-size: 13px;
      line-height: 24px
  }

  .news-more-time {
      font-size: 10px;
      color: #666;
      line-height: 16px
  }

  .activity-container {
      background-color: #f0efee;
      color: #333
  }

  .activity-header {
      position: relative;
      padding-top: 121.33333%;
      background-color: #e3e3e3;
      display: block
  }

  .activity-list {
      padding: 0 15px
  }

  .activity-list-title {
      line-height: 55px;
      font-size: 16px
  }

  .activity-content {
      position: relative;
      color: #333;
      background-color: #fff;
      border-radius: 5px;
      overflow: hidden;
      padding-bottom: 8px;
      margin-bottom: 20px
  }

  .activity-content-photo {
      width: 100%;
      padding-top: 53.62319%;
      position: relative
  }

  .activity-content-photo>img {
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      position: absolute
  }

  .activity-content-title {
      font-size: 16px;
      line-height: 42px;
      padding-left: 15px;
      margin-top: 6px
  }

  .activity-content-main {
      font-size: 13px;
      line-height: 22px;
      color: #333;
      padding: 0 15px;
      height: 154px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 7;
      -webkit-box-orient: vertical
  }

  .activity-time {
      color: #999;
      font-size: 10px;
      line-height: 35px;
      padding-left: 15px
  }

  .data-header {
      padding-top: 120%;
      background-color: #e3e3e3;
      overflow: hidden
  }

  .data-header-content {
      position: absolute;
      left: 0;
      top: 0;
      width: 100%;
      height: 88px;
      bottom: 0;
      right: 0;
      margin: auto
  }

  .data-header-title {
      font-size: 24px;
      line-height: 40px;
      text-align: center;
      padding-bottom: 8px
  }

  .data-header-search {
      width: 300px;
      height: 40px;
      background-color: #fff;
      margin: 0 auto;
      position: relative;
      border-radius: 5px
  }

  .info-media-li,.info-news-li {
      margin-top: 15px
  }

  .data-header-search>input {
      width: 260px;
      padding: 12px 0;
      height: 40px;
      font-size: 14px;
      float: left;
      border-radius: 5px
  }

  .data-header-search .data-header-icon {
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      display: inline-block;
      float: left
  }

  .data-serch-result {
      position: absolute;
      width: 300px;
      border-radius: 5px;
      background-color: #fff;
      overflow: hidden;
      top: 50px
  }

  .data-serch-result>li {
      height: 30px;
      font-size: 13px;
      line-height: 30px;
      border-bottom: 1px solid #f7f7f7;
      color: #999;
      padding-left: 14px;
      cursor: pointer
  }

  .data-option-mobile {
      display: block;
      overflow-x: auto;
      background-color: #fff;
      padding: 10px 0
  }

  .data-option-warp {
      width: 800px;
      padding-left: 15px;
      padding-top: 5px;
      padding-bottom: 5px;
      color: #999;
      overflow: hidden
  }

  .data-option-warp>li {
      display: inline-block;
      padding: 3px 15px;
      font-size: 13px;
      border-radius: 13px;
      margin-right: 4px;
      float: left
  }

  .data-option-warp .d_n {
      display: none
  }

  .data-option-active {
      background-color: #ed1b25;
      color: #fff
  }

  .data-content {
      padding: 0 15px;
      background-color: #fff
  }

  .data-list {
      padding-bottom: 10px
  }

  .data-list-type {
      font-size: 14px;
      padding: 8px 0 10px;
      color: #333
  }

  .data-list-child {
      overflow: hidden;
      padding-bottom: 10px
  }

  .data-list-child>div {
      float: left;
      font-size: 13px;
      line-height: 22px
  }

  .data-list-child a {
      float: right;
      font-size: 12px;
      text-align: center;
      color: #666;
      display: block;
      width: 40px;
      line-height: 22px;
      border: 1px solid #666;
      border-radius: 3px
  }

  .data-name {
      color: #257AE5
  }

  .data-time {
      color: #666
  }

  .info-mobile-nav,.info-mobile-nav-cn {
      position: fixed;
      top: 45px;
      left: 0;
      width: 100%;
      z-index: 111;
      background-color: #ed1b25;
      color: #f58a8f
  }

  #jifeiAgri,#mediaNews,#videoList,#usersNews {
      display: none
  }

  .info-mobile-nav {
      line-height: 44px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      font-size: 16px;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between;
      padding: 0 15px
  }

  .info-mobile-nav>li {
      padding: 0 15px
  }

  .info-mobile-nav-cn {
      display: block;
      overflow-x: auto;
      font-size: 14px;
      line-height: 24px;
      height: 44px
  }

  .info-mobile-nav-cn>ul {
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-pack: distribute;
          justify-content: space-around
  }

  .info-mobile-nav-cn li {
      padding: 10px 15px
  }

  .info-mobile-nav-en {
      -ms-flex-pack: distribute;
          justify-content: space-around
  }

  .info-container {
      padding-top: 90px
  }

  .info-nav-active {
      color: #fff
  }

  .info-module {
      padding: 0 15px
  }

  .info-news-index-mobile {
      display: block
  }

  .info-news-index {
      position: relative;
      color: #fff
  }

  .info-news-index>a,.info-news-index>img {
      position: absolute;
      top: 0;
      height: 100%;
      left: 0;
      width: 100%
  }

  .info-news-index>a {
      display: block;
      padding: 0 15px;
      z-index: 100
  }

  .info-news-index .info-title {
      font-size: 16px;
      line-height: 22px;
      padding-top: 32.89855%
  }

  .info-news-index .info-title>h3 {
      display: block;
      height: 44px;
      white-space: pre-wrap;
      overflow: hidden
  }

  .info-news-index .info-time {
      font-size: 13px;
      line-height: 20px;
      overflow: hidden;
      width: 100%
  }

  .info-news-index .info-time .iconfont {
      position: relative;
      top: 2px
  }

  .info-news-index .info-time>div:nth-child(2) {
      float: right
  }

  .info-news-index .info-date,.info-news-time .info-time {
      float: left
  }

  .info-news-index .info-time>div:nth-child(2)>div {
      display: inline-block
  }

  .info-media-title,.info-news-title {
      -webkit-box-sizing: content-box;
              box-sizing: content-box;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .info-news-photo {
      position: relative;
      padding-top: 64.53333%;
      background-color: #999
  }

  .info-news-photo>img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover;
      -o-object-position: center;
         object-position: center;
      opacity: 0
  }

  .info-news-photo .info-news-target {
      position: absolute;
      top: 5px;
      left: 5px;
      font-size: 10px;
      padding: 3px 5px;
      background-color: rgba(0,0,0,.6);
      color: #fff;
      border-radius: 2px
  }

  .info-news-content {
      padding: 15px 15px 0;
      background-color: #fff
  }

  .info-news-title {
      height: 44px;
      font-size: 16px;
      line-height: 22px;
      color: #333
  }

  .info-news-time {
      overflow: hidden;
      font-size: 13px;
      line-height: 20px;
      color: #999;
      padding-bottom: 10px
  }

  .info-news-time .info-icon {
      float: right
  }

  .info-news-time .info-icon .iconfont {
      position: relative;
      top: 1px
  }

  .info-media-content {
      background-color: #fff;
      padding: 0 15px
  }

  .info-media-photo,.video-time {
      background-color: #999
  }

  .info-media-photo {
      position: relative;
      padding-top: 64.53333%
  }

  .info-media-photo>img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0;
      opacity: 0
  }

  .info-media-logo {
      height: 50px;
      width: 100px;
      margin-bottom: 4px
  }

  .info-media-logo>img {
      height: 50px
  }

  .info-media-title {
      height: 44px;
      font-size: 16px;
      line-height: 22px;
      color: #333
  }

  .video-content {
      padding: 0
  }

  .video-content>li {
      width: 100%;
      position: relative
  }

  .video-content-title {
      font-size: 16px;
      line-height: 22px;
      padding-bottom: 10px
  }

  .video-content-description {
      font-size: 13px;
      line-height: 20px
  }

  .video-time-box {
      line-height: 16px;
      padding: 0 5px
  }

  .info-read-more {
      padding-top: 15px;
      padding-bottom: 40px
  }

  .info-read-more>div {
      width: 94px;
      line-height: 30px;
      text-align: center;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 5px;
      font-size: 13px
  }

  .media-download-mobile .data-option-mobile,.media-mobile-title {
      background-color: #f7f7f7
  }

  .media-download-mobile {
      display: block
  }

  .media-mobile-title {
      font-size: 24px;
      padding: 20px
  }

  .media-download-list {
      overflow: hidden;
      padding: 0 15px;
      margin-top: 20px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap
  }

  .media-download-li {
      width: calc((100% - 16px)/ 2);
      text-align: center;
      float: left
  }

  .media-download-li:nth-child(2n) {
      margin-left: 15px
  }

  .media-download-poster {
      position: relative;
      background-color: #333;
      padding-top: 59.64912%;
      overflow: hidden
  }

  .media-download-poster>img {
      width: 100%;
      height: 100%;
      position: absolute;
      top: 0;
      left: 0
  }

  .media-download-btn {
      line-height: 30px;
      color: #999;
      background-color: #fff;
      display: block
  }

  .media-download-btn .iconfont {
      font-size: 16px
  }

  .media-download-name {
      color: #666;
      font-size: 12px;
      line-height: 30px
  }

  .read-more-mobile {
      display: block
  }

  .media-tabs,.photo-list>li:nth-child(n+8) {
      display: none
  }

  .main-content {
      padding: 0 20px 80px
  }

  .photo-list .list-title {
      font-size: 22px;
      line-height: 30px;
      padding: 10px 0;
      border-bottom: 1px solid #979797
  }

  .photo-list>li+li {
      margin-top: 24px
  }

  .photo-list .photo-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
      -webkit-box-pack: justify;
          -ms-flex-pack: justify;
              justify-content: space-between
  }

  .photo-list .photo-container .photo-item:nth-child(n+8) {
      display: none
  }

  .photo-list .photo-container .more:last-child {
      display: block
  }

  .photo-list .photo-container .d_n:last-child {
      display: none
  }

  .photo-list .photo-item {
      margin-top: 24px;
      width: 45%;
      overflow: hidden;
      position: relative
  }

  .photo-list .photo-item .img-wrap {
      width: 100%;
      padding-top: 73.54839%;
      background-color: gray;
      overflow: hidden;
      position: relative
  }

  .photo-list .photo-item img {
      width: 100%;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      -o-object-fit: cover;
         object-fit: cover;
      height: 100%
  }

  .photo-list .photo-item .icon-wrap {
      display: none
  }

  .photo-list .photo-item .iconfont {
      font-size: 20px
  }

  .photo-list .photo-item .phone-download {
      line-height: 24px;
      color: #999;
      background-color: #fff;
      display: block;
      text-align: center;
      border-top: 1px solid gray
  }

  .photo-list .photo-item .phone-download .iconfont {
      font-size: 16px
  }

  .photo-list .more {
      background-color: transparent;
      border: 2px dashed #e02020;
      width: 45%;
      padding-top: calc(32% + 24px)
  }

  .photo-list .more .more-text {
      height: 24px;
      width: 100%;
      color: #ADADAD;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      margin: auto
  }

  .photo-list .more .icon-more {
      width: 12px;
      height: 12px;
      background-image: url(https://static.xag.cn/img/meida/icon-down.png);
      background-size: auto;
      background-position: center;
      background-repeat: no-repeat;
      margin-left: 6px
  }

  .more-line {
      display: none
  }

  .phone-load {
      text-align: center;
      padding: 16px 0
  }
}

@media screen and (min-width: 769px) {
  .info-media-photo,.info-news-photo,.news-more .product-tag .product-img {
      background-size:cover;
      background-position: center
  }

  .phone-download {
      display: none
  }

  .news-detail-header {
      display: none;
      height: 450px;
      position: relative;
      overflow: hidden;
      color: #fff
  }

  .news-detail-header>img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%
  }

  .news-detial-cover {
      height: 450px
  }

  .news-detail-title {
      font-size: 44px;
      width: 1280px;
      margin: 0 auto;
      padding: 230px 40px 0;
      position: relative
  }

  .news-detail-info {
      position: absolute;
      width: 1200px;
      margin: 0 auto;
      bottom: 30px;
      left: 0;
      right: 0;
      overflow: hidden;
      line-height: 26px;
      font-size: 14px
  }

  .news-detail-info>div {
      float: left
  }

  .news-detail-info .info-target {
      padding: 0 12px;
      background-color: #1f2021;
      border-radius: 2px
  }

  .news-detail-info .info-reads,.news-detail-info .info-time {
      margin-left: 20px
  }

  .news-detail-info i {
      margin-right: 8px
  }

  .news-type {
      font-size: 30px;
      line-height: 30px;
      margin-bottom: 40px;
      margin-top: 120px;
      color: #333
  }

  .news-main {
      width: 1200px;
      margin: 0 auto 60px;
      overflow: hidden
  }

  .news-detail-oldheader {
      font-size: 40px;
      line-height: 40px;
      padding-top: 160px;
      padding-bottom: 80px;
      width: 1200px;
      margin: 0 auto
  }

  .news-content {
      width: 860px;
      float: left;
      border-right: 1px solid #f2f2f2;
      padding-top: 40px;
      background-color: #fff
  }

  .news-content>div {
      background-color: #fff;
      padding-left: 40px;
      padding-right: 40px
  }

  .news-content-header>div {
      overflow: hidden
  }

  .news-content-headerTarget {
      float: left;
      font-size: 10px;
      color: #fff;
      background-color: #F13A30;
      padding: 3px 10px;
      border-radius: 5px
  }

  .news-content-headerTime {
      float: right;
      font-size: 14px;
      line-height: 20px;
      color: #666
  }

  .news-content-headerTitle {
      font-size: 44px;
      line-height: 66px;
      padding-top: 30px;
      padding-bottom: 70px;
      color: #333
  }

  .news-detail {
      padding-bottom: 60px;
      color: #333;
      font-family: -apple-system-font,BlinkMacSystemFont,'Helvetica Neue','PingFang SC','Hiragino Sans GB','Microsoft YaHei UI','Microsoft YaHei',Arial,sans-serif;
      font-size: 16px;
      font-style: normal;
      font-variant: normal;
      font-weight: 400;
      letter-spacing: .54px;
      orphans: auto;
      text-align: justify
  }

  .news-detail p {
      margin: 0;
      padding: 0;
      max-width: 100%;
      -webkit-box-sizing: border-box!important;
              box-sizing: border-box!important;
      word-wrap: break-word!important;
      clear: both;
      min-height: 1em;
      text-indent: 0;
      text-transform: none;
      white-space: normal;
      widows: 1;
      word-spacing: 0;
      -webkit-text-stroke-width: 0;
      background-color: #fff;
      line-height: 26px
  }

  .news-detail p img {
      margin: 20px 0
  }

  .news-content .news-page-pc>div:nth-child(1),.news-share>div {
      margin-right: 20px
  }

  .news-share {
      padding-bottom: 30px;
      position: relative
  }

  .news-share>div {
      font-size: 20px;
      display: inline-block
  }

  .news-content .news-page-pc {
      display: block;
      overflow: hidden;
      background-color: #f7f7f7;
      color: #666;
      width: 100%;
      padding: 60px 0 40px
  }

  .news-back,.news-content .news-page-pc>div {
      font-size: 14px;
      line-height: 24px;
      padding: 18px;
      border-radius: 5px;
      text-align: center
  }

  .news-content .news-page-pc>div {
      width: 419px;
      float: left;
      background-color: #fff;
      height: 60px
  }

  .news-content .news-page-pc a {
      display: inline-block;
      width: 366px
  }

  .news-back {
      display: block;
      color: #666
  }

  .news-back i {
      font-size: 16px;
      padding: 16px
  }

  .news-more {
      float: left;
      width: 300px;
      margin-left: 40px
  }

  .news-more .more-main {
      background-color: #fff;
      padding: 40px 40px 0;
      color: #B3B3B3
  }

  .news-more .product-tag {
      margin-top: 40px;
      background-color: #fff;
      padding-bottom: 26px
  }

  .news-more .product-tag .product-img {
      width: 300px;
      height: 200px
  }

  .news-more .product-tag .product-name {
      text-align: center;
      padding-top: 12px;
      color: #666;
      font-size: 16px;
      line-height: 16px
  }

  .news-more .product-tag .product-tips {
      font-size: 14px;
      margin: 16px auto 0;
      display: block;
      color: #b3b3b3;
      text-align: center;
      cursor: pointer;
      line-height: 30px;
      width: 100px;
      border-radius: 15px;
      border: 1px solid #f5f5f5
  }

  .news-more-explain {
      font-size: 20px;
      line-height: 20px;
      padding-bottom: 30px;
      color: #666
  }

  .news-more-content {
      padding-bottom: 18px
  }

  .news-more-title {
      font-size: 14px;
      line-height: 28px
  }

  .news-more-time {
      font-size: 12px;
      line-height: 24px
  }

  .activity-container {
      color: #333
  }

  .activity-header {
      position: relative;
      padding-top: 56.04167%;
      background-color: #e3e3e3;
      display: block
  }

  .activity-list {
      width: 1280px;
      margin: 0 auto;
      text-align: center;
      overflow: hidden
  }

  .activity-content:nth-child(2n),.activity-list>a:nth-child(2n) {
      margin-right: 60px
  }

  .activity-list>a {
      display: block;
      float: left
  }

  .activity-list-title {
      line-height: 40px;
      font-size: 40px;
      padding: 60px 0
  }

  .activity-content {
      position: relative;
      background-color: #fff;
      border-radius: 5px;
      margin-bottom: 50px;
      width: 610px;
      text-align: left
  }

  .activity-content-photo {
      width: 100%;
      position: relative;
      height: 330px
  }

  .activity-content-photo>img {
      width: 100%;
      height: 100%;
      display: block
  }

  .activity-content-title {
      font-size: 20px;
      line-height: 24px;
      padding-left: 40px;
      margin-top: 38px;
      margin-bottom: 28px
  }

  .activity-content-main {
      font-size: 14px;
      line-height: 22px;
      color: #666;
      padding: 0 40px;
      height: 110px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 5;
      -webkit-box-orient: vertical
  }

  .info-media-title,.info-news-index-pc .info-title-en>h3,.info-news-title,.media-download-name {
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden
  }

  .activity-time {
      color: #999;
      font-size: 12px;
      line-height: 35px;
      padding-left: 40px
  }

  .data-header {
      height: 500px;
      background-color: #e3e3e3;
      overflow: hidden
  }

  .data-header-title {
      font-size: 40px;
      line-height: 40px;
      padding-top: 200px;
      padding-bottom: 30px;
      text-align: center;
      position: relative
  }

  .data-header-search {
      width: 500px;
      margin: 0 auto;
      background-color: #fff;
      height: 50px;
      position: relative;
      border-radius: 5px
  }

  .data-header-search>input {
      width: 450px;
      line-height: 50px;
      font-size: 16px;
      float: left;
      border-radius: 5px
  }

  .data-serch-result {
      position: absolute;
      width: 500px;
      border-radius: 5px;
      background-color: #fff;
      overflow: hidden;
      top: 60px
  }

  .data-serch-result>li {
      height: 40px;
      font-size: 14px;
      line-height: 40px;
      border-bottom: 1px solid #f7f7f7;
      color: #999;
      padding-left: 14px;
      cursor: pointer
  }

  .data-header-icon {
      width: 50px;
      height: 50px;
      line-height: 50px;
      text-align: center;
      display: inline-block;
      float: left
  }

  .data-header-icon .iconfont {
      font-size: 20px
  }

  .data-main {
      background-color: #fff;
      padding-bottom: 60px;
      border-bottom: 1px solid #e3e3e3
  }

  .data-option-pc {
      padding-top: 40px;
      display: block;
      border-bottom: 2px solid #f7f7f7
  }

  .data-option-pc>div {
      width: 1000px;
      margin: 0 auto
  }

  .data-option-child {
      float: left;
      min-width: 220px;
      margin-right: 70px
  }

  .data-option-photo {
      width: 220px;
      height: 110px;
      display: block;
      margin: 0 auto;
      background-color: #3e3e3e
  }

  .data-option-photo>img {
      width: 100%;
      height: 100%
  }

  .data-option-title {
      font-size: 16px;
      line-height: 24px;
      padding-top: 16px;
      padding-bottom: 29px;
      color: #666;
      text-align: center
  }

  .data-option-title .h2 {
      padding-bottom: 32px
  }

  .data-option-selected {
      border-bottom: 2px solid #333
  }

  .data-content {
      overflow: hidden;
      width: 930px;
      margin: 0 auto;
      padding-top: 30px
  }

  .data-list {
      width: 465px;
      padding-left: 30px;
      padding-right: 35px;
      float: left
  }

  .data-list-type {
      font-size: 20px;
      line-height: 36px;
      padding-bottom: 28px
  }

  .data-list-child {
      overflow: hidden;
      margin-bottom: 8px
  }

  .data-list-child>div {
      float: left;
      font-size: 14px;
      line-height: 24px
  }

  .data-list-child>a {
      display: block;
      float: right;
      width: 50px;
      line-height: 26px;
      font-size: 14px;
      text-align: center;
      border: 1px solid #666;
      border-radius: 3px;
      color: #666;
      margin-top: 5px
  }

  .data-name {
      color: #257AE5
  }

  .data-time {
      color: #666
  }

  .info-container {
      padding-top: 70px;
      background-color: #f7f7f7;
      padding-bottom: 70px
  }

  .info-module {
      width: 1200px;
      margin: 0 auto
  }

  .info-module-title {
      display: block;
      font-size: 30px;
      padding-top: 40px;
      padding-bottom: 30px
  }

  .info-module-title>h2 {
      display: inline-block
  }

  .info-module-title>span {
      float: right;
      color: #B3B3B3;
      width: 75px;
      line-height: 30px;
      border: 1px solid #b3b3b3;
      margin-top: 4px;
      font-size: 12px;
      text-align: center;
      border-radius: 3px;
      display: block
  }

  .info-news-li {
      float: left;
      height: 310px;
      width: 285px;
      background-color: #fff;
      margin-left: 20px;
      margin-bottom: 20px
  }

  .info-news-li a {
      display: block;
      z-index: 100;
      position: relative;
      height: 310px
  }

  .info-news-photo {
      height: 200px;
      background-color: #666;
      overflow: hidden
  }

  .info-news-photo>img {
      width: 100%;
      display: block;
      height: 100%;
      opacity: 0
  }

  .info-news-target {
      position: absolute;
      top: 10px;
      left: 10px;
      background-color: rgba(0,0,0,.6);
      font-size: 12px;
      line-height: 24px;
      padding: 0 10px;
      color: #fff;
      border-radius: 4px
  }

  .info-news-content {
      padding: 0 20px
  }

  .info-news-title {
      font-size: 16px;
      line-height: 26px;
      margin-top: 15px;
      color: #333;
      height: 52px;
      display: -webkit-box;
      margin-bottom: 8px
  }

  .info-news-time {
      color: #999;
      font-size: 12px;
      line-height: 20px;
      overflow: hidden
  }

  .info-news-time .info-time {
      float: left
  }

  .info-news-time .info-icon {
      float: right
  }

  .info-news-time .info-icon .iconfont {
      margin-right: 4px
  }

  .info-news-li:nth-child(4n+1) {
      margin-left: 0
  }

  .info-news-index-pc {
      display: block;
      color: #fff;
      position: relative
  }

  .info-news-index-pc>img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%
  }

  .info-news-index-pc .info-title {
      font-size: 20px;
      line-height: 30px;
      padding: 235px 20px 10px
  }

  .info-news-index-pc .info-title>h3 {
      height: 30px;
      overflow: hidden;
      -o-text-overflow: ellipsis;
         text-overflow: ellipsis;
      white-space: nowrap
  }

  .info-news-index-pc .info-title-en {
      padding-top: 205px
  }

  .info-news-index-pc .info-title-en>h3 {
      height: 60px;
      white-space: normal;
      display: -webkit-box;
      word-break: break-word
  }

  .info-news-index-pc .info-time {
      overflow: hidden;
      padding: 0 20px;
      font-size: 12px;
      line-height: 20px
  }

  .info-news-index-pc .info-time>div {
      float: left;
      overflow: hidden
  }

  .info-news-index-pc .info-time .iconfont {
      margin-right: 4px;
      float: left
  }

  .info-news-index-pc .info-time .info-ip {
      float: left
  }

  .info-news-index-pc .info-time>div:first-child {
      margin-right: 20px
  }

  .info-media-li {
      width: 590px;
      height: 200px;
      float: left;
      background-color: #fff;
      margin-bottom: 20px
  }

  .info-media-li>a {
      display: block;
      overflow: hidden
  }

  .info-media-li:nth-child(2n) {
      margin-left: 20px
  }

  .info-media-photo {
      float: left;
      width: 285px;
      height: 200px;
      background-color: #666
  }

  .info-media-photo>img {
      width: 100%;
      height: 100%;
      display: block;
      opacity: 0
  }

  .info-media-content {
      float: left;
      width: 305px;
      padding: 0 20px
  }

  .info-media-logo {
      margin-top: 30px;
      height: 40px;
      margin-bottom: 10px
  }

  .info-media-logo>img {
      height: 40px
  }

  .info-media-title {
      font-size: 16px;
      line-height: 26px;
      display: -webkit-box;
      height: 52px;
      margin-bottom: 30px
  }

  .info-read-more {
      padding-top: 20px;
      padding-bottom: 20px
  }

  .info-read-more>div {
      width: 140px;
      line-height: 40px;
      text-align: center;
      margin: 0 auto;
      background-color: #fff;
      border-radius: 5px;
      font-size: 14px
  }

  .media-download-container {
      margin: 0 auto
  }

  .media-download-header {
      height: 370px;
      border-bottom: 1px solid #F0F0F0;
      display: block
  }

  .media-header-content {
      width: 1280px;
      margin: 0 auto
  }

  .media-download-title {
      padding-left: 40px;
      font-size: 40px;
      color: #333;
      line-height: 62px;
      padding-top: 130px;
      padding-bottom: 30px;
      font-weight: 400
  }

  .media-download-option {
      overflow: hidden
  }

  .media-download-option>li {
      width: 160px;
      float: left;
      text-align: center
  }

  .media-download-option img {
      width: 80px;
      height: 80px;
      display: block;
      margin: 0 40px
  }

  .media-download-option p {
      font-size: 16px;
      line-height: 16px;
      padding-top: 20px;
      padding-bottom: 32px
  }

  .media-option-child {
      padding-bottom: 30px;
      display: inline-block
  }

  .media-option-active {
      border-bottom: 1px solid #ed1b25
  }

  .media-download-list {
      padding-top: 40px;
      overflow: hidden;
      width: 1200px;
      margin: 0 auto
  }

  .media-download-li {
      width: 285px;
      float: left;
      text-align: center;
      margin-right: 20px
  }

  .media-download-li:nth-child(4n) {
      margin-right: 0
  }

  .media-download-poster {
      height: 170px;
      background-color: #333
  }

  .media-download-poster>img {
      width: 100%;
      height: 100%;
      display: block
  }

  .media-download-btn {
      line-height: 40px;
      color: #999;
      background-color: #fff;
      display: block
  }

  .media-download-btn .iconfont {
      font-size: 20px
  }

  .media-download-name {
      color: #666;
      font-size: 16px;
      line-height: 24px;
      margin: 8px 0;
      height: 48px;
      display: -webkit-box
  }

  #videoDownload {
      padding-top: 40px
  }

  .media-container .media-header {
      height: 290px;
      width: 100%;
      background-color: #fff;
      background-image: url(https://static.xag.cn/img/about/mediakit-bg.png)
  }

  .media-container .media-tabs {
      padding-top: 48px;
      background-color: #f7f7f7
  }

  .media-container .media-tabs>div {
      width: 1200px;
      margin: 0 auto
  }

  .media-container .media-tabs .title {
      font-size: 36px;
      color: #000;
      line-height: 50px;
      margin-bottom: 16px
  }

  .media-container .media-tabs .tab-list {
      overflow: hidden
  }

  .media-container .media-tabs .tab-list>li {
      width: 164px;
      height: 164px;
      float: left;
      margin-right: 20px;
      position: relative;
      cursor: pointer
  }

  .media-container .media-tabs .tab-list>li .img-container {
      width: 65px;
      height: 65px;
      margin-top: 36px;
      margin-left: auto;
      margin-right: auto
  }

  .media-container .media-tabs .tab-list>li .img-container img {
      width: inherit;
      height: inherit
  }

  .media-container .media-tabs .tab-list>li .text {
      margin-top: 12px;
      font-size: 18px;
      line-height: 24px;
      text-align: center
  }

  .media-container .media-tabs .tab-list .active {
      background-color: #fff
  }

  .media-container .media-tabs .tab-list .active:after {
      content: '';
      display: block;
      height: 4px;
      width: 100%;
      background-color: #E02020;
      position: absolute;
      top: 0;
      left: 0
  }

  .media-container .photo-list .photo-container .photo-item:nth-child(n+8),.media-container .photo-list>li:nth-child(n+8) {
      display: none
  }

  .media-container .main-content {
      background-color: #fff;
      padding-bottom: 80px
  }

  .media-container .photo-list {
      width: 1200px;
      margin: 0 auto
  }

  .media-container .photo-list>li {
      padding: 50px 0
  }

  .media-container .photo-list .list-title {
      font-size: 30px;
      line-height: 42px;
      padding-bottom: 12px;
      border-bottom: 1px solid #979797
  }

  .media-container .photo-list .photo-container {
      overflow: hidden;
      padding-top: 20px
  }

  .media-container .photo-list .photo-container>li:nth-child(4n) {
      margin-right: 0
  }

  .media-container .photo-list .photo-container .more:last-child {
      display: block
  }

  .media-container .photo-list .photo-container .d_n:last-child {
      display: none
  }

  .media-container .photo-list .photo-item {
      float: left;
      width: 285px;
      height: 210px;
      background-color: #D8D8D8;
      border-radius: 10px;
      overflow: hidden;
      margin-right: 20px;
      position: relative;
      margin-top: 20px;
      cursor: pointer
  }

  .media-container .photo-list .photo-item .img-wrap {
      width: inherit;
      height: inherit
  }

  .media-container .photo-list .photo-item img {
      width: inherit;
      height: inherit;
      -o-object-fit: cover;
         object-fit: cover
  }

  .media-container .photo-list .photo-item:hover .icon-wrap {
      opacity: 1
  }

  .media-container .photo-list .photo-item .icon-wrap {
      width: 60px;
      height: 60px;
      display: block;
      position: absolute;
      margin: auto;
      opacity: 0;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: #F2F3F5;
      text-align: center;
      line-height: 60px;
      border-radius: 30px;
      -webkit-transition: opacity .5s cubic-bezier(.68,-.55,.265,1.55);
      -o-transition: opacity .5s cubic-bezier(.68,-.55,.265,1.55);
      transition: opacity .5s cubic-bezier(.68,-.55,.265,1.55)
  }

  .media-container .more-line .icon-more,.media-container .photo-list .more .icon-more {
      background-image: url(https://static.xag.cn/img/meida/icon-down.png);
      background-size: auto;
      background-position: center;
      background-repeat: no-repeat;
      margin-left: 10px
  }

  .media-container .photo-list .photo-item .icon-wrap .iconfont {
      font-size: 20px
  }

  .media-container .photo-list .more {
      background-color: transparent;
      border: 2px dashed #e02020;
      font-size: 18px;
      line-height: 24px;
      margin-right: 0
  }

  .media-container .photo-list .more .more-text {
      height: 24px;
      margin-top: 88px;
      width: 100%;
      color: #ADADAD;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
  }

  .media-container .photo-list .more .icon-more {
      width: 20px;
      height: 20px
  }

  .media-container .phone-load {
      display: none
  }

  .media-container .more-line {
      display: block;
      font-size: 18px;
      line-height: 24px;
      cursor: pointer
  }

  .media-container .more-line .more-text {
      height: 24px;
      width: 100%;
      color: #ADADAD;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
          -ms-flex-direction: row;
              flex-direction: row;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center
  }

  .media-container .more-line .icon-more {
      width: 20px;
      height: 20px
  }

  .media-container .d_n {
      display: none
  }
}

@media screen and (max-width: 350px) {
  .info-mobile-nav-cn {
      font-size:12px
  }
}