/* CSS Document by mfx */
.young-box{}
img{width:100%; display: block;}
.one{ max-width:1920px; width:100%; margin:0 auto; position:relative;}
.bgimg{margin:0 auto;}
.one .tit1{width:388px; position: absolute; top:120px; left:50%; margin-left:-194px;}
.one .tit1 img{width:100%;}
.one .tag1{width:474px; position: absolute; top:214px; left:50%; margin-left:-454px;}
.one .tag2{width:466px; position: absolute; top:220px; left:50%; margin-left:-20px;}
.one .tag3{width:44px; position: absolute; bottom:10px; left:50%; margin-left:-22px;}

.two{max-width:1920px; width:100%; margin:0 auto; position: relative;}
.two .tit2{width:800px; position: absolute; top:78px; left:50%; margin-left:-400px;}
.two .two_text{ width:900px; position: absolute; bottom:180px; left:50%; margin-left:-450px; text-align:justify;}
.two .more1{ width:486px; position: absolute; bottom:28px; left:50%; margin-left:-52px;}

.three{max-width:1920px; width:100%; margin:0 auto; position: relative;}
.three .tit3{width:844px; position: absolute; top:156px; left:50%; margin-left:-422px;}
.three .three_text{ width:900px; position: absolute; bottom:250px; left:50%; margin-left:-450px; text-align:justify;}

.three .more1{ width:486px; position: absolute; bottom:28px; left:50%; margin-left:-52px;}

.four{max-width:1920px; width:100%; margin:0 auto; position: relative;}
.four .tit4{width:786px; position: absolute; top:290px; left:50%; margin-left:-393px;}
.four .four_text{ width:900px; position: absolute; bottom:250px; left:50%; margin-left:-450px; text-align:justify;}
.four .more2{ width:492px; position: absolute; bottom:24px; left:50%; margin-left:-134px;}

