@font-face {
  font-family:Poppins;
  src: url(Poppins.otf);
}
@font-face {
  font-family:Righteous;
  src: url(Righteous.ttf);
} 
body {
  font-family: 'Poppins', sans-serif;
}
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: #0071b6;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333; background-color: transparent; /* 移除点击时的背景色 */}


/* 滚动条背景 */::-webkit-scrollbar {width:8px;background-color: #ccc;}
/* 滚动槽 */::-webkit-scrollbar-track {border-radius:5px;}
/* 滚动条滑块 */::-webkit-scrollbar-thumb {border-radius:10px;background:var(--green);}
/*清除浮动*/
.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}
.tr{text-align:right}
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;}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
/*以上为通用*/
.w{width: 88%; max-width: 1400px; margin: 0 auto;}
.w100{width: 100%; max-width: 1500px; margin: 0 auto;}
.bg_black{margin:0 auto;background: #333333;}
.bg_gray{margin:0 auto;background: #f8f8f8;}
.bg_blue{margin:0 auto;background: #0071b6;}
.bg_green{margin:0 auto;background: #09B53A;}
.bg_wh{background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../img/bg_wh.jpg) no-repeat;
 background-size: cover;}
.bg_why{background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_why.jpg) no-repeat; background-size: cover;}
.bg_news{background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_news.jpg) no-repeat; background-size: cover;}
.bg_case{background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_case.jpg) no-repeat; background-size: cover;}
.bg_service{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/bg_service.jpg) no-repeat; background-size: cover;}
@media (max-width:768px){
.bg_why{background: #ffffff;background-size: cover;}
.bg_news{background: #ffffff;background-size: cover;}
.bg_case{background: #ffffff;background-size: cover;}
.bg_wh---{background: #ffffff;background-size: cover;}
}
.bg_txt{background:linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),url(../img/bg_txt.jpg) no-repeat; background-size: cover;}
.bg_product{background:linear-gradient(rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 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;}
}
/*通用分页样式 */


.pager {text-align: center; margin: 0px 0;border-radius:0px;}
.pager ul {display: flex; flex-wrap: wrap; justify-content: center}
.pager ul li {display: inline-block;}
.pager ul li a {padding: 8px 15px; border: #dddddd solid 1px; margin-left: -1px; display: inline-block;}
.pager ul li a:hover {border-color: #015bac; background-color: #015bac; color: #fff}
.pager ul .active a {border: #015bac solid 1px; display: inline-block; background-color: #015bac; color: #fff}
.pager ul a:not([href]):not([class]):hover {border: #dddddd solid 1px; }
.pager ul .active a:hover { border: #015bac solid 1px !important; background-color: #015bac !important}


.pagination {display: flex;justify-content: center;
    display-: inline-block;
    padding-left: 0;
    margin: 0px 20px 20px 20px;
    border-radius: 4px; }
.pagination > li {
    display: inline; }
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    line-height: 1.42857;
    text-decoration: none;
    color: #000000;
    background-color: #fff;
    border: 1px solid #ddd;
    margin-left: -1px; }
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-bottom-left-radius: 4px;
    border-top-left-radius: 4px; }
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px; }
.pagination > li > a:hover, .pagination > li > a:focus,
.pagination > li > span:hover,
.pagination > li > span:focus {
    z-index: 2;
    color: #0071b6;
    background-color: #eeeeee;
    border-color: #ddd; }
.pagination > .active > a, .pagination > .active > a:hover, .pagination > .active > a:focus,
.pagination > .active > span,
.pagination > .active > span:hover,
.pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #0071b6;
    border-color: #0071b6;
    cursor: default;}