@import url("https://fonts.googleapis.com/css?family=Noto+Sans+SC:100,300,400,500,700,900");
/* 移除不存在的animate.min.css引用 */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
select,
button,
input,
textarea {
	margin: 0;
	padding: 0;
	outline: none;
}

body {
    font-size: 12px;
      font-family: 'Noto Sans SC', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
              background-color: #ffffff;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
    line-height: 16px;
    font-style: normal;
    font-weight: 400;
	overflow-x: hidden;

}
ul,
ol {
	list-style: none
}

ul li {
	vertical-align: top
}

select,
button,
input,
textarea {
	vertical-align: middle;
	font-size: 12px;
	font-family: inherit;
	line-height: normal
}

button {
	cursor: pointer
}

em {
	font-style: normal
}

img {
	border: 0;
	vertical-align: middle
}

a {
	color: #484848;
	text-decoration: none
}

a:hover {
	color: #04349a;
	text-decoration: none
}

img {
	border: 0
}

.clear {
	zoom: 1
}

.clear:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: "."
}
.banner{
    padding-top:40px;
    margin-bottom:5px;
}
.part11{
    background: #9DDFFF;padding:50px 0;margin-bottom:5px;

}
.part11 .tit{
    margin-bottom:35px;color: #3E3A39;font-size:40px;line-height:40px;font-weight:700;

}
.part11-con{max-width:755px;margin:auto;text-align:center;}
.part11 .desc{
    color: #3E3A39;font-size:14px;line-height:20px;font-weight:700

}
.picpart1{background:#fff;border-radius:12px;display:flex;flex-direction:row;justify-content:space-between;max-width:1000px;margin:auto;}
.picpart1 .pic img{height:224px;border-radius:0 12px 12px 0}
.picpart1 .item-info{flex:1;padding:15px 68px;font-size:10px;line-height:16px;color:#141414}
.part11 .desc2{
    padding:50px 0;text-align:center;color: #3E3A39;font-size:14px;line-height:20px;font-weight:700;max-width:755px;margin:auto

}
.part3{margin-top:5px;background: #9DFEAD;padding:70px 0 100px 0;
}
.part4{
    display:grid;grid-template-columns:repeat(2,1fr);padding:5px;gap:5px
}
.part4 .item img{width:100%;cursor:pointer}
.part4 .item:hover img.a1{
    box-shadow: 2px 2px 15px 0px rgba(0, 0, 0, 0.83);

}
.part4 .item img.a2{display:none}
.infolist{display:grid;grid-template-columns:repeat(3,1fr);padding:0 170px;}
.infolist .item{padding:20px 0;}
.infolist .item .label{
font-size:14px;font-weight:700;margin-bottom:5px;line-height:16px;
}
.infolist .item .texts{font-size:12px;color:#0e1710}
.part3-con{max-width:1000px;margin:auto;position:relative}
.part3-con .line1{
    position:absolute;left:0;top:185px;width:100%;height:1px;content:"";background:#000;
}
.part3-con .line2{
    position:absolute;left:0;top:265px;width:100%;height:1px;content:"";background:#000;
}
.part3-con .line3{
    position:absolute;left:0;top:345px;width:100%;height:1px;content:"";background:#000;
}
.part3-con .title{padding-bottom:70px; color: #3E3A39;font-size:40px;line-height:40px;font-weight:700;text-align:center;border-bottom:1px solid #000}
.part22{margin-top:25px;background:#fff;border-radius:12px;padding:48px 68px}
.part22 .intro{font-size:10px;line-height:16px;color:#141414;margin-bottom:50px;}
.part22 .intro a{color: #0385CA;text-decoration:underline}
.part22 .pic img{width:100%}

/* 图片切换相关样式 */
.figure-link {
    color: #0385CA;
    text-decoration: underline;
    cursor: pointer;
    transition: color 0.3s ease, text-decoration 0.3s ease;
}

.figure-link:hover {
    color: #04349a;
    text-decoration: underline;
}

.figure-link.active {
    color: #04349a;
    font-weight: bold;
    text-decoration: underline;
}

.figure-image {
    transition: opacity 0.5s ease, transform 0.5s ease;
    width: 100%;
    height: auto;
    display: block;
}

/* 图片加载时的动画效果 */
.figure-image.loading {
    opacity: 0;
    transform: scale(0.95);
}

.figure-image.loaded {
    opacity: 1;
    transform: scale(1);
}

/* 图片容器样式 */
.part22 .pic {
    position: relative;
    overflow: hidden;
    border-radius: 8px;
    background: #f5f5f5;
}

/* 图片切换时的加载指示器 */
.part22 .pic::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 30px;
    height: 30px;
    margin: -15px 0 0 -15px;
    border: 3px solid #f3f3f3;
    border-top: 3px solid #0385CA;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 10;
}

.part22 .pic.loading::before {
    opacity: 1;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* 响应式调整 */
@media (max-width: 768px) {
    .figure-link {
        display: inline-block;
        margin: 2px 0;
    }
    
    .part22 .pic {
        margin-top: 20px;
    }
}
.part2{background:#ceff92;padding:55px 0 65px 0;}
.part2-con{max-width:1000px;margin:auto}
.part21 .tit{ margin-bottom:35px;color: #3E3A39;font-size:40px;line-height:40px;font-weight:700;text-align:center;}
.part21 .desc{
    color: #3E3A39;font-size:14px;line-height:20px;font-weight:700;max-width:800px;margin:auto;text-align:center;margin-bottom:50px;
}
.part21 .desc a{text-decoration:underline;color: #3E3A39;}
.piclist{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;padding:0 15px}
.piclist .item img{width:100%;cursor:pointer}
.piclist .item img.a1{display:block}
.piclist .item img.a2{display:none}
.piclist .item:hover img.a1{display:none}
.piclist .item:hover img.a2{display:block}
.part11 .tit2{
    padding:35px 0 50px 0;color: #3E3A39;font-size:20px;line-height:20px;font-weight:700;

}
.banner img{width:100%}

        .navbar {
            background-color: #006633;
            color: white;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            z-index: 1000;
            height: 40px;
            display: flex;
            align-items: center;
        }

        .navbar-content {
            display: flex;
            padding: 0 20px 0 20px;
            box-sizing: border-box;
            align-items: center;
            justify-content: space-between;
            width: 100%;
        }

         .logo img{
            height:15px;
         }

        .nav-links {
            display: flex;
            gap: 10px;
        }

        .nav-link {
            text-decoration: none;
            font-size: 12px;line-height:24px;text-align:center;border-radius:4px;
            width:24px;height:24px;background:#72ffc2;color: #10673D;

            transition: opacity 0.3s ease;
        }
        .nav-link:hover{
        }

        

        /* 移动菜单按钮 */
        .mobile-menu-toggle {
            display: none;
            background: none;
            border: none;
            text-decoration: none;
    font-size: 12px;
    line-height: 24px;
    text-align: center;
    border-radius: 4px;
    width: 24px;
    height: 24px;
    background: #72ffc2;
    color: #10673D;
            cursor: pointer;
        }

        /* 移动菜单样式 */
        .mobile-menu {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: #006633;
            z-index: 1100;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.3s ease, visibility 0.3s ease;
        }
        
        .mobile-menu.active {
            opacity: 1;
            visibility: visible;
        }
        
        .mobile-menu-content {
            padding: 80px 30px 30px;
            height: 100%;
            overflow-y: auto;
        }
        
        .mobile-menu-close {
            position: absolute;
            top: 20px;
            right: 30px;
            background: none;
            border: none;
            color: white;
            font-size: 24px;
            cursor: pointer;
        }
        
        .mobile-links {
            display: flex;
            flex-direction: column;
            gap: 0px;
        }
        
        .mobile-link {
            color: white;
            text-decoration: none;
            font-size: 14px;
            padding: 24px 0;
            border-bottom: 1px solid rgba(255, 255, 255, 0.1);
            transition: padding-left 0.3s ease;
        }
        
        .mobile-link:hover {
            color:#fff;
            padding-left: 10px;
        }
.foot{padding:50px 0;background:#10673d;}
.foot-con{max-width:760px;margin:auto;display:flex;flex-direction:row;justify-content:space-between;}
.foot a{color:#fff;font-size:10px}
       
   

        @media (max-width: 768px) {
            .navbar-content{padding-left:0}
            .foot-con{padding:0 20px;}
            .picpart1{
                flex-direction:column;
            }
            .part22 .intro{margin-bottom:30px;}
            .picpart1 .pic img{
                width:100%;border-radius:0 0 12px 12px;
            }
            .part22{padding:25px 25px;margin:25px 20px 0 20px;}
            .navbar {
                padding: 0 20px;
            }
            .picpart1{margin:0 20px;}
            .part11 .desc{font-size:10px;line-height:16px;padding:0 20px;}
            .part11{padding:25px 0}
            .part11 .tit{margin-bottom:25px;font-size:24px;line-height:24px}
            .picpart1 .item-info{padding:25px 25px;}
            .part11 .tit2{padding:25px 0 35px 0;font-size:14px;line-height:18px;}
            .part21 .tit{font-size:24px;line-height:24px;margin-bottom:25px}
            .part21 .desc{font-size:10px;padding:0 16px;line-height:18px;}
            .part3{padding:25px 0 40px 0}
            .part11 .desc2{padding:35px 0;font-size:10px;padding:30px 20px;line-height:16px}
            .piclist{grid-template-columns:repeat(2,1fr)}
            .part3-con .title{padding-bottom:25px;font-size:24px;line-height:24px}
            .part3-con .line1{background:none;}
            .part3-con .line2{background:none}
            .part2{padding:25px 0 40px 0;}
            .part3-con .line3{background:none}
            
            .infolist::after{
                position:absolute;right:2px;left:20px;bottom:0px;width:calc(100% - 40px);height:1px;content:"";background:#000;
            }
            .infolist{grid-template-columns:repeat(2,1fr);padding:0 20px;}
            .infolist .item{border-bottom:1px solid #000}
.infolist .item:last-child{border-bottom:none;}
            .nav-links {
                display: none;
            }
            
            .mobile-menu-toggle {
                display: block;margin-right: 20px;
            }

    
       
         
   
       

        }