/* ================================================
  应用场景(slick轮播) + 合作伙伴 模块样式
  提取自 zgtianjun--20260702备份/sc/lplug.css + animate.css
  ================================================ */
:root {
    --transition: cubic-bezier(0.25, 0.74, 0.22, 0.99) .65s;
    --font-size: 14px;
    --color-dominant: #183489;
    --color-fill: #000;
    --color-white: #fff;
    --color-black: #000;
    --color-gray3: #333;
    --color-gray6: #666;
    --color-gray9: #999;
    --color-blue: #083090;
    --color-hover: #155bc4;
    --size-10: clamp(5px, 0.5208333333333333vw, 10px);
    --size-15: clamp(7px, 0.78125vw, 15px);
    --size-20: clamp(10px, 1.0416666666666665vw, 20px);
    --size-25: clamp(12px, 1.3020833333333335vw, 25px);
    --size-30: clamp(15px, 1.5625vw, 30px);
    --size-35: clamp(17px, 1.8229166666666667vw, 35px);
    --size-40: clamp(20px, 2.083333333333333vw, 40px);
    --size-45: clamp(22px, 2.34375vw, 45px);
    --size-50: clamp(25px, 2.604166666666667vw, 50px);
    --size-55: clamp(25px, 2.864583333333333vw, 55px);
    --size-60: clamp(30px, 3.125vw, 60px);
    --size-65: clamp(32px, 3.3854166666666665vw, 65px);
    --size-70: clamp(35px, 3.6458333333333335vw, 70px);
    --size-75: clamp(37px, 3.90625vw, 75px);
    --size-80: clamp(40px, 4.166666666666666vw, 80px);
    --size-85: clamp(42px, 4.427083333333334vw, 85px);
    --size-90: clamp(45px, 4.6875vw, 90px);
    --size-95: clamp(47px, 4.947916666666666vw, 95px);
    --size-100: clamp(50px, 5.208333333333334vw, 100px);
    --size-110: clamp(55px, 5.729166666666666vw, 110px);
    --size-120: clamp(60px, 6.25vw, 120px);
    --size-130: clamp(65px, 6.770833333333333vw, 130px);
    --size-140: clamp(70px, 7.291666666666667vw, 140px);
}
.l-center {text-align: center}
.l-relative {position: relative}
.l-overflow {overflow: hidden}
.l-bold {font-weight: bold}
.l-imgs {background-position: center;background-repeat: no-repeat;background-size: cover;width: 100%;height: 100%}
.l-uppercase {text-transform: uppercase}
.l-lh0 {line-height: 100%}
.l-lh1 {line-height: 110%}
.l-lh2 {line-height: 120%}
.l-lh3 {line-height: 130%}
.l-lh4 {line-height: 140%}
.l-lh5 {line-height: 150%}
.l-lh6 {line-height: 160%}
.l-lh7 {line-height: 170%}
.l-lh8 {line-height: 180%}
.l-lh9 {line-height: 190%}
.l-lh10 {line-height: 200%}
.l-font12 {font-size: 12px}
.l-font16 {font-size: 16px;font-size: clamp(14px, 0.8333333333333334vw, 16px)}
.l-font18 {font-size: 18px;font-size: clamp(14px, 0.9375vw, 18px)}
.l-font20 {font-size: 20px;font-size: clamp(16px, 1.0416666666666665vw, 20px)}
.l-font22 {font-size: 22px;font-size: clamp(16px, 1.1458333333333333vw, 22px)}
.l-font24 {font-size: 24px;font-size: clamp(16px, 1.25vw, 24px)}
.l-font26 {font-size: 26px;font-size: clamp(18px, 1.3541666666666667vw, 26px)}
.l-font28 {font-size: 28px;font-size: clamp(18px, 1.4583333333333333vw, 28px)}
.l-font30 {font-size: 30px;font-size: clamp(18px, 1.5625vw, 30px)}
.l-font32 {font-size: 32px;font-size: clamp(18px, 1.6666666666666667vw, 32px)}
.l-font34 {font-size: 34px;font-size: clamp(20px, 1.7708333333333333vw, 34px)}
.l-font36 {font-size: 36px;font-size: clamp(20px, 1.875vw, 36px)}
.l-font38 {font-size: 38px;font-size: clamp(22px, 1.9791666666666665vw, 38px)}
.l-font40 {font-size: 40px;font-size: clamp(22px, 2.083333333333333vw, 40px)}
.l-font42 {font-size: 42px;font-size: clamp(22px, 2.1875vw, 42px)}
.l-font44 {font-size: 44px;font-size: clamp(24px, 2.2916666666666665vw, 44px)}
.l-font46 {font-size: 46px;font-size: clamp(24px, 2.3958333333333335vw, 46px)}
.l-font48 {font-size: 48px;font-size: clamp(26px, 2.5vw, 48px)}
.l-font50 {font-size: 50px;font-size: clamp(28px, 2.604166666666667vw, 50px)}
.l-font52 {font-size: 52px;font-size: clamp(28px, 2.7083333333333335vw, 52px)}
.l-font54 {font-size: 54px;font-size: clamp(28px, 2.8125vw, 54px)}
.l-font56 {font-size: 56px;font-size: clamp(30px, 2.9166666666666665vw, 56px)}
.l-font58 {font-size: 58px;font-size: clamp(30px, 3.0208333333333335vw, 58px)}
.l-font60 {font-size: 60px;font-size: clamp(32px, 3.125vw, 60px)}
.l-opacity8 {opacity: .8}
.l-opacity7 {opacity: .7}
.l-opacity6 {opacity: .6}
.l-opacity5 {opacity: .5}
.l-opacity4 {opacity: .4}
.l-opacity3 {opacity: .3}
.l-opacity2 {opacity: .2}
.l-flex,.l-grid-2,.l-grid-3,.l-grid-4,.l-grid-5,.l-grid-6,.l-grid-7,.l-grid-8 {display: flex;display: -webkit-flex;flex-direction: row;-webkit-flex-direction: row;flex-wrap: wrap;-webkit-flex-wrap: wrap}
.l-flex-column {display: flex;flex-direction: column;flex-wrap: wrap}
.l-grid-2>* {width: 50%}
.l-grid-3>* {width: 33.333333333333336%}
.l-grid-4>* {width: 25%}
.l-grid-5>* {width: 20%}
.l-grid-6>* {width: 16.666666666666668%}
.l-grid-7>* {width: 14.285714285714286%}
.l-grid-8>* {width: 12.5%}
.l-white {color: var(--color-white)}
.l-black {color: var(--color-black)}
.l-blue {color: var(--color-blue)}
.l-gray3 {color: var(--color-gray3)}
.l-gray6 {color: var(--color-gray6)}
.l-gray9 {color: var(--color-gray9)}
.l-dominant {color: var(--color-dominant)}
.l-pd50 {padding-bottom: var(--size-50);}
.l-pd60 {padding-top: var(--size-60);padding-bottom: var(--size-60);}
.l-pd70 {padding-top: var(--size-70);padding-bottom: var(--size-70);}
.l-pd80 {padding-top: var(--size-80);padding-bottom: var(--size-80);}
.l-pd90 {padding-top: var(--size-90);padding-bottom: var(--size-90);}
.l-pd100 {padding-top: var(--size-100);padding-bottom: var(--size-100);}
.l-pd110 {padding-top: var(--size-110);padding-bottom: var(--size-110)}
.l-pd120 {padding-top: var(--size-120);padding-bottom: var(--size-120);}
.l-mg10 {margin-top: var(--size-10);}
.l-mg15 {margin-top: var(--size-15);}
.l-mg20 {margin-top: var(--size-20);}
.l-mg25 {margin-top: var(--size-25);}
.l-mg30 {margin-top: var(--size-30);}
.l-mg35 {margin-top: var(--size-35);}
.l-mg40 {margin-top: var(--size-40);}
.l-mg45 {margin-top: var(--size-45);}
.l-mg50 {margin-top: var(--size-50);}
.l-mg55 {margin-top: var(--size-55);}
.l-mg60 {margin-top: var(--size-60);}
.l-mg65 {margin-top: var(--size-65);}
.l-mg70 {margin-top: var(--size-70);}
.l-mg75 {margin-top: var(--size-75);}
.l-mg80 {margin-top: var(--size-80);}
.l-mg90 {margin-top: var(--size-90);}
.l-mg100 {margin-top: var(--size-100);}
.l-mg110 {margin-top: var(--size-110);}
.l-mg120 {margin-top: var(--size-120);}
.fadeInUp {animation: fadeInUp cubic-bezier(0.215, .61, .355, 1) 1s forwards;transform: translateY(100%);opacity: 0;}
@keyframes fadeInUp {to {transform: translateY(0);opacity: 1;}}
.l-container {width: 1630px;width: clamp(800px, 84.89583333333334vw, 1630px);padding-left: 15px;padding-right: 15px;margin-left: auto;margin-right: auto;position: relative;z-index: 2;}