.five{max-width:1920px; width:100%; margin:0 auto; position: relative;}
.five .tit5{width:804px; position: absolute; top:80px; left:50%; margin-left:-402px;}
.five .five_text{ width:900px; position: absolute; bottom:86px; left:50%; margin-left:-450px; text-align:justify;}
.five .five_text li{ font-size:40px; color:#f7dea0; line-height:66px; margin-top:10px; background:url(../images/zuqiu_46.png) no-repeat left 4px; background-size:58px; text-indent:70px;}
.five .five_text li a{color:#f7dea0;}

.six{max-width:1920px; width:100%; margin:0 auto; background:url(../images/bg6_39.jpg) no-repeat center top; position: relative; background-size:100%;}
.six .tit6{width:810px; position: absolute; top:88px; left:50%; margin-left:-405px;}
.six .six_text{ width:900px; padding-top:700px; margin:0 auto; text-align:justify; display: block;}
.six .six_text li{ font-size:40px; color:#f7dea0; line-height:66px; margin-top:70px; background:url(../images/zuqiu_46.png) no-repeat left 4px; background-size:58px; text-indent:70px;}

.seven{max-width:1920px; width:100%; margin:0 auto; position: relative;}
.seven .tit7{width:780px; position: absolute; top:160px; left:50%; margin-left:-390px;}
.seven .seven_text{ width:900px; position: absolute; bottom:242px; left:50%; margin-left:-450px; text-align:justify;}
.seven .more1{ width:486px; position: absolute; bottom:110px; left:50%; margin-left:-64px;}

.eight{max-width:1920px; width:100%; margin:0 auto; position: relative;}
.eight .tit8{width:774px; position: absolute; top:144px; left:50%; margin-left:-387px;}
.eight .eight_text{ width:900px; position: absolute; bottom:180px; left:50%; margin-left:-450px; text-align:justify;}
.eight .more1{ width:486px; position: absolute; bottom:14px; left:50%; margin-left:-86px;}

.nine{max-width:1920px; width:100%; margin:0 auto; background:url(../images/bg9_55.jpg) no-repeat center top; position: relative;}
.nine .nineimg{width:820px; position:absolute; top:112px; left:50%; margin-left:-410px;}
.nine .tit9{width:720px; position: absolute; top:408px; left:50%; margin-left:-360px;}

.two .two_text p,.three .three_text p,.four .four_text p,.seven .seven_text p,.eight .eight_text p{ font-size:40px; color:#f7dea0; text-indent:2em; line-height:1.6;}

.scoll{width: 900px;height: 164px;padding-top: 892px; margin: 0 auto;overflow: hidden;position: relative;}
.scoll #feature { POSITION: relative;width: 100%;height: 100%;}
.scoll #feature .prev{ WIDTH:58px; display: block; background:url(../images/left_63.png) no-repeat; background-size:100%; HEIGHT:46px; position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 10;}
.scoll #feature .next { WIDTH:58px; display: block; background:url(../images/right_67.png) no-repeat; background-size:100%; HEIGHT:46px; position: absolute; right: 0; top: 50%;transform: translateY(-50%);z-index: 10;}
.scoll .featureUL { POSITION: relative; WIDTH: 10000px; float: left; LEFT:0;margin: 0; padding: 0;}
.scoll .featureBox { WIDTH:243px; float: left; HEIGHT:164px; OVERFLOW: hidden; text-align:center; margin:0 8px;box-sizing: border-box}
.scoll .featureBox a{width:100%; height:100%; display:block}
.scoll .featureBox img{ width:100%; height:100%;object-fit: cover;}
.scoll #botton-scroll { Z-INDEX: 0; MARGIN:0 auto; WIDTH:100%; float: left; HEIGHT:100%; }
.scoll #block { Z-INDEX: 0; POSITION: relative;  MARGIN:0 auto; WIDTH:780px; HEIGHT:100%; OVERFLOW: hidden;}

.nine .nine_text{ width:900px; margin:0 auto; text-align:justify; padding-bottom:100px;}
.nine .nine_text li{ font-size:40px; color:#f7dea0; line-height:66px; margin-top:70px; background:url(../images/zuqiu_46.png) no-repeat left 4px; background-size:58px; text-indent:70px;}

.footer{ font-size:18px; text-align:center; line-height:32px; color:#f7dea0; padding:120px 0;}


/* ===================== 第一屏动画：回到可视区自动重放 ===================== */
.tit1,.tag1,.tag2 {opacity: 0;transition: none !important;}

/* tit1 从上向下滑入 */
.tit1.playAnim {
  animation: tit1Down 1s ease-out forwards;
}
@keyframes tit1Down {
  0% { transform: translateY(-50px); opacity: 0; }
  100% { transform: translateY(0); opacity: 1; }
}
@-webkit-keyframes tit1Down {
  0% { -webkit-transform: translateY(-50px); opacity: 0; }
  100% { -webkit-transform: translateY(0); opacity: 1; }
}

.tag1.playAnim {
  animation: tag1Left 0.8s 0.3s ease-out forwards;
}
@keyframes tag1Left {
  0% { transform: translateX(-100px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes tag1Left {
  0% { -webkit-transform: translateX(-100px); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; }
}

.tag2.playAnim {
  animation: tag2Right 0.8s 0.5s ease-out forwards;
}
@keyframes tag2Right {
  0% { transform: translateX(100px); opacity: 0; }
  100% { transform: translateX(0); opacity: 1; }
}
@-webkit-keyframes tag2Right {
  0% { -webkit-transform: translateX(100px); opacity: 0; }
  100% { -webkit-transform: translateX(0); opacity: 1; }
}

/* tag3 持续跳动 */
.tag3 {
  animation: tagJump 1.8s infinite ease-in-out;
}
@keyframes tagJump {
  0%,100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
@-webkit-keyframes tagJump {
  0%,100% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(-10px); }
}

/* ===================== 标题动画 ===================== */
.tit2,
.tit3,
.tit4,
.tit5,
.tit6,
.tit7,
.tit9 {
  opacity: 0 !important;
  transform: scale(0.8) translateY(30px) !important;
  transition: none !important;
}
.titAnimate {
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
  transition: all 0.9s ease-out !important;
}

/* ===================== 九屏图片动画 ===================== */
.nineimg {
  opacity: 0 !important;
  transform: scale(0.8) !important;
  transition: none !important;
}
.nineimg.nineImgAnimate {
  opacity: 1 !important;
  transform: scale(1) !important;
  transition: all 0.9s 0.3s ease-out !important;
}

/* ===================== 按钮动画 ===================== */
.more1,
.more2 {
  opacity: 0 !important;
  transform: translateY(30px) !important;
  transition: none !important;
}
.more1.moreAnimate,
.more2.moreAnimate {
  opacity: 1 !important;
  transform: translateY(0) !important;
  transition: all 0.6s 0.3s ease-out !important;
}

/* ===================== 普通段落文本（整体动画） ===================== */
.two_text,
.three_text,
.four_text,
.seven_text,
.eight_text{
  opacity: 0 !important;
  transform: scale(0.85) translateY(30px) !important;
  transition: none !important;
}
.two_text.textAnimate,
.three_text.textAnimate,
.four_text.textAnimate,
.seven_text.textAnimate,
.eight_text.textAnimate{
  opacity: 1 !important;
  transform: scale(1) translateY(0) !important;
  transition: all 0.6s 0.1s ease-out !important;
}

/* ===================== five_text 逐行出现 ===================== */
.five_text {
  opacity: 1 !important;
  transform: none !important;
}
.five_text li {
  opacity: 0 !important;
  transform: scale(0.85) translateY(20px) !important;
  transition: all 0.5s ease-out !important;
}
.five_text.textAnimate li:nth-child(1) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0s !important;
}
.five_text.textAnimate li:nth-child(2) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0.15s !important;
}

/* ===================== six_text 逐行出现 ===================== */
.six_text {
  opacity: 1 !important;
  transform: none !important;
}
.six_text li {
  opacity: 0 !important;
  transform: scale(0.85) translateY(20px) !important;
  transition: all 0.5s ease-out !important;
}
.six_text.textAnimate li:nth-child(1) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0s !important;
}
.six_text.textAnimate li:nth-child(2) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0.15s !important;
}
.six_text.textAnimate li:nth-child(3) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0.3s !important;
}
.six_text.textAnimate li:nth-child(4) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0.45s !important;
}
.six_text.textAnimate li:nth-child(5) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0.6s !important;
}

/* ===================== nine_text 逐行出现 ===================== */
.nine_text {
  opacity: 1 !important;
  transform: none !important;
}
.nine_text li {
  opacity: 0 !important;
  transform: scale(0.85) translateY(20px) !important;
  transition: all 0.5s ease-out !important;
}
.nine_text.textAnimate li:nth-child(1) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0s !important;
}
.nine_text.textAnimate li:nth-child(2) {
  opacity: 1 !important; transform: scale(1) translateY(0) !important; transition-delay: 0.15s !important;
}

/* ===================== 手机端 ===================== */

@media screen and (max-width: 1919px) {
	.one, .two, .three, .four, .five, .six, .seven, .eight, .nine {width: 100% !important;max-width: 100% !important;}
	/* 背景图片强制铺满父容器 */
	.bgimg img {width: 100% !important;height: auto !important;display: block;}
	/* ----- 1. 第一屏 ----- */
	.one .tit1 {width: 280px;margin-left: -140px;top: 60px;}
	.one .tag1 {width: 300px;margin-left: -290px;top: 120px;}
	.one .tag2 {width: 280px;margin-left: -6px;top: 126px;}
	.one .tag3 {width: 30px;margin-left: -15px;bottom: 10px;}

	/* ----- 2. 各区块标题图片----- */
	.two .tit2,
	.three .tit3,
	.four .tit4,
	.five .tit5,
	.six .tit6,
	.seven .tit7,
	.eight .tit8,
	.nine .tit9 {
	width: 400px;
	margin-left: -200px;}
	/* 个别原较宽的标题单独微调 */
	.two .tit2 { top: 50px; }
	.three .tit3 { width: 420px; margin-left: -210px; top: 100px; }
	.four .tit4 { width: 390px; margin-left: -195px; top: 80px; }
	.five .tit5 { width: 400px; margin-left: -200px; top: 50px; }
	.six .tit6 { width: 400px; margin-left: -200px; top: 40px; }
	.seven .tit7 { width: 380px; margin-left: -190px; top: 80px; }
	.eight .tit8 { width: 380px; margin-left: -190px; top: 90px; }
	.nine .tit9 { width: 360px; margin-left: -180px; top: 280px; }

  /* ----- 3. 按钮图片缩放 ----- */
  .two .more1,
  .three .more1,
  .seven .more1,
  .eight .more1 {
    width: 280px;
    margin-left: -30px;
  }
  .four .more2 {
    width: 280px;
    margin-left: -70px; bottom: 20px;
  }
  .two .more1 { margin-left: -32px; bottom: 20px; }
  .three .more1 { margin-left: -32px; bottom: 20px; }
  .seven .more1 { margin-left: -36px; bottom: 70px; }
	.eight .more1 { margin-left: -48px; bottom: 10px; }

	/* ----- 4. 文字区域----- */
	.two .two_text,
	.three .three_text,
	.four .four_text,
	.five .five_text,
	.seven .seven_text,
	.eight .eight_text{
	width: 700px;
	margin-left: -350px;
	}
	.two .two_text{ bottom:120px;}
	.three .three_text{ bottom:140px;}
	.four .four_text{bottom:140px;}
	.five .five_text{bottom:40px;width: 640px; margin-left: -320px;}
	.seven .seven_text{ bottom:160px;}
	.eight .eight_text{bottom:100px;}
	.two .two_text p,
	.three .three_text p,
	.four .four_text p,
	.seven .seven_text p,
	.eight .eight_text p {font-size: 24px;line-height: 1.5;}
	.five .five_text li,.six .six_text li,.nine .nine_text li {font-size: 24px;line-height: 1.8;margin-top: 20px;background-size: 36px;text-indent: 46px;}
	/* 第六屏特殊内边距 */
	.six .six_text {width:700px;padding-top: 410px;}
	.nine .nine_text {width:700px; padding-bottom:50px;}

	/* ----- 6. 第九屏图片 + 滚动相册 ----- */
	.nine .nineimg {width: 460px;margin-left: -230px;top: 70px;}

	.scoll {width: 720px;padding-top: 560px;height: 122px;}
	.scoll #block {width: 580px;}
	.scoll .featureBox {width: 180px;height: 122px;margin: 0 6px;
	}
	.scoll #feature .prev,
	.scoll #feature .next {WIDTH:40px; HEIGHT:32px; top: 50%; transform: translateY(-50%);}
	/* ----- 7. 底部版权信息 ----- */
	.footer {font-size: 18px;padding: 80px 0;}
}


/* ==================== 平板布局 (1024px) ==================== */
@media screen and (max-width: 1024px) {

	.one .tit1 {width: 260px;margin-left: -130px;top: 56px;}
	.one .tag1 {width: 280px;margin-left: -280px;top: 110px;}
	.one .tag2 {width: 270px;margin-left: -6px;top: 116px;}

	.two .tit2 {width: 380px;margin-left: -190px; top: 40px; }
	.three .tit3 {width: 380px;margin-left: -190px; top: 40px; }
	.four .tit4 { width: 380px; margin-left: -190px; top: 60px; }
	.five .tit5 { width: 380px; margin-left: -190px; top: 40px; }
	.six .tit6 { width: 380px; margin-left: -190px; top: 30px; }
	.seven .tit7 { width: 360px; margin-left: -180px; top: 60px; }
	.eight .tit8 { width: 360px; margin-left: -180px; top: 70px; }
	.nine .tit9 { width: 340px; margin-left: -170px; top: 240px; }

	/* ----- 3. 按钮图片缩放 ----- */
	.two .more1,
	.three .more1,
	.seven .more1,
	.eight .more1 {
	width: 30%;
	left:56%;margin-left:0;
	}
	.four .more2 {width: 30%; left:56%; bottom: 20px;margin-left:0;}
	.two .more1 { bottom: 20px; }
	.three .more1 { bottom: 20px; }
	.seven .more1 { bottom: 70px; }
	.eight .more1 { bottom: 10px; }

	/* ----- 4. 文字区域----- */
	.two .two_text,
	.three .three_text,
	.four .four_text,
	.five .five_text,
	.seven .seven_text,
	.eight .eight_text{
	width: 80%;
	margin-left: -40%;
	}
	.two .two_text{ bottom:100px;}
	.three .three_text{ bottom:100px;}
	.four .four_text{bottom:120px;}
	.five .five_text{bottom:40px;width: 80%;margin-left: -40%;}
	.seven .seven_text{ bottom:140px;}
	.eight .eight_text{bottom:80px;}
	/* 调整段落文本字号 */
	.two .two_text p,
	.three .three_text p,
	.four .four_text p,
	.seven .seven_text p,
	.eight .eight_text p {
	font-size: 24px;
	line-height: 1.4;
	}
	.five .five_text li,.six .six_text li,.nine .nine_text li{
	font-size: 24px;
	line-height: 1.6;
	margin-top: 15px;
	background-size: 32px;
	text-indent: 40px;
	}

	/* 第六屏特殊内边距（背景图预留空间） */
	.six .six_text {width:80%;padding-top: 320px;}
	.nine .nine_text {width:80%; padding-bottom:50px;}

	/* ----- 6. 第九屏图片 + 滚动相册 ----- */
	.nine .nineimg {width: 440px;margin-left: -220px;top: 60px;}

	.scoll {width: 600px;padding-top: 500px;height: 105px;}
	.scoll #block {width: 500px;}
	.scoll .featureBox {width: 156px;height: 105px;margin: 0 6px;}
	.scoll #feature .prev,.scoll #feature .next {WIDTH:36px; HEIGHT:30px; top: 50% transform: translateY(-50%);}
	/* ----- 7. 底部版权信息 ----- */
	.footer {font-size: 18px;padding: 70px 20px;}
}

/* ==================== 手机布局 (最大767px) ==================== */
@media screen and (max-width: 767px) {
  /* 禁止手机自动缩放文字 */
  body { -webkit-text-size-adjust: 100%; }
 .one .tit1 {width: 240px;margin-left: -120px;top: 40px;}
  .one .tag1 {width: 220px;margin-left: -210px;top: 90px;}
  .one .tag2 {width: 210px;margin-left: -6px;top: 96px;}
  .one .tag3{ bottom:10px;}

  /* 个别原较宽的标题单独微调 */
  .two .tit2 {width:300px; margin-left:-150px; top: 30px; }
  .three .tit3 {width:280px; margin-left:-140px; top: 30px; }
  .four .tit4 { width: 320px; margin-left: -160px; top: 40px; }
  .five .tit5 { width: 260px; margin-left: -130px; top: 20px; }
  .six .tit6 { width: 300px; margin-left: -150px; top: 20px; }
  .seven .tit7 { width: 320px; margin-left: -160px; top: 60px; }
  .eight .tit8 { width: 320px; margin-left: -160px; top: 70px; }
  .nine .tit9 { width: 300px; margin-left: -150px; top: 240px; }

  /* ----- 3. 按钮图片缩放 ----- */
  .two .more1,
  .three .more1,
  .seven .more1,
  .eight .more1 {
    width: 30%;
    left:56%;margin-left:0;
  }
  .four .more2 {width: 30%; left:56%; bottom: 20px;margin-left:0;}
  .two .more1 { bottom: 20px; }
  .three .more1 { bottom: 10px; }
  .seven .more1 { bottom: 50px; }
  .eight .more1 { bottom: 10px; }

  /* ----- 4. 文字区域----- */
  .two .two_text,
  .three .three_text,
  .four .four_text,
  .five .five_text,
  .seven .seven_text,
  .eight .eight_text{
    width: 80%;
    margin-left: -40%;
  }
  .two .two_text{ bottom:80px;}
  .three .three_text{ bottom:70px;}
  .four .four_text{bottom:100px;}
  .five .five_text{bottom:40px;width: 80%;margin-left: -40%;}
  .seven .seven_text{ bottom:120px;}
  .eight .eight_text{bottom:60px;}
  /* 调整段落文本字号 */
  .two .two_text p,
  .three .three_text p,
  .four .four_text p,
  .seven .seven_text p,
  .eight .eight_text p {
    font-size: 22px;
    line-height: 1.4;
  }
	.two .two_text p a{color#00f;}
	.five .five_text li,.six .six_text li,.nine .nine_text li {font-size: 22px;line-height: 1.4;margin-top: 10px;background-size: 22px;text-indent: 28px;}

  /* 第六屏特殊内边距 */
	.six .six_text {width:80%;padding-top: 280px;}
	.nine .nine_text {width:80%; padding-bottom:50px;}

	/* ----- 6. 第九屏图片 + 滚动相册 ----- */
	.nine .nineimg {width: 420px;margin-left: -210px;top: 40px;}
	.scoll {width: 500px;padding-top: 460px;height: 85px;}
    .scoll #block {width: 400px;}
    .scoll .featureBox {width: 126px;height: 85px;margin: 0 6px;}
    .scoll #feature .prev,
    .scoll #feature .next {WIDTH:36px; HEIGHT:30px; top: 50%; transform: translateY(-50%);}
  /* ----- 7. 底部版权信息 ----- */
	.footer {font-size: 18px;padding: 60px 20px;}
}
/* ==================== 手机布局 (最大599px) ==================== */
@media screen and (max-width: 599px) {
 .one .tit1 {width: 220px;margin-left: -110px;top: 30px;}
  .one .tag1 {width: 200px;margin-left: -200px;top: 80px;}
  .one .tag2 {width: 190px;margin-left: -6px;top: 86px;}
  .one .tag3{ bottom:10px;}

  /* ----- 2. 各区块标题图片 ----- */
  .two .tit2,
  .three .tit3,
  .four .tit4,
  .five .tit5,
  .six .tit6,
  .seven .tit7,
  .eight .tit8,
  .nine .tit9 {
    width: 280px;
    margin-left: -140px;
  }
  /* 个别原较宽的标题单独微调 */
  .two .tit2 { top: 30px; }
  .three .tit3 {width:240px; margin-left:-120px; top: 30px; }
  .four .tit4 { width: 300px; margin-left: -150px; top: 40px; }
  .five .tit5 { width: 260px; margin-left: -130px; top: 20px; }
  .six .tit6 { width: 240px; margin-left: -120px; top: 20px; }
  .seven .tit7 { width: 280px; margin-left: -140px; top: 50px; }
  .eight .tit8 { width: 280px; margin-left: -140px; top: 40px; }
  .nine .tit9 { width: 300px; margin-left: -150px; top: 240px; }

  /* ----- 3. 按钮图片缩放 ----- */
  .two .more1,
  .three .more1,
  .seven .more1,
  .eight .more1 {
    width: 30%;
    left:56%;margin-left:0;
  }
  .four .more2 {width: 30%; left:56%; bottom: 20px;margin-left:0;}
  /* 按钮垂直位置微调（保持与文字区域的相对距离） */
  .two .more1 { bottom: 20px; }
  .three .more1 { bottom: 10px; }
  .seven .more1 { bottom: 50px; }
  .eight .more1 { bottom: 10px; }

  /* ----- 4. 文字区域----- */
  .two .two_text,
  .three .three_text,
  .four .four_text,
  .five .five_text,
  .seven .seven_text,
  .eight .eight_text{
    width: 80%;
    margin-left: -40%;
  }
  .two .two_text{ bottom:60px;}
  .three .three_text{ bottom:60px;}
  .four .four_text{bottom:90px;}
  .five .five_text{bottom:15px;width: 80%;margin-left: -40%;}
  .seven .seven_text{ bottom:100px;}
  .eight .eight_text{bottom:50px;}
  /* 调整段落文本字号 */
  .two .two_text p,
  .three .three_text p,
  .four .four_text p,
  .seven .seven_text p,
  .eight .eight_text p {
    font-size: 18px;
    line-height: 1.4;
  }
  .five .five_text li,.six .six_text li,.nine .nine_text li {
    font-size: 18px;
    line-height: 1.4;
    margin-top: 10px;
    background-size: 20px;
    text-indent: 28px;
  }

  /* 第六屏特殊内边距（背景图预留空间） */
  .six .six_text {width:80%;padding-top: 220px;}
  .nine .nine_text {width:80%; padding-bottom:40px;}
  
  /* ----- 6. 第九屏图片 + 滚动相册 ----- */
  .nine .nineimg {width: 380px;margin-left: -190px;top: 30px;}

	.scoll {width: 400px;padding-top: 440px;height: 68px;}
    .scoll #block {width: 320px;}
    .scoll .featureBox {width: 100px;height: 68px;margin: 0 4px;}
    .scoll #feature .prev,
    .scoll #feature .next {WIDTH:30px; HEIGHT:26px; top: 50%; transform: translateY(-50%);}
  /* ----- 7. 底部版权信息 ----- */
  .footer {font-size: 16px; line-height:32px; padding: 40px 20px;}
}
/* ==================== 手机布局 (最大480px) ==================== */
@media screen and (max-width: 480px) {
 .one .tit1 {width: 200px;margin-left: -100px;top: 20px;}
  .one .tag1 {width: 160px;margin-left: -160px;top: 60px;}
  .one .tag2 {width: 150px;margin-left: -6px;top: 66px;}
  .one .tag3{width:20px; bottom:4px;}

  /* 个别原较宽的标题单独微调 */
  .two .tit2 { width:240px; margin-left:-120px; top: 20px; }
  .three .tit3 {width:200px; margin-left:-100px; top: 20px; }
  .four .tit4 { width: 240px; margin-left: -120px; top: 30px; }
  .five .tit5 { width: 200px; margin-left: -100px; top: 20px; }
  .six .tit6 { width: 200px; margin-left: -100px; top: 10px; }
  .seven .tit7 { width: 200px; margin-left: -100px; top: 20px; }
  .eight .tit8 { width: 180px; margin-left: -90px; top: 20px; }
  .nine .tit9 { width: 200px; margin-left: -100px; top: 200px; }

  /* ----- 3. 按钮图片缩放 ----- */
  .two .more1,
  .three .more1,
  .seven .more1,
  .eight .more1 {
    width: 30%;
    left:56%;
    margin-left:0;
  }
  .four .more2 {width: 28%; left:56%; bottom: 10px; margin-left:0;}
  /* 按钮垂直位置微调（保持与文字区域的相对距离） */
  .two .more1 { bottom: 20px; }
  .three .more1 { bottom: 10px; }
  .seven .more1 { bottom: 50px; }
  .eight .more1 { bottom: 10px; }

  /* ----- 4. 文字区域----- */
  .two .two_text,
  .three .three_text,
  .four .four_text,
  .five .five_text,
  .seven .seven_text,
  .eight .eight_text{
    width: 80%;
    margin-left: -40%;
  }
  .two .two_text{ bottom:50px;}
  .three .three_text{ bottom:40px;}
  .four .four_text{bottom:50px;}
  .five .five_text{bottom:10px;width: 80%;margin-left: -40%;}
  .seven .seven_text{ bottom:80px;}
  .eight .eight_text{bottom:40px;}
  /* 调整段落文本字号 */
  .two .two_text p,
  .three .three_text p,
  .four .four_text p,
  .seven .seven_text p,
  .eight .eight_text p {
    font-size: 12px;
    line-height: 1.4;
  }
  .five .five_text li,.six .six_text li,.nine .nine_text li {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 8px;
    background-size: 10px;
    text-indent: 18px;
  }

  /* 第六屏特殊内边距（背景图预留空间） */
  .six .six_text {width:80%;padding-top: 150px;}
  .nine .nine_text {width:80%; padding-bottom:40px;}
  
  /* ----- 6. 第九屏图片 + 滚动相册 ----- */
  .nine .nineimg {width: 340px;margin-left: -170px;top: 30px;}
  /* 滚动相册容器宽度 */
.scoll {width: 300px;padding-top: 340px;height: 48px;
    }
    .scoll #block {width: 230px;}
    .scoll .featureBox {width: 70px;height: 48px;margin: 0 4px;
    }
    .scoll #feature .prev,
    .scoll #feature .next {WIDTH:28px; HEIGHT:24px; top: 50%; transform: translateY(-50%);
    }
  /* ----- 7. 底部版权信息 ----- */
  .footer {font-size: 12px; line-height:18px; padding: 30px 10px;}
}