body{ font-size:16px; font-family:微软雅黑; color:#333333; width:100% }
p,span,div{ line-height:28px;}
a{ color:#333333;text-decoration: none}


 @media screen and (max-width: 1440px)
 {
 body{ font-size:14px; }

  p,span,div{ line-height:26px;}

 }
 
  @media screen and (max-width: 768px)
 {
 body{ font-size:12px; }
}



*{ margin:0; padding:0; -moz-box-sizing: border-box;   -webkit-box-sizing: border-box;   -o-box-sizing: border-box;    -ms-box-sizing: border-box;
box-sizing: border-box;  }

ul,li{ list-style:none; border:0; margin:0; padding:0;}

/*弹性盒子*/

.flex{ display: flex; justify-content:safe center;flex-wrap:wrap}

.flex-left{display:flex;flex-direction:row;flex-wrap:wrap}


.flex-right{display:flex;flex-direction:row-reverse;flex-wrap:wrap}

.flex-center{display:flex;justify-content:center;}

.flex-liangduan{display:flex;justify-content:space-between;flex-wrap:wrap}

/*清空样式*/
.clearfix{*zoom:1;} 
.clearfix:before,.clearfix:after{display:table; line-height:0; content:"";}
.clearfix:after{clear:both;}


.inner{ width:1400px; margin:0px auto}


 @media screen and (max-width: 1440px)
 {
.inner{ width:1200px}

 }
 
 @media screen and (max-width: 1024px)
 {
.inner{ width:98%}

 }
 
 
.pc{ display:block}
.wap{ display:none}

@media screen and (max-width: 1280px){
.pc{ display:none}
.wap{ display:block}

}



.pc_768{ display:block}
.wap_768{ display:none}

@media screen and (max-width: 768px){
.pc_768{ display:none}
.wap_768{ display:block}

}



.pc_414{ display:block}
.wap_414{ display:none}

@media screen and (max-width: 414px){
.pc_414{ display:none}
.wap_414{ display:block}

}