.sub-banner{width: 100%;height:550px;background-color: #eee;background-size:100% auto;background-repeat: no-repeat;background-position: center bottom;position: relative;overflow: hidden}
.sub-banner-img{width: 100%;height: 100%;
    background-size:100% auto;background-repeat: no-repeat;background-position: center center;
    -webkit-animation: scaleIn 3s both;
    animation: scaleIn 3s both;
}
/* 定义缩放动画关键帧 */
@-webkit-keyframes scaleIn {
    0% {
        /* 初始状态：放大1.2倍（可调整缩放比例） */
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
        opacity: 0; /* 初始透明，增强过渡效果 */
    }
    100% {
        /* 结束状态：恢复正常尺寸 */
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes scaleIn {
    0% {
        transform: scale(1.2);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
.sub-banner .text{padding:12% 0 50px 0;width: 100%;position: relative;z-index: 2;}
.sub-banner .text h4{width: 100%;font-weight:600;font-size:50px;line-height:60px;margin-bottom:30px;color: #222;}
.sub-banner .text p{width: 100%;font-size: 25px;font-weight: 400;line-height:40px;color:#222;margin-bottom:50px;}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .sub-banner{height:450px;background-size:100% auto;}
    .sub-banner .text{padding:10% 0 20px 0}
    .sub-banner .text h4{font-size:40px;line-height:45px;margin-bottom:20px;}
    .sub-banner .text p{font-size: 20px;line-height:28px;margin-bottom:40px;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .sub-banner{height:350px;background-size:100% auto}
    .sub-banner .text{padding:8% 0 20px 0}
    .sub-banner .text h4{font-size:30px;line-height:40px;}
    .sub-banner .text p{font-size: 15px;line-height:25px;margin-bottom:30px;}
}
@media screen and (max-width: 991px){
    .sub-banner{height:200px;margin-top:60px;background-color: #fff;background-position:right center;background-size:cover;background-repeat: no-repeat;position: relative}
    .sub-banner .text{padding:15% 0 20px 20px;position: absolute;z-index: 2;width: 100%;height: 100%;left: 0;top:0}
    .sub-banner .text h4{font-size:2rem;line-height:2rem;margin-bottom:10px;color: #495057}
    .sub-banner .text p{font-size: 1.4rem;line-height: 2rem;color: #495057;margin-bottom:10px;width: 60%;display: none}
    .sub-banner .mobile{width: 100%;z-index: 1;position: relative}
    .sub-banner .mobile img{width: 100%;}
}

/*page-nav*/
.main{padding: 0!important;margin: 0!important;}
.main .page-nav{background-color:#fff;width: 100%;border-bottom:1px solid #eee;}
.main .page-nav .loc {line-height: 80px;color:#495057}
.main .page-nav .loc a{font-size: 18px;color:#495057;line-height: 80px;}
.main .page-nav .loc i{font-size: 1.6rem;margin-right: 10px;}
.main .page-nav .loc .icon-jiating-{font-size:2rem;}
.main .page-nav ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
}
.main .page-nav ul li{line-height: 80px;font-size:18px;border-left: 1px solid #eee;}
.main .page-nav ul li a{color:#495057;font-weight:400;display: block;position: relative;text-align: center;line-height: 80px;}
.main .page-nav li a:hover,.main .page-nav li a.cur{color:#fff;font-weight: 500;background-color:var(--color-2);height: 82px}
.main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
    content: '';left: 50%;margin-left: -10px;bottom: -12px;position: absolute;z-index: 9;
    width:0;
    height:0;
    border-left:12px solid transparent;
    border-right:12px solid transparent;
    border-top:12px solid var(--color-2);
}
@media (max-width: 1536px) {
    .main .page-nav .loc{line-height: 60px;}
    .main .page-nav .loc a{font-size: 16px;line-height:60px;}
    .main .page-nav ul li{font-size:16px;line-height:60px;}
    .main .page-nav ul li a{line-height: 60px;}
    .main .page-nav li a:hover,.main .page-nav li a.cur{height: 62px}
}
@media (max-width: 1440px) {
    .main .page-nav .loc a{font-size: 14px;}
    .main .page-nav ul li{font-size:14px;}
}

@media (max-width: 991px) {
    .main .page-nav{margin-bottom: 0;}
    .main .page-nav .container{flex-wrap: wrap;padding: 0;}
    .main .page-nav .loc{display: none}
    .main .page-nav .page-nav-ul{width:100%;order: 1;}
    .main .page-nav ul li{font-size:1.5rem;font-weight:500;padding: 0!important;}
    .main .page-nav ul li:first-child{border-left: none;}
    .main .page-nav li a:hover:after,.main .page-nav ul li a.cur:after{
        margin-left: -6px;bottom: -6px;
        border-left:6px solid transparent;
        border-right:6px solid transparent;
        border-top:6px solid var(--color-2);
    }

}
.product,.about,.Application{background-color:#f1f3f5;}
.page-nav .loc{width:35%;}
.page-nav .page-nav-ul{width:65%;}
.page-nav .page-nav-ul li{width:25%;}
@media (max-width: 1440px) {
    .page-nav .loc{width:30%;}
    .page-nav .page-nav-ul{width: 70%;}
    .page-nav .page-nav-ul li{width: 20%;}
}
@media (max-width: 992px) {
    .page-nav .loc{display: none}
    .page-nav .page-nav-ul{width: 100%;}
    .page-nav .page-nav-ul li{width:25%;}
}


.about .about-main{padding:50px 0;}
.about .about-info{padding:80px;background-color: #fff;margin-bottom:30px;border-top-left-radius:100px;border-bottom-right-radius:100px;overflow: hidden}
.about .about-info .info{width: 55%;}
.about .about-info .info p{font-size:16px;line-height:32px;font-weight: 400;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom:10px;}
.about .about-info .info p:last-child{margin-bottom: 0}
.about .about-info .img{width:40%;margin-left:5%;border-radius: 25px!important;}
.about .about-info .img img{width: 100%;border-top-left-radius:50px;border-bottom-right-radius:50px;}
.about .about-info:nth-child(2n){border-top-right-radius:100px;border-bottom-left-radius:100px;border-top-left-radius:0;border-bottom-right-radius:0;}
.about .about-info:nth-child(2n) .img{margin-right:5%;margin-left: 0;}
.about .about-info:nth-child(2n) .img img{border-top-right-radius:50px;border-bottom-left-radius:50px;border-top-left-radius:0;border-bottom-right-radius:0}
@media (max-width: 1440px) {
    .about .about-info{padding:60px;}
    .about .about-info .info p{font-size:16px;line-height:32px;margin-bottom: 20px}
}
@media (max-width: 991px) {
    .about .loc{width:0;display: none}
    .about .page-nav .page-nav-ul{width:100%;}
    .about .about-main{padding:25px 0;}
    .about .about-info{padding:20px;margin:20px 0;border-top-left-radius:25px;border-bottom-right-radius:25px;flex-wrap: wrap}
    .about .about-info .info{width: 100%;}
    .about .about-info .info .title{margin-bottom:30px;}
    .about .about-info .info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:20px;}
    .about .about-info .img{width:100%;margin-left:0;border-radius:15px!important;margin-top: 20px;}
    .about .about-info .img img{width: 100%;border-top-left-radius:15px;border-bottom-right-radius:15px;}
    .about .about-info:nth-child(2n){border-top-right-radius:25px;border-bottom-left-radius:25px;}
    .about .about-info:nth-child(2n) .info{order: 1;margin-bottom: 20px;}
    .about .about-info:nth-child(2n) .img{margin-right:0;margin-top:0;order: 2;}
    .about .about-info:nth-child(2n) .img img{border-top-right-radius:15px;border-bottom-left-radius:15px;}
}


.about-img{background: #fff;padding:80px;align-items: center;}
.about-img .img{}
.about-img .img img{width: auto;max-width: 100%;}
.about-img .info{padding:0;}
.about-img .info dl{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px dashed #ced4da;}
.about-img .info dl:last-child{border-bottom: none;}
.about-img .info dt{font-size: 16px;font-weight: 500;color: #212529;position: relative;padding-left: 20px;padding-bottom:5px;;}
.about-img .info dt:after{content: '';width: 15px;height: 15px;border: 4px solid var(--color-2);border-radius: 50%;position: absolute;left: 0;top:5px;}
.about-img .info dd{font-size: 14px;line-height:22px;;color: #868e96;}
.about-img .info dd a{color: #868e96;;}
.about-img .info dd a:hover{color: #212529;}
@media (max-width: 1440px) {
    .about-img{padding: 50px;}
    .about-img .info{}
    .about-img .img{width: 100%;}
    .about-img .info dl dt{margin-bottom: 5px;}
    .about-img .info dt{font-size: 16px;padding-left: 20px;}
    .about-img .info dt:after{width:12px;height:12px;border: 3px solid #fdd000;top:4px;}
    .about-img .info dl dd{line-height: 22px;padding: 0 0 0 20px}
}
@media (max-width: 991px) {
    .about-img{top:0;padding:20px 0;flex-wrap: wrap}
    .about-img .img{width: 100%;margin: 10px 0;}
    .about-img .info{padding:0 20px;width: 100%;}
    .about-img .info dl{width: 100%;margin-bottom: 15px;padding-bottom: 15px;border-bottom: 1px dashed #eee;}
    .about-img .info dl:last-child{border-bottom: none;}
    .about-img .info dt{font-size:1.6rem;padding-left: 20px;}
    .about-img .info dt:after{width: 12px;height: 12px;border: 2px solid #fdd000;top:4px;}
    .about-img .info dd{font-size: 1.2rem;line-height:1.6rem;padding:0 0 10px 20px;}
}


/*左测分类列表*/
.subNav-title{
    background-color:var(--color-1);color: #fff;height:60px;line-height:55px;padding: 0 20px;font-size: 22px;font-weight: 550;
    background-image:-webkit-linear-gradient(125deg, var(--color-1),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-1),var(--color-2));
    box-shadow: 0 10px 30px -15px rgba(25,113,194,0.65);
    -webkit-box-shadow: 0 20px 30px -15px rgba(25,113,194,0.65);border-radius: 6px;margin-bottom: 20px;
}
.subNav-title i{font-size: 25px;margin-right: 10px;position: relative;top:2px;}
.subNavBox{background-color: #fff;padding:20px;border-radius: 8px;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .08);
   overflow: hidden;
}
.subNav{
    cursor:pointer;
    font-size:17px;font-weight: 500;
    color:#212529;
    line-height:20px;padding:15px 0;
    position: relative;
}
.app-sidebar .subNav{padding:10px 10px;font-size:16px;}
.app-sidebar .subNav i{transform: rotate(0deg);-webkit-transform:rotate(0deg);font-weight:400;font-size:1.8rem;}
.subNav a{display: block;position: relative;}
.subNav:hover{text-decoration: none;}
.app-sidebar .subNav:hover,.app-sidebar .subNav.curdt{background-color: #eee;color: var(--color-2);display:block}
.subNav i{font-size:20px;font-weight: 600;position: absolute;right: 0;color: #868e96; transform: rotate(0deg);-webkit-transform:rotate(0deg)}
.subNav.curdt i{transform: rotate(90deg);-webkit-transform:rotate(90deg);}
.curdd{color:var(--color-1);}
.curdt{overflow: hidden;}
.navContent{display: none;padding: 10px 0;border-top: 1px solid #eee;}
.navContent:last-child{border-bottom: none;}
.navContent li a{display:block;margin: 8px 0;font-size:15px;line-height:25px;font-weight: 400;color:#495057;padding:3px 0 3px 10px;position: relative;
    border-radius:6px;
}
.navContent li a:hover,.navContent li a.curdd{
    color:#fff;
    text-decoration: none!important;font-weight: 500;
    background-image:-webkit-linear-gradient(-125deg, var(--color-1),var(--color-2));
    background-image:linear-gradient(-125deg, var(--color-1),var(--color-2));
    box-shadow: 0 6px 12px -6px rgba(25,113,194,0.5);
    -webkit-box-shadow: 0 6px 12px -6px rgba(25,113,194,0.5);
}
.navContent li a i{font-size:14px;margin-right: 10px;}
@media (max-width: 1440px) {
    .subNav{font-size:16px;}
    .navContent li a{font-size:14px;}
}
@media screen and (max-width: 991px) {
    .subNav-title{font-size: 2rem}
    .subNav-title i{font-size: 2.2rem}
    .subNavBox{padding:10px 15px;border: 1px solid #eee;}
    .subNav{font-size:1.8rem;line-height:2rem;padding:15px 0;}
    .navContent li a{font-size:1.8rem;line-height:2.8rem;}
    .navContent li a i{font-size: 1.1rem;}
    .navContent li a:hover,.navContent li a.curdd{font-weight: 550;}
}


.product{padding:20px 0}
.product .loc{font-size: 14px;font-weight: 200;color: #444;}
.product .loc a{font-size: 16px;font-weight: 300;color: #444}
.pro-sidebar{width: 20%;position: relative;margin: 80px 3% 80px 0;}
.pro-content{width: 77%;margin: 80px 0}
@media screen and (max-width: 1536px) and (min-width: 1281px) {
    .product .loc{font-size: 14px;}
    .product .loc a{font-size: 14px;}
    .pro-sidebar{width: 23%;margin-right:2%;}
    .pro-content{width: 75%;}
}
@media screen and (max-width: 1280px) and (min-width: 1152px) {
    .product .loc{font-size: 14px;}
    .product .loc a{font-size: 14px;}
    .pro-sidebar{width: 23%;margin-right:2%;}
    .pro-content{width: 75%;}
}
@media screen and (max-width: 991px) {
    .product{padding:20px 0;flex-wrap: wrap}
    .pro-sidebar{width: 100%;margin-right:0;order: 1;margin-bottom:0;position: relative;top:-70px;z-index: 999}
    .pro-content{width: 100%;padding:0;margin-bottom: 0;order: 2;position: relative;top:-30px;box-shadow:none;-webkit-box-shadow:none;}
    .mobile .pro-sidebar{order: 2!important;top:unset;margin-bottom: 20px;}
    .mobile .pro-content{order: 1!important;}
}
.pro-content{}
.showpro{width: 100%;
    padding: 50px;background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .08);
}
.showpro h4{font-size: 40px;font-weight: 550;margin-bottom: 20px;padding-bottom: 30px;border-bottom: 1px dashed #eaeaea;color: var(--color-1);}
.showpro h4 span{font-size: 25px;font-weight: 500;margin-left: 20px;color: var(--color-2);}
.showpro .info{width: 100%;}
.showpro .info h6{font-size: 30px;font-weight: 550;color: var(--color-2);margin-bottom: 10px;}
.showpro .info p{font-size: 16px;line-height: 26px;color: #444;margin-bottom: 20px;}
.showpro .info table{width: 100%;margin: 50px 0;}
.showpro .info table thead{
    background-image:-webkit-linear-gradient(-125deg, var(--color-1),var(--color-2));
    background-image:linear-gradient(-125deg, var(--color-1),var(--color-2));
}
.showpro .info table th{padding: 10px 20px;font-size: 18px;color: #fff;border: 1px solid var(--color-2);text-align: center;}
.showapp .info table tr:first-child th{text-align:center;}
.showpro .info table tr:first-child th{text-align: center;}
.showpro .info table td{padding: 10px 20px;font-size: 18px;color: #111;text-align: center;border: 1px solid var(--color-2);}

.showpro .info table th {
  padding: 10px 12px; /* 缩小内边距，适配小屏 */
  font-size: 16px; /* 适当减小字体，避免文字换行过多 */
  color: #fff;
  border: 1px solid var(--color-2);
  text-align: center;
  white-space: nowrap; /* 表头文字不换行 */
}

.showpro .info table td {
  padding: 10px 12px;
  font-size: 16px;
  color: #111;
  text-align: center;
  border: 1px solid var(--color-2);
  white-space: nowrap; /* 单元格内容不换行（可选，也可设为normal让长内容换行） */
}

/* 新增：表格外层容器样式 */
.showpro .info .table-wrapper {
  width: 100%;
  overflow-x: auto; /* 小屏时横向滚动 */
  -webkit-overflow-scrolling: touch; /* 移动端滚动更顺滑 */
}

/* 原表格样式调整：去掉width:100%（由容器控制） */
.showpro .info table {
  /* width: 100%; 注释或删除，让表格按内容自适应宽度 */
  min-width: 100%; /* 确保大屏时占满容器 */
  margin: 20px 0;
  border-collapse: collapse; /* 合并边框，避免重复线条 */
}

/* 美化横向滚动条（适配WebKit内核浏览器，如Chrome、Edge） */
.table-wrapper::-webkit-scrollbar {
  height: 8px; /* 滚动条高度（横向滚动条控制高度） */
}
.table-wrapper::-webkit-scrollbar-track {
  background: #f1f5f9; /* 滚动条轨道背景色 */
  border-radius: 4px;
}
.table-wrapper::-webkit-scrollbar-thumb {
  background: var(--color-2); /* 用页面已有蓝色变量，保持风格统一 */
  border-radius: 4px;
  transition: background 0.3s;
}
.table-wrapper::-webkit-scrollbar-thumb:hover {
  background: var(--color-1); /*  hover时加深颜色 */
}

/* 适配Firefox浏览器 */
.table-wrapper {
  scrollbar-width: thin; /* 滚动条宽度：thin/auto/none */
  scrollbar-color: var(--color-2) #f1f5f9; /* 滚动条滑块+轨道颜色 */
}

.showpro .info .pic{width: 100%;margin-bottom: 20px;}
.showpro .info .pic img{width: 500px;max-width: 100%;}
.showpro .img{width: 100%;margin-bottom: 20px;padding: 30px 0;border-bottom: 1px dashed #eaeaea;}

.showpro .img-ul{width: 100%;}
.showpro .img-ul li{width: 23.5%;}
.showpro .img-ul li img{width: 100%;}
.showpro .img-ul li p{font-size: 22px;font-weight: 550;margin-bottom: 10px;text-align: center}

.pro-img{width:auto}
.pro-img img{width:auto;height: 250px;}
.pro-info{
    margin: 0 10px;
    width: 225px;
    height: 250px;
    display: flex;
    flex-direction: column; /* 垂直排列 */
    align-items: center;    /* 水平居中 */
    justify-content: center;/* 垂直居中 */
    background-image: url(/static/images/biankuang.png);
    background-size: 100%;
    gap: 8px; /* 控制两个 span 之间的垂直间距，可按需调整 */
}
.pro-info span {
    display: block;
    width: 100%;
    text-align: center;
}

.pro-info .formula {
    font-size: 25px;color: #222;
    font-weight: bold;
}
.pro-info .label {
    color: #666;
    font-weight: 400;font-size: 15px;
}

.pro-ul{flex-wrap: wrap;width: 100%;padding: 50px 0}
.pro-ul li{width: 49%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;padding: 30px;border-radius: 8px;
    -webkit-box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .08);
    box-shadow: 0 15px 30px -5px rgba(0, 0, 0, .08);
}
.pro-ul li:nth-child(2n){margin-right: 0;}
.pro-ul li .img{width: 110px;}
.pro-ul li .img img{width: 100%;}
.pro-ul li .info{width: calc(95% - 120px);}
.pro-ul li .info h6{font-size: 22px;font-weight: 550;margin-bottom: 10px;color: #222;}
.pro-ul li .info p{font-size: 16px;line-height: 26px;color: #666;}
.pro-ul li .info a.more{display: block;width: 120px;margin-top: 20px;line-height: 40px;
    background-image:-webkit-linear-gradient(125deg, var(--color-1),var(--color-2));
    background-image:linear-gradient(125deg, var(--color-1),var(--color-2));
    box-shadow: 0 10px 20px -5px rgba(25,113,194,0.45);
    -webkit-box-shadow: 0 10px 20px -5px rgba(25,113,194,0.45);
    margin-bottom: 20px;
    color: #fff;
    border-radius: 4px;text-align: center;
}



/*contact*/
.contact{width: 100%}
.contact .contact-info{
    margin: 80px auto;
    padding: 50px;
    background-color: #fff;
    flex-wrap: wrap;
    border-radius:15px;
    overflow: hidden;
    box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);
    -webkit-box-shadow: 0 25px 50px -25px rgba(0,0,0,0.09);

}
.contact .contact-text{width: 50%;border-right: 1px dashed #ddd;}
.contact .contact-text h4{font-size: 25px;font-weight: 600;color:#495057;margin-bottom:30px;position: relative;}
.contact .contact-text p b{font-size: 17px;font-weight: 550;color: #495057;display:block;}
.contact .contact-text p{font-size: 16px;color:#495057;line-height: 30px;margin-bottom:5px;}
.contact .contact-text p em{font-size: 1.8rem;margin-right: 10px;}
.contact-list-ul{width: 92%;margin: 20px 0;display: block}
.contact-list-ul li{font-size: 15px;line-height: 25px;border: 1px solid #eee;padding:5px 15px;border-radius: 5px;position: relative;margin-bottom: 10px;}
.contact-list-ul li:after{content: '';position: absolute;left: 0;top:0;width:2px;height:100%;background-color: var(--color-2);
    
}
.contact-list-ul b{display: block;}


/*contact-form*/
.contact-form{width:50%;padding-left: 50px;}
.contact-form .form{width: 100%;}
.contact-form .form h4{margin-bottom:30px;font-size:25px;font-weight: 600;color: #495057}
.contact-form .form i{font-size: 2.6rem;color:var(--color-2);font-weight: 500}
.contact-form .form ul{margin-bottom: 15px;}
.contact-form .form ul li{margin-bottom: 15px;}
.contact-form .form ul li input{width:48.5%;text-indent: 20px;margin-right: 3%;height: 45px;border-radius: 6px;font-size: 14px;color:#868e96;border:1px solid #dcdcdc;}
.contact-form .form ul li textarea{border:1px solid #dcdcdc;width: 100%;text-indent: 20px;height:130px;border-radius: 6px;padding: 10px 0 0 0;font-size: 14px;color: #868e96;margin-bottom:20px;}
.contact-form .form ul li input:nth-child(2){margin-right: 0;}
.contact-form .form ul li button{border: none;color: #fff;font-size: 16px;width:35%;height:45px;border-radius: 30px;font-weight: 400;
    background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-2));
    background-image:linear-gradient(45deg, var(--color-1), var(--color-2));
    box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
    margin-right: 0;margin-bottom:10px;
}
.contact-form .form ul li button i{font-size: 2rem;color: #fff;margin-left: 10px;}
.contact-form .form p{font-size: 14px;line-height: 22px;color:#868e96;}
@media (max-width: 1440px) {
    .contact-info{padding:30px;}
    .contact-text h3{font-size: 20px;}
    .contact-text p{font-size: 14px;line-height: 22px;}
    .contact-text p i{font-size: 1.6rem;}
}
@media (max-width: 991px) {
    .contact{background-color:transparent;position: relative;padding-top:30px;}
    .contact .contact-info{padding:0 10px;flex-wrap: wrap;-webkit-box-shadow:none;box-shadow:none;margin:0 auto;background-color: transparent}
    .contact .contact-text{width:100%;border-right:none;padding-bottom:0;margin-bottom:20px;}
    .contact .contact-text h3{font-size: 1.8rem;line-height: 2rem;margin-bottom:15px;}
    .contact .contact-text p{font-size: 1.5rem;line-height:2rem;margin-bottom: 10px;position: relative;padding-left: 25px;}
    .contact .contact-text p em{font-size: 1.8rem;margin-right:0;position: absolute;left: 0;}
    .contact-form{padding:0;background-color:transparent;width: 100%;border-radius: 8px;}
    .contact-form .form{padding: 10px 0;flex-wrap: wrap;}
    .contact-form .form h4{margin-bottom:15px;font-size: 1.8rem;}
    .contact-form .form h4 i{font-size:2.5rem;}
    .contact-form .form ul li{margin-bottom: 10px;}
    .contact-form .form ul li input{text-indent: 10px;height: 35px;font-size:1.5rem;border-radius: 4px;color: #999;border: 1px solid #eee;}
    .contact-form .form ul li textarea{text-indent: 10px;font-size:1.5rem;border-radius: 4px;border: 1px solid #eee;}
    .contact-form .form ul li button{font-size:1.6rem;width:100%;height: 45px;border-radius: 4px;margin: 0 auto;display: block}
    .contact-form .form ul li button i{font-size: 1.8rem;}
    .contact-form .form p{font-size:1.3rem;line-height:2rem;}
}
#Gaodemap{width: 100%;min-height:450px;margin-top: 50px;border-radius: 12px;overflow: hidden}
#Gaodemap .ripple{text-align: center;line-height: 1;}
#Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-2);}
#Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-2);transform: translateX(-50%);}
#Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-2);animation:soak 6s ease-in-out infinite;opacity: 0;}
#Gaodemap .ripple>p{width:90px;text-align: center;display: block;padding-top:10px;font-size: 1.2rem;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
@media (max-width: 1440px) {
    #Gaodemap{min-height: 400px}
}
@media (max-width: 991px) {
    #Gaodemap{min-height: 200px;margin-top:20px;}
}


/*人才理念*/

.hr{background:#f7f7f7;}
.hr .human-title {padding: 50px 0 }
.hr .human-title .textleft {width: 53%;}
.hr .human-title .textleft h4{color: var(--color-2);font-size: 30px;font-weight: 600;margin-bottom: 20px;}
.hr .human-title .textleft p{font-size: 18px;line-height:36px;color:#495057;margin-bottom: 20px;}
.hr .human-title .textleft p:last-child{border-bottom: none;}
.hr .human-title .textRight{width: 45%;text-align: right;
    color: var(--color-2);
    font-size: 18px;
    padding-top: 50px;
}
.hr .human-title .textRight span {
    color:#d8d8da;
    font-size: 90px;
    padding-bottom: 30px;
    display: inline-block;
    line-height: 80px;
}
.hr .human-title .textRight a{display: block;width: 150px;line-height: 45px;border-radius: 25px;text-align: center;
   background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-2));
   background-image:linear-gradient(45deg, var(--color-1), var(--color-2));
   box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
   -webkit-box-shadow:0 16px 32px -5px rgba(36,72,246, 0.25);
   color: #fff;font-size: 16px;margin: 0 0 50px auto}

.news-list{border-bottom: 1px solid #eee;padding-top:100px;}
.news-title{width: 100%;padding-bottom:15px;border-bottom: 1px solid #eee;position: relative;margin-bottom:15px;padding-left:30px;}
.news-title:after{content: '';width: 20px;height: 20px;border-radius: 50%;border:5px solid var(--color-2);position: absolute;left:0;top:18px;z-index: 1}
.news-title:before{content: '';width:100px;height: 1px;background-color: var(--color-2);position: absolute;right: 0;bottom:-1px;}
.news-title h4{font-size:2.6041666vw;line-height: 1.3;font-weight: 550;color:#222;position: relative;z-index: 2;}
.news-title h4 span{color:var(--color-2);}
.news-title h6{font-size:30px;line-height: 50px;font-weight: 550;color:#222;position: relative;z-index: 2;}
.news-title h6 span{color:var(--color-2);}
.news-ul{width: 100%;padding:50px 0;flex-wrap: wrap;}
.news-ul li{width: 32%;margin-right: 2%;margin-bottom:3%;}
.news-ul li:nth-child(3n){margin-right: 0;}
.news-ul li a{display: block;background-color: #fff;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;box-sizing: border-box;}
.news-ul li .img{width: 100%;height:25.93vh;overflow: hidden;background-color: var(--color-14);background-position: center;background-size:20%;background-repeat: no-repeat;background-image: url(../images/noimg.svg)}
.news-ul li .img img{width: 100%;}
.news-ul li .info{padding:3.24vh 3.24vh 1.85vh 3.24vh;}
.news-ul li .info h6{margin-bottom:2.78vh;font-size: 0.9375vw;font-weight: 550;line-height:1.4;color:var(--color-10);height: 50px;overflow: hidden;}
.news-ul li .info p{margin-bottom:1.85vh;font-size: 0.9375vw;line-height:30px;color: var(--color-11);font-family: Arial;font-weight: 550}
.news-ul li .info p i{font-size: 0.9375vw;color: var(--color-1);}
.news-ul li .info span{padding-top:10px;border-top: 1px solid #eee;display: block;position: relative;font-size:0.9375vw;text-transform: uppercase;font-weight:400;color: var(--color-12);font-family: Arial, sans-serif}
.news-ul li .info span i{position: absolute;right: 0;font-size: 1.145833vw;font-weight: 400}
.news-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.news-ul li a:hover .info h6{color: var(--color-2);}
.news-ul li a:hover{-webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);border-radius: 12px;overflow: hidden;}
@media (max-width: 1028px) {
    .m-news-action{display: none;}
    .m-news-list{padding-top:20px;background-color: #f4f7fc;}
    .news-title{width: 100%;padding-bottom:10px;margin-bottom: 20px;}
    .news-title:after{width: 20px;height: 20px;border:5px solid var(--color-2);left:-3px;top:-3px;}
    .news-title h4{font-size:25px;line-height: 35px}
    .news-title h6{font-size:20px;line-height: 35px}
    .news-ul{padding:0;margin-bottom: 20px;background-color: transparent}
    .news-ul li{width: 100%;margin-right:0;margin-bottom:3%;background-color: #fff;}
    .news-ul li a{display: flex;padding: 10px;}
    .news-ul li .img{width: 40%;height:auto;overflow: hidden;background-color: #fff;}
    .news-ul li .img img{width:100%;object-fit: cover;height: 100px;}
    .news-ul li .info{padding:10px 0 0 20px ;width: 60%}
    .news-ul li .info h6{margin-bottom:10px;font-size: 14px;line-height:22px;height: 45px;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .news-ul li .info p{margin-bottom:5px;font-size: 14px;line-height:22px;}
    .news-ul li .info p i{font-size: 16px;}
    .news-ul li .info span{display: none}
}

/*分页样式*/
.pagination {
    width:100%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:50px;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    padding:0 12px;line-height: 32px;border: 1px solid #eee;
    margin-right: 10px;margin-bottom: 10px;
    border-radius:4px;background-color: #fff;font-family: "Microsoft YaHei", "Roboto", sans-serif;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff!important;background-color:var(--color-1)}
.pagination a:last-child{margin-right: 20px;}
/*err*/
.err{
    width:100%;margin-bottom: 50px;
    text-align:center;
    padding:200px 0 250px 0;
    background-image: url(/static/images/noinfo.svg);
    background-repeat: no-repeat;background-size:auto 100%; background-position: center center;position: relative;
}
.err p{line-height:30px;font-size:25px;display: block;width: 100%;padding: 50px 0;font-weight: 500;position: absolute;bottom: 0;text-align: center}
@media (max-width: 991px) {
    .pagination {padding:0;line-height:30px;margin:10px auto;;font-size: 14px;}
    .pagination a{font-size: 14px;line-height:28px;height:30px;margin-right:5px;margin-bottom:5px;}
    .pagination a:last-child,.pagination a:first-child{display: none}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:30px;font-size:14px;}
}

.shownews{background-color: #fff;}
.g-cur-z{font-size:0;line-height:24px;overflow:hidden;padding:20px 0;border-bottom:1px solid #e1e1e1;padding-top:120px}
.g-cur-z .left{font-size:18px;float:left;overflow:hidden;color:var(--color-11)}
.g-cur-z .left a,.g-cur-z .left span{color:var(--color-10);padding:0 10px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.g-cur-z .left a:hover{color:var(--color-2)}
.g-cur-z .left i{display:inline-block;position:relative;float:left;font-size: 20px;}
.g-cur-z .back{float:right;overflow:hidden;position:relative;padding-left:25px;font-size:18px;display:block;color:var(--color-11);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.g-cur-z .back:hover{color:var(--color-2)}
.g-cur-z .back:hover::after{background:url(../images/ne2.svg) center center no-repeat;background-size:cover}
.g-cur-z .back::after{display:block;content:"";width:20px;height:20px;background:url(../images/ne4.svg) center center no-repeat;background-size:cover;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news .tit{font-size:30px;color:var(--color-10);line-height:1.6;text-align:center;margin-bottom:0px}
.m-news .desc{font-size:18px;color:var(--color-11);line-height:4;text-align:center;margin-bottom:40px;border-bottom:1px dashed #e1e1e1;}
.m-news .time{display:inline-block;margin-right:20px}
.m-news .info{display:inline-block}
.m-news .content{font-size:18px;line-height:1.6;color:var(--color-10)}
.m-news .content.newsCon p{margin-bottom: 15px;}
.m-news .box{width:72%;margin:0 auto;margin-bottom:80px;}
.m-news{padding:60px 0 80px}
.m-news .jump{padding:40px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position:relative}
.m-news .jump span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.m-news .next,.m-news .prev{width:50%;font-size:18px;line-height:30px;height:30PX;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news .prev{text-align:left;float:left}
.m-news .bot{overflow:hidden}
.m-news .jump::after{content:"";display:block;width:1px;height:45px;position:absolute;background-color:#e4e9f2;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%)}
.m-news .next{text-align:right;float:right}
.m-news .up{padding-right:20px;margin-right:15px;float:left;position:relative}
.m-news .down{float:right;padding-left:20px;margin-left:15px;position:relative}
.m-news .down::after,.m-news .up::after{content:"";display:block;width:1px;height:20px;position:absolute;background-color:#333;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news .down::after{left:0}
.m-news .prev:hover .down::after{background-color:var(--color-2)}
.m-news .next:hover,.m-news .prev:hover{color:var(--color-2)}
.m-news .next:hover .down::after,.m-news .prev:hover .up::after{background-color:var(--color-2)}
@media only screen and (max-width:1440px){
    .g-cur-z{padding:100px 0 16px}
    .g-cur-z .left{font-size:16px}
    .g-cur-z .back{font-size:16px}
    .g-cur-z .icon::after{width:16px;height:18px}
    .g-cur-z .back::after{width:14px;height:13px}
    .m-news .box{width:90%}
    .m-news .tit{font-size:26px;margin-bottom:20px}
    .m-news .desc{font-size:16px;margin-bottom:25px}
    .m-news .content{font-size:16px}
    .m-news{padding:30px 0 40px}
    .m-news .jump{padding:22px 0}
    .m-news .next,.m-news .prev{font-size:16px;line-height:25px;height:25px}
    .m-news .jump::after{width:1px;height:30px}
    .m-news .down,.m-news .up{padding-right:12px;margin-right:10px}
    .m-news .down::after,.m-news .up::after{width:1px;height:18px}
}
@media only screen and (max-width:750px){
    .g-cur-z{padding:70px 0 14px}
    .g-cur-z .left{font-size:14px}
    .g-cur-z .back{font-size:14px}
    .g-cur-z .icon::after{width:14px;height:15px}
    .g-cur-z .back::after{width:12px;height:11px}
    .m-news .tit{font-size:20px;margin-bottom:15px}
    .m-news .desc{font-size:14px;margin-bottom:15px}
    .m-news .content{font-size:14px}
    .m-news{padding:30px 0}
    .m-news .jump{padding:18px 0}
    .m-news .jump::after{display:none}
    .m-news .prev{margin-bottom:15px}
    .m-news .next,.m-news .prev{font-size:14px;line-height:22px;height:22px;width:100%}
    .m-news .next{text-align:left}
    .m-news .down{float:left}
    .m-news .down{padding-left:0;margin-left:0;padding-right:12px;margin-right:10px}
    .m-news .down::after{left:auto;right:0}
    .m-news .jump::after{width:1px;height:30px}
    .m-news .down::after,.m-news .up::after{width:1px;height:18px}
    .m-news .box{width:100%}
}



.honor{width: 100%;padding: 80px 0 40px 0;}
.honor-imgs{flex-wrap: wrap;padding:20px 0;height: auto!important;}
.honor-imgs .img{
    border-radius: 12px;margin: 20px 15px;outline: none;background-color: #fff;
    position: relative;
    box-shadow:0 16px 32px -5px rgba(0,0,0,0.05);
    -webkit-box-shadow:0 16px 32px -5px rgba(0,0,0,0.05);
    border: 10px solid #fff;height:auto!important;
}
.honor-imgs .img img{width: 100%;border-radius: 6px}
.honor-imgs .img:last-child{margin-right: 0;}
.honor-imgs .img p{text-align:center;font-size:16px;line-height:26px;padding:5px 0;}
@media (max-width: 991px) {
    .honor{padding-top: 50px}
    .honor-imgs{padding:20px 0;}
    .honor-imgs .img{width: 100%;border-radius:6px;background-color: rgba(255,255,255,0.75);margin-bottom:5%}
    .honor-imgs .img:last-child{margin-bottom: 0}
}
.zhuanli{background-repeat: no-repeat;background-position: center;background-size: cover;padding:50px 0;background-color: #fff}
.honor-ul{width: 100%;height: auto!important;padding: 20px 0;}
.honor-ul li{height: auto!important;margin: 20px 15px;outline: none;}
.honor-ul li .info{padding:10px}
.honor-ul li .img{width: 100%;border: 1px solid #eee;
    background-color:rgba(255,255,255,0.5);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);
    padding: 16px;border-radius: 8px;font-size:16px;color:#495057;
    box-shadow: 0 10px 20px -10px rgba(0,0,0,0.08);
    -webkit-box-shadow:0 10px 20px -10px rgba(0,0,0,0.08);
}
.honor-ul li .img img{width: 100%;}
.honor-ul li h6{font-size: 16px;text-align: center;font-weight:400;color:#495057;margin-bottom:10px;line-height:22px;}
.NextArrow,.PrevArrow{
    position: absolute;
    width: 36px;
    height: 36px;
    line-height: 32px;
    background-image:-webkit-linear-gradient(45deg, var(--color-1), var(--color-2));
    background-image:linear-gradient(45deg, var(--color-1), var(--color-2));
    text-align: center;
    z-index: 999;
    border: none;
    outline: none;
    border-radius: 50%;
    top:-65px;
}
.NextArrow i,.PrevArrow i{font-size:1.6rem;color:#fff;}
.NextArrow:hover,.PrevArrow:hover{}
.NextArrow:hover i,.PrevArrow:hover i{}
.NextArrow{right:0px;}
.PrevArrow{right:65px;}
@media (max-width: 991px) {
    .zhuanli{padding:25px 0;}
    .honor-ul{width: 100%;margin-bottom:0;padding: 0}
    .honor-ul li{padding:5px;margin:0!important;}
    .honor-ul li .img{padding:10px;}
    .honor-ul li .info{padding:10px 0 0 0}
    .honor-ul li .info h6{font-size:1.3rem;line-height: 1.8rem;}
    .NextArrow,.PrevArrow{width:32px;height:32px;line-height:30px;top:50%;bottom:unset;margin-top: -35px;}
    .NextArrow{right:0;}
    .PrevArrow{left:0}
    .NextArrow i,.PrevArrow i{font-size:1.6rem;}
}


        /* 瀑布流画廊样式 - 使用 CSS Columns */
        .gallery-container {
            /* 设置列数和间距 */
            column-count: 1;
            column-gap: 2rem;
            width: 100%;
            position: relative;
            margin: 80px 0;
        }

        /* 根据屏幕宽度调整列数 */
        @media (min-width: 768px) {
            .gallery-container {
                column-count: 2;
            }
        }
        @media (min-width: 992px) {
            .gallery-container {
                column-count: 3;
            }
        }
        @media (min-width: 1200px) {
            .gallery-container {
                column-count: 4;
            }
        }

        .gallery-img-container {
            border-radius: 0.5rem;
            overflow: hidden;
            box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
            transition: all 0.5s ease;
            transform: translateZ(0);
            backface-visibility: hidden;
            position: relative;
            overflow: hidden;
            /* 防止图片被分割到不同列 */
            break-inside: avoid;
            margin-bottom: 2rem;
        }
        .gallery-img-container:hover {
            box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.15);
            transform: translateY(-5px);
        }
        .gallery-img {
            width: 100%;
            display: block;
            transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        .gallery-img-container:hover .gallery-img {
            transform: scale(1.07);
        }
        .gallery-img-container::after {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-color: rgba(0, 0, 0, 0.2);
            opacity: 0;
            visibility: hidden;
            transition: all 0.5s ease;
            z-index: 5;
        }
        .gallery-img-container:hover::after {
            opacity: 1;
            visibility: visible;
        }

        /* 图片文字信息样式 */
        .gallery-img-container .info {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 100%;
            padding: 2rem;
            background: linear-gradient(transparent, rgba(0,0,0,0.8));
            color: #fff;
            z-index: 10;
            /* 关键：设置默认高度和过渡效果 */
            max-height: 70px; /* 默认高度，只够显示标题 */
            transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        
        /* 鼠标悬停时，增加高度和底部内边距 */
        .gallery-img-container:hover .info {
            max-height: 250px; /* 足够容纳标题、描述和链接 */
            padding-bottom: 2rem;
        }
        
        .gallery-img-container .info h6 {
            font-size: 2rem;
            margin-bottom: 1rem;
            font-weight: 600;
        }
        
        /* 默认隐藏描述和链接，并设置向下的偏移量 */
        .gallery-img-container .info p,
        .gallery-img-container .info .more-link {
            opacity: 0;
            visibility: hidden;
            transform: translateY(10px);
            transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
        }
        
        .gallery-img-container .info p {
            font-size: 1.4rem;
            margin-bottom: 0.8rem;
            line-height: 1.6;
        }
        
        /* 鼠标悬停时，描述和链接向上滑入并显示 */
        .gallery-img-container:hover .info p,
        .gallery-img-container:hover .info .more-link {
            opacity: 1;
            visibility: visible;
            transform: translateY(0);
        }
        
        /* 链接样式 */
        .gallery-img-container .info .more-link {
            display: inline-flex;
            align-items: center;
            color: #fff;
            text-decoration: none;
            font-size: 1.4rem;
            padding: 0.8rem 1.5rem;
            background-color: rgba(255, 255, 255, 0.2);
            border-radius: 0.5rem;
        }
        .gallery-img-container .info .more-link:hover {
            background-color: rgba(255, 255, 255, 0.95);color: #333;
        }
        .gallery-img-container .info .more-link .icon-arrow-right1 {
            margin-left: 1rem;
            font-size: 1rem;
        }

        /* 响应式设计 */
        @media (max-width: 1200px) {
            .gallery-container {
                gap: 0.8rem;
            }
            .gallery-column:nth-child(4) {
                display: none;
            }
        }
        @media (max-width: 992px) {
            .gallery-column:nth-child(3),
            .gallery-column:nth-child(4) {
                display: none;
            }
        }
        @media (max-width: 768px) {
            .gallery-container {
                gap: 0.5rem;
            }
            .gallery-column:nth-child(2),
            .gallery-column:nth-child(3),
            .gallery-column:nth-child(4) {
                display: none;
            }
            .gallery-img-container .info {
                padding: 0.8rem;
                padding-bottom: 0.4rem;
                max-height: 50px;
            }
            .gallery-img-container:hover .info {
                max-height: 180px;
                padding-bottom: 0.8rem;
            }
            .gallery-img-container .info h6 {
                font-size: 0.9rem;
            }
            .gallery-img-container .info p {
                font-size: 0.8rem;
            }
        }
        
        
/*模板样式*/
.left{text-align:left!important;}
.center{text-align: center!important;}
.right{text-align: right!important}
.block{display: block!important;width: 100% !important}
.bold{font-weight: bold!important;}
.pos-abs{position: absolute;}
.pos-rel{position: relative;}
.wp-100{width: 100%!important;}
.wp-90{width: 90%!important;}
.wp-85{width: 85%!important;}
.wp-80{width: 80%!important;}
.wp-75{width: 75%!important;}
.wp-70{width: 70%!important;}
.wp-65{width: 65%!important;}
.wp-60{width: 60%!important;}
.wp-55{width: 55%!important;}
.wp-50{width: 50%!important;}
.wp-45{width: 45%!important;}
.wp-40{width: 40%!important;}
.wp-35{width: 35%!important;}
.wp-30{width: 30%!important;}
.wp-25{width: 25%!important;}
.wp-20{width: 20%!important;}
.wp-15{width: 15%!important;}
.wp-10{width: 10%!important;}
.ai-ce{align-items: center}
.ai-fs{align-items: flex-start}

.p-5{padding: 5px 0!important;}
.p-10{padding: 10px 0!important;}
.p-20{padding: 20px 0!important;}
.p-30{padding: 30px 0!important;}
.p-40{padding: 40px 0!important;}
.p-50{padding: 50px 0!important;}
.p-60{padding: 60px 0!important;}
.p-80{padding: 80px 0!important;}
.p-100{padding: 100px 0!important;}
.m-b-0{margin-bottom:0!important;}
.m-b-5{margin-bottom:5px!important;}
.m-b-10{margin-bottom: 10px!important;}
.m-b-20{margin-bottom: 20px!important;}
.m-b-30{margin-bottom: 30px!important;}
.m-b-40{margin-bottom: 40px!important;}
.m-b-50{margin-bottom: 50px!important;}
.m-b-60{margin-bottom: 60px!important;}
.m-b-70{margin-bottom: 70px!important;}
.m-b-80{margin-bottom: 80px!important;}
.m-b-90{margin-bottom: 90px!important;}
.m-b-100{margin-bottom: 100px!important;}
.p-left{left: 0;right: unset;}
.p-right{left:unset;right: 0;}

.padding-left-50{padding-left: 50px!important;}
.padding-right-50{padding-right: 50px!important;}
.padding-left-100{padding-left: 100px!important;}
.padding-right-100{padding-right: 100px!important;}
.padding-top-10{padding-top: 10px!important;}
.padding-top-20{padding-top: 20px!important;}
.padding-top-30{padding-top: 30px!important;}
.padding-top-40{padding-top: 40px!important;}
.padding-top-50{padding-top: 50px!important;}
.padding-top-100{padding-top: 100px!important;}
.padding-0{padding: 0!important;}
.padding-10{padding: 10px!important;}
.padding-20{padding: 20px!important;}
.padding-30{padding: 30px!important;}
.padding-40{padding: 40px!important;}
.padding-50{padding: 50px!important;}
.ul-3{}
.ul-3 li{width: 32%!important;}