/* -------- 公司新闻 -------- */
.index-news { margin-bottom: var(--size-20);}
.index-news .index-title {height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: left;justify-content: left;}
.index-news .index-title h3 {background: linear-gradient(to right, rgba(241,241,241,1), rgba(255,255,255,1));width: 250px;display: flex;align-items: center;-webkit-align-items: center;padding-left: var(--size-10);}
.index-news .index-title:before {content: "";width: 5px;height: 100%;background: #183489;display: inline-block;}
.index-news .index-title h3 a {color: #333;}
.index-news .index-title h3 a:hover {color: #183489;}
.index-news .index-news-more {margin-left: auto;display: flex;align-items: center;padding-right: var(--size-10);color: #183489;font-size: 14px;line-height: 17px;cursor: pointer;}
.index-news .index-news-more:hover {color: #155bc4;text-decoration: underline;}
.index-news_box {overflow: hidden;border-bottom: 1px solid #d8d8d8;}
.index-news_box .index-news-list {overflow: hidden;}
.index-news_box .index-news-list li {width: 176px;margin-right: 24px;cursor: pointer;}
.index-news_box .index-news-list li .img {width: 100%;height: 150px;margin: 10px 0;overflow: hidden;background: #f2f2f2;}
.index-news_box .index-news-list li .img img {width: 100%;height: 150px;min-height: 150px;object-fit: cover;transition: var(--transition);}
.index-news_box .index-news-list li:hover .img img {transform: scale(1.1);}
.index-news_box .index-news-list li .newsText span {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;color: #333;font-size: 14px;font-weight: 700;line-height: 25px;word-break: break-all;}
.index-news_box .index-news-list li:hover .newsText span {color: #183489;}
@media screen and (max-width: 1023px) {
    .index-news_box .index-news-list li {width: 150px;margin-right: 15px;}
}

/* -------- 应用场景 -------- */
.index-yingyong {}
.index-yingyong .index-title {height: 60px;display: flex;display: -webkit-flex;-webkit-justify-content: left;justify-content: left;}
.index-yingyong .index-title h3 {background: linear-gradient(to right, rgba(241,241,241,1), rgba(255,255,255,1));width: 250px;display: flex;align-items: center;-webkit-align-items: center;padding-left: var(--size-10);}
.index-yingyong .index-title:before {content: "";width: 5px;height: 100%;background: #183489;display: inline-block;}
.index-yingyong .index-title h3 a {color: #333;}
.index-yingyong .index-title h3 a:hover {color: #183489;}

/* -------- 应用场景 轮播 -------- */
.heixinlistbox {position: relative;margin: 3% auto 0 auto;}
.heixinlist {width: 100%;visibility: visible;animation-duration: 1s;animation-name: fadeInUp;}
.hxin_item {position: relative;width: 800px;margin: 0 auto;padding: 0 15px;border-radius: 30px;}
.hitbox {overflow: hidden;}
.hitbox img {width: 100%;transition: all 1s;}
.heixinlist .slick-active .hitbox img {filter: blur(0px);}
.heixinlist .slick-prev, .heixinlist .slick-next {width: 91px;height: 56px;z-index: 50;background: rgba(0, 0, 0, 0.4);}
.heixinlist .slick-prev {left: 22%;}
.heixinlist .slick-next {right: 22%;}
.heixinlist .slick-prev:hover, .heixinlist .slick-next:hover {background: rgba(0, 0, 0, 0.6);}
.heixinlist .slick-prev::after, .heixinlist .slick-next::after {content: "";position: absolute;top: 50%;left: 50%;width: 20px;height: 20px;border-top: 3px solid #fff;border-left: 3px solid #fff;}
.heixinlist .slick-prev::after {transform: translate(-50%, -50%) rotate(-45deg);}
.heixinlist .slick-next::after {transform: translate(-50%, -50%) rotate(135deg);}
.heixinlist .slick-dots {bottom: 9px;}
.slick-dots li.slick-active {background: #999;}
.heixinlist .slick-dots li.slick-active {background: #155bc4;border-color: #155bc4;}

/* -------- 应用场景文字描述 -------- */
.hxin_item .hxin_text {margin-top: 15px;text-align: center;}
.hxin_item .hxin_text h4 {font-size: 20px;color: #333;font-weight: 700;line-height: 1.4;}
.hxin_item .hxin_text p {margin-top: 8px;font-size: 14px;color: #666;line-height: 1.8;text-align: left;padding: 0 20px;}

/* -------- 合作伙伴 -------- */
.index-partnerl-imgs {}
.partner ul {width: 100%;margin: 0 auto;display: flex;display: -webkit-flex;-webkit-justify-content: center;justify-content: center;flex-wrap: wrap;}
.partner li {padding: 20px;width: 16.6%;transition: .5s;}
.partner li img {width: 100%;display: block;margin: 0 auto;}
.partner li:hover {box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);-webkit-box-shadow: 2px 0px 16px rgb(0 0 0 / 20%);}

/* -------- 响应式 -------- */
@media screen and (max-width: 790px) {
  .partner ul {width: 95%;}
}
@media screen and (max-width: 768px) {
  .hxin_item {width: 100%;padding: 0;}
}