*,body{ margin:0; padding:0;  font-family: "Microsoft YaHei";
-webkit-box-sizing: border-box ; 
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul,li{list-style-type: none;}

a,img{	
    transition:all 0.5s;
    -moz-transition:all 0.5s; /* Firefox 4 */
    -webkit-transition:all 0.5s; /* Safari and Chrome */
    -o-transition:all 0.5s;
	-ms-transition:all 0.5s;
	border:none;
	}
body{
  width:100%; 
  height:100%; 
  overflow-x: hidden;
  }
  
/* Let's get this party started */
::-webkit-scrollbar {
    width: 3px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
	-moz-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
	-ms-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
	-o-box-shadow: inset 0 0 6px rgba(0,0,0,0.9); 
}
 
/* Handle */
::-webkit-scrollbar-thumb {

    background: rgba(255,255,255,0.6); 
    -webkit-box-shadow: inset 0 0 6px #2ea6df; 
	-moz-box-shadow: inset 0 0 6px #2ea6df; 
	-ms-box-shadow: inset 0 0 6px #2ea6df; 
	-o-box-shadow: inset 0 0 6px #2ea6df; 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(0,0,0,0.4); 
}
  
html {
  -webkit-background-size:cover;
  -moz-background-size:cover;
  -o-background-size:cover;
  -ms-background-size:cover;
  background-size:cover;
}
.warp{width: 100%; height:100%; position:relative;}
.bg1{ background-color:#f5f5f5;}
.fl{ float:left;}
.fr{ float:right;}
.clear{clear:both}
.w1100{ width:1100px; margin:0 auto;}
.w1200{ width:1200px; margin:0 auto;}
.w96{ width:96%; margin:0 auto; position:relative;}
.mr20{ margin-right:20px;}
.mr5{ margin-right:5%;}
.mr4{ margin-right:4%;}
.mr3{ margin-right:3%;}
.mr1{ margin-right:3%;}
.mr2{ margin-right:10%;}

.w30{ width:31.3%;}
.w100{ width:100%;}

@media (max-width:767px){
.w96{ width:100%;}
}