@charset "utf-8";* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
body {
	background-color: #f5f7fa;
	color: #333;
	line-height: 1.6;
	font-size:18px
}
h3{ font-size:18px}
.space20 {
	clear: both;
	height: 20px;
}
.space25 {
	clear: both;
	height: 25px;
}
.space30 {
	clear: both;
	height: 30px;
}
.space50 {
	clear: both;
	height: 50px;
}
.wapNo {
	display: block
}
.wapYes {
	display: none
}
.banner img, .nav img {
	width: 100%;
	height: auto;
	display: block;
}
.container {
	max-width: 1200px;
	margin: 0 auto;
	padding:25px;
	background-color:#ecf2ff
}
header {
	text-align: center;
	margin-bottom: 40px;
}
h1 {
	color: #2c3e50;
	margin-bottom: 10px;
}
li{list-style-type: none}
a {
	text-decoration: none;
	color: #032840;
	font-weight: 500;
	display: block;
}
a:hover {
	color: #1a92e3;
}
li h3 a{ color:#FFF; font-weight:bold}
/* 导航样式 */
.nav {
	display: flex;
	flex-wrap: wrap;
	overflow: hidden;
	margin-bottom: 40px;
}
#zxdt{background:url(zxdt2.png) no-repeat;background-size: cover;   background-position: center center;}
#ZLT{background:url(ZLT.png) no-repeat; background-size: cover;   background-position: center center;}
#FLT{background:url(FLT.png) no-repeat; background-size: cover;   background-position: center center;}
#ANLI{background:url(YYAN.png) no-repeat; background-size: cover;   background-position: center center;}
#SP{background:url(SP.png) no-repeat; background-size: cover;   background-position: center center;}
#GH{background:url(GH.png) no-repeat; background-size: cover;   background-position: center center;}
.title {
  height: 45px;
}
.title span{ float:right; padding-right:20px; font-size:14px; line-height:45px}
.title span a{ color:#666}
.FBtitle{ text-align:center; color:#1c76c3; font-size:30px; font-weight:bold}
.navleft {
	flex: 0 0 auto;
	position: relative;
	overflow: hidden;
}
.slider ul {
	list-style: none;
	display: flex;
	flex-direction: column;
	height: 100%;
}
.slider li {
	position: absolute;
	top: 0px;
	left: 5px;
	right: 5px;
	bottom: 5px;
	opacity: 0;
	transition: opacity 0.8s ease;
}
.slider li.active {
	opacity: 1;
	z-index: 2;
}
.slider a {
	display: block;
	height: 100%;
	width: 100%;
}
.slider img {
	width: 100%;
	height: 100%;
/*	object-fit: cover;
*/	border-radius: 8px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	transition: transform 0.5s ease;
}
.slider img:hover {
	transform: scale(1.03);
}
.navright {
	flex: 0 0 auto;
	display: flex;
	flex-direction: column;
}
.navright ul {
	list-style: none;
	flex: 1;
}
.lilist li {
	padding: 15px 10px 15px 30px;
	background:url(libj.png) left center no-repeat;
	border-bottom:#D9DCE3 1px dashed;
}
.Img_2 li{ width:100%; position:relative}
.Img_2 li h3{ width:100%;
	position: absolute;
	z-index: 100;
	font-size: 16px;
	color: #FFF;
	height: 40px;
	line-height: 40px;
	text-align: center;
	display: block;
	background-color: #261d18;
	bottom: 0px;
	font-weight: bold;
	opacity: 0.7;
	filter: alpha(opacity=70)}
.Img_2B li h3{
	height:40px;
	line-height:40px;
	overflow:hidden;
	}
.Img_2B h3 a {
	text-align:center;
	text-decoration: none;
	color: #032840;
	font-weight: 500;
	display: block;
}
.Img_2B li img{ height:394px}
.Img_3 {padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  column-gap: 20px ;
  row-gap: 10px;
  }
.Img_3 li {    width: calc((100% - 40px) / 3); /* 总宽度减去2个间隔后均分 */  }
.Img_3 li img{ height:247px;}
.Img_4 li{ width:calc(50% - 10px); float:left; margin-right:20px;  position:relative}
.Img_4 li:nth-child(even){  margin-right:0px}
.Img_4 li:nth-last-of-type(-n+2){ margin-bottom:0px} 
.Img_4 li h3{
	height:40px;
	line-height:40px;
	overflow:hidden;
	}
.Img_4A li h3{ width:100%;
	position: absolute;
	z-index: 100;
	font-size: 16px;
	color: #FFF;
	height: 40px;
	overflow:hidden;
	line-height: 40px;
	text-align: center;
	display: block;
	background-color: #261d18;
	bottom: 0px;
	font-weight: bold;
	opacity: 0.7;
	filter: alpha(opacity=70)}
.Img_4B h3 a {
	text-align:center;
	text-decoration: none;
	color: #032840;
	font-weight: 500;
	display: block;
}
.Img_4B h3 a:hover {
	color: #1a92e3;
}
/* 幻灯片控制 */
#slider{ min-height:350px}
.slider-controls {
	display: flex;
	justify-content: center;
	margin-top: 15px;
	gap: 10px;
}
.slider-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #bbb;
	cursor: pointer;
	transition: background 0.3s ease;
}
.slider-dot.active {
	background: #3498db;
}
        
       /* 图片前后切换轮播 */
.poster-main {
  width: 1200px;
  height: 500px;
  position: relative;
  margin: 0 auto;
}

.poster-main a, .poster-main img { display: block; }

.poster-main .poster-list {
  width: 1500px;
  height: 500px;
}

.poster-main .poster-list .poster-item {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
.poster-item img { width:100%; }

.poster-main .poster-list li {
  width: 200px;
  height: 500px;
  position: absolute;
  left: 0;
  top: 0;
}
.poster-main .poster-list li img { width:100%; }

.poster-main .poster-btn {
  position: absolute;
  top: 0;
  z-index: 10;
  cursor: pointer;
}

.poster-main .poster-prev-btn {
  left: 0;
  background: url(left.png) no-repeat center center;
}

.poster-main .poster-next-btn {
  right: 0;
  background: url(right.png) no-repeat center center;
}
       /* 手机端图片滑动切换 */
        .slideforwapr-container {
            position: relative;
            width: 100%;
            max-width: 100%;
            overflow: hidden;
            margin: 0 auto;
        }
        
        .slideforwapr-track {
            display: flex;
            transition: transform 0.5s ease;
            width: 100%;
        }
        
        .slideforwap {
            display: flex;
            width: 100%;
            list-style: none;
        }
        
        .slideforwap li {
            flex: 0 0 100%;
            max-width: 100%;
            padding: 0 10px;
        }
        
        .slideforwap li a {
            display: block;
            width: 100%;
        }
        
        .slideforwap li img {
            width: 100%;
            height: auto;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }
        
        .Bindicators {
            display: flex;
            justify-content: center;
            margin-top: 15px;
        }
        
        .Bindicators span {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background-color: #ccc;
            margin: 0 5px;
            cursor: pointer;
            transition: background-color 0.3s ease;
        }
        
        .Bindicators span.active {
            background-color: #333;
        }
#footer_mid { margin-top:40px; text-align:center; background-color:#BAD0FA; padding:30px}
       /* 响应式设计 */
        @media (min-width: 769px) {
.nav {
	flex-wrap: nowrap;
	gap: 25px;
}
.navleft {
	flex: 0 0 calc(50%);
}
.navright {
	flex: 0 0 calc(50% - 25px);
}
}
 @media (max-width: 768px) {
.nav {
	flex-direction: column;
}
.navleft, .navright {
	width: 100%;
}

.wapNo {
	display: none
}
.wapYes {
	display: block
}
.container {
	max-width: 960px;
	padding:25px 0px 0px 0px;
}
.navleft{ margin-bottom:20px}
.lilist { margin-left:10px}
#slider{ height:250px}
body {
	background-color: #ecf2ff;font-size:16px
}
h3{ font-size:16px}
#zxdt{ height:32px; background-position: center center; }
#ZLT{ height:32px; background-position: center center;}
#FLT{ height:32px; background-position: center center;}
#ANLI{ height:32px; background-position: center center;}
#SP{ height:32px; background-position: center center;}
#GH{ height:32px; background-position: center center;}
.FBtitle{ font-size:20px; margin-top:10px}
.Img_4 li h3{
	height:auto;
	line-height:26px;
	overflow:hidden;
	}
	
.Img_3 li {  width: calc((100% - 20px) / 2);; /* 总宽度减去2个间隔后均分 */  }
.Img_2B li img{ height:auto}
.Img_3 li img{ height:118px;}

            .slideforwap li {
                padding: 0 15px;
            }
}