@charset "utf-8";
/* CSS Document */
html, body, ul, li, h1, h2, h3, h4, h5, h6, fieldset, legend {padding:0; margin:0;}
ul,li {list-style:none; list-style-type:none; text-transform:capitalize;}
.clear {clear:both; *display:inline;/*IE only*/}

/* -------------导航menu------------- */
#menu {
	 height:.6rem;
	 line-height:.60rem;width:8rem; overflow:hidden;
}
#nav {
     margin:0 ; 
     width:8rem;
     display:block;	 
	 height:.6rem;
	 line-height:.6rem;
	 overflow:hidden;
}
#nav .mainlevel {
      /*background:url(shu.jpg) no-repeat right; */
	  float:left;
	  color:#fff;
	  width:1.60rem;
/*IE6 only*/}
#nav .mainlevel a {
      color:#000;
	  font-size:16px;
	  /*font-weight:bold;*/
	  font-family:"微软雅黑";
	  text-decoration:none; 
	  line-height:.6rem;
	  display:block; 
	  padding:0; 
	  width:1.60rem;
	  text-align:center;
	  }
#nav > .mainlevel:hover > a{
	  color: #ff600b;
	/*color: #fff;*/
	background: #dfdfe6;
}
#nav .mainlevel a:hover {
      /*color: #14569f;*/
	  /*font-weight:bold;*/
	  /*line-height:60px;*/
	  text-decoration: none;
	  /*background:url(../images/slide-panel_03.png) no-repeat;*/
	  }
#nav .mainlevel1 {
	  float:left; 
      color:#ffffff;
	  margin:0;
	  padding:0;
	  overflow:hidden;
	  width:1.6rem;
/*IE6 only*/}
#nav .mainlevel1 li { list-style:none; height:.4rem; line-height:.4rem; overflow:hidden;}
#nav .mainlevel1 a {
      color:#ffffff;
	  text-decoration:none; 
	  line-height:.4rem;
	  display:block;  
	  width:1.5rem;
	  font-weight:normal;
	  /*height:40px;*/
	  margin:0 auto;
	  padding:0;
	  overflow:hidden;
	  font-size:14px;
	  text-align:center;
	  }
#nav .mainlevel1 a:hover {
	  color: #ff600b;
      /*color: #14569f;*/
      /*line-height:40px;*/
	  text-decoration:none;
	  background: #dfdfe6;
	  background: rgba(223,223,230,.9);
	  /*transition: .3s;*/
	  /*background: #99C8F6;*/
	  /*background:url(../images/d1.png) 0 0 repeat-x;*/
	  }
#nav .mainlevel ul {
      display:none; 
	  position:absolute;
	  border-top: .05rem solid #14569f;
	  border-bottom: .05rem solid #14569f;
	  }
#nav .mainlevel li {
	  background: #14569f;
      /*background:url(../images/d1.png) 0 0 repeat-x;*/
	  width:1.6rem;
	  /*IE6 only*/}


/* -------------手机导航menu------------- */
.top1 .sp_nav{ display: none;}
.sjj_nav{ display: none;}

.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:20px;margin-top:18px}
.sp_nav span{display:block;background:#14569f;width:25px;height:3px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:7px}
.sp_nav span:nth-of-type(3){top:14px}
.sp_nav_se span:nth-of-type(1){top:7px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:7px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#14569f;width:50%;/*height:calc(100% - 104px);*/height:100%;font-size:14px;line-height:40px;top:-100%;right:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:72px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #666 solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #666 solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #666 solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#ddd;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li ul li a:hover{color:#999;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#ddd;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#666}
.sjj_nav ul li ul li>ul{margin-left:10px}

/* ---分辨率大于1200px--- */
@media only screen and (min-width: 1201px){

	#menu {
		height:60px;
		line-height:60px;
		width:800px;
	}
	#nav {
		width:800px;
		height:60px;
		line-height:60px;
	}
	#nav .mainlevel {
		width:160px;
		/*IE6 only*/}
	#nav .mainlevel a {
		font-size:16px;
		line-height:60px;
		width:160px;
	}
	#nav .mainlevel1 {
		width:160px;
		/*IE6 only*/}
	#nav .mainlevel1 li {
		height:40px;
		line-height:40px;
	}
	#nav .mainlevel1 a {
		line-height:40px;
		width:150px;
		font-size:14px;
	}
	#nav .mainlevel ul {
		border-top: 5px solid #14569f;
		border-bottom: 5px solid #14569f;
	}
	#nav .mainlevel li {
		width:160px;
		/*IE6 only*/}
}

/* ---分辨率大于1024px小于1200px--- */
@media only screen and (min-width: 1024px) and (max-width: 1200px){
	#menu {
		height:.50rem;
		line-height:.50rem;
	}
	#nav {
		height:.50rem;
		line-height:.50rem;
	}
	#nav .mainlevel a {
		line-height:.50rem;
		font-size:.16rem;
	}
	#nav .mainlevel1 li {
		height:.35rem;
		line-height:.35rem;
	}
	#nav .mainlevel1 a {
		line-height:.35rem;
		font-size:.14rem;
	}
}

/* ---分辨率大于768px小于1023px--- */
@media only screen and (min-width: 768px) and (max-width: 1023px){
	#menu {
		height:.60rem;
		line-height:.60rem;
	}
	#nav {
		height:.60rem;
		line-height:.60rem;
	}
	#nav .mainlevel a {
		line-height:.60rem;
		font-size:14px;
	}
	#nav .mainlevel1 li {
		height:.4rem;
		line-height:.4rem;
	}
	#nav .mainlevel1 a {
		line-height:.4rem;
		font-size:12px;
	}
}

/* ---分辨率大于640px小于767px--- */
@media only screen and (min-width: 640px) and (max-width: 767px){

	.sjj_nav{ display: block;}
	/*#menu {
		height:30px;
		line-height:30px;
	}
	#nav {
		height:30px;
		line-height:30px;
	}
	#nav .mainlevel a {
		line-height:25px;
		font-size:12px;
	}
	#nav .mainlevel1 li {
		height:22px;
		line-height:22px;
	}
	#nav .mainlevel1 a {
		line-height:22px;
		font-size:12px;
	}*/
}

/* ---分辨率大于480px小于639px--- */
@media only screen and (min-width: 480px) and (max-width: 639px){
	.sjj_nav{ display: block;}
	/*#menu {
		height:30px;
		line-height:25px;
	}
	#nav {
		height:30px;
		line-height:30px;
	}
	#nav .mainlevel a {
		line-height:25px;
		font-size:12px;
	}
	#nav .mainlevel1 li {
		height:22px;
		line-height:22px;
	}
	#nav .mainlevel1 a {
		line-height:22px;
		font-size:12px;
	}*/
}

/* ---分辨率大于320px小于479px--- */
@media only screen and (min-width: 320px) and (max-width: 479px){
	.sjj_nav{ display: block;}
	/*#menu {
		width: 100%;
		height:30px;
		line-height:30px;
	}
	#nav {
		width: 100%;
		height:30px;
		line-height:30px;
	}
	#nav .mainlevel {
		width:2rem;
	}
	#nav .mainlevel a {
		width: 2rem;
		line-height:25px;
		font-size:12px;
	}
	#nav .mainlevel li {
		width: 2rem;
	}
	#nav .mainlevel1{
		width: 2rem;
	}
	#nav .mainlevel1 li {
		height:22px;
		line-height:22px;
	}
	#nav .mainlevel1 a {
		width: 2rem;
		line-height:22px;
		font-size:12px;
	}*/
}