:root{
    --color:#00A1F7;
}
@font-face {
  font-family:'Oswald';
  src: url('../fonts/Oswald-Regular.ttf');
}

*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
body{font-family:'Oswald', sans-serif,Arial;font-size:14px;overflow-x:hidden;}
img{border:0;max-width:100%}
ul,li{list-style:none}
em,i{font-style:normal}
a,a:link{text-decoration:none;color:#000;-webkit-tap-highlight-color:rgba(0,0,0,0)}
a:active,a:hover{outline:0;color:var(--color);text-decoration:none}
.clear{clear:both}
.clearfix:after,.clearfix:before{content:" ";display:table}
.clearfix:after{clear:both}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
input::-webkit-input-placeholder{color:#aaa}
.al{text-align:left !important}
.ac{text-align:center !important}
.ar{text-align:right !important}
.aj{text-align:justify !important}
.fl{float:left}
.fr{float:right!important}
.rel{position:relative}
.abl{position:absolute}
.ovh{overflow:hidden}
.upp{text-transform:uppercase}
.fb{font-weight: bold;}
input,button,textarea,select{border:0;outline:0;font-family:inherit;font-size:inherit}
.ep1{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ep2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.ep3{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.radius,.radius img{border-radius:15px;}
.lineM{line-height:1.8;}
.lineB{line-height:2;}
.lightbox,.lightbox2,.lightbox3{display:none;width:100vw;height:100vh;position: fixed;left:0;top:0;background:rgba(0,0,0,.5);z-index:32;}
.lightbox2{z-index:332;}
.lightbox3{z-index:3;}
/* flex */
.flex{display:flex}
.flex-a{flex:1;overflow: hidden;}
.flex-b{display:flex;justify-content:space-between}
.flex-c{display:flex;justify-content:center}
.flex-e{display:flex;justify-content:flex-end}
.flex-w{display: flex;flex-wrap: wrap;}
.flex-ac{display:flex;align-items:center;}
.flex-cb{display:flex;align-items:center;justify-content:space-between}
.flex-cc{display:flex;align-items:center;justify-content:center}
.flex-ce{display:flex;align-items:center;justify-content:flex-end}
.flex-cs{display:flex;align-items:center;justify-content:flex-start}
.flex-col{display:flex;flex-direction: column;}
.flex-shr{flex-shrink:0;}
.show-m{display:none}
.grid{display:-ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.x,.x0,.x1,.x2,.x3,.x4,.x5,.x6,.x7,.x8,.x9,.x10,.x11,.x12,.xl1,.xl2,.xl3,.xl4,.xl5,.xl6,.xl7,.xl8,.xl9,.xl10,.xl11,.xl12,.xs0,.xs1,.xs2,.xs3,.xs4,.xs5,.xs6,.xs7,.xs8,.xs9,.xs10,.xs11,.xs12,.xm0,.xm1,.xm2,.xm3,.xm4,.xm5,.xm6,.xm7,.xm8,.xm9,.xm10,.xm11,.xm12,.xb0,.xb1,.xb2,.xb3,.xb4,.xb5,.xb6,.xb7,.xb8,.xb9,.xb10,.xb11,.xb12,.xg0,.xg1,.xg2,.xg3,.xg4,.xg5,.xg6,.xg7,.xg8,.xg9,.xg10,.xg11,.xg12{position:relative;width:100%}.x{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.x0,.xl0,.xs0,.xm0,.xb0,.xg0{max-width:100%}.x0{width:auto}.x1{width:8.33333333%}.x2{width:16.66666667%}.x20{width:20%}.x3{width:25%}.x4{width:33.33333333%}.x5{width:41.66666667%}.x6{width:50%}.x7{width:58.33333333%}.x8{width:66.66666667%}.x9{width:75%}.x10{width:83.33333333%}.x11{width:91.66666667%}.x12{width:100%}@media (min-width:572px){.xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xl0{width:auto}.xl1{width:8.33333333%}.xl2{width:16.66666667%}.xl20{width:20%}.xl3{width:25%}.xl4{width:33.33333333%}.xl5{width:41.66666667%}.xl6{width:50%}.xl7{width:58.33333333%}.xl8{width:66.66666667%}.xl9{width:75%}.xl10{width:83.33333333%}.xl11{width:91.66666667%}.xl12{width:100%}}@media (min-width:762px){.xs{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xs0{width:auto}.xs1{width:8.33333333%}.xs2{width:16.66666667%}.xs20{width:20%}.xs3{width:25%}.xs4{width:33.33333333%}.xs5{width:41.66666667%}.xs6{width:50%}.xs7{width:58.33333333%}.xs8{width:66.66666667%}.xs9{width:75%}.xs10{width:83.33333333%}.xs11{width:91.66666667%}.xs12{width:100%}}@media (min-width:851px){.xm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xm0{width:auto}.xm1{width:8.33333333%}.xm2{width:16.66666667%}.xm20{width:20%}.xm3{width:25%}.xm4{width:33.33333333%}.xm5{width:41.66666667%}.xm6{width:50%}.xm7{width:58.33333333%}.xm8{width:66.66666667%}.xm9{width:75%}.xm10{width:83.33333333%}.xm11{width:91.66666667%}.xm12{width:100%}}@media (min-width:1232px){.xb{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.xb0{width:auto}.xb1{width:8.33333333%}.xb2{width:16.66666667%}.xb20{width:20%}.xb3{width:25%}.xb4{width:33.33333333%}.xb5{width:41.66666667%}.xb6{width:50%}.xb7{width:58.33333333%}.xb8{width:66.66666667%}.xb9{width:75%}.xb10{width:83.33333333%}.xb11{width:91.66666667%}.xb12{width:100%}}@media (min-width:1632px){.xg0{width:auto}.xg1{width:8.33333333%}.xg2{width:16.66666667%}.xg20{width:20%}.xg3{width:25%}.xg4{width:33.33333333%}.xg5{width:41.66666667%}.xg6{width:50%}.xg7{width:58.33333333%}.xg8{width:66.66666667%}.xg9{width:75%}.xg10{width:83.33333333%}.xg11{width:91.66666667%}.xg12{width:100%}}
.grid-m{padding:10px 0}
.grid-m > .grid{margin:-10px}
.grid-m > .grid > [class*="x"]{padding:10px}

.grid-b{padding:15px 0}
.grid-b > .grid{margin:-15px}
.grid-b > .grid > [class*="x"]{padding:15px}
@media (max-width:980px) {
.show-d{display:none!important}
.show-m{display:block!important}
}
::-webkit-scrollbar{width:8px;height:5px}
::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}
::-webkit-scrollbar-thumb{background:#333}
.bgt{background-position:center;background-size:cover;background-repeat:no-repeat;}
/* wp */
.wp{width:98%;max-width:1330px;margin:0 auto;}
@media screen and (max-width:1360px){
.wp{padding:0 50px}
}
@media (max-width:980px) {
.wp,.wp1,.wp2,.wp3{width:100%;padding:0 15px!important}
.mx12{width:100%!important;max-width:100%!important}
.mgrid{flex-wrap:wrap!important}
.mgrid .flex-a{flex:auto!important;}
.grid-b{padding:10px 0}
.grid-b > .grid{margin:-10px}
.grid-b > .grid > [class*="x"]{padding:10px}
.grid-m{padding:6px 0}
.grid-m > .grid{margin:-6px}
.grid-m > .grid > [class*="x"]{padding:6px}
}
.f50{font-size:50px;}
.f40{font-size:40px;}
.f34{font-size:34px;}
.f32{font-size:32px;}
.f30{font-size:30px;}
.f28{font-size:28px;}
.f24{font-size:24px}
.f22{font-size:22px;}
.f20{font-size:20px}
.f18{font-size:18px}
.f16{font-size:16px}
.f14{font-size:14px;}
.f12{font-size:12px;}
.p50{padding:50px 0}
@media screen and (max-width:1260px){
.f50{font-size:40px;}
.f40{font-size:30px;}
.f34{font-size:28px;}
.f32{font-size:27px;}
.f30{font-size:26px;}
.f28{font-size:22px;}
.f24{font-size:20px}
.f22{font-size:18px;}
.f20{font-size:17px;}
.f18{font-size:16px}
.f16{font-size:14px}
.f14{font-size:13px;}
.p50{padding:35px 0}
}
@media screen and (max-width:980px){
.wp{width:100%;padding:0 15px}
.f50{font-size:32px;}
.f40{font-size:28px;}
.f34{font-size:24px;}
.f32{font-size:23px;}
.f30{font-size:22px;}
.f28{font-size:20px;}
.f24{font-size:18px}
.f22{font-size:17px;}
.f20{font-size:16px;}
.f18{font-size:15px}
.f16{font-size:14px}
.f14{font-size:13px;}
.mgrid .flex-a{flex:auto!important;width:100%!important}
.p50{padding:25px 0!important}
}
/* 图片统一尺寸 */
.fitImg {
    position: relative;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}

.fitImg img {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: .6s;
    -o-transition: .6s;
    -moz-transition: .6s;
    transition: .6s;
}

.fitImg:hover img,
.item:hover .fitImg img {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
}

.bimg {
    overflow: hidden;
}

.bimg img {
    object-fit: cover;
    display: block;
    transition: 1.5s;
    -moz-transition: 1.5s;
    -webkit-transition: 1.5s;
}

.bimg:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -moz-transform: scale(1.1);
}


/* 重置动画 */
.fadeInUp {
    -webkit-animation-name: fadeInUp;
    -moz-animation-name: fadeInUp;
    -ms-animation-name: fadeInUp;
    animation-name: fadeInUp;
  }
  @-webkit-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      -moz-transform: translate3d(0, 50px, 0);
      -ms-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-moz-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      -moz-transform: translate3d(0, 50px, 0);
      -ms-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-o-keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      -moz-transform: translate3d(0, 50px, 0);
      -ms-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 50px, 0);
      -moz-transform: translate3d(0, 50px, 0);
      -ms-transform: translate3d(0, 50px, 0);
      transform: translate3d(0, 50px, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    -moz-animation-name: fadeInLeft;
    -ms-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
  }
  @-webkit-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      -moz-transform: translate3d(-50px, 0, 0);
      -ms-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-moz-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      -moz-transform: translate3d(-50px, 0, 0);
      -ms-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-o-keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      -moz-transform: translate3d(-50px, 0, 0);
      -ms-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInLeft {
    from {
      opacity: 0;
      -webkit-transform: translate3d(-50px, 0, 0);
      -moz-transform: translate3d(-50px, 0, 0);
      -ms-transform: translate3d(-50px, 0, 0);
      transform: translate3d(-50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  .fadeInRight {
    -webkit-animation-name: fadeInRight;
    -moz-animation-name: fadeInRight;
    -ms-animation-name: fadeInRight;
    animation-name: fadeInRight;
  }
  @-webkit-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      -moz-transform: translate3d(50px, 0, 0);
      -ms-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-moz-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      -moz-transform: translate3d(50px, 0, 0);
      -ms-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @-o-keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      -moz-transform: translate3d(50px, 0, 0);
      -ms-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }
  @keyframes fadeInRight {
    from {
      opacity: 0;
      -webkit-transform: translate3d(50px, 0, 0);
      -moz-transform: translate3d(50px, 0, 0);
      -ms-transform: translate3d(50px, 0, 0);
      transform: translate3d(50px, 0, 0);
    }
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
  }