@font-face {
  font-family:font;
  src: url(../font/font.ttf);
}
html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;-webkit-overflow-scrolling: touch;overflow-x: hidden;overflow-y: scroll;}
* {margin:0;padding:0;outline: 0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
html {font: normal 15px "Microsoft YaHei";-webkit-text-size-adjust: 100%} 
a {color: #333;text-decoration: none;noline:-webkit-tap-highlight-color:rgba(0,0,0,0);/* 去掉链接触摸高亮 */-webkit-tap-highlight-color: transparent; }  
a:hover {color: #2196F3;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333; background-color: transparent; /* 移除点击时的背景色 */}


/* 滚动条背景 */::-webkit-scrollbar {width:10px;background-color: #fff;}
/* 滚动槽 */::-webkit-scrollbar-track {border-radius:5px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius:10px;background:#ccc;}
/*清除浮动*/
.fl{ float:left;}
.fr{ float:right;}
.fw{ color: #fff;}
.fb{ font-weight: bold;}
.fn{ font-weight: normal;}
.tc{text-align:center}
.tl{text-align:left}
em,i{font-style:normal;}
ol,ul{list-style: none; list-style-position:inside;}
select, input, textarea {font-size: 14px;color: #333;border-radius: 0;-webkit-border-radius: 0;font-family: "Microsoft YaHei";}
img{border: none;max-width: 100%;vertical-align======: middle;}
.clear10{height:10px;overflow:hidden;clear:both;}
.clear { clear:both; *zoom:1;}
.clearfix{zoom:1;}
.clear:after { display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
.clearfix:after {content: "";display: block;clear: both;width: 100%;height: 0;line-height: 0;font-size: 0;}
.block{  display: block;}
.cursor{ cursor: pointer;}
.flex{display: flex;flex-wrap: wrap;justify-content: space-between;}
.dot{display: block;white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pb10{padding-bottom:10px}
.pb20{padding-bottom:20px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
/*以上为通用*/
.w{width: 90%; max-width: 1400px; margin: 0 auto;}
.w100{width: 100%; max-width: 1500px; margin: 0 auto;}
.bg_black{margin:0 auto;background: #222222;}
.bg_gray{margin:0 auto;background: #f5f5f5;}
.bg_blue{margin:0 auto;background: #2196F3;}
.bg_green{margin:0 auto;background: #09B53A;}
.bg_about{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/bg_about.jpg) no-repeat; background-size: cover;}
.bg_why{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/bg_why.jpg) no-repeat; background-size: cover;}
.bg_product{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/bg_product.jpg) no-repeat; background-size: cover;}
@media(max-width:768px) {
::-webkit-scrollbar {width:0px;background-color: #F5F5F5;}
.w{width: 100%; margin: 0 auto;padding: 0px 10px 0px 10px;}
}
/* PC端显示 手机端隐藏 */
@media screen and (max-width: 768px) {
 .mnone{display:none; }
}
/* PC端隐藏 手机端显示 */
.pcnone{display: none;}
@media (max-width: 767px) {
.pcnone{display: block !important;}
}