

@charset "utf-8";
/* CSS Document */


  /* 基础样式补充 */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }

body { font-family: "Microsoft YaHei", Arial, sans-serif;  }
.dib {  display: inline-block; }
.row {  font-size: 0; /* 消除inline-block间隙 */  width: 100%;  }
img { max-width: 100%;  height: auto;  display: block;}
a {text-decoration: none; }

body { font-size:14px; font-family:"微软雅黑"; color:#333;  background: url("https://www.news.cn/fashion/zmzg/img/banner-pc4.png") 50% 0px no-repeat rgb(242, 251, 251);}
.top { height:698px; position:relative; display: block; }

/* 移动端响应式适配（≤768px） */
@media (max-width: 768px) {
body { font-size:16px; font-family:"微软雅黑"; color:#333; line-height:2em; background: url("https://www.news.cn/fashion/zmzg/img/mb_banner.png") 50% 0px / 100% 400px no-repeat rgb(255, 255, 255);}
.top{  position:relative; height:380px; display: block; }
}



.wz1200{width: 1100px; margin: 0 auto; max-width: 100%;}

.section_pm { margin:0 auto; width:1100px; /*margin-bottom: 50px;*/ overflow: hidden;}


/*点击更多 跳转二级页 写的时候 要包在对应的栏目div框内*/
.gnm {margin:0px auto;width:960px;padding:20px; text-align:center; overflow:hidden;}
.gnm .ann{float:left;margin-left:330px;width:300px;height:38px;background:#f9f9f9;border:1px #e5e5e5 solid;-webkit-border-radius:30px; text-align:center;padding:6px 0px 2px 0px;font-family:\5FAE\8F6F\96C5\9ED1;font-size:16px;position:relative; }
.gnm .ann .ff{ position:absolute;left:0px;top:0px;width:300px;text-align:center;padding:6px 0px 5px 0px;}
.gnm .ann .ff a{ color: #264e5a;  }



/*聚焦栏目 滚动图通用*/
.scroll_Pic_1, .scroll_Pic_2, .scroll_Pic_3, .scroll_Pic_4, .scroll_Pic_5, .scroll_Pic_6, .scroll_Pic_7, .scroll_Pic_8, .scroll_Pic_8_2, .scroll_Pic_17{ position: relative;  overflow: hidden;}
.scroll_Pic_1 .swiper-slide, .scroll_Pic_2 .swiper-slide, .scroll_Pic_3 .swiper-slide, .scroll_Pic_4 .swiper-slide, .scroll_Pic_5 .swiper-slide, .scroll_Pic_6 .swiper-slide, .scroll_Pic_7 .swiper-slide, .scroll_Pic_8 .swiper-slide, .scroll_Pic_8_2 .swiper-slide, .scroll_Pic_17 .swiper-slide{ position: relative; display: inline; width: 100%; overflow: hidden;}
.scroll_Pic_1 .swiper-slide, .scroll_Pic_2 .swiper-slide, .scroll_Pic_3 .swiper-slide, .scroll_Pic_4 .swiper-slide, .scroll_Pic_5 .swiper-slide, .scroll_Pic_6 .swiper-slide, .scroll_Pic_7 .swiper-slide, .scroll_Pic_8 .swiper-slide, .scroll_Pic_8_2 .swiper-slide, .scroll_Pic_17 .swiper-slide {  z-index: 1; white-space: nowrap; width: 100%; height: auto;}
.scroll_Pic_1 .swiper-slide img, .scroll_Pic_2 .swiper-slide img, .scroll_Pic_3 .swiper-slide img, .scroll_Pic_4 .swiper-slide img, .scroll_Pic_5 .swiper-slide img, .scroll_Pic_6 .swiper-slide img, .scroll_Pic_7 .swiper-slide img, .scroll_Pic_8 .swiper-slide img, .scroll_Pic_8_2 .swiper-slide img, .scroll_Pic_17 .swiper-slide img { width: 100%; height: auto; display: block;}
.scroll_Pic_1 .e_flt_inf, .scroll_Pic_2 .e_flt_inf, .scroll_Pic_3 .e_flt_inf, .scroll_Pic_4 .e_flt_inf, .scroll_Pic_5 .e_flt_inf, .scroll_Pic_6 .e_flt_inf, .scroll_Pic_7 .e_flt_inf, .scroll_Pic_8 .e_flt_inf, .scroll_Pic_8_2 .e_flt_inf, .scroll_Pic_17 .e_flt_inf { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; overflow: hidden; z-index: 8; color: #fff; white-space: normal;  word-wrap: break-word;}
.scroll_Pic_1 .e_flt_inf h3, .scroll_Pic_2 .e_flt_inf h3, .scroll_Pic_3 .e_flt_inf h3, .scroll_Pic_4 .e_flt_inf h3, .scroll_Pic_5 .e_flt_inf h3, .scroll_Pic_6 .e_flt_inf h3, .scroll_Pic_7 .e_flt_inf h3, .scroll_Pic_8 .e_flt_inf h3, .scroll_Pic_8_2 .e_flt_inf h3, .scroll_Pic_17 .e_flt_inf h3 { font-size: 20px; padding: 7px 60px 11px 15px; color: #fff; text-align: left; line-height: 1.8;}
/* 论动图 焦点以 fraction 分数计数形式的样式 开始 */
.scroll_Pic_1 .swiper-pagination-fraction, .scroll_Pic_2 .swiper-pagination-fraction, .scroll_Pic_3 .swiper-pagination-fraction, .scroll_Pic_4 .swiper-pagination-fraction, .scroll_Pic_5 .swiper-pagination-fraction, .scroll_Pic_6 .swiper-pagination-fraction, .scroll_Pic_7 .swiper-pagination-fraction, .scroll_Pic_8 .swiper-pagination-fraction, .scroll_Pic_8_2 .swiper-pagination-fraction, .scroll_Pic_17 .swiper-pagination-fraction { position: absolute; bottom: 12px; right: 15px!important; z-index: 7; color: rgba(255, 255, 255, 0.7); font-size: 18px; font-style: italic; font-weight: bold; left: inherit; width: 5.5rem;}
/* 论动图 焦点以 fraction 分数计数形式的样式 结束 */
.scroll_Pic_1 .e_flt_inf h3 a, .scroll_Pic_2 .e_flt_inf h3 a, .scroll_Pic_3 .e_flt_inf h3 a, .scroll_Pic_4 .e_flt_inf h3 a, .scroll_Pic_5 .e_flt_inf h3 a, .scroll_Pic_6 .e_flt_inf h3 a, .scroll_Pic_7 .e_flt_inf h3 a, .scroll_Pic_8 .e_flt_inf h3 a, .scroll_Pic_8_2 .e_flt_inf h3 a, .scroll_Pic_17 .e_flt_inf h3 a  { color: #fff;}
.scroll_Pic_1 .e_flt_inf h3 a, .scroll_Pic_2 .e_flt_inf h3 a, .scroll_Pic_3 .e_flt_inf h3 a, .scroll_Pic_4 .e_flt_inf h3 a, .scroll_Pic_5 .e_flt_inf h3 a, .scroll_Pic_6 .e_flt_inf h3 a, .scroll_Pic_7 .e_flt_inf h3 a, .scroll_Pic_8 .e_flt_inf h3 a, .scroll_Pic_8_2 .e_flt_inf h3 a, .scroll_Pic_17 .e_flt_inf h3 a  { color: #fff;}
.scroll_Pic_1 .swiper-slide .e_bg_flt, .scroll_Pic_2 .swiper-slide .e_bg_flt, .scroll_Pic_3 .swiper-slide .e_bg_flt, .scroll_Pic_4 .swiper-slide .e_bg_flt, .scroll_Pic_5 .swiper-slide .e_bg_flt, .scroll_Pic_6 .swiper-slide .e_bg_flt, .scroll_Pic_7 .swiper-slide .e_bg_flt, .scroll_Pic_8 .swiper-slide .e_bg_flt, .scroll_Pic_8_2 .swiper-slide .e_bg_flt, .scroll_Pic_17 .swiper-slide .e_bg_flt { position: absolute; left: 0; bottom: 0; width: 100%; height: 50px;  background-color: rgba(0, 0, 0, 0.75); z-index: 7;}

/*聚焦栏目 左右栏目 补充样式*/
.section_pm_5, .section_pm_6, .section_pm_7, .section_pm_8, .section_pm_9, .section_pm_5_10, .section_pm_11, .section_pm_12, .section_pm_13 {}
.section_pm_5 .col_l, .section_pm_6 .col_l, .section_pm_7 .col_l, .section_pm_8 .col_l, .section_pm_9 .col_l, .section_pm_10 .col_l { float: left; width: calc(55% - 10px); margin-right: 10px; padding-bottom: 10px; display:block}
.section_pm_5 .col_r, .section_pm_6 .col_r, .section_pm_7 .col_r, .section_pm_8 .col_r, .section_pm_9 .col_r, .section_pm_10 .col_r { float: right; width: calc(45% - 10px); margin-left: 10px;}


.section_pm_6{ height: 400px; overflow: hidden; margin-bottom: 50px; padding: 30px; border-radius: 20px; background: linear-gradient(to bottom, white, transparent); }
.section_pm_6 .col_r .headline{ padding-bottom: 10px;  border-bottom: 1px dashed #ccc; margin-bottom: 16px;}
.section_pm_6 .col_r .headline .topic{ line-height: 30px;  font-size: 20px; margin-bottom: 5px;}
.section_pm_6 .col_r .headline .topic a{color: #0f6aa8; transition: 0.5s;}
.section_pm_6 .col_r .headline .topic a:hover { color:#31c6cb; transition: 0.5s;}
.section_pm_6 .col_r .headline .abstract{line-height: 1.7; color: #444; text-indent: 2em;}
.section_pm_6 .col_r .headline .abstract_none a{color: #0f6aa8; transition: 0.5s; font-size: 18px; line-height: 39px; margin-left: 4px; font-weight:bold; background: url(http://www.xinhuanet.com/food/2016FDCzb/img/xwjjdot.jpg) 0 center no-repeat!important; padding-left: 12px}
.section_pm_6 .col_r .headline .abstract_none a:hover { color:#42c29c; transition: 0.5s;}
.section_pm_6 .col_r .headline .abstract .more a { color: #c00; text-decoration: none;}






.section-header {
    height: 100px; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 10px;
    padding-bottom: 15px;
    width: 1100px;
	background: url("https://www.news.cn/fashion/zmzg/img/title-bg.png")  no-repeat center;
	background-size: 100% 100%;
    /*margin-left: 50px;*/
    /*padding-left: 10px;*/
    /*border-bottom: 2px solid #e0e0e0;*/
}

.section-1 .section-header {
    height: auto; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 0px solid #e0e0e0;
    text-align: center;
    margin-top: 20px;
}

.section-header h2 {
	line-height: 80px;
    font-size: 28px;
    color: #284f77;
    margin-bottom: 18px;
    position: relative;
    display: inline-block;
    letter-spacing: 2px;
}

.section-1 .section-header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #333;
    margin-bottom: 18px;
    position: relative;
    display: inline-block;
}

.section-header h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 68px;
    height: 4px;
    background-color: #ff4400;
    /*background-image: linear-gradient(to right, #ff4400, #e39d14); */
}


@media (max-width: 768px) {
.section-header {
    height: auto; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 2px solid #e0e0e0;
    padding-left: 2%;
}

.section-1 .section-header {
    height: auto; /* 修复原高度10%导致内容溢出问题 */
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 0px solid #e0e0e0;
    text-align: center;
    margin-top: 20px;
}


.section-header h2 {
    font-size: 20px;
    color: #284f77;
    margin-bottom: 18px;
    position: relative;
    display: inline-block;

}

.section-1 .section-header h2 {
    font-size: 36px;
    font-weight: 400;
    color: #284f77;
    margin-bottom: 18px;
    position: relative;
    display: inline-block;
}

.section-header h2::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 180px;
    height: 4px;
    background-color: #ff4400;
}
}



/* section-10 */
.video-replay-section {
  /*padding: 60px 0;*/
  background: url("img/bg-video-section.png") no-repeat center center; /* 背景图可替换 */
  background-size: cover;
  position: relative;
}

.video-replay-section .container {
  width: 100%;
  max-width: 1200px; /* PC端容器宽度1200px */
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}

/* 栏目标题 */
.section-title {
  font-size: 28px;
  color: #333;
  text-align: center;
  margin-bottom: 12px;
  font-weight: 600;
}

.section-subtitle {
  font-size: 16px;
  color: #666;
  text-align: center;
  margin-bottom: 40px;
}

/* 轮播容器核心样式 */
.video-replay-swiper {
  position: relative;
  height: 480px; /* PC端轮播高度，可根据设计调整 */
}

/* 轮播卡片样式 */
.video-card {
  width: 100%;
  height: 100%;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);
  transition: transform 0.3s ease;
  background-color: #fff;
}

.video-img {
  width: 100%;
  height: calc(100% - 60px); /* 预留标题区域高度 */
  object-fit: cover; /* 保持图片比例并填满容器 */
  display: block;
}
.section-10 img {
  width: 100%;
  height: calc(100% - 60px); /* 预留标题区域高度 */
  object-fit: cover; /* 保持图片比例并填满容器 */
  display: block;
}

.video-desc {
  padding: 15px 20px;
  background-color: rgba(255, 255, 255, 0.9);
}

.video-title {
  font-size: 18px;
  color: #333;
  line-height: 1.4;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* 标题最多显示2行 */
  -webkit-box-orient: vertical;
}

/* 轮播箭头样式 */
.swiper-button-prev.video-prev,
.swiper-button-next.video-next {
  width: 48px;
  height: 48px;
  background-color: rgba(0, 0, 0, 0.3);
  color: #fff;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 0.3s ease;
  z-index: 10;
}

.section-10 .swiper-button-prev.video-prev {
  /*left: -24px;*/
  left: 20px;
}

.section-10 .swiper-button-next.video-next {
  /*right: -24px;*/
  right: 20px;
}

/* 箭头 hover 效果 */
.swiper-button-prev.video-prev:hover,
.swiper-button-next.video-next:hover {
  background-color: rgba(0, 0, 0, 0.6);
}

/* 隐藏 Swiper 默认箭头文字（如需自定义图标可替换） */
.swiper-button-prev.video-prev::after,
.swiper-button-next.video-next::after {
  font-size: 20px;
  font-weight: bold;
}

/* 移动端响应式适配（≤768px） */
@media (max-width: 768px) {
  .video-replay-section {
    padding: 20px 0;
    padding-top: 10px;
  }

  .section-title {
    font-size: 24px;
  }

  .section-subtitle {
    font-size: 14px;
    margin-bottom: 30px;
  }

  .video-replay-swiper {
    height: 320px; /* 移动端轮播高度降低，适配小屏 */
  }

  .video-img {
    height: calc(100% - 50px); /* 调整标题区域高度 */
  }

  .section-10{ width: 96%; margin: 0 2%; }

  .section-10 img {
    height: calc(100% - 50px); /* 调整标题区域高度 */
  }

  .video-desc {
    padding: 12px 15px;
  }

  .video-title {
    font-size: 16px;
    -webkit-line-clamp: 1; /* 移动端标题最多1行 */
  }

  /* 移动端箭头位置调整，更贴近屏幕 */
  .swiper-button-prev.video-prev {
    left: 10px;
  }

  .swiper-button-next.video-next {
    right: 10px;
  }

  .swiper-button-prev.video-prev,
  .swiper-button-next.video-next {
    width: 36px;
    height: 36px;
  }

  .swiper-button-prev.video-prev::after,
  .swiper-button-next.video-next::after {
    font-size: 16px;
  }

  .video-replay-section .container {
  width: 100%;
  max-width: 1200px; /* PC端容器宽度1200px */
  margin: 0 auto;
  padding: 0 2%;
  box-sizing: border-box;
}
}





/* 政策解读 */

    .section-10-title-wrap {
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #eee;
        width: 1160px;
        margin:0 auto 25px auto;
        text-align: justify;
    }
    .section-10-main-title {
        font-size: 22px;
        color: #333;
        font-weight: bold;
        position: relative;
        padding-left: 15px;
        margin-bottom: 12px; /* 与摘要的间距 */
    }
    .section-10-main-title::before {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 4px;
        height: 20px;
        background-color: #8B4513; /* 棕色主色 */
        border-radius: 2px;
    }
    /* 新增栏目摘要样式（自适应） */
    .section-10-desc {
        font-size: 18px;
        color: #666;
        line-height: 1.8;
        padding-left: 15px; /* 与标题竖线对齐 */
        margin: 0;
        word-break: break-word; /* 强制换行，适配移动端 */
        text-align: justify; /* 文本两端对齐，提升排版美观度 */
    }
    .section-10-content {
        width: 1100px;
        display: flex;
        flex-direction: column;
        gap: 18px; /* 行间距 */
        margin: 50px 0;
    }
    .section-10-row {
        /* display: flex; */
        justify-content: space-between;
        gap: 20px; /* 列间距 */
        width: 1100px;
        margin:0 auto;
    }
    .section-10-item {
        flex: 1;
        display: flex;
        align-items: center;
        padding: 12px 15px;
        background-color: #d2ebfa;
        border-radius: 6px;
        transition: background-color 0.3s ease;
		width: calc(100% / 2 - 10px);
        float: left;
		margin: 10px 5px;
		height: 72px;
    }
    .section-10-item:hover {
        background-color: #f2f4e0;
    }
    /* 标题前的棕色竖线 */
    .section-10-line {
        display: inline-block;
        width: 3px;
        height: 18px;
        background-color: #d5a13e; /* 棕色 */
        margin-right: 12px;
        border-radius: 1.5px;
    }
        .section-10-item-title {
        font-size: 16px;
        color: #125b89;
        text-decoration: none;
        flex: 1;
        line-height: 1.5;
    }
	.section-10-item-title a{
        color: #125b89;}

    .section-10-item-title:hover {
        color: #125b89;
        text-decoration: none;
    }

    /* 响应式适配：移动端每行1列 + 摘要自适应 */

    @media (max-width: 768px) {

    }


/* 典型企业 栏目样式7 */
.section_pm_18{ /*background: #EBE9E9;*/ padding: 20px 0px; padding-bottom: 0px;}
.section_pm_18 .swiper-container_13 {width: 100%; /*width: 1100px; height: 300px;*/ margin: 20px auto; position: relative; left: 0px; bottom: 0px; }
.section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px;  background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
    }
.section_pm_18 .swiper-container_13 .swiper-pagination_13{ margin: 0 auto; text-align: center; line-height: 50px;}
.section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide { background-position: center; background-size: cover; /*width: 260px; height: 260px;*/ position: relative; left: 0px; bottom: 0px; }
@media screen and (min-width:320px) and (max-width:639px){
    .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide { width: 100%; height: 210px; position: relative; top: 0px; left: 0px; background: #676767;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide { width: 100%; height: 240px; position: relative; top: 0px; left: 0px; background: #676767;}
}
@media screen and (min-width:768px) and (max-width:1919px){
  .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide { width: 100%; /*height: 280px;*/ height: auto;}
}
@media screen and (min-width:1920px){
    .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide {width: 100%; height: 330px;}
}

.section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide img { background-position: center;  /*width: 260px; width: 100%; height: 260px; */   }
@media screen and (min-width:320px) and (max-width:639px){
    .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide img { width: 100%; height: auto; position: absolute; top: 0px; left: 0px;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide img { width: 100%; height: auto; position: absolute; top: 0px; left: 0px;}
}
@media screen and (min-width:768px) and (max-width:1919px){
    .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide img { width: 100%; height: auto;}
}
@media screen and (min-width:1920px){
  .section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide img {width: 100%; height: auto;}
}
.section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide .inf {position: absolute;left: 0px; bottom: 0px;  z-index: 10; width: 100%;}
.section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide .inf h3{ background-color: rgba(0, 0, 0, 0.75); line-height: 30px; padding:5px;}
.section_pm_18 .swiper-container_13 .swiper-wrapper .swiper-slide .inf h3 a{ font-size: 16px; color: #fff; text-align: left; font-weight: normal;}






/*科普互动 栏目样式3*/
.section_pm_14{/*margin:0px auto; height:500px; */padding-bottom: 50px;}
.section_pm_14 .swiper-container_9 { position: relative; left: 0px; top: 0px;}
@media screen and (min-width:320px) and (max-width:639px){
    .section_pm_14{ width: 100%; height: 400px;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .section_pm_14{ width: 100%; height: 450px;}
}
@media screen and (min-width:768px){
    .section_pm_14{width: 1100px; /*height: 500px;*/ height: auto; overflow: hidden; margin: 0 auto; /*text-align: center;*/}
}
.section_pm_14 .swiper-container_9 { width: 100%; height: 100%; position: relative;}
.section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide { text-align: center; font-size: 18px; background: #fff;
        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;

    position: relative;left: 0px; bottom: 0px;
    height: auto;
    }
.section_pm_14 .swiper-container_9 .swiper-pagination_9{ margin: 0 auto; text-align: center; line-height: 50px;}
/*.section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide img{ width: 245px; width: 100%; height: 500px;} */
/*pc端设定245px； 移动端设定50%*/
@media screen and (min-width:320px) and (max-width:639px){
    .section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide img{ width: 100%; height: 350px;}
}
@media screen and (min-width:640px) and (max-width:767px){
    .section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide img{ width: 100%; height: 400px;}
}
@media screen and (min-width:768px){
    .section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide img{width: 245px; height: 360px;}
}
.section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide .inf {position: absolute;left: 0px; bottom: 0px;  z-index: 10; width: 100%;}
.section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide .inf h3{ background-color: rgba(0, 0, 0, 0.75); line-height: 30px; padding:5px;}
.section_pm_14 .swiper-container_9 .swiper-wrapper .swiper-slide .inf h3 a{ font-size: 16px; color: #fff; text-align: left; font-weight: normal;}
.section_pm_14 .swiper-container_9 .swiper-pagination_9 .swiper-pagination-bullet { width: 12px;  height: 12px; display: inline-block;  border-radius: 100%;  background: #000;  opacity: .2;}
.section_pm_14 .swiper-container_9 .swiper-pagination_9 .swiper-pagination-bullet-active { opacity: 1; background: #007aff;}

.section_pm_14 .swiper-button-next, .section_pm_14 .swiper-button-prev {top: 40%;}


/* 滚动资讯 栏目样式67 自适应 */

.section-4{ margin: 0 auto;   position: relative;   width: 1100px; /*padding-top: 60px;*/}
.section-4 .col-1 {width: 960px; margin-right: 20px; margin-bottom: 40px; }
.section-4 .col-1 .mod-tile {position: relative; display: none; }
.section-4 .col-1 .mod-tile .caption {padding: 15px; box-sizing: border-box; text-align: left; font-size: 16px; line-height: 1.6; font-weight: 400; display: none; }
.section-4 .col-1 .mod-tile .media img {width: 960px; height: 585px; }
.section-4 .col-2 {width: 220px; margin-bottom: 40px; }
.section-4 .col-2 .contBox {height: 535px; background: #f2f2f2; overflow: hidden; }
.section-4 .col-2 ul li {padding: 20px 10px; box-sizing: border-box; border-bottom: 1px solid #fff; transition: all .4s ease-in-out; cursor: pointer; line-height: 1.5; color: #333; font-size: 16px; height: 89px; }
.section-4 .col-2 ul li span {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.section-4 .col-2 ul li.on {background: #b7280f; color: #fff; }
.section-4 .col-2 .cont_btn {background: #f2f2f2; }
.section-4 .col-2 .cont_btn .button-prev,
.section-4 .col-2 .cont_btn .button-next {cursor: pointer; transition: all .4s ease-in-out; width: 50%; height: 50px; }
.section-4 .col-2 .cont_btn .button-prev {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RkRCNkExOUZCOTMyMTFFQjgwRUNGOTdCRDA0OTczNjgiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RkRCNkExOUVCOTMyMTFFQjgwRUNGOTdCRDA0OTczNjgiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQzNENjIyMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyQzNENjIzMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+FdQHTwAAALZJREFUeNqc07EKwjAQxnEN+AhOli5mEXwKB0WIT5ssVaiCm4Mujr6BUxE6+x3cySmNSXvwh5I2P2hKx977UWIKtEcTtEUPfdM59/WwycBOaIEsX9t/G0wGNkcXdESzFGoysTW9HTqn0C5wymemsQa1aMdrUdR0YDWfmcZkGl77oCEEGwMFW0awLNT0xH7Rm0JLAftiGt2gO6M10ILAagAm80QrRukjVgS+0GEAJn+KoFfa/xZgABINQajzgXeTAAAAAElFTkSuQmCC") no-repeat center center; }
.section-4 .col-2 .cont_btn .button-prev:hover {background: #b7280f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDRDNzRBOTNCOTMyMTFFQjk0NUFBNTQ1QjhFMjIxOEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDRDNzRBOTJCOTMyMTFFQjk0NUFBNTQ1QjhFMjIxOEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQzNENjIyMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyQzNENjIzMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+sc0ryQAAAIdJREFUeNqc0aEOgCAUheFrtZBozOQr+a4mN20Wi9Oi0RcwmvCwwSTA7hW2nwDs0wFZa4nJoB0dqOXOS7DTfuPiUCk2o0GCSjGFajRxaArT/s5iLOwpv5ZFU9iawUToX4xFS7AYXSK0CWAJlvoR94iGoq/8xVLoVmEaiehBHbqpbGjUO+cVYACyLJAansjtnQAAAABJRU5ErkJggg==") no-repeat center center; }
.section-4 .col-2 .cont_btn .button-next {background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowMkMzRDYyMjA3QTYxMUVBODVBNDg1MTkxQURDQ0ZFNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowMkMzRDYyMzA3QTYxMUVBODVBNDg1MTkxQURDQ0ZFNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQzNENjIwMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyQzNENjIxMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+KGQpxgAAAMJJREFUeNqc0LEKwjAQxvEzOAnSqW/hokM3QQTrktUnTQZ1EH0HoUtdpE5ODg5ufgcXCCWJpoF/KeTyg2RkjLkQ0Qft0Isyl9aarLUlfvfsKHymaIOOqMgFBTuhBZ9ncIuuqBqAOmyGbmwx+ETrASjPHAR7sIHrd0o2c9FCZuaCrYDdeUN5Q/+iDqs8rHWbqjfs0CaCJrEQ6NBaHtlHJ8j4GGr7h8eRN+rkwNlD32iZwlJgCKVfWOzKIbQRJInx+gowAMbGQiobt16jAAAAAElFTkSuQmCC") no-repeat center center; }
.section-4 .col-2 .cont_btn .button-next:hover {background: #b7280f url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAALCAYAAAB/Ca1DAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDYuMC1jMDA2IDc5LjE2NDc1MywgMjAyMS8wMi8xNS0xMTo1MjoxMyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6M0E2MjNBOENCOTMyMTFFQkFCMzVCNDgyRjA4QkMzOEUiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6M0E2MjNBOEJCOTMyMTFFQkFCMzVCNDgyRjA4QkMzOEUiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjAyQzNENjIyMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjAyQzNENjIzMDdBNjExRUE4NUE0ODUxOTFBRENDRkU1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+c0cOsQAAAJNJREFUeNqc0L0OQDAUhuFjtXSyicktuVeThM1iERZGN2A01VfapJGeHjR5l/48TZtorVsiOlCFdvo3MlRfDsBB36NHCtHHMjRaY3pOfEX9syvKQwtvUeW9bkOFmeduk1Bl9zisdGuxJ3Aoi4VAh84MGsU40JTbT/bRFHUxLAaG0EbCJPCJitgb0KHmTxcJM50CDAClrZAaIF8ieAAAAABJRU5ErkJggg==") no-repeat center center; }
.section-4 .mod-topics {width: calc(100%/2 - 10px); margin-left: calc(10px*2 / 1); margin-bottom: calc(10px*2 / 1); background-color: #fff; border-radius:8px; position: relative; padding: 20px 30px 20px 40px; }
.section-4 .mod-topics .topic {height: inherit; line-height: 1.6; font-size: 16px; color: #333; font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.section-4 .mod-topics .topic a{color: #333; }
  .section-4 .mod-topics .abstract { font-size:14px; text-align: justify; line-height: 1.6; margin-top: 5px; color: #888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.section-4 .mod-topics:nth-child(odd) {margin-left: 0; }
.section-4 .mod-topics .order {position: absolute; top: 0; left: 0; width: 24px; height: 20px; line-height: 25px; color: #fff; font-family: cursive; font-size: 16px; text-align: center; background-color: #24adbd; }
.section-4 .mod-topics .order::after {
    content: "";
    display: block;
    /*设置宽高为 0 */
    width: 0;
    height: 0;
    /*IE6下，height:0;不顶用，可使用font-size:0; + overflow:hidden;修复此问题*/
    font-size: 0;
    overflow: hidden;
    margin-top: 20px;
    border-width: 12px;
    border-top-width: 10px;
    /*边框颜色：上 右 下 左 （从上边框开始 顺时针方向）*/
    border-color: #24adbd transparent transparent transparent;
    /*为了兼容IE6，所有设置为透明（transparent）的边，需要设置为dashed；有颜色的边设置为solid*/
    border-style: solid dashed dashed dashed;
}





/* goback pc端 */
.RTools { position: fixed; _position: absolute; right: 10px; bottom: 200px; width: 60px; z-index: 10000; display: none;}
.RTools .qrcode { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 5px/* 5px 0*/; border: 1px solid #ccc; background-color: #f7f7f7 !important; right: 0; bottom: 70px; position: absolute;}
.RTools .qrcode canvas { width: 100%; height: auto;}
.RTools .qrcode:hover::after { content: '扫描分享'; width: 100%; color: #333; font-size: 16px; display: block; text-align: center;}
.RTools .qrcode:hover { transform: translate(0, 0); animation: change 1s; -moz-animation: change 1s; -webkit-animation: change 1s; -mozanimation-fill-mode: forwards; -webkit-animation-fill-mode: forwards; overflow: hidden; width: 100%;}
@keyframes change {
  from {   width: 48px;  height: 48px;  opacity: 1; }
  to {  width: 100px;  height: 125px;  opacity: 1; }
}
.RTools .gototop { width: 60px; height: 60px; cursor: pointer; background: #24adbd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;
  transition: .3s; opacity: 0; filter: alpha(opacity=0);}
.show { display: block;}
.adBottom {  background: #00a0e9; /*padding: 20px 0 40px;*/}


/* goback 移动端 */
@media (max-width: 768px) {
.RTools{position:fixed; _position:absolute; right:10px;bottom:100px;width:60px;z-index:10000; display:none;}
.RTools .qrcode{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:5px 5px 0;border:1px solid #ccc;background-color:#f7f7f7 !important;right:0;bottom:70px;position:absolute; display:none;}
.RTools .qrcode canvas{width:100%;height:auto;}
.RTools .qrcode:hover::after{content:'扫描分享';width:100%;margin:5px auto 0;color:#333;font-size:20px;display:block;text-align:center;}
.RTools .qrcode:hover{transform:translate(0,0);animation:change 1s;-moz-animation:change 1s;-webkit-animation:change 1s;-mozanimation-fill-mode:forwards;-webkit-animation-fill-mode:forwards;overflow:hidden;width:100%;}
/* 用来改变二维码大小 */
@keyframes change{
    from{width:48px;height:48px;opacity:1;}
    to{width:268px;height:310px;opacity:1;}
}
/* 用来改变二维码大小 */
.RTools .gototop{width:60px;height:60px;cursor:pointer;background:#24adbd url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAMAAAANIilAAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAAGUExURf///0RERMf1+eoAAAACdFJOU/8A5bcwSgAAAE1JREFUeNrs0yEOwDAQA8HN/z9ddiy2krJ2j1gGg6xjvTjEYrFY/CEM9xiyptioaTZpqg2aaCfO8KCkKTZq+kg3eFP8KrFYLP4pfgQYAJQnDccrVqXcAAAAAElFTkSuQmCC) no-repeat 50% 50%;transition:.3s;opacity:0;filter:alpha(opacity=0);}
.show{display:block;}
@media screen and (min-width:0px) and (max-width:767px){
    .RTools{width:40px;}
    .RTools .gototop{width:40px;height:40px;}
}
}


.footer {padding: 50px 0; /*background: #da3c3b; background-color: #2998e6;*/ background-image: linear-gradient(#9de1f0, #26abd4); text-align: center; color: #fff; /*border-top: #df0045 solid 5px;*/ margin-top: 80px;}
.footer p {line-height: 2; font-size: 16px; }
@media screen and (min-width:0px) and (max-width:767px){
.footer {padding: 30px 0; /*background: #2998e6;*/ text-align: center; background-image: linear-gradient(#9de1f0, #26abd4); }
.footer p {line-height: 2; font-size: 12px; margin: 0 auto; word-spacing: -1px; letter-spacing: 0px; color: #ffffff; }
}





