@import url("../iconfont/iconfont.css");

/* Montserrat Regular 400 */
@font-face {
    font-family: "Montserrat";
    src: url("../font/Montserrat.woff2") format("woff2"), local("Montserrat");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* Roboto Light 300 注意otf对应format("opentype") */
@font-face {
    font-family: "Roboto";
    src: url("../font/Roboto.woff2") format("opentype"), local("Roboto");
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/* 全局统一字体族：只用定义好的 Roboto，靠weight区分粗细，不要写Roboto-Light */
body { 
    background:#ffffff;
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: 300; /* 全局默认轻量300 */
    line-height: 1.55;
}
h1,h2,h3 {
    font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-weight: 700;
}
.font-light {
    font-weight: 300;
}
.font-bold {
    font-weight: 700;
}

/* 重置统一放一处，删除重复body */
body, div, p, img, ul, ol, li, form, input, label, span, dl, dt, dd, h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; 
}
img {
  max-width:100%;
  display:block;
}
*{
  margin:0;
  padding:0;
  box-sizing:border-box;  
}
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: 0px 20px;}
.ww{margin:0 auto;width:100%;max-width:1400px;}
.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: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;}
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}
.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}
.pt10{padding-top:10px}
.pt20{padding-top:20px}
.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}
.h10{height:10px}
.h30{height:30px}
.h40{height:40px}
.h50{height:50px}
.h60{height:60px}
.h70{height:70px}
.h80{height:80px}
/*以上为通用*/
.blue{color: #ee490c;}
.bg_white{margin:0 auto;background: #ffffff;}
.bg_black{margin:0 auto;background: #333333;}
.bg_gray{margin:0 auto;background: #f8f8f8;}
.bg_orange{margin:0 auto;background: #ee490c;}
.bg_blue{margin:0 auto;background: #ee490c;}
.bg_green{margin:0 auto;background: #09B53A;}
.bg_about{  background: linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255,255, 0.9)), 
              url(../img/bg_about.jpg) no-repeat center top;
  background-size: cover;
  background-attachment: fixed;}
.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_pic{background:linear-gradient(rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.7)),url(../img/bg_pic.jpg) no-repeat;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(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_product.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;}
.bg_tech{background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)),url(../img/bg_tech.jpg) no-repeat; background-size: cover;}
@media (max-width:768px){
.bg_why{background: #222222;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_pic{background: #333333;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;}
}

table tr:nth-child(1){background:#ffffff;} 
table tr:nth-child(2){background:#ffffff;} 

table{border-collapse:separate;margin:0px 0px 10px 0px; }
table td{border-bottom: 1px solid #cccccc; padding: 5px 5px 5px 10px;border-right: 1px solid #cccccc;}
table tr:first-child td{border-top: 1px solid #cccccc;}
table tr td:first-child{border-left: 1px solid #cccccc;}
table tr:nth-child(odd){background:#ffffff;} 
table tr:nth-child(even){color:#333333;} 

/*通用分页样式 */


.pagination {display: flex;
justify-content: center;
    display-: inline-block;
    padding-left: 0;
    margin: 20px 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;}