*,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;
  }
/*chrome */
::-webkit-scrollbar-track-piece {
width:8px;
background-color:#f8f8f8;
}
::-webkit-scrollbar {
width:8px;
background-color:#336699;
}
::-webkit-scrollbar-thumb {
width:8px;
background-color:#336699;
}
::-webkit-scrollbar-thumb:hover {
width:8px;
background-color:#3d3d3d;
}
  
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%;}
.mr2{ margin-right:10%;}
.mr1{ margin-right:3%;}
.mr01{ margin-right:2%;}
.mr02{ margin-right:2%;}
.mr03{ margin-right:3%;}
.mr04{ margin-right:4%;}
.mr05{ margin-right:5%;}
.w30{ width:31.3%;}
.w100{ width:100%;}
.mt100{	margin-top:100px;}


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