@import url("./rem.css");
@import url("../fonts/iconfont.css");
/* CSS Document */
*{padding:0px;	margin:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
@font-face {
  font-family:'Satoshi';
  src: url('../fonts/Satoshi-Regular.otf');
}
@font-face {
  font-family:'Satoshi-Black';
  src: url('../fonts/Satoshi-Black.otf');
}
.stb{
 font-family:'Satoshi-Black';
 font-weight:900;
}
@font-face {
  font-family:'Satoshi-Bold';
  src: url('../fonts/Satoshi-Bold.otf');
}
.stfb{
  font-family:'Satoshi-Bold';
  font-weight:700;
}
@font-face {
  font-family:'Satoshi-Light';
  src: url('../fonts/Satoshi-Light.otf');
}
.stl{
  font-family:'Satoshi-Light';
  font-weight:300;
}
@font-face {
  font-family:'Satoshi-Medium';
  src: url('../fonts/Satoshi-Medium.otf');
}
.stm{
  font-weight:500;
  font-family:'Satoshi-Medium';
}
body{font-family:"Satoshi","Source Han Sans SC","Arial","sans-serif";font-size:1.4rem;color:#0D0408;overflow-x:hidden;}
img{ border:none; max-width: 100%;}
a{ text-decoration:none; color:#0D0408}
a.active,a:focus{ outline:none!important; text-decoration:none;}
ol,ul,p,h1,h2,h3,h4,h5,h6{ padding:0; margin:0}
ul,li{list-style-type:none;}
a:hover{ color:var(--color2); text-decoration: none!important}
.upp{text-transform:uppercase;}
.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}
.clearfix:after, .clearfix:before { display: table; content: " " }
.clearfix:after { clear: both } 
.lineB{line-height:2;}
.ovh{overflow: hidden;}
.ac{text-align: center;}
.aj{text-align: justify;}
/* flex */
/* grid */
.grid{display:-ms-flexbox;display: -webkit-flex;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.flex{display:flex}
.flex-a{flex:1;}
.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-ae{display:flex;align-items:flex-end;}
.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;}
.fl{float:left;}
.fr{float:right;}
.h100{height:100%}
/* 页面效果 */
.transy {
  transition: 0.3s;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.transy:hover {
  transform: translateY(-5px);
}
.item-pic{
  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);
}
.pimg {
  height: 100%;
  width: 100%;
  transition: 1.5s;
  -moz-transition: 1.5s;
  -webkit-transition: 1.5s;
}
.pimg:hover {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  -moz-transform: scale(1.1);
}
.gotop{position:fixed;right:2rem;bottom:6%;z-index:111;cursor:pointer;display:none;width:5rem;height:5rem;box-shadow: 0px 0px 2rem 0px rgba(0, 0, 0, 0.15);border-radius:50%}
.gotop img{width:5rem;}
.wp{max-width:1544px;margin-left:auto;margin-right:auto;}
.wp2{padding:0 10rem}
.wp3{max-width:1200px;margin-left:auto;margin-right:auto;}
@media (max-width:1440px) {
.wp{padding:0 6rem;}
.wp2{padding:0 4rem;}
}
@media (max-width:1220px) {
.wp{padding:0 4rem;}
.wp2{padding:0 3rem;}
.wp3{padding:0 5rem;}
}
/*滚动条样式*/
  ::-webkit-scrollbar {width:8px;height:5px;position:absolute}
  ::-webkit-scrollbar-thumb {background-color:#333;border-radius:5px;}
  ::-webkit-scrollbar-track {background-color:rgba(239,252,254,0.1);border-radius:5px;}

.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%}
/* fonts */
.f15{font-size:1.5rem;}
.f16{font-size:1.6rem}
.f18{font-size:1.8rem;}
.f20{font-size:2rem;}
.f21{font-size:2.1rem;}
.f24{font-size:2.4rem;}
.f26{font-size:2.6rem;}
.f30{font-size:3rem;}
.f32{font-size: 3.2rem;}
.f36{font-size:3.6rem;}
.f39{font-size:3.9rem;}
.f40{font-size:4rem;}
.f45{font-size:4.5rem;}
.f60{font-size:6rem;}
.p140{padding:13rem 0;}
.p180{padding:15rem 0;}