
*{margin:0;padding:0;border:0;box-sizing:border-box;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
:root{
    --color:#3F6FFE;
}
body{font-family: "Microsoft YaHei", "微软雅黑","PingFang SC", "Hiragino Sans GB", Arial, sans-serif;font-size:16px;overflow-x: hidden;color:#000;font-weight:400;min-width:1360px;overflow-x:auto;}
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:#3f6ffe;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}
.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}
input,button,textarea{border:0;outline:0;font-family:inherit;font-size:inherit}
:-ms-input-placeholder{font-size:inherit;color:rgba(0,0,0,.4)}
.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;}
.h100{height:100%}
.line{line-height:1.5;}
.lineM{line-height:1.75;}
.lineB{line-height:2;}
.bgt{background-position:center;background-size:cover;background-repeat:no-repeat;}
/* 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:0;top:0;z-index:23;width:100%;height:100%;display:none;}

.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 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);}

/* fonts */
@font-face {
    font-family:'DIN';
    src: url('../fonts/DIN-Medium.otf');
}
@font-face {
    font-family:'YouSheBiaoTiHei';
    font-weight: 400;
    src: url('../fonts/YouSheBiaoTiHei.ttf');
}
/* wp */
.wp{width:100%;padding:0 60px;}
.wp2{width:100%;max-width:1400px;margin:0 auto;}
.grid-s ul{margin:-10px;}
.grid-s .item{margin:10px}
.grid-m ul{margin:-16px;}
.grid-m .item{margin:16px}
/* fonts */
.fb{font-weight: bold;}
.f60{font-size:60px}
.f56{font-size:56px;}
.f50{font-size:50px;}
.f48{font-size:48px}
.f46{font-size:46px}
.f45{font-size:45px}
.f42{font-size:42px;}
.f40{font-size:40px}
.f38{font-size:38px}
.f36{font-size:36px}
.f34{font-size:34px}
.f32{font-size:32px}
.f30{font-size:30px}
.f28{font-size:28px;}
.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;}
.f12{font-size:12px;}
.mb45{margin-bottom:50px;}
@media (max-width:1600px) {
.wp{padding:0 40px;}
.grid-m ul{margin:-10px;}
.grid-m .item{margin:10px}
.grid-s ul{margin:-8px;}
.grid-s .item{margin:8px}
}
@media (max-width:1400px) {
.wp{padding:0 30px;}
.grid-m ul{margin:-8px;}
.grid-m .item{margin:8px}
.grid-s ul{margin:-5px;}
.grid-s .item{margin:5px}
}
/* @media (min-width:1200px) and (max-width:1580px){
body{font-size: 0.83vw}
.f60{font-size:3.13vw}
.f56{font-size:2.92vw;}
.f50{font-size:2.6vw;}
.f48{font-size:2.5vw}
.f46{font-size:2.4vw}
.f45{font-size:2.34vw}
.f42{font-size:2.19vw;}
.f40{font-size:2.08vw}
.f38{font-size:1.98vw}
.f36{font-size:1.88vw}
.f34{font-size:1.77vw}
.f32{font-size:1.67vw}
.f30{font-size:1.56vw}
.f28{font-size:1.46vw;}
.f26{font-size:1.35vw}
.f24{font-size:1.25vw}
.f22{font-size:1.15vw}
.f20{font-size:1.04vw}
.f18{font-size:0.94vw}
.f16{font-size:0.83vw}
.f14{font-size:0.73vw;}
} */