@charset "utf-8";
/* CSS Document */
*{ margin:0px; padding:0px;}
body{ margin:0 auto; padding:0 auto; color:#333; font-size:14px; font-family:"微软雅黑", Arial; background:#ffffff; border:none; text-align:center;overflow-x:hidden;}
.clear{ float:none; clear:both; height:auto; border:none;}
a{ text-decoration:none;}
a:link, a:visited { text-decoration: none; color: #333333; }
a:hover{ text-decoration:none; color:#333;}
a:active{ text-decoration: none; color: #333; }
ul,li{ list-style-type:none; margin:0; padding:0;}
input{ vertical-align:top;}
img{ border:none;}
p{ margin:0;}
h1,h2,h3,h4,h5,h6{ margin:0;}

.top{ width:90%; position:fixed; background:#FFFFFF; height:auto; padding:0px 5%; padding-bottom:1.5%; z-index:8888888888;}
.logo{ float:left; width:246px; padding-top:2%;}
.logo img{ width:100%;}
.menu{ float:right; width:15%;}
.menu_top{ width:100%; text-align:right; font-size:20px; margin-top:3%;}
.menu_top a{ float:right; color:#000000; margin-left:5px;}
.menu_top a:hover{ text-decoration:none;}
.menu_top a.a{ color:#91D50A;}
.menu_top span{ float:right; display:block; font-size:10px; margin-left:5px; padding-top:5px;}
.menu_bot{ margin-top:8%;}
.menu_bot h1{ float:left; font-size:30px;}
.menu_bot h2{ float:right;}
.menu_bot h2 img{ width:100%;}

.bgPop{ width:100%; height:100%; background:#000; position:fixed; top:0; display:none; z-index:9999999999;}
.top1{ width:90%; height:auto; padding:0px 5%; padding-bottom:1.5%;}
.top1 .menu_top a{ color:#FFFFFF;}
.top1 .menu_top span{ color:#FFFFFF;}
.top1 .menu_bot h2 img{ width:33px;}
.nav1{ text-align:right; width:100%;}
.nav1 ul li{ font-size:64px; height:auto; font-weight:bold; color:#FFFFFF; margin-top:2%;}
.nav1 ul li a{ color:#FFFFFF;}
.nav1 ul li a:hover{ color:#91D50A;}
.menu1{ z-index:999999; width:auto; background:none;  display:none; color:#333; margin-top:0px; margin-bottom:-2%;}
.menu1 ul{ padding-left:0px;}
.menu1 ul li{ float:none; height:45px; width:100%; margin:0px; border:none; margin-top:0px; padding:0px}
.menu1 ul li a{ display:block; width:100%; height:45px; text-align:right; font-size:32px; color:#fff; font-weight:400; padding:0px;}
.menu1 ul li a:link, .menu1 ul li a:visited { text-decoration: none; color: #fff; }
.menu1 ul li a:hover{ color:#91D50A;}

.flash{ width:100%; margin:0px auto; padding-top:8%;}
.flash img{ width:100%;}
.about{ width:100%; margin:0px auto; min-height:910px; background:url(../images/about_bg.jpg) no-repeat; background-size: 100% 100%;aspect-ratio: 1920 / 1080;}
.abo{ width:50%; float:right; padding-top:30%; margin-right:5%;}
.abo ul{ background:#FFFFFF; padding:5%;}
.abo ul h2{ text-align:left; font-size:40px; font-weight:400;}
.abo ul p{ padding-top:30px; text-align:left; font-size:18px;}

.yuan{ width:80%; margin:0px auto; padding:0px 10%; background:url(../images/yuan_bg.jpg) bottom center; min-height:926px;}
.yuan h2{ font-size:76px; padding-top:170px;}
.yuan p{ margin-top:4%; font-size:46px; margin-bottom:10%;}
.yuan a{ border:1px solid #95D20B; font-size:40px; padding:0.5% 4%; background:#FFFFFF;}
.yuan a:hover{ background:#95D20B;}

.shipin {
            position: relative;
            width: 100%;
            overflow: hidden;
            background: transparent;
            line-height: 0;
            cursor: pointer;
        }
.shipin video {
            display: block;
            width: 100%;
            height: auto;
            aspect-ratio: 16 / 9;
            object-fit: cover;
            background: #000;
            position: relative;
            z-index: 1;
        }

        /* ========== 封面图 ========== */
        .cover-overlay {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 10;
            cursor: pointer;
            transition: opacity 0.4s ease;
            background: transparent;
        }

        /* 封面图片（本身带箭头） */
        .cover-overlay .cover-img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            display: block;
            background: #000;
        }

        /* 播放时隐藏封面 */
        .shipin.playing .cover-overlay {
            opacity: 0;
            pointer-events: none;
            transition: opacity 0.3s ease;
        }

        /* 暂停时显示封面 */
        .shipin.paused .cover-overlay {
            opacity: 1;
            pointer-events: auto;
            transition: opacity 0.4s ease;
        }
		
.jiazhi{ width:100%; margin:0px auto; margin-top:4%;}
.jz_top{ width:100%;}
.jz_top h2{ font-size:50px; font-weight:400;}
.jz_top h3{ font-size:30px; font-weight:400;}
.jz_bot{ width:100%; margin-top:3%;}
.jz_bot ul{ width:90%; margin:0px auto;}
.jz_bot ul li{ float:left; width:23%; margin-right:5%; text-align:left; overflow:hidden; padding-left:3%;}
.jz_bot ul img{ width:100%; overflow:hidden; z-index:111; margin-bottom:30px;}
.jz_bot ul li h2{ font-size:30px; font-weight:400; z-index:222; background:#FFFFFF; width:100%; position:relative; padding-top:4%; padding-bottom:3%;}
.jz_bot ul li p{ width:80%; text-align:left; font-size:20px; line-height:140%;}

.products{ width:100%; margin:0px auto; margin-top:6%;}
.p_bot{ width:90%; margin-top:4%; background:#000000; padding:10% 5%;}
.p_b_left{ float:left; width:30%; text-align:right; color:#FFFFFF; padding-top:5%;}
.p_b_left ul{ background:url(../images/c1.png) no-repeat right top; padding-right:80px;background-size: 60px 60px;}
.p_b_left ul:hover{ background:url(../images/c11.png) no-repeat right top;background-size: 60px 60px;}
.p_b_left ul h2{ font-size:26px; font-weight:400; padding-top:3%; cursor:pointer;}
.p_b_left ul h2:hover{ color:#81B92E;}
.p_b_left ul p{ font-size:18px; line-height:160%; margin-top:5%;}
.p_b_left ul.ul{ margin-top:45%; background:url(../images/c2.png) no-repeat right top;background-size: 60px 60px;}
.p_b_left ul.ul:hover{ margin-top:45%; background:url(../images/c21.png) no-repeat right top;background-size: 60px 60px;}
.p_b_center{ float:left; width:36%; margin-left:2%; margin-top:1%; overflow:hidden;}
.p_b_center img{ width:100%; overflow:hidden;}
.p_b_right{ float:right; width:30%; text-align:left; color:#FFFFFF; padding-top:5%;}
.p_b_right ul{ background:url(../images/c3.png) no-repeat left top; padding-left:80px;background-size: 60px 60px;}
.p_b_right ul:hover{ background:url(../images/c31.png) no-repeat left top; padding-left:80px;background-size: 60px 60px;}
.p_b_right ul h2{ font-size:26px; font-weight:400; padding-top:2%; cursor:pointer;}
.p_b_right ul h2:hover{ color:#81B92E;}
.p_b_right ul p{ font-size:18px; line-height:160%; margin-top:5%;}
.p_b_right ul.ul{ margin-top:45%; background:url(../images/c4.png) no-repeat left top;background-size: 60px 60px;}
.p_b_right ul.ul:hover{ margin-top:45%; background:url(../images/c41.png) no-repeat left top;background-size: 60px 60px;}

.p_bot1{ width:90%; margin-top:9%; background:#FFFFFF; padding:0px 5%; padding-bottom:5%;}
.p_b_left1{ float:left; width:30%; text-align:right; color:#FFFFFF; padding-top:5%;}
.p_b_left1 ul{ background:url(../images/c1.png) no-repeat right top; padding-right:80px;background-size: 60px 60px;}
.p_b_left1 ul:hover{ background:url(../images/c11.png) no-repeat right top;background-size: 60px 60px;}
.p_b_left1 ul h2{ font-size:26px; font-weight:400; padding-top:3%; cursor:pointer; color:#333333;}
.p_b_left1 ul h2:hover{ color:#81B92E;}
.p_b_left1 ul p{ font-size:18px; line-height:160%; margin-top:5%; color:#333333;}
.p_b_left1 ul.ul{ margin-top:45%; background:url(../images/c2.png) no-repeat right top;background-size: 60px 60px;}
.p_b_left1 ul.ul:hover{ background:url(../images/c21.png) no-repeat right top;background-size: 60px 60px;}
.p_b_center1{ float:left; width:36%; margin-left:2%; margin-top:1%; overflow:hidden;}
.p_b_center1 img{ width:96%; overflow:hidden;}
.p_b_right1{ float:right; width:30%; text-align:left; color:#FFFFFF; padding-top:5%;}
.p_b_right1 ul{ background:url(../images/c3.png) no-repeat left top; padding-left:80px;background-size: 60px 60px;}
.p_b_right1 ul:hover{ background:url(../images/c31.png) no-repeat left top;background-size: 60px 60px;}
.p_b_right1 ul h2{ font-size:26px; font-weight:400; padding-top:2%; cursor:pointer; color:#333333;}
.p_b_right1 ul h2:hover{ color:#81B92E;}
.p_b_right1 ul p{ font-size:18px; line-height:160%; margin-top:5%; color:#333333;}
.p_b_right1 ul.ul{ margin-top:45%; background:url(../images/c4.png) no-repeat left top;background-size: 60px 60px;}
.p_b_right1 ul.ul:hover{ background:url(../images/c41.png) no-repeat left top;background-size: 60px 60px;}

.xilie{ width:90%; margin:0px auto; margin-top:4%; padding:0px 5%;}
.xl_bot{ width:100%; margin-top:4%;}
.xl_bot ul{}
.xl_bot ul li{ float:left; width:48%; margin-left:2%; margin-right:2%; overflow:hidden; margin-bottom:3%;}
.xl_bot ul li:nth-child(odd){ margin-left:0px;}
.xl_bot ul li:nth-child(even){ margin-right:0px;}
.xl_bot ul li img{ width:100%; overflow:hidden;}
.xl_bot ul li h2{ font-size:38px; font-weight:400; z-index:222; background:#FFFFFF; width:100%; position:relative; text-align:left; padding-top:3%;}
.xl_bot ul li p{ font-size:18px; line-height:160%; margin-top:1%; text-align:left;}

.xilie1{ width:90%; margin:0px auto; background:#f6f6f6; margin-top:4%; padding:0px 5%; padding-top:3%; padding-bottom:1%;}
.xl_bot1 ul li h2{ font-size:38px; font-weight:400; z-index:222; background:#f6f6f6; width:100%; position:relative; text-align:left; padding-top:3%;}

.kehu{ width:90%; margin:0px auto; margin-top:4%; padding:0px 5%;}
.kh_bot{ width:100%; height:auto;margin-top:4%;}
.map-container {
  position: relative;
  width: 100%;
  overflow: hidden;
}

/* 底图：直接设置宽度100%，高度自动，完美撑开容器 */
.base-map {
  width: 100%;
  height: auto;
  display: block; 
}

/* 悬停图：绝对定位，填满容器 */
.hover-map {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; /* 这里的100%是相对于被底图撑开的容器 */
  opacity: 0;
  transition: opacity 0.5s ease;
}

.map-container:hover .hover-map {
  opacity: 1;
}

.news{ width:90%; margin:0px auto; margin-top:6%; padding:0px 5%;}
.n_bot{ width:100%; margin-top:4%;}
.n_b_left{ float:left; width:47%; position:relative; overflow:hidden;}
.n_b_left img{ width:100%; overflow:hidden;}
.n_b_left h2{ width:100%; padding-top:2%; background:#FFFFFF; text-align:left; font-size:36px; font-weight:400; z-index:888; position:relative;}
.n_b_right{ float:right; width:47%; position:relative; overflow:hidden;}
.n_b_right img{ width:100%; overflow:hidden;}
.n_b_right h2{ width:100%; padding-top:2%; text-align:left; background:#FFFFFF; font-size:36px; font-weight:400; z-index:888; position:relative;}

.foot{ width:90%; margin:0px auto; margin-top:4%; padding:0px 5%; border-top:4px solid #000000; padding-top:3.8%; padding-bottom:4%;}
.foot ul{ float:left; width:33%; text-align:left;}
.foot ul.ul{ width:20%;}
.foot ul.ul img{ width:50%; text-align:left;}
.foot ul h2{ font-size:20px; font-weight:400;}
.foot ul h2.h222{ font-size:24px; font-weight:bold; width:86%;}
.foot ul p{ line-height:140%; font-size:20px; font-weight:500; padding-top:15px;}
.foot ul.ul2{ float:right; width:20%; padding-top:3px;}
.foot ul.ul2 li{ float:right; margin-left:10px;}
.foot ul.ul3{ width:26%;}
.foot ul.ul3 h2{ font-size:30px; font-weight:bold;}
.foot ul.ul3 p{ padding-top:8px;}

.wenhua{ width:90%; margin:0px auto; margin-top:4%; padding:0px 5%;}
.wh_bot{ width:95%; text-align:left; min-height:800px; background:url(../images/wenhua_bg.jpg) no-repeat; background-size: cover; padding-top:5%; padding-left:5%; margin-top:3%;}
.wh_bot ul{ width:43%;}
.wh_bot ul li{ border-bottom:2px solid #000000; padding:15px 0px; padding-top:30px;}
.wh_bot ul li h2{ font-size:36px; float:left;}
.wh_bot ul li p{ float:right; text-align:left; width:78%; font-size:23px;}
.wh_bot ul li p.p{ padding-top:10px;}

.rongyu{ width:100%; margin:0px auto; margin-top:4%; background:url(../images/rongyu_bg.jpg) no-repeat; background-size: 100% 100%;aspect-ratio: 1920 / 1080;}
.ry_top h2{ color:#FFFFFF; padding-top:3.7%;}
.ry_top h3{ color:#FFFFFF;}
.liu{ width:100%; margin:0px auto; margin-top:4%;}
/* 主容器 - 满屏 */
        .container {
           position: relative;
            width: 100vw;
            height: 100vh;
            overflow: hidden;
            cursor: pointer;
			margin-top:3%;
        }

        /* 背景图片层 */
        .bg-image {
            display: block;
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            transition: transform 0.4s ease;  /* 平滑过渡 */
        }

        /* 鼠标悬停时背景放大 */
        .container:hover .bg-image {
            transform: scale(1.08);  /* 放大 1.08 倍，不会太夸张 */
        }

        /* PNG图片层 - 固定不动 */
       .png-overlay {
	   margin:0px auto;
            width: 100%;          /* 屏幕宽度的 95% */
			overflow:hidden;
			position:relative;
        }
		.png-overlay ul li { float:left; width:16%; margin-left:3%; margin-top:3.5%;}
		.png-overlay ul li.li{ width:67px; padding-top:7%;}
        .png-overlay ul li img {
            width: 100%;         /* 撑满父容器宽度 */
			overflow:hidden;
        }
		.png-overlay000{ display:none;}
		
.guan{ width:90%; margin:0px auto; padding:0px 5%; margin-top:4%;}
.g_bot{ margin-top:3%; width:100%; padding-bottom:2%;}
.g_b_m{ width:100%; border-bottom:2px solid #000000; padding-bottom:1%;}
.g_b_m h2{ float:left;}
.g_b_m h3{ float:left; font-size:46px; margin-left:3%; padding-top:2%;}
.g_b_m ul{ float:left; margin-left:4%; width:70%;}
.g_b_m ul li{ float:left; width:120px; margin-right:1.5%; position:relative; overflow:hidden;}
.g_b_m ul li img{ width:100%; border-radius:10px; overflow:hidden;}
.g_b_m ul li.li{ width:26px; padding-top:40px;}
.g_b_m ul li.li img{ width:100%;}
.g_b_m ul li span{ display:block; background:#FFFFFF; padding-top:4%; font-size:16px; position:relative; z-index:9999999;}
.g_b_p{ margin-top:3%;}
.g_b_s{ margin-top:3%; margin-bottom:3%;}

.xingbie{ width:90%; margin:0px auto; margin-top:4%; padding:0px 5%;}
.nv{ width:47%; float:left;}
.nv h2{ font-size:40px; border-bottom:2px solid #94D310; font-weight:400; padding-bottom:1%;}
.nv ul li{ float:left; margin-top:3%; width:48%; margin-left:2%; margin-right:2%; position:relative; overflow:hidden;}
.nv ul li:nth-child(odd){ margin-left:0px;}
.nv ul li:nth-child(even){ margin-right:0px;}
.nv ul li img{ width:100%; overflow:hidden;}
.nan{ width:47%; float:right;}
.qita{ width:100%; margin:0px auto;}
.qita ul li{ float:left; margin-top:3%; width:22%; margin-left:2%; margin-right:2%; position:relative; overflow:hidden;}
.qita ul li:nth-child(4n+1) { margin-left:0px;}
.qita ul li:nth-child(4n){ margin-right:0px;}
.qita ul li img{ width:100%; overflow:hidden;}

.hezuo{ width:90%; margin:0px auto; padding:0px 5%; padding-top:13%;}
.hz_top{ width:100%; margin:0px auto; border-bottom:2px solid #000000; padding-bottom:4%;}
.hz_top h2{ font-size:60px; text-align:left; font-weight:400;}
.hz_bot{ width:100%; margin:0px auto;}
.hz_bot ul li{ float:left; margin-left:3%; margin-right:3%; width:47%; margin-top:4%; position:relative; cursor:pointer;}
.hz_bot ul li:nth-child(odd){ margin-left:0px;}
.hz_bot ul li:nth-child(even){ margin-right:0px;}
.hz_bot ul li img{ width:100%; height:100%; overflow:hidden;}
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 92%;
  height: 99%;
  padding:0px 4%;
   background-size:cover; /* 半透明背景 */
  color: #fff;
  text-align: left;
    visibility:visible;
  z-index:9999;
  opacity: 1;
  transition: opacity 0.5s, visibility 0.5s; /* 平滑过渡效果 */
  display:none;
}
.hz_bot ul li:hover .overlay {
display:block;
background-color: rgba(0, 0, 0, 0.5); 
  visibility: visible;
}
.overlay h3{ font-size:30px; font-weight:400; text-align:left; padding-top:4%; color:#90D800;}
.overlay p{ font-size:18px; text-align:left;}

.hz_bot1{ width:100%; margin:0px auto; margin-top:1%;}
.hz_b_top{ width:100%;}
.hz_b_top ul li{ float:left; text-align:left; margin-right:3%; font-size:22px;}
.hz_b_top ul li a{ color:#666666;}
.hz_b_top ul li a:hover{ color:#000; text-decoration:none;}
.hz_b_bot{ width:100%; padding-bottom:4%;}
.hz_b_bot ul {}
.hz_b_bot ul li{ float:left; margin-left:3%; margin-right:3%; width:47%; position:relative; cursor:pointer; overflow:hidden; margin-top:4%;}
.hz_b_bot ul li:nth-child(odd){ margin-left:0px;}
.hz_b_bot ul li:nth-child(even){ margin-right:0px;}
.hz_b_bot ul li img{ width:100%; overflow:hidden; z-index:1111;}
.hz_b_bot ul li h2{ display:block; font-size:40px; font-weight:400; background:#FFFFFF; text-align:left; padding-top:2%; z-index:9999; position:relative;}
.hz_b_bot ul li p{ text-align:left; padding-top:1%; line-height:180%; font-size:18px;}

.liuyan{ width:100%; margin:0px auto; margin-top:4%;}
.ly_left{ float:left; width:45%;}
.ly_left img{ width:100%;}
.ly_right{ float:right; width:50%;}
.ly_right h2{ text-align:left; font-size:44px; font-weight:400; margin-bottom:3%;}
.ly_right ul li{ width:100%; text-align:left; border:none; font-size:16px;}
.ly_right ul li input{ width:100%; border:none; border-bottom:2px solid #818181; padding:3% 0px; font-size:16px;}
.ly_right ul li input:hover{ border:none; border-bottom:2px solid #818181;}
.ly_right ul li input:active{ border:none; background:none; border-bottom:2px solid #818181;}
.ly_right ul li input.input{ width:20%; background:#92D50B; border:none; margin-top:10%; color:#FFFFFF; font-size:20px; padding:1.2% 0px; font-weight:400;}
.ly_right p{ text-align:left; line-height:240%; font-size:30px; margin-top:60px;}
.ly_right img{ text-align:left; width:100%; overflow:hidden; margin-top:60px;}

 /* ========== 主容器 ========== */
        .main-wrapper {
            max-width: 100%;
            margin: 0 auto;
            display: flex;
            align-items: flex-start;
			margin-top:4%;
            /* 关键：让左右两栏在同一个滚动上下文中 */
        }

        /* ========== 左侧内容（多） ========== */
        .left-col {
            flex: 1;
            min-width: 0;
            /* 防止溢出 */
            float:left; 
			width:45%;
        }
		
		 /* ========== 右侧内容（固定高度，sticky） ========== */
        .right-col {
            width: 55%;
            flex-shrink: 0;
            /* 关键：sticky 定位，相对于 .main-wrapper */
            position: sticky;
            top: 10rem;
            /* 距离视口顶部，避开 header */
            align-self: flex-start;
            /* 在 flex 中保持从顶部开始 */
            background: #ffffff;
            transition: box-shadow 0.3s ease;
            max-height: calc(100vh - 7rem);
            overflow-y: auto;
            /* 自身内容过多时可滚动，但通常不会 */
        }
.show{ width:100%; margin:0px auto; margin-top:4%;}
.show_left{ width:100%;}
.show_left img{ width:100%;}
.show_right{ float:left; width:80%; margin-left:15%; text-align:left; margin-top:1%;flex-shrink: 0;}
.show_right ul li{ width:100%; margin:0px auto; clear: both}
.show_right ul li b{ font-size:30px; float:left; display:block; width:25%; margin-bottom:10px;}
.show_right ul li span{ float:left; font-size:30px; display:block; width:70%;}
.show_right ul a{ display:block; width:25%; padding:1% 0px; text-align:center; font-size:20px; color:#FFFFFF; background:#92D50B; margin-top:10%;}

.article{ width:80%; margin:0px auto; padding-top:13%;}
.art_top{ width:100%;}
.art_top img{ width:100%;}
.art_bot{ width:100%;}
.art_b_top{ width:100%; border-bottom:2px solid #000000; padding-bottom:2%; margin-top:4%;}
.art_b_top h2{ width:60%; text-align:left; font-size:60px; font-weight:400; color:#000000;}
.art_b_bot{ width:60%; margin-top:1%; text-align:left; padding-bottom:8%;}
.art_b_bot h3{ font-size:24px; font-weight:400;}
.neirong{ width:100%; margin-top:3%; text-align:left; font-size:22px; line-height:180%;}
.neirong img{ width:100%; margin:4% 0px; }

.faq{ width:90%; margin:0px auto; background:#F6F6F6; margin-top:4%; padding:2% 5%; padding-bottom:5%;}
.faq_top{ width:100%; border-bottom:2px solid #000000; padding-bottom:2%;}
.faq_top h2{ width:50%; text-align:left; font-size:44px; font-weight:400;}
.faq_bot{ width:100%;}
.faq_bot ul{ padding-bottom:7%;}
.faq_bot ul li{ float:left; width:28%; margin-right:8%; text-align:left; margin-top:4%;}
.faq_n_top{ width:100%; border-bottom:4px solid #000000; padding-bottom:2%;}
.faq_n_top h2{ text-align:left; font-size:60px; font-weight:400;}
.faq_n_bot{ text-align:left; line-height:180%; width:60%; margin-top:3%; font-size:16px; padding-bottom:8%;}
#newsList li {
        display: none;  /* 默认隐藏 */
        transition: all 0.3s ease;
    }
    
    #newsList li.visible {
        display: block;  /* 显示 */
    }
	#newsList li.dynamic-batch {
        animation: fadeIn 0.5s ease;
    }
.faq_bot ul li:nth-child(3n){ margin-right:0px;}
.faq_bot ul li h2{ font-size:24px; font-weight:400; color:#000000;}
.faq_bot ul li p{ line-height:140%; font-size:16px; margin-top:5%;}
.faq_bot a{ border:1px solid #95D20B; font-size:40px; padding:0.5% 4%;}
.faq_bot ul li a{ padding:0px; border:none; font-size:16px;}
  /* ========== 悬浮容器 ========== */
        .float-group {
            position: fixed;
            right: 12px;
            top: 50%;
            transform: translateY(-50%);
            display: flex;
            flex-direction: column;
            align-items: flex-end;
            gap: 18px;
            z-index: 99999999;
            pointer-events: none;
            /* 让容器不阻挡鼠标事件，子元素可点击 */;
        }
        /* 每个按钮项可点击 */
        .float-item {
            position: relative;
            pointer-events: auto;
            display: flex;
            align-items: center;
            cursor: pointer;
        }

        /* ========== 按钮样式 ========== */
        .btn-float {
            width: 72px;
            height: 72px;
            border: none;
            outline: none;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 26px;
            transition: transform 0.25s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
            position: relative;
            z-index: 2;
            flex-shrink: 0;
            user-select: none;
        }
        .btn-float:hover {
            transform: scale(1.08);
            
        }
        .btn-float:active {
            transform: scale(0.94);
        }

        /* 电话按钮 */
        .btn-phone {
             background:url(../images/anniu1.png) no-repeat;
        }
        .btn-phone:hover {
            background:url(../images/anniu1.png) no-repeat;
        }

        /* 微信按钮 */
        .btn-wechat {
            background:url(../images/anniu2.png) no-repeat;
        }
        .btn-wechat:hover {
           background:url(../images/anniu2.png) no-repeat;
        }

/* 置顶按钮 */
        .btn-top {
            background:url(../images/anniu3.png) no-repeat;
        }
        .btn-top:hover {
           background:url(../images/anniu3.png) no-repeat;
        }
        /* ========== 卡片（悬浮层） ========== */
        .card-float {
            position: absolute;
            right: calc(100% + 16px);
            top: 50%;
            transform: translateY(-50%) scale(0.92);
            transform-origin: right center;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            background: #ffffff;
            border-radius: 20px;
            padding: 18px 24px;
            min-width: 150px;
            max-width: 220px;
            box-shadow: 0 20px 48px -12px rgba(0, 0, 0, 0.20), 0 6px 18px rgba(0, 0, 0, 0.06);
            border: 1px solid rgba(255, 255, 255, 0.6);
            backdrop-filter: blur(4px);
            transition: opacity 0.28s ease, transform 0.30s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.28s ease;
            white-space: nowrap;
            z-index: 1;
        }
        /* 卡片小三角箭头 (指向按钮) */
        .card-float::after {
            content: '';
            position: absolute;
            right: -8px;
            top: 50%;
            transform: translateY(-50%) rotate(45deg);
            width: 14px;
            height: 14px;
            background: #ffffff;
            border-radius: 3px;
            box-shadow: 4px -4px 10px rgba(0, 0, 0, 0.04);
            border: 1px solid rgba(255, 255, 255, 0.6);
            border-left-color: transparent;
            border-bottom-color: transparent;
        }

        /* 悬停时显示卡片 */
        .float-item:hover .card-float {
            opacity: 1;
            visibility: visible;
            transform: translateY(-50%) scale(1);
            pointer-events: auto;
        }

        /* ========== 卡片内容 ========== */
        .card-phone .card-body {
            display: flex;
            align-items: center;
            gap: 12px;
        }
        .card-phone .card-body i {
            font-size: 22px;
            color: #3b82f6;
            background: #eff6ff;
            padding: 8px;
            border-radius: 12px;
        }
        .card-phone .card-body .info {
            display: flex;
            flex-direction: column;
            line-height: 1.4;
        }
        .card-phone .card-body .info .label {
            font-size: 12px;
            font-weight: 500;
            color: #94a3b8;
            letter-spacing: 0.5px;
            text-transform: uppercase;
        }
        .card-phone .card-body .info .value {
            font-size: 15px;
            font-weight: 600;
            color: #0b1c2e;
        }
        .card-phone .card-body .info .value i {
            font-size: 14px;
            background: none;
            padding: 0;
            color: #22c55e;
            margin-left: 4px;
        }

        /* 微信卡片 - 二维码 */
        .card-wechat .card-body {
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: 6px;
            padding: 2px 0;
        }
        .card-wechat .card-body .qr-wrapper {
            background: #f8fafc;
            border-radius: 14px;
            padding: 8px;
            border: 1px solid #eef2f6;
            transition: border-color 0.2s;
        }
        .card-wechat .card-body .qr-wrapper:hover {
            border-color: #07c160;
        }
        .card-wechat .card-body .qr-wrapper img {
            display: block;
            width: 120px;
            height: 120px;
            border-radius: 8px;
            background: #ffffff;
        }
        .card-wechat .card-body .qr-label {
            font-size: 13px;
            font-weight: 500;
            color: #1e293b;
            letter-spacing: 0.2px;
            margin-top: 2px;
        }
        .card-wechat .card-body .qr-label i {
            color: #07c160;
            margin-right: 4px;
        }

        /* ========== 响应式 ========== */
        @media (max-width: 768px) {
            .float-group {
                right: 18px;
                gap: 14px;
            }
            .btn-float {
                width: 50px;
                height: 50px;
                font-size: 22px;
            }
            .card-float {
                min-width: 120px;
                max-width: 170px;
                padding: 14px 16px;
                right: calc(100% + 12px);
            }
            .card-phone .card-body i {
                font-size: 18px;
                padding: 6px;
            }
            .card-phone .card-body .info .value {
                font-size: 13px;
            }
            .card-wechat .card-body .qr-wrapper img {
                width: 96px;
                height: 96px;
            }
            .card-wechat .card-body .qr-label {
                font-size: 12px;
            }
            .page-content h1 {
                font-size: 1.8rem;
            }
            .page-content p {
                font-size: 0.98rem;
            }
        }

        @media (max-width: 480px) {
            .float-group {
                right: 12px;
                gap: 12px;
            }
            .btn-float {
                width: 44px;
                height: 44px;
                font-size: 18px;
            }
            .card-float {
                min-width: 100px;
                max-width: 150px;
                padding: 12px 14px;
                right: calc(100% + 10px);
                border-radius: 16px;
            }
            .card-float::after {
                width: 10px;
                height: 10px;
                right: -6px;
            }
            .card-phone .card-body {
                gap: 8px;
            }
            .card-phone .card-body i {
                font-size: 15px;
                padding: 5px;
                border-radius: 10px;
            }
            .card-phone .card-body .info .value {
                font-size: 12px;
            }
            .card-phone .card-body .info .label {
                font-size: 10px;
            }
            .card-wechat .card-body .qr-wrapper img {
                width: 80px;
                height: 80px;
            }
            .card-wechat .card-body .qr-label {
                font-size: 11px;
            }
            .page-content {
                padding: 28px 18px;
                border-radius: 28px;
            }
            .page-content h1 {
                font-size: 1.5rem;
            }
        }

        /* ========== 小屏设备触控优化 ========== */
        @media (hover: none) and (pointer: coarse) {
            /* 触摸设备：点击时显示卡片，再次点击隐藏 */
            .float-item.active .card-float {
                opacity: 1;
                visibility: visible;
                transform: translateY(-50%) scale(1);
                pointer-events: auto;
            }
        }

.main_img{

    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
	z-index:1;
	transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
	}
.main_img .show {
    background: rgba(0, 0, 0, 0.4);

    left: 0;
    opacity: 0;
	filter:alpha(opacity=0);
    position: absolute;
    top: 0;
    transition-delay: 0s;
    transition-duration: 0.3s;
    transition-property: opacity;
    transition-timing-function: ease-in;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.3s;
    -moz-transition-property: opacity;
    -moz-transition-timing-function: ease-in;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-property: opacity;
    -webkit-transition-timing-function: ease-in;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.3s;
    -o-transition-property: opacity;
    -o-transition-timing-function: ease-in;
    width:250px;
    z-index: 200;
}
.main_img .show .imgArea {
    left: 50%;
	bottom:0;
    margin:-15px 0px 0px -40px;
    opacity: 0;
    position: absolute;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
	/* Firefox 4 */
	-moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
	/* Safari 和 Chrome */
	-webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
	/* Opera */
	-o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.main_img .show .imgArea a{
	color:rgba(255,255,255, 0.8);
	display:block;
	padding:5px 12px;
	border:rgba(255,255,255, 0.6) 1px solid;
	border-radius:8px;
	font-size: 16px;
}
.main_img .show .imgArea a:hover{
	background: rgba(255,255,255, 0.7);
	color:rgba(0,0,0, 0.6);
}
.main_img:hover  .show {opacity: 1;filter:alpha(opacity=100);}
.main_img:hover .show .imgArea{opacity:1;filter:alpha(opacity=100);bottom:40%;}
.main_img:hover {
	transform: scale(1.2, 1.2);
	
	-ms-transform:scale(1.2, 1.2); 	/* IE 9 */
	-moz-transform:scale(1.2, 1.2); 	/* Firefox */
	-webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
	-o-transform:scale(1.2, 1.2); 	/* Opera */
	    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    
    filter: grayscale(0%);
	
    filter: none;
}

.pageinfo { PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #0076BE; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center; margin-top:20px;}
.pageinfo A { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; COLOR: #333; PADDING-TOP: 2px; TEXT-DECORATION: none; border: 1px solid #E1E1E1; }
.pageinfo A:hover { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo A:active { COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.thisclass { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #fff; PADDING-TOP: 2px; BACKGROUND-COLOR: #E3242C; border: 1px solid #E3242C; }
.pageinfo SPAN.pageinfo { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; BACKGROUND-COLOR: #FFFFFF; border: 1px solid #E1E1E1; color: #333333; }
.pageinfo SPAN.disabled {DISPLAY: none}
.pageinfo SPAN.current { PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; border: 1px solid #E60011; color:#FFFFFF; background-color: #E60011; }

@media screen and (min-width: 1921px) {  /* 用 min-width 而不是 max-width */
    .p_b_left ul{ background:url(../images/c1.png) no-repeat right top; padding-right:80px;background-size: 82px 82px;}
.p_b_left ul:hover{ background:url(../images/c11.png) no-repeat right top;}
.p_b_left ul h2{ font-size:26px; font-weight:400; padding-top:3%; cursor:pointer;}
.p_b_left ul h2:hover{ color:#81B92E;}
.p_b_left ul p{ font-size:18px; line-height:160%; margin-top:5%;}
.p_b_left ul.ul{ margin-top:45%; background:url(../images/c2.png) no-repeat right top;background-size: 82px 82px;}
.p_b_left ul.ul:hover{ margin-top:45%; background:url(../images/c21.png) no-repeat right top;}
.p_b_center{ float:left; width:36%; margin-left:2%; margin-top:1%; overflow:hidden;}
.p_b_center img{ width:100%; overflow:hidden;}
.p_b_right{ float:right; width:30%; text-align:left; color:#FFFFFF; padding-top:5%;}
.p_b_right ul{ background:url(../images/c3.png) no-repeat left top; padding-left:80px;background-size: 82px 82px;}
.p_b_right ul:hover{ background:url(../images/c31.png) no-repeat left top; padding-left:80px;}
.p_b_right ul h2{ font-size:26px; font-weight:400; padding-top:2%; cursor:pointer;}
.p_b_right ul h2:hover{ color:#81B92E;}
.p_b_right ul p{ font-size:18px; line-height:160%; margin-top:5%;}
.p_b_right ul.ul{ margin-top:45%; background:url(../images/c4.png) no-repeat left top;background-size: 82px 82px;}
.p_b_right ul.ul:hover{ margin-top:45%; background:url(../images/c41.png) no-repeat left top;}
}

@media (max-width: 1000px) {

.top{ width:90%; position:fixed; background:#FFFFFF; height:auto; padding:0px 5%; padding-bottom:3%; z-index:8888888888;}
.logo{ float:left; width:26%; padding-top:3%;}
.logo img{ width:100%;}
.menu{ float:right; width:25%;}
.menu_top{ width:100%; text-align:right; font-size:16px; margin-top:3%;}
.menu_top a{ float:right; color:#000000; margin-left:5px;}
.menu_top a:hover{ text-decoration:none;}
.menu_top a.a{ color:#91D50A;}
.menu_top span{ float:right; display:block; font-size:10px; margin-left:5px; padding-top:5px;}
.menu_bot{ margin-top:8%;}
.menu_bot h1{ float:left; width:60%;}
.menu_bot h1 img{ width:100%;}
.menu_bot h2{ float:right; width:30%;}
.menu_bot h2 img{ width:100%;}

.flash{ width:100%; margin:0px auto; padding-top:14%;}
.nav1 ul li{ font-size:44px; height:auto; font-weight:bold; color:#FFFFFF; margin-top:2%;}
.top1 .menu_bot h2 img{ width:22px;}
.menu1 ul li{ float:none; height:30px; width:100%; margin:0px; border:none; margin-top:0px; padding:0px}
.menu1 ul li a{ width:100%; height:auto; text-align:right; font-size:22px; color:#fff; font-weight:400; padding:0px; line-height:100%;}

.yuan{ min-height:550px;}
.yuan h2{ font-size:36px;}
.yuan p{ margin-top:4%; font-size:26px; margin-bottom:10%;}
.yuan a{ border:1px solid #95D20B; font-size:20px; padding:0.5% 4%;}

.jz_top h2{ font-size:30px; font-weight:400;}
.jz_top h3{ font-size:16px; font-weight:400;}

.jz_bot ul li h2{ font-size:18px; font-weight:400; z-index:222; background:#FFFFFF; width:100%; position:relative; padding-top:4%; padding-bottom:3%;}
.jz_bot ul li p{ width:70%; text-align:left; font-size:14px; line-height:140%;}

.products{ display:none;}

.xl_bot ul li h2{ font-size:20px; font-weight:400; z-index:222; background:#FFFFFF; width:100%; position:relative; text-align:left; padding-top:3%;}
.xl_bot ul li p{ font-size:14px; line-height:160%; margin-top:1%; text-align:left;}

.n_b_left h2{ width:100%; padding-top:2%; background:#FFFFFF; text-align:left; font-size:20px; font-weight:400; z-index:888; position:relative;}
.n_b_right h2{ width:100%; padding-top:2%; text-align:left; background:#FFFFFF; font-size:20px; font-weight:400; z-index:888; position:relative;}
.foot ul{ float:left; width:100%; text-align:left;}
.foot ul.ul{ width:100%; display:none;}
.foot ul.ul img{ width:61%; display:none; text-align:left;}
.foot ul h2{ font-size:24px; font-weight:bold;}
.foot ul.ul2 li{ float:left; margin-right:20px;}
.foot ul.ul3{ width:100%; margin-top:15px;}
.foot ul.ul2{ width:100%; padding-top:5%;}
.float-group{ display:none;}

.about{ width:100%; margin:0px auto; min-height:270px; background:url(../images/sabout_bg.jpg) no-repeat; background-size: 100% 100%;aspect-ratio: 1440 / 1280;}
.abo{ width:60%; padding-top:35%;}
.abo ul{ background:#FFFFFF; padding:5%;}
.abo ul h2{ text-align:left; font-size:30px;}
.abo ul p{ padding-top:20px; text-align:left; font-size:16px;}

.wh_bot{ width:90%; text-align:left; min-height:400px; background:url(../images/swenhua_bg.jpg) no-repeat; background-size: 100% 100%;aspect-ratio: 1280 / 1280; padding-top:5%; padding-left:10%; margin-top:3%;}
.wh_bot ul{ width:90%;}
.wh_bot ul li{ border-bottom:2px solid #000000; padding:15px 0px; padding-top:30px;}
.wh_bot ul li h2{ font-size:26px; float:left;}
.wh_bot ul li p{ float:right; text-align:left; width:80%; font-size:20px;}
.wh_bot ul li p.p{ padding-top:0px;}

.rongyu{ width:100%; margin:0px auto; margin-top:4%; background:url(../images/rongyu_bg.jpg) no-repeat;background-size: cover; min-height:330px;}

.guan{ width:90%; display:none; margin:0px auto; padding:0px 5%; margin-top:4%;}
.g_b_m h3{ float:left; font-size:20px; margin-left:3%; padding-top:2%;}
.g_b_m h2{ float:left; width:10%;}
.g_b_m h2 img{ width:100%;}

.hezuo{ width:90%; margin:0px auto; padding:0px 5%; padding-top:18%;}
.hz_top{ width:100%; margin:0px auto; border-bottom:2px solid #000000; padding-bottom:4%;}
.hz_top h2{ font-size:30px; text-align:left; font-weight:400;}
.hz_b_top ul li{ float:left; text-align:left; margin-right:3%; font-size:18px;}
.hz_b_bot ul li h2{ display:block; font-size:20px; font-weight:400; background:#FFFFFF; text-align:left; padding-top:2%; z-index:9999; position:relative;}

.article{ width:80%; margin:0px auto; padding-top:16%;}
.art_top{ width:100%;}
.art_top img{ width:100%;}
.art_bot{ width:100%;}
.art_b_top{ width:100%; border-bottom:2px solid #000000; padding-bottom:2%; margin-top:4%;}
.art_b_top h2{ width:100%; text-align:left; font-size:22px; font-weight:400; color:#000000;}
.art_b_bot{ width:100%; margin-top:1%; text-align:left;}
.art_b_bot h3{ font-size:20px; font-weight:400;}
.neirong{ width:100%; margin-top:3%; text-align:left; font-size:16px; line-height:180%;}
.neirong img{ width:100%; margin:4% 0px; }

.show_right ul li b{ font-size:16px; float:left; display:block; width:22%; margin-bottom:10px;}
.show_right ul li span{ float:left; font-size:16px; display:block; width:70%;}
.show_right ul a{ display:block; width:50%; padding:1% 0px; text-align:center; font-size:16px; color:#FFFFFF; background:#92D50B; margin-top:10%;}

.ly_left{ float:left; width:100%;}
.ly_left img{ width:100%;}
.ly_right{ float:right; width:100%;}
.ly_right h2{ text-align:left; font-size:24px; font-weight:400; margin-bottom:3%;}
.ly_right ul li{ width:100%; text-align:left; border:none; font-size:16px;}
.ly_right ul li input{ width:100%; border:none; border-bottom:2px solid #818181; padding:2% 0px; font-size:16px;}
.ly_right ul li input:hover{ border:none; border-bottom:2px solid #818181;}
.ly_right ul li input:active{ border:none; background:none; border-bottom:2px solid #818181;}
.ly_right ul li input.input{ width:20%; background:#92D50B; border:none; margin-top:7%; color:#FFFFFF; font-size:20px; padding:1.2% 0px; font-weight:400;}
.ly_right p{ text-align:left; line-height:200%; font-size:20px; margin-top:30px;}
.ly_right img{ text-align:left; width:100%; overflow:hidden; margin-top:30px;}

.png-overlay{ display:none;}
.png-overlay000{ display:block;}
.png-overlay000 ul li { float:left; width:35%; margin-left:3%; margin-top:3.5%;}
		.png-overlay000 ul li.li{ width:67px; padding-top:15%;}
        .png-overlay000 ul li img {
            width: 100%;         /* 撑满父容器宽度 */
			overflow:hidden;
        }

.faq_top h2{ width:100%; text-align:left; font-size:24px; font-weight:400;}
.faq_bot{ width:100%;}
.faq_bot ul{ padding-bottom:7%;}
.faq_bot ul li{ float:left; width:100%; margin-right:0px; text-align:left; margin-top:4%;}
.faq_bot ul li:nth-child(3){ margin-right:0px;}
.faq_bot ul li:nth-child(6){ margin-right:0px;}
.faq_bot ul li h2{ font-size:20px; font-weight:400; color:#000000;}
.faq_bot ul li p{ line-height:140%; font-size:16px; margin-top:5%;}
.faq_bot a{ border:1px solid #95D20B; font-size:20px; padding:0.5% 4%;}
.faq_bot ul li a{ padding:0px; border:none; font-size:16px;}
}