@charset "UTF-8";
/*混合指令（Mixin）用于定义可重复使用的样式*/
/*一些可重用代码*/
/* 使用绝对定位使内容水平居中 */
/* 使用绝对定位使内容垂直居中 */
/* 使用绝对定位使内容绝对居中 */
/* 设置图片背景 */
/* 清除浮动 */
/* 单行文字显示省略号 */
/* 多行文字显示省略号 */
/* 渐变背景 */
/* 首页内容宽度 */
/**
 * hover时由内向外填充的效果
 */
/*relative相对定位*/
/**
* @param $line       超出显示省略号的行数，默认：1
* @param $substract  为预留区域百分比%，默认：0
*/
/* 主题色-蓝色*/
@media (max-width: 1400px) {
  html {
    font-size: 90px; }
  #main-swiper {
    height: 613px; }
    #main-swiper .slogen {
      height: 160px; }
  .bt-box-main .item {
    margin-right: 85px; }
  .today-bg-box {
    padding: 100px 0 80px 0; }
  #today-sr-swiper {
    height: 398px; }
    #today-sr-swiper .td-img {
      height: 80%; }
    #today-sr-swiper .text-box {
      height: 343px; }
      #today-sr-swiper .text-box .t1, #today-sr-swiper .text-box .t2, #today-sr-swiper .text-box .t3 {
        margin-bottom: 15px; }
      #today-sr-swiper .text-box .t4 {
        height: 108px;
        overflow: hidden;
        line-height: 36px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3; }
    #today-sr-swiper .pagination {
      bottom: 15px; }
  #notice-swiper .t3 {
    width: 53%; }
  .summary-box-out {
    height: 600px; }
  .journal-box .title-img-box {
    width: 40%; }
  .shares-box .bt-box button,
  .notice-box .bt-box button {
    width: 1.4rem; }
  .shares-box #myChart,
  .notice-box #myChart {
    width: 443px; } }

@media (max-width: 1200px) {
  html {
    font-size: 80px; }
  .bt-box-main .item {
    margin-right: 125px; }
  .bt-box-main .t {
    display: none; }
  #main-swiper {
    height: 613px; }
    #main-swiper .slogen {
      height: 140px; }
  #today-sr-swiper .text-box {
    height: 300px; }
    #today-sr-swiper .text-box .t2 {
      font-size: 21px; }
  #today-sr-swiper .td-img {
    height: 73%; }
  #today-sr-swiper .pagination {
    left: 0;
    bottom: 25px; }
  .domain-box {
    height: 470px; }
    .domain-box .map {
      height: 80%; }
  .share-bg-box {
    padding: 100px 0; }
  .shares-box .bt-box {
    width: 100%; }
  .shares-box .chart-box-out {
    width: 100%; }
  .shares-box .chart-box {
    height: 480px;
    width: 100%; }
  .journal-box {
    height: 500px; }
    .journal-box .title-img-box {
      width: 36%; }
    .journal-box .text-box {
      height: 74%;
      overflow: hidden; }
  .share-bg-box .line {
    display: none; }
  .share-bg-box .shares-box,
  .share-bg-box .notice-box {
    width: 100%; }
    .share-bg-box .shares-box .bt-box button,
    .share-bg-box .notice-box .bt-box button {
      width: 1.5rem; }
    .share-bg-box .shares-box #myChart,
    .share-bg-box .notice-box #myChart {
      height: 400px;
      width: 100%; }
    .share-bg-box .shares-box .share-info,
    .share-bg-box .notice-box .share-info {
      margin-bottom: 50px; }
    .share-bg-box .shares-box .item,
    .share-bg-box .notice-box .item {
      float: left;
      width: 45%; }
      .share-bg-box .shares-box .item:nth-child(2n + 0),
      .share-bg-box .notice-box .item:nth-child(2n + 0) {
        float: right; } }

@media (max-width: 950px) {
  .bt-box-main .item {
    margin-right: 87px; }
  #today-sr-swiper {
    height: 678px; }
    #today-sr-swiper .t0 {
      display: block; }
    #today-sr-swiper .td-img {
      width: 100%;
      height: 300px; }
    #today-sr-swiper .text-box {
      width: 100%; }
      #today-sr-swiper .text-box .t1 {
        display: none; }
      #today-sr-swiper .text-box .t2 {
        padding-top: 20px; }
      #today-sr-swiper .text-box .t4 {
        margin-bottom: 29px; }
    #today-sr-swiper .pagination {
      right: auto; }
  #main-swiper {
    height: 475px; }
    #main-swiper .slogen {
      height: 120px; }
    #main-swiper .app-row {
      top: 40%; }
    #main-swiper .iconfont {
      display: none; }
  .news-box .item:hover .text-box {
    height: 300px; }
    .news-box .item:hover .text-box .title {
      line-height: 100px; }
  .news-box .text-box .title {
    font-size: 24px; }
  .news-box .text-box p {
    margin-bottom: 20px;
    font-size: 16px; }
  .domain-box .item {
    margin-bottom: 10px;
    width: 100%; }
  .domain-box .map {
    height: 100%; }
  .domain-box .t1 {
    margin-bottom: 28px; }
  .domain-box .t2 {
    height: 40px;
    margin-bottom: 24px; }
  .domain-box .t3 {
    display: none; }
  .domain-box .t4 {
    font-size: 16px; }
  .domain-box .t5 {
    padding: 0 10px;
    font-weight: bold;
    font-size: 55px; }
  .shares-box .chart-box {
    height: 400px; }
  .summary-box .item {
    width: 305px; }
  .journal-box .title-img-box {
    width: 40%; }
  .shares-box #myChart,
  .notice-box #myChart {
    height: 350px;
    width: 100%; } }

