*{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:-apple-system,BlinkMacSystemFont,"Microsoft YaHei","Arial","Hiragino Sans GB","sans-serif";font-weight:500;font-size:16px;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:#333;-webkit-tap-highlight-color:rgba(0,0,0,0)}

a:active,a:hover{outline:0;color:#28C785;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}

ul,ol{padding:0;margin:0;}

.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{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;line-height:1.5;height:3em;}

.img-a{display:inline-block;max-width:100%;height:auto}

.h100{height:100%}

.lineS{line-height:1.2;}

.line{line-height:1.5;}

.lineM{line-height:1.68;}

.lineB{line-height:2;}

/* 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-ae{display:flex;align-items:flex-end;justify-content:flex-start}

.flex-cs{display:flex;align-items:center;justify-content:flex-start}

.flex-col{display:flex;flex-direction: column;}

.flex-shr{flex-shrink:0;}

::-webkit-scrollbar{width:8px;height:5px}

::-webkit-scrollbar-track{background:rgba(0,0,0,0.1)}

::-webkit-scrollbar-thumb{background:#333}

.radius,.radius img{border-radius:1rem}

.lightbox{position: fixed;background:rgba(0,0,0,.5);left:50%;top:50%;transform: translate(-50%,-50%);z-index:21;width:100%;height:100%;display:none;}

.bimg{overflow:hidden;}

.bimg img {

    object-fit: cover;

    display: block;

    transition: 1.5s;

    -moz-transition: 1.5s;

    -webkit-transition: 1.5s;

    width: 100%;

  }

  

  .bimg:hover img {

    -webkit-transform: scale(1.1);

    transform: scale(1.1);

    -moz-transform: scale(1.1);

  }

/* wp */

.wp{width:98%;max-width:1200px;margin-left:auto;margin-right:auto;}

@media (max-width: 1226px){

  .wp{padding: 0 60px;}

  }

@font-face {

  font-family: 'STZhongsong';

  src: url('../fonts/stzhongsong.ttf');

}

.STZ{ font-family: 'STZhongsong';}

@media (min-width:981px) {

 .animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}

}

.show-m{display:none;}

@media (max-width:980px){

.wp{width:100%;padding:0 15px}

.pzDiv,.prDiv,.prDiv2{padding:0 15px!important}

.show-d{display:none!important;}

.show-m{display:block!important;}

}

/* color */

.fb{font-weight:bold}

.f60{font-size:60px;}

.f36{font-size:36px}

.f32{font-size:32px}

.f30{font-size:30px}

.f26{font-size:26px}

.f24{font-size:24px}

.f22{font-size:22px}

.f20{font-size:20px}

.f18{font-size:18px}

.f16{font-size:16px}

.f14{font-size:14px;}

.p60{padding:60px 0}

@media (max-width:1400px) {

.f60{font-size:45px;}

.f36{font-size:30px}

.f32{font-size:26px}

.f30{font-size:24px}

.f26{font-size:22px}

.f24{font-size:21px}

.f22{font-size:20px}

.f20{font-size:18px}

.f18{font-size:16px}

.f16{font-size:15px}

.f14{font-size:13px;}

.p60{padding:40px 0}

}



@media (max-width:980px) {

body{font-size:14px;}

.mgrid{flex-wrap: wrap!important;}

.f60{font-size:30px;}

.f36{font-size:24px}

.f32{font-size:22px}

.f30{font-size:20px}

.f26{font-size:19px}

.f24{font-size:18px}

.f22{font-size:17px}

.f20{font-size:16px}

.f18{font-size:15px}

.f16{font-size:14px}

.p60{padding:30px 0}

}