@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px}
body{font-size:12px; font-family:"微软雅黑";color:#000;}
img{border: 0;}
li{ list-style:none;}
.fl{float:left;}
.fr{float:right}
.cl{clear:both;}
a{ text-decoration: none; }
a:hover{ text-decoration:none; }
cite{ font-style:normal; float:right}
cite a{ color:#333}
/***************通用部分***************/
.page{ width:94%; margin:0 auto; padding:20px 0}




.min_hover{ width:100%; height:60px; position:absolute; left:0; bottom:0; opacity:0.5; filter:alpha(opacity=50); background:#000; display:none}
.min_text{height:60px; position:absolute; left:0; bottom:0; line-height:40px; text-align:center; font-size:16px; width:calc(100% - 20px); padding:0 10px; color:#fff;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;display:none}
.min_text a{ color:#fff}
.swiper5 .swiper-slide-active .min_hover, .swiper5 .swiper-slide-active .min_text{ display:block}

.z_page{width:80%}

.header_news{ text-align:center; font-size:30px; color:#d40f16; height:160px; line-height:160px; font-weight:bold}
.header_news a{ color:#d40f16}
.header_news span{ background:#d41014; color:#fff; margin-right:15px; border-radius:20px; padding:2px 20px}
.header_news span a{ color:#fff}

.min_left{ width:28%; float:left;transition:2s ease-in-out; margin-right:2%}
.min_left_02{ width:40%; float:left;transition:2s ease-in-out; margin-right:2%}
.min_right{ width:calc(28% - 40px); padding:0 20px; float:right;transition:2s ease-in-out; background:#f0f0f0}
.min_title{ line-height:44px; height:44px; border-bottom:1px #d3d3d3 solid; margin-bottom:30px; font-weight:bold}
.min_title img{ float:left; vertical-align:middle; display:block; margin-right:10px; margin-top:5px; width:30px}
.min_title span{ font-size:22px; color:#000; float:left}
.min_title cite a, .min_title1 cite a{ color:#5fb8c0}

.min_left_img img{aspect-ratio: 16 / 9; /* 设置宽高比例 */width: 100%; /* 设置图片宽度 */transition: all .4s;}
.min_left_img:hover img{ transform:scale(1.1)}
ul.f68d16 li{ height:72px; border-bottom:1px #dddddd solid;}
ul.f68d16 li span{ line-height:30px; font-size:14px; color:#337186}
ul.f68d16 li a{ display:block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; font-size:18px; color:#000;transition: all .4s;}

.min_flash{ height:auto; margin-bottom:30px}
.min_flash img{ width:100%;aspect-ratio: 16 / 9; }
.swiper5 .swiper-slide {width: 80%;aspect-ratio: 16 / 9}

.min_pix{ display:block; position: relative;}

ul.f52d16 li{ margin-bottom:25px; height:54px}
ul.f52d16 li span{ display:block; width:75px; height:55px; border:1px #d8eaee solid; background:#ecfbff; text-align:center; line-height:26px;color:#005c75; float:left; font-size:16px}
ul.f52d16 li span strong{ font-size:20px; display:block; color:#005c75}
ul.f52d16 li a{ width:calc(100% - 90px); float:right; height:53px;display: flex;align-items: center; line-height:26px; font-size:18px; color:#212121; border-bottom:1px #d6e9ed solid;transition: all .4s;}

.min_title1{ text-align:center; padding-top:15px; margin-bottom:15px; }
.min_title1 img{ display:block; margin:0 auto 10px}
.min_title1 span{ font-size:26px; padding-left:50px;}
.min_right ul.f68d16 li{ background:#fff; margin-bottom:20px; padding:0 10px;height:80px;}


/****第二部分****/
.wrap{ background:url(bg1.jpg) no-repeat center top; padding-top:40px; height:775px}
.wrap_left{ width:24.5%; float:left;}
.wrap_right{ float:right; width:72.2%}
.tb_, .tb1_{ height:54px}
.tb_ li, .tb1_ li {cursor:pointer;line-height:54px;display:inline;text-align:center; font-size:24px; height:54px;  overflow:hidden; float:left; padding-left:35px; margin-right:5%}
.hovertab, .hovertab1{color:#ae0d13;font-weight:bold; background:url(dis.png) no-repeat center left; background-size:22% auto}
.normaltab, .normaltab1{color:#010002;}
.dis {display:block;}
.undis {display:none;}

ul.f50d16{ background:#fff; padding:15px; box-shadow:5px 5px 5px 5px rgb(0,0,0,0.3)}
ul.f50d16 li{ height:50px; line-height:50px;color:#999;font-size:16px;}
ul.f50d16 li a{  color:#000; float:left; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; width:calc(100% - 60px);transition: all .4s;}
ul.f50d16 li a:hover, ul.f52d16 li a:hover, ul.f68d16 li a:hover {color: rgb(2,76,161);transform: translateX(10px);}
ul.f50d16 li span{ float:right; color:#005a75}
ul.f50d16 li:before{ float:left; width:5px; height:5px; background:#2d2d2d; content:""; border-radius:50%; margin-top:22px; margin-right:5px}

.tdn1 ul.f50d16 li{ float:left; width:45%}
.tdn1 ul.f50d16 li:nth-child(2n+2){ float:right}
.min_more{ text-align:right; line-height:40px; font-size:14px; color:#000}
.min_more a{ color:#000}
.min_title2{ text-align:center; background:url(gg.png) no-repeat center center}
.min_title2 img{ max-width:100%}
.min_fw{ padding-top:20px;display: flex;justify-content:center;flex-wrap:wrap;}
.min_g_pix{ background:#fff; width:calc(17% - 25px);aspect-ratio: 1 / 1; float:left; margin-right:25px; text-align:center; font-size:18px; color:#101010; max-width:150px;transition: 0.5s ease-in-out;}
.min_g_pix:nth-child(1){background:#fff url(g_01.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(2){background:#fff url(g_2.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(3){background:#fff url(g_3.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(4){background:#fff url(g_4.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(5){background:#fff url(g_5.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(6){background:#fff url(g_6.png) no-repeat center 15px; background-size:35% auto; margin-right:0; }
.min_g_pix a{ color:#101010; padding-top:55%; display:block; font-weight:bold}
.min_g_pix:hover a{ color:#fff}
.min_g_pix:nth-child(1):hover{background:#3393a1 url(g_02.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(2):hover{background:#3393a1 url(g_21.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(3):hover{background:#3393a1 url(g_31.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(4):hover{background:#3393a1 url(g_41.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(5):hover{background:#3393a1 url(g_51.png) no-repeat center 15px; background-size:35% auto}
.min_g_pix:nth-child(6):hover{background:#3393a1 url(g_61.png) no-repeat center 15px; background-size:35% auto; margin-right:0; }

/******第三部分******/
.wrap1{ background: url(bg2.jpg) no-repeat center top;}
.mySwiper .swiper-horizontal>.swiper-pagination-bullets, .mySwiper .swiper-pagination-bullets.swiper-pagination-horizontal, .mySwiper .swiper-pagination-custom, .mySwiper .swiper-pagination-fraction{ bottom:auto; top:0; z-index:99999; height:40px; left:auto; right:0}

.swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;transition: all .4s;}
.mySwiper2 .swiper-slide, .mySwiper3 .swiper-slide{ aspect-ratio: 16 / 9; text-align:center; font-size:18px;}
.mySwiper2 .swiper-slide span, .mySwiper3 .swiper-slide span{ line-height:40px}
.mySwiper2 .swiper-slide a, .mySwiper3 .swiper-slide a{ color:#000}
.mySwiper2 .swiper-slide:hover img, .mySwiper3 .swiper-slide:hover img{ transform:scale(1.1)}
.mySwiper .swiper-pagination-bullet:nth-child(1):after{ content:"图片"; display:inline-block; color:#4e4c4d}
.mySwiper .swiper-pagination-bullet:nth-child(2):after{ content:"视频"; display:inline-block; color:#4e4c4d}
.mySwiper .mySwiper2 .swiper-pagination-bullet, .mySwiper .mySwiper3 .swiper-pagination-bullet{ display:none}

.swiper5 .swiper-horizontal>.swiper-pagination-bullets, .swiper5 .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper5 .swiper-pagination-custom, .swiper-pagination-fraction{ width:auto; left:75px;}
.swiper5  .swiper-pagination-bullet{ width:30px; height:5px; background:#fff; opacity:1; border-radius:2px}
.swiper5  .swiper-pagination-bullet-active{ background:#81c0c7!important}
.swiper5  .swiper-pagination-bullet-active:after{ color:#81c0c7!important}

/**底部**/
.min_link{ height:169px; background:#3293a0}
.min_link_left{ width:calc(100% - 100px);}
.min_link_left h1{ float:left; line-height:42px; font-size:18px; color:#fff}
.min_link_left ul{ float:left; width:calc(100% - 100px)}
.min_link_left ul li{ float:left; height:42px; width:calc(33% - 63px); text-align:center; line-height:42px; font-size:20px; background: #5ba9b3; margin-right:63px; margin-bottom:30px}
.min_link_left ul li a{ color:#fff}

.min_link_right{ text-align:center; float:right; width:100px;}
.min_link_right p{ font-size:16px; line-height:30px; color:#fff}


.min_footer{ background:#236770; text-align:center; padding:20px 0 0}
.min_footer p{ font-size:16px; color:#fff; line-height:40px}
.min_footer p span{ padding:0 10px}
.min_footer p a{ color:#fff}



/****第一部分****/
.mySwiper4 .swiper-slide{ height:780px; text-align:center;object-fit: cover;}



.bread{text-align:left; color:#fff;height: 60px;line-height: 60px;font-size: 18px;border-bottom:1px #ddd solid; color:#000; margin-bottom:20px }
.bread a{ color:#000}

.min_con_text{ padding:10px 0; margin-bottom:25px;border-bottom:5px #3292a0 solid;}
.min_con_text h1{ line-height:50px; font-size:32px; text-align:center; color:#000; padding-bottom:25px; }
.post_source{ line-height:26px; font-size:14px; color:#8e8e8e; background:url(time.png) no-repeat left center; padding-left:30px}
.min_con_nr{ line-height:36px; font-size:16px; color:#000}
.min_con_nr img, .min_con_nr video{ display:block; margin:0 auto; max-width: 100%;}
.min_con_nr p{ margin-bottom:20px; text-indent:32px;-webkit-line-clamp: 20;line-clamp: 20}


.page1{ width:80%; margin:0 auto; padding:20px 0}

@media screen and (max-width: 1590px){
.min_right ul.f68d16 li{ background:#fff; margin-bottom:12px; padding:0 10px;height:72px;}
    .tb_ li, .tb1_ li{margin-right:0; font-size:20px}
}
@media screen and (max-width: 1398px){

  .tb_ li, .tb1_ li{margin-right:0; font-size:20px}
}
@media screen and (max-width: 1020px){
.page, .z_page{ width:94%; padding:0}
.min_left,  .min_left_01, .min_left_02, .wrap_left, .wrap_right, .min_link_left, .min_link_right{ width:100%; height:auto; float:none; padding:0}
.min_right{width:calc(100% - 40px); height:auto; float:none;}
.wrap, .wrap1{ height:auto}
.tb1_, .tb_ {overflow-x: scroll;white-space: nowrap;padding: 0.2em 0 1em; overflow-y:hidden}
.tb1_ li, .tb_ li {cursor: pointer;display: inline-block;float:none; font-size:18px; margin:0; padding:0 15px 0 35px }
.min_fw{ margin-bottom:30px}
.min_g_pix{ width:calc(30% - 25px)}
.min_g_pix:nth-child(3){ margin-right:0}
.min_link_left, .min_link { display:none}

.min_link{ height:auto; padding-top:15px}
.min_footer p span{ display:block}
.min_title{ padding-top:40px}
.min_footer p:nth-child(1) span:nth-child(2), .min_footer p:nth-child(1) span:nth-child(4), .min_footer p:nth-child(2) span:nth-child(2){ display:none}
.min_title2{ background:none}
.mySwiper2 .swiper-slide span, .mySwiper3 .swiper-slide span{ line-height:inherit; padding:15px 0; display:block; font-size:1.6rem}
.tdn1 ul.f50d16 li{ width:100%; float:none}

.min_con_text h1{ font-size:22px; line-height:inherit}
}