/*---------- 通配设置   -----------------*/
* { margin:0; padding:0; font-family:微软雅黑;}
BODY {	BACKGROUND: #fff; FONT: 12px/20px simsun;}
IMG {	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
ul,li{ list-style:none; list-style-type:none;} 
A {	COLOR: #257ec0; TEXT-DECORATION: none}
A:hover {	COLOR: #ff7202; TEXT-DECORATION: underline}
.center{ text-align:center;}
.fl{ float:left;}
.fr{ float:right;}
.lh22{ line-height:22px;}
.p5{ padding:5px;}
.pt3{ padding-top:3px;}
.pt5{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}
.pl20{ padding-left:20px;}
.clear{ clear:both;}
.tl{ text-align:left;}
.tr{ text-align:right;}
.m10{ margin:10px;}

.top_nav{ width:100%; height:30px; background:#c7c7c7;}
.top_nav_in{ width:960px; height:30px; margin:auto; background:#c7c7c7; font-size:14px; color:#fff; line-height:28px;}
.head{ width:960px; height:296px; margin:auto;}

/*---------- 图片交替设置   -----------------*/
.image-gallery {
  width: 960px;
  height: 296px;
  position: relative;
  margin: 0 auto; /* 水平居中 */
}
 
.image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; /* 隐藏超出容器的部分 */
}
 
.image-wrapper img {
  position: absolute;
  width: 100%; /* 图片宽度是容器的两倍 */
  opacity: 0; /* 设置图片透明度为0 */
  transition: opacity 1s ease-in-out; /* 设置透明度变化的过渡效果 */
}
 
.image-wrapper img.active-image {
  opacity: 1; /* 激活的图片透明度为1 */
}

/*----------  导航设置   -----------------*/
.nav{width:888px; height:40px; margin:auto; margin-top:10px; }
.nav ul{}
.nav li{ width:90px; text-align:center; float:left; padding:5px; margin:5px; background:#1388B4;}
.nav li a{ font-size:18px; color:#fff; line-height:22px;  font-family:微软雅黑;}
.nav li a:hover{ text-decoration:none; color:#fff;}
.nav li:hover{ background:#ff7426;}
.nav li:hover dl{ display:block; position:absolute; margin-top:5px; margin-left:-5px;}
.nav dl{ display:none;}
.nav dd{width:90px; text-align:center;  padding:5px;background:#1388B4;}
.nav dl:hover{ background:#ff7426;}
.nav dd:hover{ background:#ff7426;}



/*---------- 主体样式设置-----------------*/
.main{ width:960px; height:auto; margin:30px auto;}
.main_top{ width:900px; height:auto;  margin:auto;font-size:13px; color:#000;}
.main_top p{ text-indent:2em; font-size:13px; line-height:22px; color:#000;}
.main_b{ width:900px; height:auto;  margin:auto;font-size:13px; color:#000;}
.main_b p{ font-size:13px; line-height:24px; color:#000; text-indent:2em;}
.main_b h2{ font-size:20px; line-height:32px; color:#000;}
.main_left{ width:480px; height:auto; float:left; margin-left:10px;font-size:13px; color:#000;}
.main_right{ width:440px; height:auto; float:left; margin-left:10px;font-size:13px; color:#000;}

.main_div{width:900px; height:auto;  margin:auto;}
.main_div h3{width:900px; height:30px; background:#333; color:#fff; text-indent:1em; font-size:18px; line-height:28px;}
.main_div h3 a{color:#fff; text-indent:1em; font-size:18px; line-height:28px;}
.main_div_l{width:250px; height:auto; padding:10px; float:left;}
.main_div_l img{width:250px; }
.main_div_r{width:600px; height:auto; padding:10px;float:left;}






/*----------  页脚设置  -----------------*/
.foot{ width:100%; height:50px; background:#1388B4;}
.foot_in{ width:960px; height:50px; margin:auto; background:#1388B4; text-align:center; color:#fff; line-height:36px; }