body{background-color: #e6eded;}
ul li{list-style: none; padding: 0;}
p{margin-bottom: 0;}
.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;}
.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.4;
  pointer-events: none; /* 确保水印不影响用户操作 */
}
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;
  z-index: 2;
}

.bit{text-align: center;}
.title{font-family: Georgia, 'Times New Roman', Times, serif;font-weight: bold;font-size: 66px;color: #222222;line-height: 65px; color: #a6a6a6;text-transform: uppercase;}
.p-title{font-size: clamp(1.5rem, 5vw, 3rem);font-family: Microsoft YaHei, Microsoft YaHei;font-weight: bold; padding: 10px;position: relative;}
.p-title::after {
  content: '';
  position: absolute;
  height: 5px; /* 背景图的高度 */
  z-index: 1;
  background:#369668 ;
  width: 58px;
  bottom: 0;
  right: calc(50% - 29px);
  border-radius: 3px;
}

.main-box{max-width: 1200px; margin: 30px 10px;}



.main-bg{
	width: 100%;
	    background: url(../images/foot-bg.jpg) bottom center no-repeat;
	    max-width: 1920px;
	    overflow: hidden;
}
.gdf{max-width: 1200px; margin: 0 auto;}
.gdf-nav{ }
.gdf-nav ul li{margin: 0 30px; padding-bottom: 3px; font-size: 18px; font-weight: bold;}
.gdf-nav ul li a{color: #282828;}
.gdf-nav ul li.on{color: #369668; border-bottom: 3px solid #369668; }
.gdf-nav ul li.on a{color: #369668;;}
.gdf-search form{flex: 1;}
.gdf-search p{flex: 0 0 134px; line-height: 41px;}
.gdf-search button{flex: 0 0 70px;}
.biaoge .layui-table-view{ border-color: transparent ;}
.biaoge .layui-table-header{border-start-start-radius: 20px;border-start-end-radius: 20px; /* border-width: 0 */ border-color: transparent ;}
.biaoge .layui-table th{text-align: center; background: #369668; color: #fff; border-color: transparent ;}
.layui-table-sort .layui-table-sort-desc {  border-top-color: #fff;} 
.layui-table-sort .layui-table-sort-asc { border-bottom-color: #fff;} 
.biaoge table tr td{text-align: center;}


@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;
	}
	.main-box{max-width: 1200px; margin: 30px auto;}
	

	
	
}

@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; }
	}

@media (max-width: 768px) {
	.main-box .row > *{padding-left: 5px; padding-right: 5px;}
	.gdf-nav ul li{white-space: nowrap; margin: 0 3px; font-weight: 400; font-size: 16px;}
	.layui-table-cell{padding: 0 5px;}
	.layui-table td{font-size: 12px;}
	}

 @media screen and (min-width: 768px) and (max-width: 1199px) { 
	 

 }