body{
	margin: 0;
	padding:0;
	font-family: "微软雅黑";
	background: #f7f7f7;
	font-size: 14px;
}

div,ul,li,span,h1,h2,h3,h4,h5,h6,a,img,p{
	margin: 0;
	padding:0;
	
}
img{
	border:0;
}
a{
	text-decoration:none;
	border:0;
	
}
ul,li{
	list-style: none;
}
.clear{
	clear: both;
}

.fl{
	float: left;
}
.fr{
	float: right;
}
.clear{
	clear: both;
}

.wrap{
	width:1200px;
	margin:0 auto;
}



/*--头部css  ---*/
.head{
	width:100%;
	height:70px;
	margin:0 auto;
	position: absolute;
	top:10px;
	left;0;
	z-index: 1;
	
	/*
	position: fixed;
	top:0;
	left: 0;
	background: rgba(0,0,0,.6);
	z-index: 5555;*/
}
.head_div{
	padding-top:10px;
}

.logo a{
	display: block;
	/*width:204px;
	height: 53px;*/
}
.navlist>ul>li{
	position: relative;
	line-height: 50px;
	float: left;
	margin:0 20px;
	cursor: pointer;
}
.navlist ul>li>a{
	color:#fff;
	font-size: 16px;
}
.navlist ul>li>a:after{ content: ""; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background: #00c2f4; -webkit-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.navlist ul>li.on>a:after, .navlist ul>li>a:hover:after { left: 0; width: 100%; }

.sub ol:after{
	content: "";
	clear: both;
	display: block;
}
.sub { position: absolute; top: 50px; left: 50%; width: 120px; margin-left: -60px; font-size: 0.8125em; text-align: center; padding-top: 5px; display: none; }
.sub:before { content: "";  clear: both; position: absolute; top: 0; left: 50%; margin-left: -5px; width: 0; height: 0; border-bottom: 5px solid rgba(0, 0, 0, 0.5); border-left: 5px solid transparent; border-right: 5px solid transparent; }
.sub ol {  background: rgba(0, 0, 0, 0.5); padding: 10px 0; }
.sub ol li a { color: #fff; line-height: 2.57143; display: block; font-size: 14px; }
.sub ol li a:hover { background: #00c2f4; color: #fff; }

.banner img{
	width:100%;
}

.sjnav_ico{display:none; position: absolute; right: 30px; top:50%; width:15px; height:18px; padding:5px; padding-bottom: 2px; margin-top: -10px; cursor:pointer;  border-radius:3px; -webkit-border-radius:3px; background-color: #FFF}
.sjnav_ico>span{width:100%; height:3px; background-color: #a6a6a6; margin-bottom: 3px; display: block;}

.sjmenu{
	display: none;
	position: absolute;
	right:0;
	width:100%;
	background: rgba(0,0,0,.8);
	/*background: #2682c8;*/
	z-index: 222;
	top:58px;
	border-top:1px solid #00a0e9;
	border-color: rgba(0,160,233,.5);
}
.sjmenu ul li{
	/*height: 50px;*/
	line-height: 50px;
	
}
.sjmenu ul li a{
	color:#fff;
	font-size: 15px;
	padding-left:5%;
	display: block;
	border-bottom: 1px solid #fff;
	border-color: rgba(255,255,255,.2);
}

.sjmenu ul li a:hover{
	color:#00a0e9;
}

.sjmenu ul li ul li {
	line-height: 40px;
}
.sjmenu ul li ul li a{
	padding-left:8%;
}


/*--头部css end ---*/






/*--底部css ---*/
.foot{
	width:100%;
	background: #333333;
	padding-top:43px;
	padding-bottom: 38px;
	
}

.foot_nav li{
	float: left;
	
}
.foot_nav li a{
	color:#969696;
	font-size: 14px;
}
.foot_nav li span{
	color:#969696;
	margin:0 15px;
}
.foot_l{
	float:left;
}
.foot_l>p{
	padding-top:12px;
	font-size: 14px;
	color:#969696;
}
.foot_l .foot_p2,.foot_l .foot_p2 a{
	color:#969696;
}

.foot_r{
	float: right;
}
.foot_r>p{
	font-size: 12px;
	color:#8e9098;
}

/*--底部css end ---*/


@media screen and (min-width: 1000px) and (max-width:1200px) {
	.wrap{
		width:1000px;
	}
	
}

@media screen and (min-width: 800px) and (max-width:1000px) {
	.wrap{
		width:800px;
	}
	.navlist{
		display: none;
	}
	.sjnav_ico{
		display: block;
	}
	
}

@media screen and (min-width: 640px) and (max-width:800px) {
	.wrap{
		width:640px;
	}
	.navlist{
		display: none;
	}
	.sjnav_ico{
		display: block;
	}
	
}

  @media screen and (min-width: 320px) and (max-width:640px) {
      
    .wrap{
		width:95%;
	}
	.navlist{
		display: none;
	}
	.sjnav_ico{
		display: block;
	}
	.banner>a img{
		min-height: 90px;
	}
    .foot_l {
    	float: none;
    	width:100%;
    	margin:0 auto;
    	text-align: center;
    }
    .foot_nav li span {
      margin: 0 6px;
    }
    .foot_r {
    	float: none;
    	width:100%;
    	margin:0 auto;
    	text-align: center;
    	margin-top:20px;
    }
    
   
    

  }