﻿/* 2024.05.09 */
/* .tc_bg{ display: none !important;} */

/* 首页-新闻 */
/* .footer{ height: auto;} */
.wrap_1300{ width: 1300px;}
.x_news_box{ padding-top: 180px; background: #fff; position: relative; z-index: 1; overflow: hidden;}
.x_news_box .top{ display: flex; justify-content: space-between; padding-bottom: 90px;}
.x_news_box .top .title{ font-size: 36px;}
.x_news_box .top .btn a{display: inline-block; position: relative; width: 180px; height: 52px; line-height: 49px; font-size: 16px; color: #fff; background: #25c4d1; border: 2px solid #25c4d1; box-sizing: border-box; text-align: center; letter-spacing: 2px;}
.x_news_box .top .btn i{position: relative; z-index: 1;}
.x_news_box .top .btn i.icon{ width: 24px; height: 10px; background: url(../images/news_img5.png) no-repeat center; margin-left: 10px; display: inline-block; transition: 0.5s;}
.x_news_box .top .btn a:hover i.icon{ background-image: url(../images/news_img5a.png);}
.x_news_box .top .btn a::before{content: ""; position: absolute; top: 0; left: 0;  width: 100%; height: 100%; background: #fff; transform: scaleX(0); transform-origin: 100% 50%; transition: transform 0.4s;}
.x_news_box .top .btn a:hover::before{transform: scaleX(1); transform-origin: 0% 50%;}
.x_news_box .top .btn a:hover{ color: #25c4d1}
.x_news_box .lb_box{ position: relative;}
.x_news_box .lb_box::before{ content: ""; position: absolute; right: 1300px; top: 0; width: 1000px; height: 110%; background: #fff; z-index: 100;}
.x_news_box .lb_box .swiper-container{ overflow: initial;}
.x_news_box .lb_box a{ position: relative; display: flex; flex-direction: column; justify-content: space-between;}
.x_news_box .lb_box a::before{ content: ""; position: absolute; right: -40px; top: 1px; width: 1px; height: 100%; background-color: #D6E0EA;}
.x_news_box .lb_box span{ display: block;}
.x_news_box .lb_box .day{ font-size: 16px; color: #999; padding-bottom: 30px;}
.x_news_box .lb_box .tit{ font-size: 20px; color: #333; margin-bottom: 30px; height: 88px; overflow: hidden;}

.x_news_box .lb_box .pic{ overflow: hidden;}
.x_news_box .lb_box a .pic img{ width: 100%; transition: 0.5s;}
.x_news_box .lb_box a:hover .pic img { transform: scale(1.1);}

.x_news_box .swiper-button{ padding-top: 90px; display: flex; align-items: center;}
.x_news_box .swiper-button-next, 
.x_news_box .swiper-button-prev,
.x_news_box .swiper-pagination{ position: initial; width: auto;}
.x_news_box .swiper-button-next, 
.x_news_box .swiper-button-prev{ width: 54px; height: 34px; border: 1px solid #24C4D0; transition: 0.5s; margin-top: 0;}
.x_news_box .swiper-button-prev{ background: url(../images/news_img6a.png) no-repeat center;}
.x_news_box .swiper-button-prev:hover{ background: url(../images/news_img6.png) no-repeat center #24C4D0;}
.x_news_box .swiper-button-next{ background: url(../images/news_img5a.png) no-repeat center;}
.x_news_box .swiper-button-next:hover{ background: url(../images/news_img5.png) no-repeat center #24C4D0;}
.x_news_box .swiper-pagination{ padding: 0 15px;}


/* 首页底部 */
.inx_footer .link{ margin-top: 40px; padding-top: 25px; border-top: 1px solid rgba(255, 255, 255, 0.20); position: relative; z-index: 1;}
.inx_footer .link .l_wrap{ display: flex; width: 1300px; margin: 0 auto; align-items: baseline;}
.inx_footer .link .l{ flex-shrink: 0; width: 80px; font-size: 12px; color: #e0e8f3; font-weight: 700; padding-right: 15px;}
.inx_footer .link .r a{ display: inline-block; color: #e0e8f3; font-size: 12px; padding-right: 10px; margin-right: 10px; position: relative; line-height: 1.8;}
.inx_footer .link .r a::before{ content: ""; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background: #fff; opacity: 0.5;}
/* .inx_footer .link .r a:hover{ color: #25c4d1;} */
.inx_footer .link .r a:last-child::before{ opacity: 0;}
.inx_footer .part1 .nav a:hover{ color: #25c4d1;}



/* 新闻头部 */
.x_head{ border-bottom: 1px solid #D5D7DB;}
.x_head .nav a{ color: #333;}
.x_head.head_top .nav a,
.x_head.head_top .phone{ color: #fff;}
.x_head .phone{ color: #000; background-image: url(../images/ico_01x.png);}


/* 新闻列表 */
.news_list_box{}
.news_list_box .title{ font-size: 46px; padding: 210px 0 80px;}
.news_list_box .list_box ul{ position:relative; min-height: 400px; margin: 0 -25px;}
.news_list_box .list_box li{ width: 33.3%; padding: 0 25px; box-sizing: border-box;}
.news_list_box .list_box li:nth-child(2){ padding-top: 60px;}
.news_list_box .list_box a,
.news_list_box .list_box span{ display: block;}
.news_list_box .list_box a{ padding-bottom: 50px;}
.news_list_box .list_box a img{ width: 100%;}
.news_list_box .list_box a .pic_box{ position: relative;}
.news_list_box .list_box a .bq{ position: absolute; left: 0; top: 0; padding: 10px;}
.news_list_box .list_box a .bq i{ display: inline-block; line-height: 21px; padding: 0 10px; background-color: rgba(0, 0, 0, 0.2); border-radius: 20px; font-size: 10px; color: #fff;}
.news_list_box .list_box a .tit{ padding: 25px 0 10px; font-size: 24px; color: #333; transition: 0.5s;}
.news_list_box .list_box a:hover .tit{ color: #25c4d1;}
.news_list_box .list_box a .tet{ font-size: 16px; color: #666; padding-bottom: 10px;}
.news_list_box .list_box a .day{ font-size: 16px; color: #24C4D0;}

.news_feny{ display: flex; justify-content: end; align-items: center;}
.news_feny a{ color: #2A005D; font-size: 16px; display: inline-block; width: 34px; height: 34px; line-height: 34px; margin: 0 2px; text-align: center;}
.news_feny a.on{ background: url(../images/news_der_hover.svg) no-repeat center; background-size: cover; color: #fff; padding: 0;}
.news_feny a:hover{ color: #f60;}
.news_feny span{ padding: 0 10px;}

.news_feny .page{ display: flex;}
.news_feny .page .Ppage{ padding: 0;}
.news_feny .page a{ color: #2A005D; font-size: 14px; display: inline-block; width: 50px; height: 50px; line-height: 50px; margin: 0 2px; text-align: center; border: none; background: none; padding: 0; border: 1px solid #666; border-radius: 50px;}
.news_feny .page a:hover,
.news_feny .page .Pmodern{ color: #fff; background: #10C4CB; border-color: #10C4CB;}
.news_feny .page .PIndex,
.news_feny .page .PEnd,
.news_feny .page .Ppagelist{ padding: 0 5px;}
.news_feny .page a.Pprev,
.news_feny .page a.Pnext{ width: 86px;}

.news_footer .part2{ text-align: right;}
.news_footer .part2 .sitemap a,
.news_footer .part2 .txt a{ color: #fff; font-size: 12px; font-weight: 700; margin-left: 20px;}
.news_footer .part2 .txt a{ font-weight: 400;}
.news_footer .part2 .sitemap a:hover,
.news_footer .part2 .txt a:hover{ color: #fff; text-decoration: underline;}


/* 新闻详情 */
.news_xq_box .btn_all{ border-bottom: 1px solid #D5D7DB; padding: 170px 0 40px;}
.news_xq_box .btn_all a{ display: block; background: url(../images/news_img3.png) no-repeat left center; padding-left: 52px; line-height: 30px; color: #666;}
.news_xq_box .btn_all a:hover{ color: #25c4d1;}
.news_nr{ position: relative; min-height: 550px;}
.news_nr .nr_l{ position: absolute; left: 0; top: 0; width: 500px; padding-top: 100px;}
.news_nr .nr_l .tit{ font-size: 40px;}
.news_nr .nr_l .tet{ padding-top: 15px;}
.news_nr .nr_l .tet span{ padding-right: 40px; color: #999;}
.news_nr .nr_l .day{ margin-top: 216px; color: #24C4D0; position: relative; padding-left: 12px;}
.news_nr .nr_l .day::before{ content: ""; position: absolute; left: 0; top: 50%; margin-top: -3px; width: 6px; height: 6px; background: #24C4D0;}

.news_nr .nr_l.on{ position: fixed; top: 100px;}
.news_nr .nr_l.on2{ position: absolute; top: auto; bottom: 80px;}

.news_nr .nr_r{ margin-left: 600px; padding: 100px 0 120px; font-size: 16px; color: #666; line-height: 2;}
.news_nr .nr_r img{ max-width: 100%;}
.news_nr .nr_r a{ color: #25c4d1;}
.news_nr .nr_r a:hover{ text-decoration: underline;}
.news_nr .nr_r .nr_bq{ padding: 60px 0;}
.news_nr .nr_r .nr_bq a{ display: inline-block; margin-right: 10px; font-size: 12px; color: #666; border-radius: 80px; background: #F0F3F8; line-height: 30px; padding: 0 15px;}
.news_nr .nr_r .nr_bq a:hover{ background: #000; color: #fff;}
.news_nr .nr_r .nr_sxy{ border-top: 1px solid #D5D7DB; padding-top: 60px;}
.news_nr .nr_r .nr_sxy .nr_sxy_box{ display: flex; padding: 5px 0; font-size: 16px;}
.news_nr .nr_r .nr_sxy i{ padding-right: 10px; color: #999; flex-shrink: 0; width: 60px;}
.news_nr .nr_r .nr_sxy a{ color: #666;}
.news_nr .nr_r .nr_sxy a:hover{ color: #25c4d1;}
.news_nr .nr_r p{padding-bottom:15px;}

.news_xg{ border-top: 1px solid #D5D7DB; position: relative; min-height: 460px;}
.news_xg .title{ font-size: 36px; padding-top: 120px;}
.news_xg .icon{ position: fixed; width: 90px; height: 90px; background: url(../images/news_img4.png) no-repeat center; border-radius: 50%; z-index: 100; transform:translate(-50%,-50%) scale(0.6); opacity: 0; transition:transform 0.4s,opacity 0.4s,width 0.4s,height 0.4s; pointer-events: none;}
.news_xg .icon.on{transform:translate(-50%,-50%) scale(1); opacity: 1;}
.news_xg .lb_box{ position: absolute; top: 120px; right: 0; width: 1000px;}
.news_xg .swiper-container{ margin: 0;cursor: none;}
.news_xg .lb_box img{ width: 100%;}
.news_xg .lb_box a,
.news_xg .lb_box span{ display: block; font-size: 16px; color: #999;}
.news_xg .lb_box span.day{ padding-bottom: 30px;}
.news_xg .lb_box span.tit{ font-size: 20px; color: #333; height: 96px; overflow: hidden; margin-bottom: 30px; transition: 0.5s;}
.news_xg .lb_box a:hover .tit{ color: #25c4d1;}








/* 小PC */
@media screen and (max-width:1600px){}

@media screen and (max-width:1500px){
    .wrap_1300{width: 1200px;}
    .x_news_box .lb_box::before{ right: 1200px;}
    .inx_footer .link .l_wrap{ width: 1200px;}
}

@media screen and (max-width:1400px){

    /* 首页底部 */
    .x_news_box .lb_box::before{ right: 1100px;}
    .news_footer{ background-size: auto 130%;}
    .inx_footer .link .l_wrap{ width: 1100px;}


    /* 新闻详情 */
    .wrap_1300{ width: 1100px;}
    .news_nr .nr_l{ width: 360px;}
    .news_nr .nr_l .tit{ font-size: 30px;}
    .news_nr .nr_r{ margin-left: 450px;}
    .news_nr .nr_l.on{ padding-top: 40px;}
    .news_nr .nr_l .day{ margin-top: 60px;}
    .news_xg{ height: 420px; min-height: 0;}
    .news_xg .title{ font-size: 30px;}
    .news_xg .lb_box{ width: 800px;}
    .news_xg .lb_box span.tit{ font-size: 18px; height: 79px;}
    .news_xg .lb_box span.day{ padding-bottom: 20px;}







}

/* ipad横 */
@media screen and (max-width:1200px){

    /* 首页 */
    .x_news_box{ padding-top: 120px;}
    .x_news_box .top{ padding-bottom: 60px;}
    .x_news_box .lb_box::before{ right: auto; left: -50px; width: 50px;}
    .x_news_box .swiper-button{ padding-top: 60px;}
    .x_news_box .lb_box a::before { right: -30px;}
    /* 首页底部 */
    .inx_footer .wrap{ padding-bottom: 0;}
    .inx_footer .link .l_wrap{ width: auto; margin: 0 50px; padding-bottom: 30px;}


    /* 新闻列表 */
    .news_list_box .title{ font-size: 30px; padding: 140px 0 60px;}
    .news_list_box .list_box ul{ margin: 0 -10px;}
    .news_list_box .list_box li{ padding: 0 10px;}
    .news_list_box .list_box li:nth-child(2){ padding-top: 40px;}
    .news_list_box .list_box a{ padding-bottom: 40px;}
    .news_list_box .list_box a .tit{ font-size: 18px;}
    .news_list_box .list_box a .tet,
    .news_list_box .list_box a .day{ font-size: 14px;}

    /* 新闻详情 */
    .wrap_1300{ width: auto;}
    .news_xq_box .btn_all{ padding: 120px 0 40px;}
    .news_nr .nr_l{ padding-top: 60px;}
    .news_nr .nr_r{ padding: 60px 0;}
    .news_nr .nr_l .tit{ font-size: 24px;}
    .news_nr .nr_r .nr_bq{ padding: 40px 0;}
    .news_nr .nr_r .nr_sxy{ padding-top: 40px;}
    .news_nr .nr_r .nr_sxy .nr_sxy_box{ font-size: 14px;}
    .news_xg{ height: auto;}
    .news_xg .title{ padding-top: 60px;}
    .news_xg .lb_box{ position: initial; padding-left: 50px; width: 100%; box-sizing: border-box; padding-top: 60px;}






}

/* ipad竖 */
@media screen and (max-width:1002px){

    /* 首页 */
    .x_news_box .top .title{ font-size: 30px;}
    .x_news_box .top .btn a{ height: 48px; line-height: 46px; width: 160px; font-size: 14px;}
    .x_news_box .lb_box .day{ font-size: 14px; padding-bottom: 20px;}
    .x_news_box .lb_box .tit{ font-size: 18px; height: 74px;}



    /* 新闻列表 */
    .news_list_box .title{ padding-bottom: 40px;}
    .news_list_box .list_box li{ width: 50%;}
    .news_feny .page a{ width: 40px; height: 40px; line-height: 40px;}
    .news_footer{ background-position: center bottom;}
    .news_footer .part1{ padding-top: 20px;}
    .news_footer .part2{ text-align: center; top: 110px;}
    .news_footer .part2 .logo{ padding-bottom: 10px;}

    /* 新闻详情 */
    .news_nr .nr_l{ position: inherit; width: 100%;}
    .news_nr .nr_l .tit{ font-size: 20px;}
    .news_nr .nr_l .day{ margin-top: 30px;}
    .news_nr .nr_r{ margin-left: 0; padding-top: 40px;}
    .news_xg .title{ font-size: 24px;}
    .news_xg .lb_box{ padding-top: 40px;}
    .news_xg .lb_box span.day{ font-size: 12px; padding-bottom: 10px;}
    .news_xg .lb_box span.tit{ font-size: 16px; height: 66px;}
    .news_xg .icon{ width: 60px; height: 60px; background-size: 100%;}




    



}

/* 手机 */
@media screen and (max-width:758px){

    /* 首页 */
    .x_news_box{ padding-top: 60px;}
    .x_news_box .top{ padding-bottom: 40px;}
    .x_news_box .top .title{ font-size: 24px;}
    .x_news_box .top .btn a{ height: 38px; line-height: 36px; width: 120px; font-size: 12px;}
    .x_news_box .swiper-button{ padding-top: 40px;}
    .x_news_box .lb_box a::before{ right: -20px;}
    .x_news_box .lb_box .day{ font-size: 12px; padding-bottom: 10px;}
    .x_news_box .lb_box .tit{ font-size: 16px; height: 70px; margin-bottom: 20px;}


    /* 首页底部 */
    .inx_footer .link .l_wrap{ margin: 0 20px; display: block;}
    .inx_footer .link .l{ padding-bottom: 10px;}
    .inx_footer .link .r a{ padding-right: 5px; margin-right: 5px;}

    /* 新闻列表 */
    .news_list_box .title{ font-size: 18px; padding: 30px 0 20px;}
    .news_list_box .list_box ul{ display: flex; flex-wrap: wrap;}
    .news_list_box .list_box li:nth-child(2){ padding-top: 0;}
    .news_feny{ justify-content: center;}
    .news_feny .page a{ font-size: 12px; width: 30px; height: 30px; line-height: 30px;}
    .news_feny .page a.Pprev, 
    .news_feny .page a.Pnext{ width: 68px;}
    .news_feny .page .PIndex, 
    .news_feny .page .PEnd, 
    .news_feny .page .Ppagelist{ padding: 0;}
    .news_footer .part2{ top: 90px;}
    .news_footer .part1{ padding-top: 40px;}
    .news_footer .part1 .nav{ padding-bottom: 10px;}


    /* 新闻详情 */
    .news_xq_box .btn_all{ padding: 20px 0;}
    .news_xq_box .btn_all a{ padding-left: 30px; background-size: 20px; line-height: 20px;}
    .news_nr .nr_l{ padding-top: 40px;}
    .news_nr .nr_l .tit{ font-size: 18px;}
    .news_nr .nr_l .tet{ font-size: 12px; padding-top: 10px;}
    .news_nr .nr_l .day{ margin-top: 20px;}
    .news_nr .nr_r{ font-size: 14px; padding: 30px 0 40px;}
    .news_nr .nr_r .nr_bq{ padding: 30px 0;}
    .news_xg .title{ padding-top: 40px;}
    .news_xg .lb_box{ padding-left: 20px;}






}

/* 手机-竖 */
@media screen and (max-width:470px){

    /* 新闻列表 */
    .news_list_box .list_box li{ width: 100%;}
    .news_list_box .list_box li:nth-child(2){ padding-top: 0;}
    .news_list_box .list_box a{ padding-bottom: 30px;}
    .news_list_box .list_box a .tit{ font-size: 16px; padding-top: 15px;}
    .news_list_box .list_box a .tet, 
    .news_list_box .list_box a .day{ font-size: 12px;}

}






