﻿/*
  auther:#2146 dxl
  date:2022.04
*/

/* 横幅 开始*/
.greek_ind01 {width: 100%; height: 108px;}
.greek_ind01 a {display: block; width: 100%;height: 100%;}
.greek_ind01 a img {width: 100%;height: 100%;}
/* 横幅 结束*/


/* 轮播及简介 开始*/
.greek_ind02 {max-width: 1200px;}
.greek_ind02 .swiperleft {width: 590px;height: 398px;}
.greek_ind02 .swiperleft .swiper-container {position: relative; height: 100%;overflow: hidden;}
.greek_ind02 .swiperleft .swiper-container ul {width: 10000px;}
.greek_ind02 .swiperleft .swiper-container ul li {width: 590px; position: relative; float: left;}
.greek_ind02 .swiperleft .swiper-container ul li .swiper_img{ display: block; width: 100%; height: 338px}
.greek_ind02 .swiperleft .swiper-container ul li .swiper_img img {width: 100%;height: 100%;}
.greek_ind02 .swiperleft .swiper-container ul li .swiper_titile {position: absolute; bottom: -60px; left: 0; width: 100%;background-color: transparent; height: 60px; overflow: hidden;}
.greek_ind02 .swiperleft .swiper-container ul li .swiper_titile a{ display: block; font: 16px "Arial"; font-weight: 700; line-height: 24px;  color: #000; margin: 10px 15px;  }
.greek_ind02 .swiperleft .swiper-container ul li .swiper_titile a:hover {color: #305798;}

.greek_ind02 .swiperleft .swiper-container .pagination { position: absolute; z-index: 20; bottom: 70px; right: -1%; width: 100%; text-align: right; }
.greek_ind02 .swiperleft .swiper-container .pagination .swiper-pagination-bullet { display: inline-block; width: 14px; height: 14px; border-radius: 14px; background: #fff; margin-right: 10px; opacity: 0.8; border: 0px; cursor: pointer; }
.greek_ind02 .swiperleft .swiper-container .pagination .swiper-pagination-bullet-active { background: #d30b0d; }

.greek_ind02 .swiperright {width: 610px;height: 387px;overflow: hidden; background-color: transparent;}
.greek_ind02 .swiperright .newsList {margin: -1px 20px 0; border-top: 1px dashed #dddddd; color: #221815;}
.greek_ind02 .swiperright .newsList h2 a {display: block; font-size: 16px; font-weight: 700; line-height: 28px; width: 100%; color: #221815;}
.greek_ind02 .swiperright .newsList h2 a:hover {color: #305798;}
.greek_ind02 .swiperright .newsList p {font-size: 12px; line-height: 20px; color: #666666; height: auto; overflow: hidden; margin: 0 0 8px;}
.greek_ind02 .more {float: right;}
.greek_ind02 .more a {font-size: 12px; color: #666; font-weight: 700; margin-right: 20px;}
/* 轮播及简介 结束*/

/* 通用一行三内容 开始 */
.greek_con01{}
/* 通用一行三内容 结束 */

/* 专题 开始*/
.greek_ind03 {}
.greek_ind03 .special_item {float: left; width: 385px; height: 90px; margin-top: 22px; margin-right: 22px;}
.greek_ind03 .special_item.last {margin-right: 0;}
.greek_ind03 .special_item a {display: block; width: 100%; height: 100%;}
.greek_ind03 .special_item a img {width: 100%; height: 100%;} 
/* 专题 开始*/

/* 新闻卡片 左图右文字 当没有图片时文字占满（不带分页） 开始 */
.greek_ind04 {margin-top: 60px;}
.greek_ind04 .news_imgleft {width: 100%; margin-top: 15px; overflow: hidden;}
.greek_ind04 .news_imgleft.noimage .ni_img {display: none;}
.greek_ind04 .news_imgleft.noimage .ni_box {margin-left: 0;}
.greek_ind04 .news_imgleft .ni_img {width: 450px;height: 253px; float: left; overflow: hidden;}
.greek_ind04 .news_imgleft .ni_img a img {width: 100%;}
.greek_ind04 .news_imgleft .ni_box {margin-left: 465px;} 
.greek_ind04 .news_imgleft .ni_box .nib_title{max-height: 56px; overflow: hidden;}
.greek_ind04 .news_imgleft .ni_box .nib_title a {font-size: 24px; font-weight: bold; line-height: 28px;}
.greek_ind04 .news_imgleft .ni_box .nib_brief{font-size: 14px; line-height: 18px; color: #666; margin-top: 10px ;}
/* 新闻卡片 左图右文字 当没有图片时文字占满（不带分页） 结束 */

/* 新闻卡片 左图右文字 当没有图片时文字占满（带分页） 开始 */
.greek_ind05 {margin-top: 15px;}
.greek_ind05 .news_imgleft {width: 100%;padding: 30px 0; overflow: hidden; border-bottom: 1px dotted #333333;}
.greek_ind05 .news_imgleft.noimage .ni_img {display: none;}
.greek_ind05 .news_imgleft.noimage .ni_box {margin-left: 0;}
.greek_ind05 .news_imgleft .ni_img {float: left; overflow: hidden;}
.greek_ind05 .news_imgleft .ni_img a img {width: 450px;height: 253px; margin-right: 15px;}
.greek_ind05 .news_imgleft .ni_box {} 
.greek_ind05 .news_imgleft .ni_box .nib_title{max-height: 56px; overflow: hidden;}
.greek_ind05 .news_imgleft .ni_box .nib_title a {font-size: 24px; font-weight: normal; line-height: 28px;}
.greek_ind05 .news_imgleft .ni_box .nib_brief{font-size: 18px; line-height: 23px; color: #666; margin-top: 25px ;}
/* 新闻卡片 左图右文字 当没有图片时文字占满（带分页） 结束 */

/* 通用新闻卡片 排版结构 图片上 标题中 简介下 (带分页) 开始 */
.greek_ind06 {}
.greek_ind06 .news_List:hover {background-color: #efedee;}
/* 通用新闻卡片 排版结构 图片上 标题中 简介下 (带分页) 结束 */

/* 音频模块 开始 */
.greek_con03 {}
.greek_con03 ul {}
.greek_con03 ul li {width: 100%; padding: 25px 0; border-bottom: 4px solid #E1E1E1 ;}
.greek_con03 ul li h3 {width: 100%; height: 22px; }
.greek_con03 ul li h3 a {font-size: 12px; font-weight: 700; line-height: 22px;}
.greek_con03 ul li h3 a:hover {color: #000; border-bottom: 1px solid #000;}
.greek_con03 ul li p {width: 100%; margin-bottom: 10px; font-size: 12px; line-height: 21px;}
.greek_con03 ul li .audio_play {width: 92%;height: 54px; margin: 0 4%; border-radius: 30px; background-color: skyblue;}

/* 音频模块 结束 */

/* 音频列表模块(带分页) 开始 */
.greek_ind07 {}
.greek_ind07 .audio_list {padding: 0 15px;}
.greek_ind07 .audio_list li {padding: 0 5px;}
.greek_ind07 .audio_list li h3 {padding: 5px 0;}
.greek_ind07 .audio_list li h3 a {font-size: 14px; color: #333333; font-weight: 700; line-height: 25px;}
.greek_ind07 .audio_list li h3 a:hover {text-decoration: underline;}
/* 音频列表模块(带分页) 结束 */

/* 底层页内容主体区域 开始 */
.column_wrapper_1100_680 {width: 1100px;}
.column_wrapper_1100_680 .col_w1100 {width: 1100px;}
.column_wrapper_1100_680 .col_w680 {width: 680px; margin-top: 50px;}
.article {}
.article .article_header {text-align: center;}
.article .article_header .ah_title {padding-bottom: 15px;font-size: 24px; font-weight: normal; line-height: 28px;}
.article .article_header .ah_publishtime {padding-bottom: 10px; color: #999; border-bottom: 1px dashed #cbcbcb; font-size: 14px; line-height: 28px;}
.article .article_content {padding-top: 10px;}
.article .article_content .pcenter {text-align: center; height: auto; line-height: 0;}
.article .article_content .news_img_title {margin: 0; font-size: 15px; line-height: 1.6em; color: #666; text-align: center; padding-top: 10px;}
.article .article_content p {margin-top: 20px; width: 100%; text-align: justify; font-size: 16px; line-height: 29px;}
.article .article_content p video {width: 100%;}

.article_more {}
.article_more .greek_con04 {margin-top: 15px;}
.article_more .greek_con04 a {display: block;font-size: 16px; line-height: 24px; padding: 16px 0 17px; overflow: hidden;}
.article_more .greek_con04 a:nth-child(odd) { background: #efeded; }
.article_more .greek_con04 a em { float: left; font-style: normal; background: #dc255c; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 40px; font-size: 24px; margin: 4px 0 0 20px; }
.article_more .greek_con04 a span { display: block; margin-left: 76px; height: 48px; padding-right: 15px; overflow: hidden; }

.article_more .greek_con05 {border: 1px solid #d9d9d9; margin-top: 5px; padding: 15px 38px; overflow: hidden;}
.article_more .greek_con05 a { float: left; margin: 9px 20px; width: 58px; }
.article_more .greek_con05 a img { width: 58px; height: 58px; border-radius: 100px; }
/* 底层页内容主体区域 结束 */




@media screen and (max-width:1024px) {
  /* ------------ 横幅 ------------ */
  .greek_ind01 {width: 100%; height: 2.375rem;}
  
  /* ------------ 轮播及简介 ------------ */
  .greek_ind02 {width: 100%;}
  .greek_ind02 .swiperleft {width: 100%;height: auto;}
  .greek_ind02 .swiperleft .swiper-container ul {width: 10000px;}
  .greek_ind02 .swiperleft .swiper-container ul li {width: 100%; position: relative; float: left;}
  .greek_ind02 .swiperleft .swiper-container ul li .swiper_img{ display: block; position: relative; width: 100%; padding-top: 56.25%; height: auto}
  .greek_ind02 .swiperleft .swiper-container ul li .swiper_img img {position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
  .greek_ind02 .swiperleft .swiper-container ul li .swiper_titile {position: inherit; bottom: 0; width: 100%;background-color: transparent; height: 60px; overflow: hidden;}
  .greek_ind02 .swiperleft .swiper-container ul li .swiper_titile a{ display: block; font: 16px "Arial"; font-weight: 700; line-height: 24px;  color: #000; margin: 10px 15px;  }
  .greek_ind02 .swiperleft .swiper-container ul li .swiper_titile a:hover {color: #305798;}
  .greek_ind02 .swiperleft .swiper-container .pagination { position: absolute; z-index: 20; bottom: 4rem; right: -1%; width: 100%; text-align: right; }

  .greek_ind02 .swiperright {width: 100%; height: auto;}
  .greek_ind02 .swiperright .newsList {margin: -1px .3125rem 0;}
  .greek_ind02 .swiperright .newsList h2 a {display: block; font-size: 1rem; font-weight: 700; line-height: 1.75rem; width: 100%; color: #221815;}
  .greek_ind02 .swiperright .newsList h2 a:hover {color: #000;}
  .greek_ind02 .swiperright .newsList p {font-size: .75rem; line-height: 1.25rem; color: #666666; height: auto; overflow: hidden; margin: 0 0 8px;}
  .greek_ind02 .swiperright .more {float: right;}
  .greek_ind02 .swiperright .more a {font-size: .75rem; color: #666; font-weight: 700; margin-right: .625rem;}
  
  /* ------------ 专题 ------------ */
  .greek_ind03 .special_item {width: 100%;height: 5.625rem; margin-top: 1.375rem; margin-right: 0;}
  
  /* ------------  新闻卡片 左图右文字 当没有图片时文字占满（不带分页） ------------ */
  .greek_ind04 {margin-top: 3.75rem;}
  .greek_ind04 .news_imgleft {width: 88%; margin: .625rem 4% 0; padding: 2%; background-color: #f3f3f3;}
  .greek_ind04 .news_imgleft.noimage .ni_img {display: none;}
  .greek_ind04 .news_imgleft.noimage .ni_box {margin-left: 0;}
  .greek_ind04 .news_imgleft .ni_img {position: relative; width: 100%; height: auto; padding-top: 56.25%; float: none;}
  .greek_ind04 .news_imgleft .ni_img a {width: 100%; height: 100%;display: block; position: absolute;top: 0;left: 0;}
  .greek_ind04 .news_imgleft .ni_img a img {width: 100%;height: 100%;}
  .greek_ind04 .news_imgleft .ni_box {margin-left: 0;} 
  .greek_ind04 .news_imgleft .ni_box .nib_title{max-height: none; height: auto;}
  .greek_ind04 .news_imgleft .ni_box .nib_title a {font-size: 1rem; font-weight: bold; line-height: 1.375rem;}
  .greek_ind04 .news_imgleft .ni_box .nib_title a:hover {color: #000;}
  .greek_ind04 .news_imgleft .ni_box .nib_brief{font-size: .875rem; line-height: 1.125rem; color: #666; margin-top: .5rem ;}
  
  /* ------------  新闻卡片 左图右文字 当没有图片时文字占满（带分页） ------------ */
  .greek_ind05 {margin-top: .9375rem;}
  .greek_ind05 .news_imgleft {width: 96%; margin: .625rem 2% 0; padding: 0; background-color: #fff; border-bottom: 0;}
  .greek_ind05 .news_imgleft.noimage .ni_img {display: none;}
  .greek_ind05 .news_imgleft.noimage .ni_box {margin-left: 0;}
  .greek_ind05 .news_imgleft .ni_img {float: none;}
  .greek_ind05 .news_imgleft .ni_img a {display: block;}
  .greek_ind05 .news_imgleft .ni_img a img {width: 100%;height: 56.25%; margin-right: 0;}
  .greek_ind05 .news_imgleft .ni_box {margin-left: 0; padding: 2%; height: auto;} 
  .greek_ind05 .news_imgleft .ni_box .nib_title{max-height: none; height: auto;}
  .greek_ind05 .news_imgleft .ni_box .nib_title a {font-size: .875rem; font-weight: normal; line-height: 1.125rem;}
  .greek_ind05 .news_imgleft .ni_box .nib_title a:hover {color: #000;}
  .greek_ind05 .news_imgleft .ni_box .nib_brief{font-size: .75rem; line-height: 1.125rem; color: #666; margin-top: .625rem ;}
  
  /* 音频模块 */
  .greek_con03 {}
  .greek_con03 ul {}
  .greek_con03 ul li {width: 96%; padding: 1.5625rem 2%; border-bottom: .25rem solid #E1E1E1 ;}
  .greek_con03 ul li h3 {width: 100%; height: auto; }
  .greek_con03 ul li h3 a {font-size: .75rem; line-height: 1.375rem;}
  .greek_con03 ul li h3 a:hover {color: #000; border-bottom: 1px solid #000;}
  .greek_con03 ul li p {width: 100%; margin-bottom: .625rem; font-size: .75rem; line-height: 1.3125rem;}
  .greek_con03 ul li .audio_play {width: 92%;height: 3.375rem; margin: 0 4%; border-radius: 1.875rem; background-color: skyblue;}
  
  /* 音频列表模块(带分页) */
  .greek_ind07 {}
  .greek_ind07 .audio_list {padding: 0 .9375rem;}
  .greek_ind07 .audio_list li {padding: 0 .3125rem;}
  .greek_ind07 .audio_list li h3 {padding: .3125rem 0;}
  .greek_ind07 .audio_list li h3 a {font-size: .875rem; line-height: 1.5625rem;}

  /* 底层页内容主体区域 */
  .column_wrapper_1100_680 {width: 100%;}
  .column_wrapper_1100_680 .col_w1100 {width: 100%;}
  .column_wrapper_1100_680 .col_w680 {width: 100%; margin-top: 3.125rem;}
  .article {width: 96%; padding: .625rem 2% 1.25rem;}
  .article .article_header .ah_title {padding-bottom: .9375rem;font-size: 1.5rem; line-height: 1.75rem;}
  .article .article_header .ah_publishtime {padding-bottom: .625rem;font-size: 14px; line-height: 1.75rem;}
  .article .article_content {padding-top: .625rem;}
  .article .article_content .pcenter {position: relative; width: 100%; padding-top: 56.25%;}
  .article .article_content .pcenter img {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
  .article .article_content .news_img_title {font-size: .9375rem; line-height: 1.6em; padding-top: .625rem;}
  .article .article_content p {margin-top: 1.25rem;text-align: justify; font-size: 1rem; line-height: 1.8125rem;}

  .article_more .greek_con04 {margin-top: .9375rem;}
  .article_more .greek_con04 a {display: block;font-size: 1rem; line-height: 1.25rem; padding: .875rem 0;}
  .article_more .greek_con04 a em {width: 2rem; height: 2rem; text-align: center; line-height: 2rem; border-radius: 2rem; font-size: 1rem; margin: .125rem .9375rem; }
  .article_more .greek_con04 a span {margin-left: 3.125rem; height: 2.5rem; padding-right: .9375rem;}

  .article_more .greek_con05 {border: 1px solid #d9d9d9; margin: .3125rem 2% 0; padding: .9375rem .625rem;}
  .article_more .greek_con05 a {margin: .5rem .9375rem; width: 3.125rem; height: 3.125rem;}
  .article_more .greek_con05 a img { width: 3.125rem; height: 3.125rem; border-radius: 6.25rem; }
}