@font-face {
  font-family:Poppins;
  src-: url(Poppins.otf);
}
@font-face {
  font-family:fontb;
  src-: url(fontb.otf);
} 
body {
  font-family: 'Poppins', sans-serif;padding-top:80px; 
}
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: #015bac;text-decoration: none;}
a:focus {color: #333;outline: none;-moz-outline: none;}
a:active {color: #333; background-color: transparent; /* 移除点击时的背景色 */}
button {background: transparent;border: none; /* 如果需要去掉边框也可以加上 */}
.w1{width: 100%; max-width: 1400px;padding: 0 5%; margin: 0 auto;}
.w{margin:0 auto;width:100%;max-width:1400px;padding: 0 2%;}
.w100{width: 100%; margin: 0 auto;background-color: #ffffff;}
/* 滚动条背景 */::-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}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}
.mb70{margin-bottom:70px}
.mb80{margin-bottom:80px}
.pt30{padding-top:30px}
.pt40{padding-top:40px}
.pt50{padding-top:50px}
.pt60{padding-top:60px}
.pt70{padding-top:70px}
.pt80{padding-top:80px}
.pb30{padding-bottom:30px}
.pb40{padding-bottom:40px}
.pb50{padding-bottom:50px}
.pb60{padding-bottom:60px}
.pb70{padding-bottom:70px}
.pb80{padding-bottom:80px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
/*以上为通用*/
.blue{color: #015bac;}
.bg_black{margin:0 auto;background: #333333;}
.bg_gray{margin:0 auto;background: #f8f8f8;}
.bg_blue{margin:0 auto;background: #015bac;}
.bg_green{margin:0 auto;background: #09B53A;}
.bg_about{background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_about.jpg) no-repeat;background-size: cover;}
.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_story{background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_story.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), rgba(0, 0, 0, 0)),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;}
}

.updownhzy{padding:20px 0 0 0px;font-size:14px;line-height:28px;border-top:1px solid #ddd;color:#666}@media (max-width:1380px){.updownhzy{padding:20px 0 0;font-size:12px;line-height:22px}}@media (max-width:1180px){.updownhzy{padding:10px 0 0}}.updownhzy a{color:#666;transition:all .5s}.updownhzy a:hover{color:#cc0000}.updownhzy .inner{width:100%;padding-right:150px;position:relative}@media (max-width:668px){.updownhzy .inner{padding:0}}.updownhzy .btn_back{display:block;width:150px;height:44px;line-height:42px;padding:0 30px;border-radius:40px;border:1px solid #5b5b5b;color:#666;position:absolute;right:0;top:50%;margin-top:-22px;transition:all .5s}@media (max-width:668px){.updownhzy .btn_back{position:static;margin:20px auto 0}}.updownhzy .btn_back span{display:block;float:right;margin:14px 0 0;width:15px;height:12px;position:relative}.updownhzy .btn_back span:before,.updownhzy .btn_back span:after{content:'';display:block;width:100%;height:1px;line-height:1px;background:#5b5b5b;position:absolute;left:0;transition:all .5s}.updownhzy .btn_back span:before{top:0}.updownhzy .btn_back span:after{bottom:0}.updownhzy .btn_back span i{display:block;width:100%;height:1px;line-height:1px;background:#5b5b5b;position:absolute;left:0;top:50%;transition:all .5s}.updownhzy .btn_back:hover{background:linear-gradient(to right,#cc0000,#cc0000);border-color:#ffffff;color:#fff;text-decoration:none}.updownhzy .btn_back:hover span:before,.updownhzy .btn_back:hover span:after{width:10px;background:#fff}.updownhzy .btn_back:hover span:before{top:2px;transform:rotate(-45deg)}.updownhzy .btn_back:hover span:after{bottom:2px;transform:rotate(45deg)}.updownhzy .btn_back:hover span i{opacity:0}


/*通用分页样式 */

.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: #015bac;
    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: #015bac;
    border-color: #015bac;
    cursor: default;}