body{background-color: #e6eded;  }
.mainbox{ position: relative;width: 100%;height: 0; padding-top: 100%;}
.mainboxbg{position: absolute;top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/top.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;}
ul,li{padding: 0; margin: 0; list-style: none;}
.header{width: 100%; background: url(../images/m-topbg.jpg) center no-repeat; max-width: 1920px; height: 200px; overflow:hidden}
.logo-t{ width:158px ; height: 38px;margin:2px}
.logo-t img{width: 100%;}
.top-t{max-width: 1200px; margin: 10px auto; text-align:center; color: #fff; }
.top-t h2{font-size: 22px;letter-spacing: 10px; position: relative;}
.top-t h1{font-size: clamp(1.75rem, 5vw, 5rem); font-weight: bold;letter-spacing: 5px; padding: 10px 0;}
.top-t p{font-size:  clamp(1rem, 2vw, 1.5rem); }
.fiexs{width: 80%; margin: 0 auto -15px auto;}
fieldset{border-width: 1px 0 0 !important; }
legend{float: none; padding: 5px 18px 0 28px;margin-bottom:0}
legend h2::before{content: "●"; position: absolute; left: -30px; top: 1px; font-size: 20px;}
legend h2::after{content: "●"; position: absolute; right: -30px; top: 1px; font-size: 20px;}
.banner-container {
	  width: 100%;
	  height: 0;
	  padding-top: 200px; /* 默认16:9比例 (9/16=56.25%) 按需修改 */
	  position: relative;
	  overflow: hidden;
	  background: #f0f0f0; /* 加载前的背景色 */

}

.banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url('../images/m-topbg.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.form-select {
  top: 42px !important;
  bottom: unset !important;
}
/* .main {margin: 20px 0}; */
.fx-main{width: auto; background: #fff; margin: 20px 10px; border-radius: 15px; padding: 20px 10px;}
.fx-t{font-size: 18px; white-space: nowrap;padding-right: 10px;}
.fx-t strong{background: #369668; color: #fff; padding:10px; border-radius: 8px;display: block;box-shadow: 3px 3px 4px #dedede;}
.fx-con ul{flex-wrap: wrap;}
.fx-con ul li{flex: 0 0 98%; border: 1px solid #ccc; border-radius: 8px;padding: 10px; margin: 0 1% 10px 1%;white-space: nowrap;cursor:pointer;transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;box-shadow: 3px 3px 4px #dedede;}
.fx-con ul li:hover{background: #f0fbf6; border: 1px solid #369668; color: #369668;}
.fx-con ul li span{float: right;}

.watermark-container {
  position: relative;
}

.watermark-container::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-image: url('../images/bg-sy.png');
  background-repeat: repeat;
  background-position: center;
  opacity: 0.8;
  pointer-events: none; /* 确保水印不影响用户操作 */
}

@media (min-width: 768px) {
	.header{/* height: auto; */background-size:100% 100%;}
    .logo-t{width:226px ; height: 54px; margin: 20px 0 0 46px;}
	.top-t h2{font-size: 28px;letter-spacing: 10px;}
	.top-t h1{font-weight: bold;letter-spacing: 5px; padding:  0;}
	.top-t p{letter-spacing:2px; }
	.fiexs{width: 550px; margin: 0 auto;}
	fieldset{border-width: 1px 0 0 !important; }
	legend{float: none; padding: 0 30px 0 40px;margin-bottom:0}
	legend h2::before{content: "●"; position: absolute; left: -40px; top: 4px; font-size: 26px;}
	legend h2::after{content: "●"; position: absolute; right: -40px; top: 4px; font-size: 26px;}
	.banner-container {
	  width: 100%;
	  height: 0;
	  padding-top: 28%; /* 默认16:9比例 (9/16=56.25%) 按需修改 */
	  position: relative;
	  overflow: hidden;
	  background: #f0f0f0; /* 加载前的背景色 */
	}
	
	.banner {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  max-height: 631px;
	  background-image: url('../images/topbg.jpg');
	  background-size: cover;
	  background-position: center;
	  background-repeat: no-repeat;
	}

	.fx-con ul li{flex: 0 0 31%;}
}

@media (min-width: 992px) {
	.top-t h2{font-size: 41px;letter-spacing: 10px;}
	.top-t h1{ font-weight: bold;letter-spacing: 5px; padding: 10px 0;}
	.top-t .fiexs{margin-top: 20px;}
	legend{float: none; padding: 0 30px 0 40px;margin-bottom:0}
	legend h2::before{content: "●"; position: absolute; left: -40px; top: 12px; font-size: 26px;}
	legend h2::after{content: "●"; position: absolute; right: -40px; top: 12px; font-size: 26px;}
	.top-t p{letter-spacing:8px; }
	.fx-con ul li{flex: 0 0 18%;}
	.fx-main{max-width: 1200px; margin: 50px auto;}
	}

@media (min-width: 1200px) {
	.mainbox{ padding-top: 1550px;}
	.main-container {
		margin-top: 160px;
		  width: 100%;
		  height: auto;
		  /* padding-bottom: 75%; */ /* 默认16:9比例 (9/16=56.25%) 按需修改 */

		  overflow: hidden;
		  /* background: #f0f0f0; *//* 加载前的背景色 */
	
	}
	
	.main {

	  width: 100%;
	  height: auto;
	  background-image: url('../images/bg2.png');
	  background-size: cover;
	  background-position: bottom center;
	  background-repeat: no-repeat;
	}
}