@charset "utf-8";
/* CSS Document */
@import url("default.css");
@font-face {
  font-family: jjFont;
  src: url(../fonts/SourceHanSansCN-Bold.otf);
}
@font-face {
  font-family: jjFont2;
	src: url(../fonts/SourceHanSansCN-Medium.otf);
}
@font-face {
  font-family: jjFont3;
	src: url(../fonts/hei.ttf);
}
@font-face {
  font-family: jjFont4;
	src: url(../fonts/SourceHanSerifCN-Bold.otf);
}
@font-face {
  font-family: jjFont5;
	src: url(../fonts/SourceHanSansCN-Light.otf);
}
@font-face {
  font-family: jjFont6;
	src: url(../fonts/Roboto-BoldCondensedItalic.ttf);
}


.swiper {
      width: 100%;
      height: 100%;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
/* 自定义轮播图按钮样式 */
        .swiper-button-next,
        .swiper-button-prev {
            color: rgba(255, 255, 255, 0.8) !important;
            background-color: rgba(255, 255, 255, 0.2) !important;
            width: 50px !important;
            height: 50px !important;
            border-radius: 50% !important;
            backdrop-filter: blur(10px);
            transition: all 0.3s ease;
        }

        .swiper-button-next {
            right: 50px !important;
        }

        .swiper-button-prev {
            left: 50px !important;
        }

        .swiper-button-next:hover,
        .swiper-button-prev:hover {
            background-color: rgba(255, 255, 255, 0.3) !important;
            color: rgba(255, 255, 255, 1) !important;
            transform: scale(1.1);
        }

        .swiper-button-next::after,
        .swiper-button-prev::after {
            font-size: 20px !important;
            font-weight: bold;
        }

.header{ width:100%; height: 100vh; position: relative;}
.banner{ width:100%; height: 100vh;}
.top{ width:100%; position: fixed; top:0; left:0; z-index: 3000; }
.topk{ width:90%; margin:40px auto 0}
.top01{ float:left; width:20%;}
.top02{ float:right; width:60%; display: -webkit-flex; /* Safari */display: flex; justify-content:flex-end; align-items:center}
.top03{ float:left; width:20%;}
.tmenu{ height:70px; position: relative;}
.tmenu a{ height:50px; line-height: 50px; padding:0 18px; color:#fff; font-size: 18px; display: block;}
.tmenu2 a{ color:#333333}

/* 为导航菜单项添加隐藏的hover区域 */
._nav-demo::after {
    content: '';
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 15px;
    background: transparent;
    z-index: 9999998;
}
.sok{ float:right; width:50%; height: 40px; border-bottom: #fff solid 1px;}
.sok2{ border-bottom: #999999 solid 1px;}
.sokk{ display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.timu{ width:80%; height: 140px; -moz-box-shadow: 0px 0px 20px rgba(0,0,0,.1); 
    box-shadow: 0px 0px 20px rgba(0,0,0,.1); background-color: #fff; display: -webkit-flex; /* Safari */
    display: flex; justify-content:space-around; align-items:center; position: absolute; bottom:-70px; left:10%; z-index: 3}
.tm{ text-align: center; font-size:18px; color:#898d90}
.tm p{ padding-bottom:5px}
.tm p span{ padding-right:5px; font-size:48px; color:#222222; font-weight:bold}
.sade{ width:100%; height: auto; overflow: hidden}
.sadek{ width:90%; height: auto; overflow: hidden; margin: 150px auto 80px;}
.hdp{ float:right; width:800px; height: 610px; position: relative}
.hdpimg{ width:100%; height: 610px}
.hdpimg img{ width:100%; height: 100%}
.hdptitle{ width:90%; height: 80px; padding:0 5%; line-height:80px; color:#fff; background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8)); display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center; position:absolute; bottom:0; z-index: 3}
.hdptitle a{ width:85%; color:#fff; font-size:22px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.hdptitle a:hover{ opacity: 0.8;}
.hdptitle span{ font-size:18px;}
.indnew{float:left; width:45%; position: relative}
.indnews{ width:60%;display: -webkit-flex; /* Safari */display: flex;justify-content:flex-end;align-items:center; 
    position: absolute; top:20px; right:0;z-index: 99;}
.indnews a{ padding:0 10px; color:#6a6a6a; font-size:24px;}
.indnews a:hover{ color:#509545}
.indnews .dang{ color:#509545; font-weight:bold}
.indnews span{ padding:0 10px; color:#dbdbdb}
.indnew_top{ width:100%; height: auto; overflow: hidden;}
.indnew_top01{ width:100%; font-size:30px; color:#29449b; text-transform: uppercase; font-weight:bold}
.indnew_top01 p{ padding-bottom:10px; color:#000; font-size:50px; font-weight:bold}
.yuan{ display:inline-block; width:50px; height: 50px; line-height: 40px; margin-left: 10px; border-radius: 50%; border:#cdd3e8 1px solid; text-align: center}
.yuan{ transition: all 0.3s ease; }
.yuan:hover{ background-color: #00249d; border:#00249d 1px solid; transform: scale(1.1); }
.yuan:hover .ico01{ color:#fff}
.ico01{font-size:30px; color:#00249d}
.indnew_con{ width:100%; height: auto; overflow: hidden}
.indnew_con ul{ width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.indnew_con ul li{ width:100%; padding:20px 0; border-bottom: #d4d4d4 1px dotted; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.indnew_con_time{ color:#333; font-size:17px; text-align: center}
.indnew_con_time p{ margin-bottom: 5px; color:#333; font-size:54px; font-weight:bold; border-bottom: #dedede 1px solid}
.indnew_con_a{ width:86%;}
.indnew_con_a a{ display: block; widht:100%; padding:10px 0 15px; color:#333; font-size:20px; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.indnew_con_a a:hover{ color:#29449b}
.indnew_con_a span{ width:100%; height: 46px; color:#666; font-size:14px; line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.sadebj{ height: 965px; background-image: url(../images/bjpic.jpg); background-size: cover; background-repeat: no-repeat;}
.yewu_top{ width:90%; margin: 120px auto 0;}
.yewu_top01{ color:#fff;}
.yewu_top01 p{ color:#fff;}
.ico02{font-size:30px; color:#00249d}
.yuan2{ border:none; background-color: #fff; opacity: 0.5;}
.yuan2:hover{ background-color: #fff; opacity: 1; border:none;}
.yuan2:hover .ico02{ color:#29449b}
.yewu{ width:90%; height: auto; padding:150px 5% 50px; position: relative; }
.yewuk{ /*width:14.29%; */ height: 380px; text-align: center; color:#fff; }
.yewu_lv{ background-color:#509645;background-color:rgba(80,150,69,0.5);filter:Alpha(opacity=50);}
.yewu_lan{ background-color:#29449b;background-color:rgba(41,68,155,0.5);filter:Alpha(opacity=50);}
.ye01{ transform:translate(0, 0)}
.ye02{ transform:translate(100%, -380px)}
.ye03{ transform:translate(200%, -760px)}
.ye04{ transform:translate(300%, -1140px)}
.ye05{ transform:translate(400%, -1520px)}
.ye06{ transform:translate(500%, -1900px)}
.ye07{ transform:translate(600%, -2280px)}
.yewuk01{ padding:40% 0 20px;}
.ico03{font-size:50px;}
.yewuk02{ font-size:18px;}
.yewuk03{ padding-top:10%;}
.ico04{font-size:30px;}
.ywdang{ width:360px; height: 540px; text-align: center; color:#fff; overflow: hidden; border-radius: 50px 0 50px 0}
.ywdang_lan{ background: #29449b url(../images/kbj.jpg) no-repeat bottom}
.ywdang_lv{ background: #509645 url(../images/kbj2.jpg) no-repeat bottom}
.yed02{ position: absolute; top:80px; left:14%;}
.ywdang01{ padding:30% 0 30px;}
.ywdang02{ font-size:24px; padding-bottom:30px;}
.ywdang03{ font-size:14px; width:70%; height: 48px; margin:0 auto; line-height: 160%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.ywdang04{ padding-top:10%;}
.ywdang04 a{ display: block; width:110px; height: 40px; margin: 0 auto; border-radius: 20px; font-size:14px; line-height: 40px; text-align: center; color:#fff; background-color:rgba(255,255,255,0.5);filter:Alpha(opacity=50);}
.ywdang04 a:hover{ color:#333; background-color: #fff;}
.ico05{font-size:60px; padding:30px; border:#fff 1px solid; border-radius:50%;}
.sadebj2{ height: auto; padding:100px 0; background-image: url(../images/bjanli.png); background-size: 100% auto; background-repeat: no-repeat; background-position: center bottom; position: relative}
.indan_top{ width:100%; text-align: center; font-size:30px; color:#29449b; text-transform: uppercase; font-weight:bold; position: absolute; top:100px;}
.indan_top p{ padding-bottom:10px; color:#000; font-size:50px; font-weight:bold}
.indan_zy{ width:90%; margin: 0 auto; display: -webkit-flex; /* Safari */display: flex; justify-content:flex-end; align-items:center}
.indan_zy span{ background-color: #fff; line-height: 65px;}
.icowu{ color:#c3c3c3}
.indan{ width:100%; margin-top: 30px;}
.indan_con{ width:90%; margin: 80px auto 0; }
.carousel-container{ width:100%; overflow: hidden; position: relative; }
.carousel-track{ width:200%; display: flex; transition: transform 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); will-change: transform; }
.indan_con ul{ width:100%;}
.indan_con ul li{ float:left; width:23%; height: 540px; margin: 0 1%; overflow: hidden; background-color: #fff; border-radius:20px; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px rgba(0,0,0,0.1); position: relative}
.carousel-track li{ float:none; width:11.5%; height: 540px; margin: 0 0.5%; flex-shrink: 0; overflow: hidden; background-color: #fff; border-radius:20px; -moz-box-shadow: 0px 5px 10px rgba(0,0,0,0.1); box-shadow: 0px 5px 10px rgba(0,0,0,0.1); position: relative; transition: all 0.3s ease; }
.carousel-track li:hover{ transform: translateY(-10px); box-shadow: 0px 15px 30px rgba(0,0,0,0.15); }
.indan_pic{ width:90%; height: 50%; overflow: hidden; border-radius:20px; position: absolute; top:5%; left:5%}
.indan_pic img{ width:100%}
.indan_title{ width:90%; text-align: center; font-size:28px; color:#000; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: absolute; top:60%; left:5%}
.indan_text{ width:80%; height: 54px; text-align: center; font-size:17px; line-height: 160%; color:#545454; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; position: absolute; top:73%; left:10%}
.indan_disn{ width:80%; color:#afafaf; text-align: center; font-size:40px; font-weight:bold; position: absolute; top:82%; left:10%}
.indan_pic2{ width:100%; height: 100%; position: absolute; top:0; left:0}
.indan_pic2 img{ width:100%; height: 100%;}
.bg-image { width: 100%; filter: blur(5px);}
.bg-image::after {content: ""; display: block;background: rgba(0, 0, 0, 0.5);z-index: 1;}
.indan_title2{ width:90%; text-align: center; font-size:28px; color:#fff; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; position: absolute; top:23%; left:5%}
.indan_text2{ width:80%; height: 110px; text-align: center; font-size:17px; line-height: 160%; color:#fff; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; position: absolute; top:38%; left:10%}
.indan_disn2{ display:none}
.indan_more2{ width:80%; text-align: center; position: absolute; top:70%; left:10%}
.indan_more2 a{ display: block; width:116px; height: 36px; margin: 0 auto;line-height: 36px; font-size:14px; color:#fff; border:#fff 1px solid}
.indan_more2 a:hover{ background-color: #fff; color:#545454;}
.footer{ width:100%; height: auto; overflow: hidden; padding:80px 0 20px; background-image: linear-gradient(#0a74c8, #0c3f81); position: relative;}
.foot{ width:90%; height: auto; overflow:hidden; margin: 0 auto; color:#fff; font-size: 14px; line-height: 180%; z-index: 10000;}
.foot01{ width:100%; height: auto; overflow:hidden; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.foot01_l_logo{ width:100%; margin-bottom: 10px;}
.foot01_l_text{ width:100%; margin-bottom: 20px;}
.foot01_l_a{ width:100%;}
.foot01_l_a a{ color:#fff}
.foot01_l_a a:hover{ text-decoration:underline}
.foot01_r{ font-size:16px; color:#fff;}
.foot01_r img{ display: block; margin-bottom: 10px;}
.foot02{ width:100%; margin-top: 30px; padding:20px 0; font-size:12px; border-top:#2c61a1 1px solid}
.foot02 a{ float:right; color:#fff}
.foot02 a:hover{ text-decoration:underline}
.bjfoot{ position: absolute; bottom:0; right:15%; z-index: 100;}

/*二级页*/
.header2{ width:100%; height: 410px; position: relative;}
.header_dang{ height: 850px;}
.header_about{ height: 1290px;}
.header_culture{ height: 740px;}
.ban{ width:100%; height: 300px; position: absolute; top:110px;}
.ban img{ width:100%; height: 100%}
.ban_text{ line-height: 1.5; text-align: center; font-size:40px; font-weight:bold; color:#fff; position: absolute; top:50%; left:50%; transform: translate(-50%, -50%); }
.content{ width:90%; margin: 0 auto;}
.content2{ width:90%; padding:0 5%}
.content3{ width:100%;}
.lxfs{ width:100%; height: auto; overflow: hidden; margin: 10% auto; background: url(../images/bjcon.png) left bottom no-repeat; border-bottom:#29449b 1px solid;}
.lxfs_map{ float:right; width:50%; height: 465px;}
.lxfs_text{ float:left; width:40%; padding-left:5%;}
.lxfs_textk{ width:100%; padding:10px 0; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.ico06{ padding:8px; margin-right: 15px; background-color: #29449b; border-radius:50%; color:#fff; font-size:24px;}
.lxfs_textk p{ color:#282828; font-size:18px;}
.newsk{ width:100%; margin: 3% auto; position: relative}
.news_top{ font-size:50px; font-weight:bold; color:#000; position:absolute; top:0; left:0}
.news_li{ width:100%; padding-top:20px; display: -webkit-flex; /* Safari */display: flex; justify-content:flex-end; align-items:center}
.news_li a{ color:#777777; font-size:24px;}
.news_li a:hover{ color:#509545;}
.dang2{ color:#509545!important;}
.news_li_shu{ padding:0 30px; color:#dbdbdb}
.news{ width:100%; height: auto; overflow: hidden}
.news ul{ width:100%; height: auto; overflow: hidden; margin-top: 30px;}
.news ul li{ width:100%; height: auto; overflow: hidden; padding:50px 0; border-bottom:#e0e0e0 1px solid}
.news_img{ float:left; width:370px; height: 280px; margin-right: 40px;}
.news_img img{ width:100%; height: 100%;vertical-align: center; display: inline-block;}
.news_con{ float:left; width:-webkit-calc(100% - 410px); width:-moz-calc(100% - 410px); width:calc(100% - 410px);}
.news_con_title{ width:100%; padding:10px 0; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.news_con_title span{ width:62px; height: 56px; padding:4px 0 0 4px; margin-right: 15px; letter-spacing: 0.1em; text-align: center; background-color: #29449b; color:#fff; font-size:18px; font-weight:bold; border-radius:5px;}
.news_con_title img{ float:left; width:62px; height: 56px; margin-right: 15px;}
.news_con_title a{ color:#222222; font-size:30px; font-weight:bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.news_con_title a:hover{ color:#29449b}
.news_con_con{ width:100%; height: 52px; margin-top:25px; color:#666666; font-size:16px; line-height: 180%; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.news_con_xia{ width:100%; margin-top: 80px; color:#868686; font-size:16px; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.news_con_xia02 a{ color:#868686;}
.news_con_xia02 a:hover{ color:#29449b;}
.news_tz{ background-color: #509545!important;}
.news_gk{ background-color: #e7a666!important;}
.newscon{ width:100%; height: auto; overflow: hidden; margin-top: 70px;}
.news_title{ width:90%; height: auto; overflow: hidden; padding:30px 5%; text-align: center; color:#222222; font-size:34px; font-weight:bold; line-height: 130%;}
.news_time{ width:100%; padding:10px 0 20px; border-bottom:#e0e0e0 1px solid; display: -webkit-flex; /* Safari */display: flex; justify-content:center; align-items:center}
.news_timek{ padding:0 20px; color:#868686; font-size:16px; display: -webkit-flex; /* Safari */display: flex; justify-content:center; align-items:center}
.news_nr{ width:90%; height: auto; overflow: hidden; padding:50px 5%; line-height: 210%; color:#222222; font-size:16px;}
.sxsx{ width:100%; margin: 50px 0;}
.sxsx p{ width:98%; height: 42px; line-height: 42px; margin-bottom: 1px; padding:0 1%; background-color: #f7f7f7; color:#797979; font-size:16px;overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sxsx p a{ display:block; width:100%; color:#797979; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.sxsx p a:hover{ color:#4e4e4e}
.dang3{ 
	/* border-bottom:#29449b 1px solid; */
}
.dang3 > a{ border-bottom:#29449b 1px solid;}

.ban_dang{ width:100%; height: 740px; position: absolute; top:110px;}
.ban_dang img{ width:100%; height: 100%}
.dangup{ margin-top: 430px}
.newsdang{ width:100%; display: -webkit-flex; /* Safari */display: flex; justify-content:center;align-items:center; position: absolute; top:-300px;}
.newsdang a{ color:#fff; font-size:24px;}
.newsdang a:hover{ color:#ffefa6;}
.dang4{ color:#ffefa6!important;}
.newsdang_shu{ padding:0 30px; color:#dbdbdb}
.newsdang_con{ width:96%; padding:25px 2%; border-radius: 5px; background-color:#a40505;background-color:rgba(164,5,5,0.8);filter:Alpha(opacity=80); display: -webkit-flex; /* Safari */display: flex; align-items:center; position:absolute; top:-230px;}
.newsdang_con01{ width:70px; height: 76px; padding:10px 8px 0 10px; letter-spacing: 0.1em; text-align: center; background-color: #890505; color:#ffe4a9; font-size:24px; font-weight:bold; border-radius:5px;}
.newsdang_con02{ width:-webkit-calc(92% - 88px); width:-moz-calc(92% - 88px); width:calc(92% - 88px); margin-left: 5%; color:#fff; font-size:22px; font-weight:bold; line-height: 130%;}
.ban_about{ width:100%; height: 1180px; position: absolute; top:110px; z-index: 3}
.ban_about img{ width:100%; height: 100%}
.about{ width:90%; color:#fff; font-size:16px; position: absolute; top:0; left:5%; z-index: 5}
.about_title{ width:100%; padding-top:80px; color:#fff; font-size:40px; font-weight:bold}
.about_top{ width:100%; padding:40px 0; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.tm2{ margin-right: 10%; text-align: center; font-size:18px; color:#c8cdd1}
.tm2 p{ padding-bottom:5px}
.tm2 p span{ padding-right:5px; font-size:48px; color:#fffb90; font-weight:bold}
.about_con{ line-height: 210%; overflow: hidden;}
.aboutsk{ width:100%; margin: 3% auto;}
.aboutbj{ background-image: url(../images/bjabout.jpg); background-size: cover; background-repeat: no-repeat;}
.aboutsk_top{ width:100%; color:#000000; font-size:40px; font-weight:bold;}
.aboutsk_con{ width:100%; height: auto; overflow: hidden; padding:90px 0; line-height: 160%; text-align:center;}
.aboutsk_con img{ max-width: 100%}
.zhuanli{ width:100%; height: 502px;}
.ban_culture{ width:100%; height: 630px; position: absolute; top:110px; z-index: 3}
.ban_culture img{ width:100%; height: 100%}
.culture{ width:100%; color:#fff; text-align: center; position: absolute; top:0; left:0; z-index: 10}
.culture01{ color:#fff; font-size:40px; font-weight:bold; padding-top:200px;}
.ico07{ padding:15px; margin: 60px 0 20px; background-color: #fff; border-radius:50%; color:#035ec5; font-size:24px; cursor: pointer}
.ico07:hover{ background-color: #035ec5; color:#fff}
.cult{ width:80%; margin: 100px auto;}
.cult01{ width:100%; height: 400px; position: relative}
.cult01_b{ width:100%; height: 80px; border-bottom:#a8bfd9 1px solid;}
.cult01_z{ width:100%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around; align-items:flex-start; position: absolute; top:0; z-index: 3}
.cult01k{ font-size:20px; color:#333; text-align:center;}
.cult01k p{ font-size:28px; padding:40px 0 15px;}
.icon8{ width:155px; height: 155px; background-color: #e5eef9; border-radius:50%; color:#035ec5; font-size:70px;}
.cult02{ width:100%; height: 310px; background-image: url(../images/bjculture2.jpg); background-size: cover; background-repeat: no-repeat;}
.cult02con{ width:80%; height: 100%; margin: 0 auto; color:#fff; font-size:18px; line-height: 180%; text-align: center; display: -webkit-flex; /* Safari */display: flex; align-items:center;}
.casek{ width:100%; height: 150px; margin: 3% auto; position: relative}
.casek01{ width:100%; height: 30px; border-bottom:#e5e5e5 1px solid}
.casek02{ width:100%; text-align: center; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; position: absolute; top:0;}
.casek02 p{ padding-top:10px;}
.ico09{ width:60px; height: 60px; line-height: 60px; text-align: center; background-color: #f4f4f4; border-radius:50%; color:#29449b; font-size:28px; cursor: pointer}
.casek02ico i{ width:60px; height: 60px; line-height: 60px; text-align: center; background-color: #f4f4f4; border-radius:50%; color:#29449b; font-size:24px; cursor: pointer}
.casek02ico{ color:#333}
.casek02ico:hover .ico09{ background-color: #035ec5; color:#fff}
.casek02ico:hover p{ color:#035ec5}
.casek02ico:hover i{ background-color: #035ec5; color:#fff}
.casek02 .dang5{ color:#035ec5}
.casek02 .dang5 .ico09{ background-color: #035ec5; color:#fff}
.casek02 .dang5 i{ background-color: #035ec5; color:#fff}
.case{ width:100%; height: auto; overflow: hidden; margin-bottom: 5%; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between}
.case2{ width:100%; height: auto; overflow: hidden; margin-bottom: 5%;}
.case_left{ width:80%; height: auto; overflow: hidden; color:#666666; font-size:16px; line-height: 250%;}
.case_left p{ padding-bottom:40px; color:#000; font-size:50px; font-weight:bold; line-height: 130%;}
.case_right{ width:20%; text-align: right;}
.case_right i{ color:#a7caa2; font-size:130px;}
.case2_top{ width:100%; padding:20px 0 50px; text-align: center; color:#000; font-size:50px; font-weight:bold;}
.fenye{ width:100%; padding:80px 0; text-align: center}

/*手机导航*/
.imenu2{ display: none;}
.menubg {
  background: #1262d9 none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position:fixed;
  top: 0;
  width: 100%;
  z-index: 99999999999;
}
.logo1 {
  background: rgba(0, 0, 0, 0) url(../images/logo.png) no-repeat scroll center center / contain ;
  display: block;
  height: 59px;
  left: 0;
  position: absolute;
  top: 0;
  width: 134px;
  z-index: 995;
  margin-left: 2%;
}
.nav-phone {
  padding-top: 80px;
}
.nav-phone .nav-m {
  padding: 0 48px;
}
.nav-phone a {
  border-bottom: 1px solid #3c81e7;
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 55px;
  text-align: left;
}
.nav-phone .nav-r {
  padding: 0 48px;
}
.menu-icon-close {
  background: rgba(0, 0, 0, 0) url(../images/close.png) no-repeat scroll center center;
  height: 59px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 99999;
  cursor:pointer;
}


@media screen and (max-width:1700px){
	.top02{ width:65%;}
	.top03{ width:15%;}
	.indnew{ width:50%;}
	.hdp{ width:600px; height: 458px;}
	.hdpimg{ height:458px;}
	.yed02{top: 90px;}
	.ywdang{width: 300px; height: 500px;}
	.indan_con ul li{height: 500px;}
	.tm2{ margin-right: 6%;}
	.news_con_title span{ width:80px;}
}

@media screen and (max-width:1500px){
	.topk{ width:96%;}
	.sok{ width:90%;}
	.timu{ width: 90%; left: 5%;}
	.hdp{ width: 550px; height: 420px;}
	.hdpimg{height: 420px;}
	.indnew{width: 52%;}
	.indnews span{padding: 0 0px;}
	.indnew_top01{ font-size: 24px;}
	.indnew_top01 p{ font-size: 40px}
	.yuan{ width: 40px; height: 40px; line-height: 32px;}
	.ico01{ font-size: 26px;}
	.indnew_con ul{ margin-top: 10px;}
	.indnew_con ul li{ padding:15px 0;}
	.indnew_con_time{font-size: 15px;}
	.indnew_con_time p{font-size: 36px}
	.indnew_con_a a{padding: 5px 0 10px;}
	.yewuk01{ padding: 50% 0 20px;}
	.indan_con ul li{height: 450px;}
	.indan_top{ font-size: 24px;}
	.indan_top p{font-size: 40px}
	.indan_zy span{line-height: 55px;}
	.news_con_title span{ width:90px; padding: 5px 5px 0 5px;}
	.news_img{ width: 350px; height: 265px;}
	.news_con{ width:-webkit-calc(100% - 390px); width:-moz-calc(100% - 390px); width:calc(100% - 390px);}
	.header_dang{height: 710px;}
	.ban_dang{height: 600px;}
	.cult{width: 90%;}
}

@media screen and (max-width:1300px){
	.top03{ display:none;}
	.top02{ width:80%;}
	.tm{font-size: 16px;}
	.tm p span{font-size: 36px;}
	.hdp{ width: 500px; height: 380px;}
	.hdpimg{height: 380px;}
	.indnew{width: 48%;}
	.indnews a{ font-size: 20px;}
	.indnew_top01{font-size: 20px;}
	.indnew_top01 p{font-size: 36px; padding-bottom: 5px;}
	.yuan{ width: 30px; height: 30px; line-height: 26px;}
	.indnew_con ul{margin-top: 0;}
	.indnew_con ul li{padding: 10px 0;}
	.indnew_con_time{font-size: 13px;}
	.indnew_con_time p{font-size: 30px;}
	.indnew_con_a{width: 88%;}
/*	.kkkk{ min-width:1300px;}*/
	.sadebj{height: 860px;}
	.yewu_top{margin: 80px auto 0;}
	.yewuk{ height:340px;}
	.ye02{transform: translate(100%, -340px);}
	.ye03{transform: translate(200%, -680px);}
	.ye04{transform: translate(300%, -1020px);}
	.ye05{transform: translate(400%, -1360px);}
	.ye06{transform: translate(500%, -1700px);}
	.ye07{transform: translate(600%, -2040px);}
	.ywdang{width: 260px;height: 440px;}
	.yed02{top: 100px;}
	.indan_zy span{ line-height: 45px;}
	.indan_title{font-size: 24px;}
	.indan_text{font-size: 14px;top: 70%;height: 62px;-webkit-line-clamp: 3;}
	.indan_title2{font-size: 24px;height: 108px; -webkit-line-clamp: 5;}
	.indan_con ul li{height: 430px;}
}

@media screen and (min-width:1100px){
	.yewu{  display: flex;}
	.yewuk{ flex: 1;}
}

@media screen and (max-width:1100px){
	.top01 img{ width:100%;}
	.top02{ display:none;}
	.menubg{ display: inline;}
	.imenu2{ display:block; right:5%; position:absolute; top:45px; z-index:99999999}
    .imenu2 i{ font-size:34px; color:#29449b}
	.hdp{ float:none; width:100%; height: 735px;}
	.hdpimg{ height: 100%;}
	.indnew{ float:none; width:100%; margin-top: 30px;}
	.indan_con ul li{height: 350px;}
	.indan_text2{ font-size:14px;height: 85px;}
	.indan_title{font-size: 20px;}
	.indan_title2{font-size: 20px;}
	.yewu{padding: 80px 5% 80px;}
	.yewuk{width: 100%; height: 180px;}
	.yewuk01{padding: 30px 0 10px;}
	.yewuk03{padding-top: 15px;}
	.ye02{transform: translate(0, 0);}
	.ye03{transform: translate(0, 0);}
	.ye04{transform: translate(0, 0);}
	.ye05{transform: translate(0, 0);}
	.ye06{transform: translate(0, 0);}
	.ye07{transform: translate(0, 0);}
	.ywdang{ display:none;}
	.sadebj{height: auto; overflow: hidden}
	.foot01{display: inline; text-align: center;}
    .bjfoot{right:auto;}
	.foot01_r img{ margin: 20px auto;}
	.aboutsk_con{ padding:90px 0 0;}
	.about_top{justify-content:space-between; align-items:flex-start}
	.tm2{margin-right: 0;}
	.news_img{ width:230px; height: 175px; margin-right: 20px;}
	.news_con{ width:-webkit-calc(100% - 250px); width:-moz-calc(100% - 250px); width:calc(100% - 250px);}
	.news_con_title span{font-size: 16px;width: 90px;height: 50px;}
	.news_con_title a{font-size: 20px;}
	.news_con_con{ margin-top: 0px;height: 48px;font-size: 14px;}
	.news_con_xia{font-size: 14px; margin-top: 30px;}
	.news ul li{padding: 30px 0;}
	.news_top{ font-size:40px;}
	.news_li a{font-size: 20px;}
	.news_li_shu{padding: 0 15px;}
	.case_left{font-size: 14px;}
	.case_left p{font-size: 36px;}
	.case2_top{font-size: 40px;}
	.lxfs_map{ float:none; width:100%;}
	.lxfs_text{ float:none;padding: 50px 0 50px 5%;width: 90%;}
	.cult01_b{ height:50px;}
	.icon8{width: 100px; height: 100px;font-size: 40px;}
	.cult01k{ font-size:16px;}
	.cult01k p{ font-size:24px;}
	.cult01{height: 300px;}
	.cult02con{font-size: 16px;}
	.ban_dang{ height:400px;}
	.newsdang{ top: -190px;}
	.newsdang a{font-size: 20px;}
	.newsdang_con{top: -150px;padding: 20px 2%;}
	.newsdang_con01{width: 50px;height: 58px;font-size: 18px;}
	.newsdang_con02{width: -webkit-calc(96% - 68px); width: -moz-calc(96% - 68px);width: calc(96% - 68px); margin-left: 2%;font-size: 16px;}
	.newsdang_shu{padding: 0 15px;}
	.header_dang{height: 510px;}
}

@media screen and (max-width:850px){
	.header{height: 40vh;}
	.banner{height: 40vh;}
	.hdp{ height:550px;}
	.sadek{margin: 100px auto 80px;}
	.indan_con ul li{width: 48%;height: 430px;}
	.case_right{width: 10%;}
	.case_right i{font-size: 60px;}
	.case_left{width: 88%;}
	.header_culture{height: 540px;}
	.ban_culture{height: 430px;}
	.culture01{padding-top: 120px;font-size: 32px;}
	.newsdang_con02{font-size: 14px;}
    .tm2{font-size: 14px;}
    .tm2 p span{font-size: 32px;}
}

@media screen and (max-width:680px){
	.header{height: 30vh;}
	.banner{height: 30vh;}
	.top01{width: 30%;}
	.topk{ width:90%; margin: 30px auto 0}
	.imenu2{ top:20px;}
	.timu{ height: 80px;}
	.tm{ font-size:12px;}
	.tm p span{ font-size:18px;}
	.hdp{ height:295px;}
	.hdptitle{height: 60px;}
	.hdptitle a{font-size:14px;}
	.indnews a{font-size: 15px;padding: 0 3px;}
	.indnew_top01{font-size: 12px;}
	.indnew_top01 p{font-size: 22px;}
	.yuan{width: 26px;height: 26px;line-height: 29px;}
	.ico01{font-size: 20px;}
	.indnew_con_time p{font-size: 26px;}
	.indnew_con_a{ width:80%;}
	.indnew_con_a a{font-size: 16px;}
	.indnew_con_a span{font-size: 12px;height: 38px;}
	.sadek{margin: 100px auto 50px;}
	.yewu_top{margin: 30px auto 0;}
	.yewu{padding: 50px 5% 50px;}
	.sadebj2{padding: 50px 0;}
	.ico02{font-size: 20px;}
	.yewuk{height: 150px;}
	.yewuk01{padding: 20px 0 10px;}
	.ico03{font-size: 40px;}
	.yewuk03{padding-top: 5px;}
	.indan{margin-top: 10px;}
	.indan_top{top: 50px;font-size: 16px;}
	.indan_top p{font-size: 28px;}
	.indan_con{margin: 50px auto 0;}
	.indan_con ul li{height: 300px;}
	.indan_title{font-size: 16px;}
	.indan_title2{font-size: 16px;}
	.ban{top: 80px;height: 180px;}
	.header2{ height:260px;}
	.ban_text{font-size: 28px;}
	.news_top{ display:none; font-size: 20px;}
	.newsk{margin: 5% auto;}
	.news_li{padding-top: 5px; justify-content: flex-start;}
	.news_li a{font-size: 16px;}
	.news_li_shu{padding: 0 5px;}
	.news ul{margin-top:5px;}
	.news ul li{padding: 20px 0;}
	.news_img{width: 90px; height: 70px;margin-right: 10px;}
	.news_con{ width:-webkit-calc(100% - 100px); width:-moz-calc(100% - 100px); width:calc(100% - 100px);}
	.news_con_title img{width: 40px; height: 36px; margin-right: 5px;}
	.news_con_title a{ font-size:14px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;white-space:normal}
	.news_con_con{ display:none}
	.news_con_xia{ display:none}
	.fenye {padding: 30px 0;}
	.newscon{margin-top: 30px;}
	.news_title{ padding: 15px 5%;font-size: 20px;}
	.news_time{justify-content: space-around;}
	.news_timek{font-size: 12px;padding: 0 0;}
	.news_nr{padding: 30px 5%;}
	.casek02ico i{width: 40px; height: 40px;line-height: 40px;font-size: 18px;}
	.casek01{width: 90%;height: 20px;margin: 0 5%;}
	.casek02 p{font-size: 12px;}
	.casek{height: 90px;}
	.case_right{ display:none;}
	.case_left{ width:100%;}
	.case_left p{font-size: 26px;padding-bottom: 20px;}
	.case2_top{font-size: 28px;padding: 20px 0 30px;}
	.ban_culture{top: 80px;height: 260px;}
	.culture01{padding-top: 60px;font-size: 26px;}
	.ico07{margin: 20px 0 20px;}
	.cult01_z{justify-content: space-between;}
	.cult01k{font-size: 12px;width: 24%;}
	.icon8{ width: 50px;height: 50px; font-size: 26px;}
	.cult01k p{font-size: 18px;padding: 20px 0 10px;}
	.cult01_b{height: 25px;}
	.cult01{ height:180px;}
	.cult02con{font-size: 14px;}
	.cult{margin: 100px auto 50px;}
	.ban_dang{top: 80px;height: 160px;}
	.header_dang{ height:400px;}
	.newsdang{top: -230px;}
	.newsdang a{font-size: 16px;}
	.newsdang_shu{padding: 0 6px;}
	.newsdang_con{top: -170px;}
	.lxfs_textk p{font-size: 14px;}
    .about_title{padding-top: 30px;font-size: 34px;}
    .tm2{font-size: 12px;}
    .tm2 p span{font-size: 24px;}
    .header_about{height: 700px;}
    .ban_about{height: 590px;}
    .about_con{height: 350px !important;}
    .indan_zy span{line-height: 33px;}
    .case-swiper .swiper-slide{ height: 400px!important;}
}


/*****************************/
  /* 基础样式 */
    ._clearfix {
        zoom: 1;
    }

    ._clearfix:before,
    ._clearfix:after {
        display: table;
        content: "";
        line-height: 0;
    }

    ._clearfix:after {
        clear: both;
    }

    ._w1200 {
        width: 1200px;
        height: auto;
        margin: 0 auto;
    }

    /* 演示容器样式 */
    ._demo-container {
        padding: 50px 20px;
        text-align: center;
        background: #f5f5f5;
        min-height: 100vh;
    }

    ._demo-container h1 {
        color: #333;
        margin-bottom: 10px;
        font-size: 28px;
    }

    ._demo-container p {
        color: #666;
        margin-bottom: 50px;
        font-size: 16px;
    }

    ._nav-demo {
        position: relative;
        display: block;
    }

    /* 导航子菜单遮罩层 */
    ._nav-sub-eject-cover {
        position: fixed;
        top: 100px;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 2;
        background: rgba(0, 0, 0, 0.5);
        opacity: 0;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    ._nav-demo:hover ._nav-sub-eject-cover {
        opacity: 1;
        visibility: visible;
    }

    /* 当鼠标悬停在有下拉菜单的导航项上时，top背景变白 */
    .top:has(._nav-demo:hover) {
        /* background-color: rgba(255, 255, 255, 0.95) !important;
        transition: background-color 0.3s ease;
        backdrop-filter: blur(10px); */
       
    }

    /* 通过类名控制的兼容性方案 */
    .top.nav-hover {
        /* background-color: rgba(255, 255, 255, 0.95) !important;
        transition: background-color 0.3s ease;
        backdrop-filter: blur(10px); */
    }

    /* 导航子菜单背景样式 */
    ._nav-sub-eject-bg-jtgk {
        background: url(/web/images/jtgk.png) right center no-repeat;
        background-size: 765px 420px;
    }

    ._nav-sub-eject-bg-dj {
        background: url(/web/images/dj.png) right center no-repeat;
        background-size: 765px 420px;
    }

    ._nav-sub-eject-bg-gywm {
        background: url(/web/images/gywm.png) right center no-repeat;
        background-size: 765px 420px;
    }

    ._nav-sub-eject-bg-jdal {
        background: url(/web/imagesjdal.png) right center no-repeat;
        background-size: 765px 420px;
    }

    ._nav-sub-eject-bg-xxgg {
        background: url(/web/images/xxgg.png) right center no-repeat;
        background-size: 765px 420px;
    }

    ._nav-sub-eject-bg-ywbk {
        background: url(/web/images/ywbk.png) right center no-repeat;
        background-size: 765px 420px;
    }

    /* 导航子菜单链接区域 */
    ._nav-sub-eject-line {
        width: 370px;
        float: left;
        height: 280px;
        margin-top: 70px;
        border-right: solid 1px rgba(111, 125, 142, 0.2);
        z-index: 9;
        /* position: relative;
        opacity: 0;
        transform: translateX(-30px);
        transition: all 0.5s ease 0.1s; */
    }

    ._nav-demo:hover ._nav-sub-eject-line {
        opacity: 1;
        transform: translateX(0);
    }

    ._nav-sub-eject-line a {
        display: block;
        float: left;
        /* width: 150px; */
        width: 120px;
        margin:0 15px;
        height: 20px;
        line-height: 20px;
        /* color: #425A77 !important; */
        color:#425A77!important;
        font-size: 20px;
        padding: 8px 0;
        margin-bottom: 24px;
        font-weight: normal !important;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        text-decoration: none;
        border-radius: 6px;
        /* transition: all 0.3s ease; */
        position: relative;
        /* opacity: 0;
        transform: translateY(15px); */
        text-align: center;
    }

    ._nav-demo:hover ._nav-sub-eject-line a {
        /* opacity: 1;
        transform: translateY(0); */
    }

    /* ._nav-demo:hover ._nav-sub-eject-line a:nth-child(1) { transition-delay: 0.1s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(2) { transition-delay: 0.15s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(3) { transition-delay: 0.2s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(4) { transition-delay: 0.25s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(5) { transition-delay: 0.3s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(6) { transition-delay: 0.35s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(7) { transition-delay: 0.4s; }
    ._nav-demo:hover ._nav-sub-eject-line a:nth-child(8) { transition-delay: 0.45s; } */

    ._nav-sub-eject-line a::before {
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        width: 0;
        height: 2px;
        background: linear-gradient(90deg, #29449b , #509545);
        transition: width 0.3s ease;
    }

    ._nav-sub-eject-line a._into {
        color: #29449b  !important;
        background: rgba(70, 0, 115, 0.05);
    }

    ._nav-sub-eject-line a._into::before {
        width: 100%;
    }

    ._nav-sub-eject-line a:hover {
        /* color: #333333  !important; */
        /* background: rgba(70, 0, 115, 0.05); */
        /* transform: translateX(8px); */
    }

    ._nav-sub-eject-line a:hover::before {
        width: 100%;
    }

    /* 导航子菜单标签区域 */
    ._nav-sub-eject-lable {
        margin-left: 100px;
        width: 550px;
        float: left;
        margin-top: 70px;
        /* opacity: 0;
        transform: translateX(30px);
        transition: all 0.5s ease 0.2s; */
    }

    ._nav-demo:hover ._nav-sub-eject-lable {
        opacity: 1;
        transform: translateX(0);
    }

    ._nav-sub-eject-lable-title {
        height: 32px;
        line-height: 32px;
        font-size: 32px;
        color: #233043;
        font-weight: bold;
        /* opacity: 0;
        transform: translateY(20px);
        transition: all 0.4s ease 0.3s; */
    }

    ._nav-demo:hover ._nav-sub-eject-lable-title {
        /* opacity: 1;
        transform: translateY(0); */
    }

    ._nav-sub-eject-lable-tips {
        margin-top: 13px;
        height: 120px;
        line-height: 30px;
        font-size: 16px;
        color: #6F7D8E;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
        /* opacity: 0;
        transform: translateY(20px);
        transition: all 0.4s ease 0.4s; */
    }

    ._nav-demo:hover ._nav-sub-eject-lable-tips {
        /* opacity: 1;
        transform: translateY(0); */
    }

    ._nav-sub-eject-lable-more {
        margin-top: 26px;
        width: 120px;
        height: 38px !important;
        background: linear-gradient(45deg, #1184e0 0%, #71b72c 100%);
        border-radius: 19px;
        line-height: 38px !important;
        text-align: center;
        color: #FFFFFF !important;
        font-size: 14px !important;
        cursor: pointer;
        padding: 0 !important;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(41, 68, 155, 0.3);
        position: relative;
        overflow: hidden;
    }

    ._nav-sub-eject-lable-more::before {
        content: '';
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
        transition: left 0.5s ease;
    }

    ._nav-sub-eject-lable-more:hover {
        background: linear-gradient(45deg, #71b72c 0%, #1184e0 100%);
        transform: translateY(-2px);
        box-shadow: 0 6px 20px rgba(41, 68, 155, 0.4);
    }

    ._nav-sub-eject-lable-more:hover::before {
        left: 100%;
    }

    /* 导航子菜单主体 */
    ._nav-sub-eject-mian img {
        width: 100%;
        height: 420px;
        object-fit: cover;
        transition: transform 0.3s ease;
    }

    ._nav-sub-eject {
        display: block;
        width: 100%;
        height: 420px;
        /* background-color: linear-gradient(135deg, rgb(255, 255, 255) 100%, rgb(248, 250, 252) 100%); */
        border-radius: 0 0 12px 12px;
        transform: translateY(-10px);
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        background-color: #fff;
    }

    ._nav-demo:hover ._nav-sub-eject {
        transform: translateY(0);
    }

    /* 导航子菜单显示控制 */
    ._nav-demo {
        position: relative;
    }

    ._nav-demo:hover ._fake {
        visibility: visible !important;
        opacity: 1 !important;
        height: 420px !important;
        transform: translate(-50%, 0) !important;
        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15) !important;
    }

    ._nav-demo:hover {
        z-index: 9999999;
    }

    ._fake {
        visibility: hidden;
        opacity: 0;
        position: fixed !important;
        left: 50%;
        top: 100px;
        width: 100% !important;
        height: 0 !important;
        z-index: 9999999;
        /* border-top: solid 1px rgba(111, 125, 142, 0.2); */
        transform: translate(-50%, -20px);
        transition: opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                   visibility 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), 
                   transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
                   height 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
        transition-delay: 0s, 0s, 0s, 0s;
        overflow: hidden;
        backdrop-filter: blur(10px);
        pointer-events: none;
    }

    ._nav-demo:not(:hover) ._fake {
        transition-delay: 0.1s, 0.1s, 0.1s, 0.1s;
    }

    ._nav-demo:hover ._fake {
        pointer-events: auto;
    }

        /* 增加缓冲区域防止闪烁 */
    ._fake::before {
        content: '';
        position: absolute;
        top: -15px;
        left: 0;
        right: 0;
        height: 15px;
        background: transparent;
        z-index: 1;
    }

    /* 响应式设计 */
    @media (max-width: 1200px) {
        ._w1200 {
            width: 95%;
            padding: 0 20px;
        }

        ._nav-sub-eject-line {
            width: 45%;
        }

        ._nav-sub-eject-lable {
            width: 45%;
            margin-left: 5%;
        }
    }

    @media (max-width: 768px) {
        ._nav-sub-eject {
            height: auto;
            min-height: 300px;
        }

        ._nav-sub-eject-line,
        ._nav-sub-eject-lable {
            width: 100%;
            float: none;
            margin-left: 0;
            margin-top: 20px;
        }

        ._nav-sub-eject-line {
            border-right: none;
            border-bottom: solid 1px rgba(111, 125, 142, 0.2);
            padding-bottom: 20px;
            height: auto;
        }

        ._nav-sub-eject-line a {
            width: 48%;
            margin-right: 2%;
        }
    }




.back-to-top {
    position: fixed;
    bottom: 130px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #1184e0;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    visibility: hidden;
    transition: all 0.3s ease;
    z-index: 1000;
    box-shadow: 0 2px 10px rgba(70, 0, 115, 0.3);
}

.back-to-top:hover {
    background-color: #71b72c;
    transform: translateY(-2px);
    box-shadow: 0 4px 15px rgba(70, 0, 115, 0.4);
}

.back-to-top.show {
    /* opacity: 0.5; */
    visibility: visible;
}

.back-to-top i {
    font-size: 18px;
}


/*** 弹层 ***/
/* 案例详情弹出层样式 */
.case-detail-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.case-detail-tags .tag {
    padding: 5px 17px;
    /* background-color: #f0f0f0; */
    background: url(../images/tags.png) no-repeat center center;
    background-size: contain;
    font-size: 14px;
    color: #DAB895;
    margin-bottom: 12px;
}
.case-detail-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 0;
background: rgba(0, 0, 0, 0.8);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
opacity: 0;
visibility: hidden;
pointer-events: none;
overflow: hidden;
transition: height 1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease 0.2s, visibility 0s 0.6s;
}

.case-detail-overlay.active {
height: 100%;
opacity: 1;
visibility: visible;
pointer-events: auto;
transition: height 1s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease 0.2s, visibility 0s;
}

.case-detail-content {
position: relative;
width: 80%;
/* max-width: 1200px; */
height: 100%;
/* border-radius: 20px; */
display: flex;
overflow: hidden;
/* box-shadow: 0 20px 60px rgba(0, 0, 0, 0.8); */
}

/* AOS 动画效果类 - 从上方渐入下拉 */
.case-detail-content[data-aos="fade-down"] {
transform: translateY(-50px);
opacity: 0;
transition: transform 0.5s ease, opacity 0.5s ease;
}

.case-detail-overlay.active .case-detail-content[data-aos="fade-down"].aos-animate {
/* transform: translateY(0);
opacity: 1; */
}

/* 左侧图片 */
.case-detail-left {
flex: 0 0 50%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
box-sizing: border-box;
padding:40px;
}

.case-detail-left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* 右侧内容 */
.case-detail-right {
flex: 1;
padding: 40px;
position: relative;
display: flex;
flex-direction: column;
overflow-y: auto;
}

/* 关闭按钮 */
.case-detail-close {
position: absolute;
top: 20px;
right: 20px;
width: 40px;
height: 40px;
border: 3px solid #fff;
/* background: rgba(0, 0, 0, 0.1); */
background: none;
border-radius: 50%;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.3s ease;
z-index: 10;
}

.case-detail-close:hover {
/* background: rgba(0, 0, 0, 0.2); */
transform: rotate(90deg);
}

.case-detail-close i {
font-size: 20px;
color: #fff;
}

/* 标题 */
.case-detail-title {
font-size: 24px;
font-weight: bold;
color: #fff;
margin-bottom: 20px;
padding-right: 60px;
}

/* 文字介绍 */
.case-detail-description {
font-size: 16px;
line-height: 1.8;
color: #fff;
flex: 1;
overflow-y: auto;
}

/* 响应式设计 */
@media (max-width: 768px) {
    .case-detail-overlay {
        position: fixed;
    }
.case-detail-content {
    flex-direction: column;
    height: 100vh;
    width: 100vw;
}
.case-detail-left {
    padding:20px;
}
.case-detail-right {
    padding:0 20px 20px 20px;
}

.case-detail-title {
    font-size: 24px;
}

.case-detail-close{
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
}

.case-detail-close i {
    font-size: 12px;
}

}