@charset 'utf-8';

body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
	color:#999;
}
.none {
	display: none;
}
.clearfix:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.sm-visible {
	display: none;
}
#header {
	width: 100%;
	height: 70px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
#header .top{ width:1132px; margin:0 auto;	padding-left:48px; padding-top:8px;}
#header .top p{  margin-bottom:15px; font-size:12px;}
#header .top p a{ color:#445258; width:54px; height:18px; padding:2px 10px; border-radius:10px; text-align:center;  border:1px solid #5f6a6f;  }
#header .top p a:hover{ background:#445258; color:#fff;}
#header .font-wz{ position:relative; left:160px; color:#535f64; display:inline-block; float:left; line-height:50px;}

#container{ width:100%; background:url(../images/containerbj.jpg) repeat-x #e5f3fa; display:block; overflow:hidden;}

#container1{ width:100%; background:url(../images/tu_20.jpg) repeat-x #e5f3fa; display:block; overflow:hidden;}

#container .content{ width:1182px; margin:0 auto; min-height:650px;}
#container .contentimg{ padding-left:248px; padding-top:120px; width:309px; height:448px; float:left;}
#container .contentimgright{  width:600px; float:left;padding-top:250px;}
#container .contentimgright span{ color:#59676e; font-size:16px;   margin-left:50px; letter-spacing:5px; font-weight:bold;}
#container .contentimgright p{ margin:70px  0 0 100px;}
#nav{ margin:0 0 0 0; width:600px;}
#nav ul li{ float:left; }
#nav ul li a { color:#77858b; height:20px; line-height:20px; margin-top:50px; text-align:center;  border-radius:10px; width:70px; font-size:12px; margin-right:7px; border:1px solid #606e75; display:block;}
#nav ul li a:hover,.avoutznav ul li a:hover{background:#445258; color:#fff;}
#nav ul li a.current,.avoutznav ul li a.current{background:#445258; color:#fff;}
/*媒体查询，参考部分Bootstrap框架*/

.aboutnav{ width:100%; background:url(../images/tu_3.jpg) bottom repeat-x; height:54px;}
.avoutznav{ width:600px; margin:0 auto; height:54px;}
.avoutznav ul{ padding-top:15px;}
.avoutznav ul li{ float:left; }
.avoutznav ul li a{color:#77858b; height:20px; line-height:20px;  text-align:center;  border-radius:10px; width:70px; font-size:12px; margin-right:7px; border:1px solid #606e75; display:block; }
.grop{ text-align:center; width:1080px; padding-bottom:100px;}
.grop .contitle span{ margin-top:130px; display:block; font-size:16px; color:#59676e;}
.grop .contitle p{ margin:80px auto 0 auto; height:20px; line-height:20px; background:#445258; border-radius:10px; width:110px; color:#fff; font-size:12px;}
.grop figure{ width:100%; margin-top:150px; overflow:hidden; padding-left:170px;}
.grop figure img{ border-radius:50%; float:left; }
.grop figure figcation{ line-height:22px; float:left; width:300px; text-align:left; padding-top:130px; margin-left:50px;}
.grop figcation h2{ font-size:20px; font-weight:bold;}
.grop figcation h2 a{color:#445258; border-bottom:3px solid #445258;  }
.grop .subtitle{ margin-top:10px; font-size:14px; }
.grop .subcontent{ font-size:12px;}
/*当页面大于1200px时*/
.pc699banner{width:1109px; height:388px; margin:15px auto;}
.pc699banner1{width:830px; height:534px; margin:15px auto;}
.pccongg{ width:632px; height:96px; margin:120px auto;}
.titleimg{ padding-left:23%;}
.pc699tc{ margin:100px auto; width:639px;}
.pcbootom{ width:100%; border-top:#4f5d63 solid 2px; margin:0px auto; padding:100px 0; text-align:center;  background:#e5f3fa;}
.hwtititimg{ width:1180px; text-align:right; margin:80px auto;}
.hwtititimgtu{ width:241px; height:148px; margin:100px auto; }
.hwcontent{ width:700px; margin:auto; line-height:25px;}
.hwcontent p{ margin:50px 0;}
.contentbutton{ width:100%; border-top:#4f5d63 solid 2px; background:#e5f3fa; padding:100px auto; text-align:center;}
.list{ padding-top:35px;}
.list figcur{  display:block; border-bottom:1px solid #666; width:1000px; padding-bottom:20px; margin:auto auto 20px auto; overflow:hidden;}
.list figcur img{ float:left; }
.list figcation{ float:left; width:680px; margin-left:18px; position:relative; height:200px; }
.list figcation h2{ font-size:20px;}
.list figcation h2 a{ color:#77858b }
.list figcation p{ line-height:25px; margin-top:15px;}
.listbottom{ position:absolute; bottom:0px; width:100%; font-size:12px; color:#999}
.listbottom a{color:#999}
		/* 本例子css */
		.slideBox{ width:1180px; height:382px; overflow:hidden; position:relative; padding-bottom:100px;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:636px; margin:0 auto; height:382px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:16%; top:50%; margin-top:-25px; display:block; width:47px; height:47px;   }
		.slideBox .prev{ background:url(../images/tu_2.png) no-repeat;}
		.slideBox .next{ left:auto; right:16%; background:url(../images/tu_3.png) no-repeat; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
		
		
			/* 汉堡菜单容器 */
.menu-toggle {
  width: 30px;
  height: 20px;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position:absolute;
  right:5%;
top:0.4%;  
  z-index:999;
}

/* 汉堡菜单的三条横杠 */
.bar {
  width: 100%;
  height: 3px;
  background-color: #333; /* 颜色可根据需求修改 */
  transition: all 0.3s ease;
}

/* 下拉菜单默认隐藏 */
.dropdown-menu {
  display: none;
  background-color: #fff;
   width:100%;
  position: absolute;
  top: 1.26%; /* 与汉堡菜单的垂直距离 */

  z-index: 999;
}



/* 汉堡菜单激活时的样式（横杠变叉） */
.menu-toggle.active .bar:nth-child(1) {
  transform: translateY(8px) rotate(45deg);
}

.menu-toggle.active .bar:nth-child(2) {
  opacity: 0;
}

.menu-toggle.active .bar:nth-child(3) {
  transform: translateY(-8px) rotate(-45deg);
}

/* 下拉菜单激活时显示 */
.dropdown-menu.active {
  display: block;
}


    .nav-item {
      display: flex;
      align-items: center;
      padding: 0.2rem 0.06rem;
	  background:#1d1c1e;
      border-bottom: 1px solid rgba(255, 255, 255, 0.1); /* 浅色分隔线 */
      transition: all 0.3s ease;
      cursor: pointer;
    }

    .nav-item:hover {
      transform: translateX(8px); /* hover时轻微右移 */
    }

    .nav-number {
      font-size: 16px;
      color: rgba(255, 255, 255, 0.6); /* 序号浅色 */
      width: 60px;
    }

    .nav-title {
	color:#fff;
      font-size: 22px;
      font-weight: 500;
      flex: 1; /* 占据中间大部分空间 */
    }

    .nav-english {
      font-size: 14px;
      color: rgba(255, 255, 255, 0.4); /* 英文更浅 */
      text-transform: uppercase; /* 英文大写 */
      letter-spacing: 1px;
    }

    /* 最后一项去除下边框 */
    .nav-item:last-child {
      border-bottom: none;
    }
	
@media (min-width: 1200px) {
	
}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {

}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {

}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {

}