@media (max-width: 680px) {
  .bt-box-outer {
    background: whitesmoke; }
  .bt-box-main {
    position: relative;
    margin: auto;
    padding-bottom: 20px;
    bottom: 0;
    left: auto;
    -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
            transform: translateX(0); }
    .bt-box-main .item {
      margin-right: 63px; }
      .bt-box-main .item:nth-child(3n + 0) {
        margin-right: 0; }
    .bt-box-main .img-box {
      background-color: #1a6dd3; }
      .bt-box-main .img-box > img:nth-child(2) {
        display: inline-block; }
      .bt-box-main .img-box:hover > img:nth-child(2) {
        display: none; }
      .bt-box-main .img-box:hover > img:nth-child(1) {
        display: inline-block; }
  #today-sr-swiper .t0 {
    font-size: 28px; }
  #today-sr-swiper .text-box .t2 {
    font-size: 22px; }
  #main-swiper {
    min-height: auto;
    height: 260px; }
    #main-swiper .slogen {
      height: 100px; }
    #main-swiper .app-row {
      top: 50%;
      left: 50%;
      width: auto; }
    #main-swiper .t1 {
      margin-bottom: 0;
      font-size: 28px;
      line-height: .50rem; }
    #main-swiper .t2 {
      font-size: 18px; }
    #main-swiper .bt {
      width: 100px;
      margin-top: 10px;
      margin-bottom: 0;
      height: 30px; }
  #notice-swiper {
    height: 120px; }
    #notice-swiper .item {
      width: 100%; }
    #notice-swiper .t3 {
      width: 40%; }
  #today-sr-swiper {
    height: 633px; }
    #today-sr-swiper .td-img {
      width: 100%;
      height: 200px;
      margin-bottom: 20px; }
    #today-sr-swiper .text-box {
      width: 100%; }
      #today-sr-swiper .text-box .t1 {
        display: none; }
      #today-sr-swiper .text-box .t4 {
        margin-bottom: 40px;
        height: 100px; }
    #today-sr-swiper .prev-next {
      left: 0;
      bottom: 4px; }
    #today-sr-swiper .pagination {
      display: none;
      bottom: 40px; }
      #today-sr-swiper .pagination .swiper-pagination-switch {
        width: 15px; }
  .news-box {
    width: 300px; }
    .news-box .item {
      width: 100%;
      margin: 0;
      margin-top: 20px; }
  .domain-box .map {
    height: 50%;
    right: 0%; }
  .shares-box .bt-box .title {
    width: 100%; }
  .shares-box .bt-box button {
    width: 93px; }
  .shares-box .chart-box {
    height: 336px; }
    .shares-box .chart-box > p {
      display: none; }
  .summary-box-out {
    height: 1095px;
    background-image: url(../images/index/bg-wave.png); }
  .summary-box {
    height: auto; }
    .summary-box .item {
      margin-top: 30px;
      margin-left: 0;
      width: 100%; }
      .summary-box .item .img-box {
        max-height: 300px; }
  .journal-box {
    height: 620px; }
    .journal-box .title-img-box {
      width: 100%; }
    .journal-box .text-box {
      width: 100%;
      overflow: hidden; }
      .journal-box .text-box .title {
        font-size: 18px;
        margin-top: 30px; }
      .journal-box .text-box .title2,
      .journal-box .text-box > p {
        display: none; }
    .journal-box .pagination {
      bottom: 77px; }
      .journal-box .pagination .swiper-pagination-switch {
        width: 15px; }
  .today-bg-box {
    padding: 40px 0 40px 0; }
  .news-bg-box {
    padding: 0px 0 0px 0; }
  .share-bg-box {
    padding: 60px 0 70px 0; }
  .share-bg-box .notice-box .item {
    width: 100%; } }

@media (max-width: 375px) {
  #main-swiper {
    height: 220px; }
    #main-swiper .app-row {
      top: 53%;
      left: 50%; }
    #main-swiper .slogen {
      height: 60px; } }