@font-face {
  font-family:'Barlow';
  src: url('fonts/Barlow-Medium.woff') format('woff');
  font-weight:500;
  font-display:swap;
}

ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}

body{font-family:'Microsoft YaHei',Arial,sans-serif;--white:#ffffff;--hover:#f63541;--black:#000;--grey:#666;--grey2:#999;--bgcolor:#f7f7f7;--rgb-white:255,255,255;--rgb-black:0,0,0; font-size:var(--font-size16); overflow-x:hidden;}
a:hover{color:var(--hover);}

/* 头部 */
header{ position:fixed; left:0; top:0; width:100%;  z-index:20; transition: 0.5s;}

header .top-two .logo a{ padding:.15rem 0;}
header .top-two .logo a img{ max-width:.62rem;}

header #menu li,
header #menu .ul,
header #menu .overflow{ height:100%;}
header #menu .overflow .contact,
header #menu .overflow .tel-top{display: none;}
header #menu .ul{ margin-right:.2rem;}
header #menu li{ margin:0 .35rem;}
header #menu li#m34,
header #menu li#m36,
header #menu li#m52,
header #menu li#m64{ position: relative;}
header #menu li>span{ height:100%;}
header #menu li>span>a{ font-size:var(--font-size18); height:100%; display:-webkit-flex; display:flex; align-items:center; justify-content:center; position:relative; color:#333333;}
header #menu li>span>a::after{ content:''; display:block; width:0; height:.03rem; position:absolute; left:50%; bottom:-1px; transform:translateX(-50%); background:var(--hover); transition:.3s;}

header #menu .sub{ position:absolute; left:0; top:110%; width:100%; visibility:hidden; opacity:0; transition:.3s;}
header #menu .sub .back-bg{border-top:solid 1px #e5e5e5; width:100%; background:var(--white); overflow:hidden; border-radius:0 0 .1rem .1rem;}
header #menu .column-sub {left: 50%;transform: translateX(-50%);width: 1.5rem}
header #menu .column-sub dl{background: #fff;padding: .15rem 0;}
header #menu .column-sub dl dt{text-align: center;}
header #menu .column-sub dl dt:not(:last-child){padding-bottom: .2rem;}
header #menu .column-sub dl dt a{display: block;;}
header #menu .solution-sub .leve-two{ width:2rem; background:var(--bgcolor);}
header #menu .solution-sub .leve-two dl dt{ text-align:center; padding:.05rem;}
header #menu .solution-sub .leve-two dl dt a{ font-weight:bold; padding:.1rem; display:block; color:#333333;}
header #menu .solution-sub .leve-two dl dt>dl{ display:none;}
header #menu .solution-sub .leve-two dl dt.on{ background:var(--white);}
header #menu .solution-sub .leve-three{ padding:.25rem .7rem; width:100%;}
header #menu .solution-sub .leve-three dt{ width:22%; margin-right:4%; padding:.1rem 0;}
header #menu .solution-sub .leve-three dt .oi{font-size:var(--font-size16);font-weight:bold;padding:.1rem 0;border-bottom:solid 1px #e5e5e5;}
header #menu .solution-sub .leve-three dt .des{color:#333;height:3em;line-height:1.5;margin:.1rem 0;font-size:var(--font-size14);}
header #menu .solution-sub .leve-three dt:nth-child(4n){ margin-right:0;}
header #menu .solution-sub .icon{ margin-right:.1rem; font-size:0; display:inline-block;}
header #menu .solution-sub .icon img{ width:.3rem; height:.3rem;}

header #menu li:hover .sub{ visibility: visible; opacity:1; top:100%;}
header #menu li.aon>span>a::after,
header #menu li:hover>span>a::after,
header #menu li>span>a:hover::after{ width:100%;}

header .rig-box .itay{ margin-left:.2rem;}
header .rig-box .search-top{ margin-right:.3rem; background:rgba(var(--rgb-black),0.03); padding:0 .1rem 0 .2rem; border-radius:2rem;}
header .rig-box .search-top input{ width:1.2rem; background:transparent; padding:.13rem .1rem .13rem 0; font-size:var(--font-size14); border:none;}
header .rig-box .search-top .but{ width:.4rem; background-image:url(../images/search.svg); background-repeat:no-repeat; background-position:center; background-size:.15rem; cursor:pointer;}
header .rig-box .tel-top{ font-family:'Barlow'; font-size:var(--font-size20);}
header .rig-box .tel-top a{ color:#333333; background-image:url(../images/tel-icon2.svg); background-repeat:no-repeat; background-position:center left; background-size:.12rem; padding-left:.22rem;}
header .rig-box .tel-top a:hover{ background-image:url(../images/tel-icon3.svg); color:var(--hover);}
header .open-menu{display:none;}
header:hover,
header.mouse_down{background-color:var(--white);box-shadow: 0 0 .05rem rgba(var(--rgb-black), 0.1);}
@media (max-width:1024px) {
header #menu li{ margin:0 .1rem;}
header #menu .ul{ margin-right:0;}
header #menu li>a{ font-size:var(--font-size17);}
header .top-two .logo a img{ max-width:.5rem;}
header .rig-box .itay{ margin-left:.1rem;}
header .rig-box .search-top{ margin-right:.15rem;}
header .rig-box .search-top input{ padding:.13rem .1rem .13rem 0;}
header .rig-box .tel-top{ font-size:var(--font-size16);display: none;}
header #menu .overflow .tel-top{display: block;width:100%;margin-top:0.25rem;}
.menu-show header #menu .overflow .contact{display: block;position: fixed;bottom:0.3rem;width:100%;left:0;padding:0 2%;}
.menu-show header #menu .overflow .contact a{border:1px solid var(--hover);color:var(--hover);border-radius: 0.5rem;padding:0.15rem;display: inline-block;width:50%;text-align: center;}
header .open-menu{display:block;width:24px;height: 24px;}
header .open-aniu{margin-left:.1rem;}
header #menu .overflow{ background:var(--white); overflow:auto; height:100%; box-shadow:0 .1rem .15rem rgba(var(--rgb-black),0.08);}
header #menu{ position:fixed; right:-100%; top:0; width:100%; height:100%; padding-top:0.7rem; transition:.3s;}
header #menu .ul{ height:100%; align-items:flex-start; align-content:flex-start; padding:.1rem;}
header #menu li{width:100%; margin:0; height:auto;}
header #menu li>span>a{ justify-content:flex-start; padding:.1rem 0; display:block; font-size:var(--font-size20);}
header #menu li>span>a::after{ height:2px; left:0; transform:translateX(0); bottom:0;}

header #menu .sub{position:relative; display:none; visibility:visible; opacity:1; transition:0s;}
header #menu .solution-sub .leve-three{ padding:.1rem 1em;}
header #menu .solution-sub .leve-three dt{ padding:0; width:100%; margin-right:0;}
header #menu .solution-sub .leve-three dt .des{ display:none;}
.open-menu i{height: 2.5px;background:#333;}
.menu-show .open-menu i{width:20px;}
.menu-show header #menu{ right:0;}
.menu-show .open-menu i:nth-child(2){opacity:0;}
.menu-show .open-menu i:nth-child(1){ margin:0; transform:rotate(-45deg);}
.menu-show .open-menu i:nth-child(3){ margin:0; transform:rotate(45deg);}
.has-multi aside .op-multi, .has-sub> span .op{width:35px;}
.has-sub> span .op:before{display: none;}
.has-sub> span .op:after{content: '';width: 0.1rem;height: 0.1rem;position: absolute;left:auto; right: 0.16rem;top: 0.15rem;border-top: 0.03rem solid #6b6b6b;border-left: 0.03rem solid #6b6b6b;transform: rotate(-135deg);background:none;}
.has-sub> span .op.click:after{transform: rotate(359deg);top:0.2rem;}
}

@media (max-width:640px) {
header .rig-box .itay{ margin-left:0;}
header .rig-box .tel-top{ font-size:var(--font-size18);}
header .rig-box .search-top{ margin-right:.1rem;}
header #menu .column-sub {
    width: 100%;
    padding: .1rem 1em;
}

header #menu .column-sub dl dt {
    text-align: left;
}


}

/* 按钮 */
.index-more{font-size: var(--font-size16);}
.index-more .but,
.index-more a{ background-color:var(--hover); border:solid 1px var(--hover); line-height:3; min-width:1.8rem; padding:0 0.1rem; position:relative; font-size:var(--font-size18); color:var(--white); border-radius:.05rem; text-align:center; transition:.3s;}
.index-more .but span,
.index-more a span{position:relative;display:block;z-index:2}
.index-more a:hover{background-color:#ab0005; border-color:#ab0005;}

.btn-point{ cursor: pointer; display:inline-block; background-color:var(--hover); border:solid 1px var(--hover); line-height:2.5; padding:0 1em; position:relative; font-size:var(--font-size18); color:var(--white); border-radius:.05rem; text-align:center; transition:.3s;}
.btn-point:hover{background-color:#ab0005; border-color:#ab0005; color:var(--white);}

.btn-point2{ cursor: pointer; display:inline-block; background-color:var(--hover); border:solid 1px var(--hover); line-height:2.5; padding:0 1em; position:relative; font-size:var(--font-size18); color:var(--white); border-radius:.05rem; text-align:center; transition:.3s;}
.btn-point2:hover{background-color:#ab0005; border-color:#ab0005; color:var(--white);}


/*Banner003223 */
.Banner003223{position:relative;z-index:1; /*padding-top:1.18rem;*/}
.Banner003223 .swiper-wrapper{height: auto;}
.Banner003223 .txt{position:absolute;left:0;top:0;height:100%;width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:3;color:var(--white); line-height:2;}
.Banner003223 .txt :where(h3,p,.index-more){opacity:0;transform:translateX(1rem);transition:0.5s}
.Banner003223 .txt h3{margin:0;font-size:var(--font-size48); color:#111111; transition-delay:0.5s}
.Banner003223 .txt .des{line-height:1.8;font-size:var(--font-size22); color:#333333; max-width:6.9rem;}
.Banner003223 .txt p{margin:0;transition-delay:0.8s}
.Banner003223 .txt .index-more{ margin-top:.5rem; transition-delay:1.1s; }
.Banner003223 .controls-page{bottom:6.06826802%;position: absolute;z-index: 10;text-align: center;}
.Banner003223 .controls-page span{ width:0.08rem; height:0.08rem; margin:0 0.15rem; display:block; border-radius: 50%; opacity: 1; background:rgba(var(--rgb-black),0.7); transition:.3s;}
.Banner003223 .controls-page span.swiper-pagination-bullet-active{ border-color:var(--hover); background-color:var(--hover); width:.25rem; border-radius:.2rem; -webkit-border-radius:.2rem; -moz-border-radius:.2rem; -ms-border-radius:.2rem; -o-border-radius:.2rem; }
.Banner003223 .swiper-slide-active .txt :where(h3,p,.index-more){opacity:1;transform:translateX(0)}


@media (max-width:1024px) {
.Banner003223{ padding-top:1.06rem;}
.Banner003223 .txt{top: 0.5rem; text-align: center;  align-items: flex-start;height: auto; padding: 0 .4rem;}
.Banner003223 .txt h3{font-size:var(--font-size32);}   
.Banner003223 .txt .des{font-size:var(--font-size18);}
.Banner003223 .index-more {justify-content: center;}
.Banner003223 .index-more a{line-height:3;}
}
@media (max-width:640px) {
.Banner003223 .index-more a{ min-width:1.1rem; line-height:2.2;}
.Banner003223 .txt .index-more{ margin-top:.2rem; display: none;}
.Banner003223 .txt h3{ font-size:var(--font-size24);}
}

/* 底部 */
.footer-one{ padding:.85rem 0; color:#666666; background-image:url(../images/footer-bg.jpg); background-repeat:no-repeat; background-position:top center; background-size:cover;}
.footer-one .bot-lxfs{ width:3.45rem;}
.footer-one .bot-lxfs .text{ line-height:2;}
.footer-one .bot-lxfs .text .tit{ margin-bottom:.2rem; font-size:var(--font-size18);}
.footer-one .bot-lxfs .text .bot-tel{ line-height:1.2; margin-bottom:.15rem; font-size:var(--font-size30); color:var(--hover); font-weight:bold;}
.footer-one .bot-lxfs .text .bot-tel span{ background-image:url(../images/tel-icon4.svg); background-repeat:no-repeat; background-position:left center; background-size:.22rem; padding-left:.35rem;}
.footer-one .bot-lxfs .text .bot-tel i{ margin-left:.1rem; font-size:var(--font-size14); color:#333333; font-weight:500; border:solid 1px #e5e5e5; padding:.05rem; border-radius:.05rem;}
.footer-one .bot-lxfs .share{ margin-top:.4rem;}
.footer-one .bot-lxfs .share a{ font-size:0; margin-right:.25rem;}
.footer-one .bot-lxfs .share a .icon img{ max-height:.25rem;}
.footer-one .bot-lxfs .share .tit{ margin-bottom:.2rem; font-size:var(--font-size18);}
.footer-one .bot-lxfs .share .qrcode{ position:absolute; left:50%; bottom:100%; background:var(--white); border:solid 1px #999; margin-left:-.5rem; visibility:hidden; opacity:0; transition:.3s;width: 1rem;height: 1.03rem;}
.footer-one .bot-lxfs .share .qrcode img{ width:1rem; height:1rem; object-fit:cover;}
.footer-one .bot-lxfs .share a:hover .qrcode{ bottom:110%; visibility: visible; opacity:1;}
.footer-one .bot-nav{ max-width:calc(100% - 4rem); line-height:2;}
.footer-one .bot-nav dl{ margin-right:.8rem;}
.footer-one .bot-nav dt{ margin-bottom:.2rem; font-size:var(--font-size18);}
.footer-one .bot-nav dd a{ font-size:var(--font-size16); color:#666666;}
.footer-one .bot-nav dl:last-child{ margin-right:0;}
.footer-one .bot-nav a:hover{ color:var(--hover);}
.footer-two{ background-color:#3a4761; color:var(--white); padding:.3rem 0; font-size:var(--font-size14);}

.footer-two .other{order: 2;}
.footer-two .xla-line{ padding:.06rem 0;}
.footer-two .xla-line .ul{ display:none;}
.footer-two .xla-line .tit{ padding-right:.15rem; border-right:solid 1px var(--grey2); cursor:pointer;}
.footer-two .xla-line .ul{ display:block; position:absolute; bottom:110%; left:50%; width:max-content; background:var(--white); padding:.1rem; border-radius:.05rem; overflow:hidden; box-shadow:0 .03rem .1rem rgba(var(--rgb-black),0.1); transform:translateX(-50%); visibility:hidden; opacity:0; transition:.3s;}
.footer-two .xla-line .ul li{ padding:.05rem;}
.footer-two .xla-line:hover .tit{ color:var(--hover);}
.footer-two .xla-line:hover .ul{ visibility:visible; bottom:100%; opacity:1;}
.footer-two .io{ padding-left:.15rem; color:var(--white)}
.footer-two .io a{ color:var(--white);}
.footer-two .io a:hover{ color:var(--hover);}
@media (min-width:1024px) {
.footer-two  .xla-line:hover .ul{ display:block; opacity:1;}0
}
@media (max-width:1024px) {
.footer-one .bot-nav{ max-width:70%;}
.footer-one .bot-nav dl{ margin-right:.2rem;}
.footer-one .bot-nav dt{ font-size:var(--font-size16);}
.footer-one .bot-nav dd a{ font-size:var(--font-size14);}
.footer-one .bot-lxfs{ width:30%; font-size:var(--font-size15);}
.footer-one .bot-lxfs .text .tit{ font-size:var(--font-size16);}
.footer-one .bot-lxfs .text .bot-tel{ font-size:var(--font-size22); background-size:.16rem; padding-left:.25rem;}
.footer-one .bot-lxfs .share .tit{ font-size:var(--font-size16);}
}

@media (max-width:640px) {
.footer-one{ padding:.3rem 0;}
.footer-one .bot-nav{ display:none; width:100%;}
.footer-one .bot-lxfs{ width:100%;}
.footer-one .bot-lxfs .text{ text-align: center;}
.footer-one .bot-lxfs .text .bot-tel{ justify-content:center;}
.footer-one .bot-lxfs .share{ text-align:center;}
.footer-one .bot-lxfs .share .list{ justify-content:center;}

.footer-two{padding: .15rem 0;}
.footer-two .other{order: -1;width: 100%; padding-bottom: .1rem;}
}


/* 首页 */
.index-tit{ font-size:var(--font-size40); font-weight:bold; margin-bottom:.25rem;}
.index-tit .tit::after{ margin:.1rem auto 0; content:''; display:block; width:.36rem; height:.12rem; background-image: url(../images/line-icon1.svg); background-size:contain; background-repeat:no-repeat; background-position:center;}

.home-solution{ padding:1rem 0 .35rem;}
.home-solution .solution-caty{ padding:0 .5rem;}
.home-solution .solution-caty .swiper{ padding:.1rem 0 .35rem;}
.home-solution .solution-caty .item{font-size:var(--font-size20); color:#333333; background:#f3f9fe; padding:.15rem .1rem; cursor:pointer; font-weight:bold;}
.home-solution .solution-caty .item .icon{ margin-right:.05rem;}
.home-solution .solution-caty .item .icon img{ width:.3rem; height:.3rem;}
.home-solution .solution-caty .item .icon .inte{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.home-solution .solution-caty .swiper-slide::after{content:''; display:block; width:.36rem; height:.36rem; background-image:url(../images/arrow-icon6.png); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; left:50%; bottom:-.5rem; margin-left:-.18rem; opacity:0;}
.home-solution .solution-caty .swiper-slide-thumb-active .item{ color:var(--white); border-radius:.1rem; background:var(--hover);}
.home-solution .solution-caty .swiper-slide-thumb-active .icon img{ opacity:0;}
.home-solution .solution-caty .swiper-slide-thumb-active .icon .inte{ opacity:1;}
.home-solution .solution-caty .swiper-slide-thumb-active::after{ opacity:1;}
.home-solution .solution-list .item{ background-image:linear-gradient(to bottom,#f8f8f8,#ffffff); padding:.4rem .4rem 0 0; border-radius:.1rem;}
.home-solution .solution-list .item .text{ padding-top:.6rem; width:43%; color:#666666;}
.home-solution .solution-list .item .text .tit-io{ padding-left:.85rem; border-left:solid .06rem #f30000;}
.home-solution .solution-list .item .text .tit-io::before{ position:absolute; top:50%; left:-3px; width:.13rem; height:.25rem; background-image:url(../images/arrow-icon2.svg); background-repeat:no-repeat; background-position:center; background-size:contain; content:''; display:block; margin-top:-.125rem;}
.home-solution .solution-list .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size30); font-weight:bold; color:#333333;}
.home-solution .solution-list .item .text .des{ font-size:var(--font-size22);}
.home-solution .solution-list .item .text .con{ padding-left:.85rem; margin:.35rem 0; line-height:2;}
.home-solution .solution-list .item .pic{ width:53.803%; text-align:right;}
.home-solution .solution-list .item .pic img{transition: .3s all;}
.home-solution .solution-list .item:hover .pic img{transform: scale(1.05);}
.home-solution .index-more{ padding-left:.85rem;}


.home-solution .swiper-but{ top:.1rem; margin:0; height:.6rem; display:none;}
.home-solution .swiper-but::after{ font-size:var(--font-size16); color:var(--hover); font-weight:bold;}
.home-solution .swiper-button-prev{ justify-content:flex-start;}
.home-solution .swiper-button-next{ justify-content:flex-end;}

.home-Procase{ background:#f6f9fc; padding:1rem 0;}
.home-Procase .caty-list{padding:.3rem .4rem;width: 20.6666666%;position: relative;}
.home-Procase .caty-list::after{ position:absolute; left:0; top:0; content:''; display:block; background-image:url(../images/home-case.png); background-repeat:no-repeat;background-position:center;background-size:100% 100%;width:5.75rem;height:100%; }
.home-Procase .caty-list .ul{ position:relative; z-index:5;}
.home-Procase .caty-list li{padding: .16rem 0.18rem;color:var(--white);font-size:var(--font-size18);border:solid 1px rgba(var(--rgb-white),0.1);position:relative;cursor:pointer;background: rgba(var(--rgb-white),0.15);border-radius:.1rem;transition: 0.3s;}
.home-Procase .caty-list li:not(:last-child){margin-bottom: 0.15rem;}
.home-Procase .caty-list li .icon{ margin-right: 0.1rem;}
.home-Procase .caty-list li .icon img{width: .3rem;height: .3rem;object-fit:contain;}
.home-Procase .caty-list li::after{content:''; display:block; width:.14rem; height:.18rem; background-image:url(../images/arrow-icon1.svg); position:absolute; top:.2rem; right:-.56rem; opacity:0;}
.home-Procase .caty-list li:last-child{ border-bottom:none;}
.home-Procase .caty-list li.active .txt{/*color: var(--hover);*/font-weight: bold;}
.home-Procase .caty-list li.active::after{ opacity:1;}
.home-Procase .caty-list li.active{border-radius:.1rem .5rem .5rem .1rem;/* background: rgba(76, 90,140, 0.6); */background-color: var(--hover);}
.home-Procase .list-box{padding:.2rem 0;width: 78.333333333%;z-index:5;}
.home-Procase .list-box .item{ height:100%; display:none;}
.home-Procase .list-box .item .back-bg{ min-height:100%; border-radius:.1rem; overflow:hidden; background:var(--white);}
.home-Procase .list-box .item .center{ padding:.7rem .8rem; width:100%;}
.home-Procase .list-box .item .text{ width:53%; color:#666666;-webkit-animation-name:none;animation-name:none;}
.home-Procase .list-box .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size30); color:#333333;}
.home-Procase .list-box .item .text .des{ font-size:var(--font-size22);}
.home-Procase .list-box .item .text .introd{ height:12em; margin:.25rem 0; line-height:2; overflow:auto;}
.home-Procase .list-box .item .text .introd::-webkit-scrollbar{width: 4px;background-color: #eee}
.home-Procase .list-box .item .text .introd::-webkit-scrollbar-thumb{border: solid 1px var(--hover);width:3px;border-radius: 4px;background-color: var(--hover)}
.home-Procase .list-box .item .text .index-more{ margin-top:.2rem;}
.home-Procase .list-box .item .bit{ margin-bottom:.2rem; font-size:var(--font-size20); color:#333333;}
.home-Procase .case-list{ width:33.3333%;-webkit-animation-name:none;animation-name:none;}
.home-Procase .case-list dd{ width:48.8%; margin:1% 0; border:solid 1px rgba(var(--rgb-black),0.05);}
.home-Procase .list-box .item.on .text,
.home-Procase .list-box .item.on .case-list{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both; display:block;}

.home-customer{ padding:1rem 0; overflow: hidden; width:100%;}
.home-customer .customer-switch{ margin-top: 0.5rem;}
.home-customer .customer-switch .swiper{ padding:.2rem 0; max-width:1500px; margin:0 auto; overflow:visible;}
.home-customer .customer-switch .swiper-slide{ height:auto; opacity:.5;}
.home-customer .customer-switch .swiper-slide.my-slide-visible{ opacity:1;}
.home-customer .customer-switch .item{ height:100%; padding:.1rem .15rem .3rem; background-image:url(../images/customer-bg2.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position: relative; z-index:5;transition: .3s;}
.home-customer .customer-switch .item:hover{ background-image:url(../images/customer-bg3.png);transform:translateY(-.2rem);  }
.home-customer .customer-switch .swiper-slide::after{ position:absolute; left:.2rem; top:.35rem; width:85%; height:.7rem; content:''; display:block; background-image: linear-gradient(to right,#191f34,#3e4c7d,#8694cd); border-radius:.1rem; transition: .3s;}
.home-customer .customer-switch .swiper-slide:hover::after{transform:translateY(-.2rem);}
.home-customer .customer-switch .item a{ min-height:100%; display:block; padding:.75rem .5rem .4rem .5rem; position: relative; z-index:5; border-radius:.1rem; color:#666666; transition:.3s;}
.home-customer .customer-switch .item .icon{ /* margin-bottom:.1rem; */position: absolute;top: 0%;transform: translateY(-50%);background: #fff;box-shadow: 0 0 .1rem rgba(var(--rgb-black), 0.1);width: 1.3rem;height: 1rem;display: flex;justify-content: center;align-items: center;}
.home-customer .customer-switch .item .icon img{ height:1rem;}
.home-customer .customer-switch .item .tit{ font-size:var(--font-size20); font-weight:bold;color:#333;position: absolute;right:0.4rem;top:-0.2rem;width:42%;text-align: center;}
.home-customer .customer-switch .item .des{ margin:.15rem 0; line-height:1.8; height:7.2em; overflow:auto;}
.home-customer .customer-switch .item .des::-webkit-scrollbar{width: 4px;background-color: #eee}
.home-customer .customer-switch .item .des::-webkit-scrollbar-thumb{border: solid 1px var(--hover);width:3px;border-radius: 4px;background-color: var(--hover)}
.home-customer .customer-switch .item:hover a{ }
.home-customer .customer-switch .swiper-pagination .swiper-pagination-bullet{ width:0.08rem; height:0.08rem; margin:0 0.05rem; border-radius: 50%; opacity: 1; background:rgba(var(--rgb-black),0.3); transition:.3s;}
.home-customer .customer-switch .swiper-pagination .swiper-pagination-bullet-active{ border-color:var(--hover); background-color:var(--hover); width:.25rem; border-radius:.2rem; -webkit-border-radius:.2rem; -moz-border-radius:.2rem; -ms-border-radius:.2rem; -o-border-radius:.2rem; }

.home-company{ padding:1rem 0; background:#f8f8f8; width:100%;}
.home-company .company-con{ margin-top:.4rem;}
.home-company .rolling-suz{ width:41.3333333%; background-image:url(../images/company-bg.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; padding:0 .75rem 0 .5rem;}
.home-company .rolling-suz ul{ width:100%;}
.home-company .rolling-suz li{ font-size:var(--font-size18); margin-right:.1rem; color:var(--white);}
.home-company .rolling-suz li .roll{ line-height:1; font-size:var(--font-size40); font-weight:bold;font-family:'Barlow';}
.home-company .rolling-suz li .sup-iw{ margin-left:.05rem; align-content:space-between;}
.home-company .rolling-suz li .sup-iw sup{line-height:.8;margin-bottom:.1rem;width:100%;font-size:var(--font-size26); font-weight:bold;}
.home-company .rolling-suz li .sup-iw sub{ height:1em; line-height:1; width:100%;}
.home-company .rolling-suz li .wxz{ margin-top:.1rem;}
.home-company .rolling-suz li:last-child{ margin-right:0;}
.home-company .company-switch{ width:56%;}
.home-company .company-switch .swiper{ padding:.1rem;}
.home-company .company-switch .swiper .swiper-slide{padding:.5rem 0; height:auto; background:var(--white); border-radius:.05rem; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1);}
.home-company .company-switch .item{ text-align:center;}
.home-company .company-switch .item .icon img{ transition:.5s;}
.home-company .company-switch .item .txt{ line-height:1.5; color:#333333; margin-top:.2rem;}
.home-company .company-switch .item:hover .icon img{ transform:scale(1.08);}
.home-company .company-switch .swiper-but{ width:.5rem; height:.5rem; background:var(--hover); box-shadow:0 0 .15rem rgba(var(--rgb-black),0.1); border-radius:1rem; opacity:1;}
.home-company .company-switch .swiper-but::after{ font-size:var(--font-size18); font-weight:bold; color:var(--white); }
.home-company .company-switch .swiper-button-prev{ left:-.25rem;}
.home-company .company-switch .swiper-button-next{ right:-.25rem;}
.home-company .company-switch .swiper-button-disabled{background:var(--white);}
.home-company .company-switch .swiper-button-disabled::after{color:#999;}
.home-company .company-switch .swiper-but:hover{ background:var(--hover);}
.home-company .company-switch .swiper-but:hover::after{ color:var(--white);}

.home-news{ padding:1rem 0;}
.home-news .index-tit{ margin-bottom:.4rem;}
.home-news .let-con{ width:68%;}
.home-news .let-con .item{ width:47.06%; margin-right:3%; border-radius:.1rem; overflow: hidden;}
.home-news .let-con .item:last-child{ margin-right:0;}
.home-news .let-con .item .stay{ position:absolute; left:.1rem; top:.1rem; font-size:var(--font-size14); color:var(--white); background-color:rgba(var(--rgb-black),0.5); padding:.1rem; width:5em; text-align:center; border-radius:.05rem; overflow: hidden;}
.home-news .let-con .item .pic{ overflow:hidden;}
.home-news .let-con .item figure{ padding-bottom:58.334%; transition:.5s;}
.home-news .let-con .item figure img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.home-news .let-con .item .text{ background:#f8f8f8; padding:.3rem .4rem;}
.home-news .let-con .item .text .tit{ font-size:var(--font-size18); font-weight:bold;}
.home-news .let-con .item .text .tiem{ margin:.1rem 0; color:#999999;}
.home-news .let-con .item .text .des{ margin-bottom:.1rem; line-height:1.8; height:3.6em; color:#666666;}
.home-news .let-con .item:hover figure{ transform:scale(1.05);}
.home-news .index-more{ margin-top:.55rem;}
.home-news .index-more a{background:var(--white); font-size:var(--font-size18); color:#666666; border-color:rgba(var(--rgb-black),0.2); border-radius:.1rem;}
.home-news .index-more:hover a{ background-color:var(--hover); border-color:var(--hover); color:var(--white);}
.home-news .list-con{width:32%; background:#f8f8f8; padding:.1rem;}
.home-news .list-con .tab-iou{ width:100%; margin-bottom:.3rem;}
.home-news .list-con .tab-iou .io{ text-align:center; color:var(--white); font-size:var(--font-size14); background:rgba(var(--rgb-black),0.5); padding:.08rem .2rem; margin-right:.05rem; border-radius:.05rem; cursor:pointer;}
.home-news .list-con .tab-iou .io.active{ background:var(--hover); color:var(--white);}
.home-news .list-con .lve-box .ul{ height:25.2em; overflow:auto; width:100%; padding:0 .25rem; display:none;}
.home-news .list-con .lve-box .ul::-webkit-scrollbar{width: 4px;background-color:#eee}
.home-news .list-con .lve-box .ul::-webkit-scrollbar-thumb{border:solid 1px #c6c6c6;width:3px;border-radius: 4px;background-color: #c6c6c6}
.home-news .list-con .lve-box li{ line-height:1.5; padding:.08rem 0;}
.home-news .list-con .lve-box li .tit{ font-weight:bold; font-size:var(--font-size18); color:#333333;}
.home-news .list-con .lve-box li .tiem{ color:#999999;}
.home-news .list-con .lve-box li:hover .tit{ color:var(--hover);}

.home-contact{ padding:1rem 0; background-image: linear-gradient(to top, transparent, #f0f2f6);}
.home-contact .back-bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.home-contact .back-bg img{width:100%;height:100%;object-fit:cover;}
.home-contact .text{ text-align:center; color:var(--white); position: relative; z-index:5;}
.home-contact .text .tit{ font-size:var(--font-size40); font-weight:bold;}
.home-contact .text .des{ min-height:3em; line-height:1.5; font-size:var(--font-size22); margin:.35rem 0;}

.home-contact .pic{ width: 40%;}
.home-contact .pic figure{ padding-bottom:49.143%;border-radius: .15rem;overflow: hidden;}
.home-contact .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.home-contact .form{width: 54%;}
.home-contact .form-box{ /* margin-top:.45rem; */}
.home-contact .item{ margin-bottom:.2rem; border-bottom:solid 1px rgba(0,0,0,0.1); line-height:2;}
.home-contact .wtd50{ width:48%;}
.home-contact .wtd100{ width:100%;}
.home-contact .txt-input input,
.home-contact .txt-input select{padding:.2rem 0; color:#666666; font-size:var(--font-size16); width:100%; border:none; background:transparent;text-align: left;}
.home-contact .txt-tarea{ padding:.15rem 0;}
.home-contact .txt-tarea textarea{ min-height:10em; line-height:2; font-size:var(--font-size16); width:100%; resize:none; border:none; background:transparent;}
.home-contact .index-more{ margin-top:.4rem;}
.home-contact .index-more a{ cursor:pointer;}



@media (max-width:1440px) {
.home-customer .customer-switch{ padding:.2rem 1rem;}
.home-news .list-con .tab-iou{ margin-bottom:.2rem;}
.home-news .list-con .lve-box .ul{ padding:0 .2rem;}
}

@media (max-width:1024px) {
.index-tit{ font-size:var(--font-size36);}
.home-solution .solution-caty{ padding:0;}
.home-solution .solution-caty .item{ font-size:var(--font-size18);}
.home-solution .solution-list .item .text .tit-io{ padding-left:.4rem;}
.home-solution .solution-list .item .text .tit{ font-size:var(--font-size24);}
.home-solution .solution-list .item .text .des{ font-size:var(--font-size17);}
.home-solution .solution-list .item .text .con{ padding-left:.45rem;}

.home-customer .customer-switch .item a{ padding:.6rem .3rem .3rem .3rem;}
.home-customer .customer-switch .item .icon img{ }

.home-Procase .caty-list{ width:30%;}
.home-Procase .caty-list li{padding: .12rem 0.2rem; font-size:var(--font-size20);}
.home-Procase .caty-list li .icon img{ width:.3rem; height:.3rem;}
.home-Procase .list-box{ width:70%;}
.home-Procase .list-box .item .center{ padding:.2rem .4rem;}
.home-Procase .list-box .item .text{ width:55%;}
.home-Procase .list-box .item .text .tit{ font-size:var(--font-size24);}
.home-Procase .list-box .item .text .des{ font-size:var(--font-size18);}
.home-Procase .case-list{ width:38%;}

.home-company .rolling-suz{ padding:0 .3rem;}
.home-company .rolling-suz li{ margin-right:0; font-size:var(--font-size16);}
.home-company .rolling-suz li .roll{ font-size:var(--font-size26);}
.home-company .rolling-suz li .sup-iw sup{ font-size:var(--font-size18);}
.home-company .company-switch{ width:55%;}
.home-company .company-switch .item .icon img{ width:3.5rem;}
.home-company .company-switch .item .txt{ font-size:var(--font-size14);}

.home-news .let-con .item .text{ padding:.25rem;}
.home-news .let-con .item .text .tit{ font-size:var(--font-size16);}
.home-news .list-con .lve-box .ul{ height:18em;}
.home-news .list-con .lve-box li .tit{ font-size:var(--font-size16);}
.home-news .list-con .lve-box li .tiem{ font-size:var(--font-size14);}
.home-news .index-more a{ font-size:var(--font-size16);}

.home-contact{ padding:.8rem 0;}
.home-contact .text .tit{ font-size:var(--font-size28);}
.home-contact .text .des{ font-size:var(--font-size18);}

.home-contact .pic{width:100%; margin-bottom: 0.3rem;}
.home-contact .form{width: 100%;}

}

@media (max-width:640px) {
.home-contact .index-more{margin-bottom: .4rem;}

.home-solution .swiper-button-prev{left: 0;}
.home-solution .swiper-button-next{right: 0;}
    .home-solution .solution-caty {
        padding: 0 .2rem;
    }
.home-solution  .swiper-but {
        top: .1rem;
        margin: 0;
        height: .6rem;
        display: -webkit-flex;
        display: flex;
    }

    .home-solution .swiper-button-prev {
        left: 0;
    } 

.home-solution .solution-caty .item {
    font-size: var(--font-size14);
}
}


@media (max-width:640px) {
.index-more a{ min-width:1.2rem; line-height:2.5;}

.home-solution .solution-list .item{ padding-right:0;}
.home-solution .solution-list .item .text{ padding:0 .2rem .3rem; width:100%;}
.home-solution .solution-list .item .text .con{ margin:.2rem 0;}
.home-solution .solution-list .item .pic{ width:100%;}
.home-solution .index-more{ padding-left:.45rem;}

.home-Procase{ overflow: hidden;}
.home-Procase .caty-list{ width:100%; background-image:linear-gradient(to top,#8b96c4,#3d4b7c,#181d31); border-radius:.1rem;padding:.2rem;}
.home-Procase .caty-list::after{ width:100%; display:none;}
.home-Procase .caty-list .ul{ width:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; gap:.06rem;}
.home-Procase .caty-list li{font-size:.14rem; text-align:center;width:calc(25% - 0.05rem); display:block; padding:.1rem;}
.home-Procase .caty-list li:not(:last-child){ margin-bottom:0;}
.home-Procase .caty-list li .icon{margin-right: 0; }
.home-Procase .caty-list li .txt{min-height: .35rem;}
.home-Procase .caty-list li.active{ border-radius:.1rem .5rem .5rem .1rem;}
.home-Procase .caty-list li.active::after{ display:none;}
.home-Procase .list-box{ width:100%;}
.home-Procase .list-box .item .center{ padding:.2rem;}
.home-Procase .list-box .item .text{ width:100%;}
.home-Procase .list-box .item .text .index-more{ margin:.2rem 0 .35rem;}
.home-Procase .list-box .item .text .introd{ height:auto; max-height:12em;}

.home-Procase .case-list{ width:100%;}

.home-customer{ padding:.5rem 0;}
.home-customer .customer-switch{ padding:.2rem 0;}

.home-company{ padding:.5rem 0;}
.home-company .rolling-suz{ padding:.5rem .3rem; width:100%; justify-content:flex-start;}
.home-company .rolling-suz ul{ flex-wrap:wrap; padding-right:2.5em;}
.home-company .company-switch{ width:100%;}
.home-company .company-switch .swiper{ padding:.3rem .1rem;}
.home-company .company-switch .swiper .swiper-slide{ padding:.1rem 0; height:auto; background:var(--white);}
.home-company .company-switch .swiper-button-prev{left:0;}
.home-company .company-switch .swiper-button-next{right:0;}
.home-company .company-switch .item{ padding:.3rem 0;}

.home-news{ padding:.5rem 0;}
.home-news .let-con{ width:100%; margin-bottom:2%;}
.home-news .let-con .item{ width:49%; margin-right:2%; margin-bottom:2%;}
.home-news .let-con .item:nth-child(2n){ margin-right:0;}
.home-news .list-con{ width:100%;}
.home-news .list-con .lve-box .ul{ height:20em;}
}



/* 内页banner */
.inside-ban{position:relative;z-index:1; padding-top:.92rem;}
.inside-ban .tit{ font-size:var(--font-size42); font-weight:bold;}
.inside-ban .txt{position:absolute;left:0;top:1.18rem;height:calc(100% - 1.18rem);width:100%;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-ms-flex-align:center;align-items:center;z-index:3;color:var(--white); line-height:2;}
.inside-ban .txt h3{margin:0;font-size:var(--font-size48); color:var(--white); line-height:1.4; margin-bottom:.2rem; transition-delay:0.5s}
.inside-ban .txt .des{line-height:1.8;font-size:var(--font-size22); color:var(--white); max-width:7.1rem;}
.inside-ban .txt p{margin:0;transition-delay:0.8s}
.inside-ban .txt .index-more{ margin-top:.5rem; transition-delay:1.1s; }
.inside-ban .text{ width:34.5%;}
.inside-ban .pic{ width:64%; text-align:right;}
.inside-ban .index-more a{ margin-right:.3rem;}
.inside-ban .index-more a:last-child{ margin-right:0;}
.inside-ban .index-more a.line-white{ border-color:var(--white); background-color:transparent;}
.inside-ban .index-more a.line-white:hover{ background:#ab0005; border-color:#ab0005;}
.inside-ban .location{ padding:.2rem 0; color:var(--white); text-align:right; position:absolute; left:0; bottom:0; width:100%; z-index:5;}
.inside-ban .location i{ padding:0 .1rem;}
.inside-ban .location a{ color:var(--white);}
.inside-ban .location a:hover{ color:var(--hover);}

.inside-ban.black .txt h3{ color: #333;}
.inside-ban.black .txt .des{color: #666;}

@media (max-width:1024px) {
.inside-ban{ padding-top:1.06rem;}
.inside-ban .text{ text-align: center;}
.inside-ban .txt{top: 0.5rem;height: auto;text-align: center;}
.inside-ban .tit{font-size:var(--font-size32);}
.inside-ban .txt h3{font-size:var(--font-size32);}
.inside-ban .txt .des{font-size:var(--font-size18);}
.inside-ban .index-more{justify-content: center;}
.inside-ban .index-more a{line-height:3;}
}
@media (max-width:640px) {
.inside-ban{ padding-top:0; margin-top:1.06rem;}
.inside-ban .txt{height:auto;/* top:0; *//* position:relative; *//* padding:.5rem 0; */}
.inside-ban .txt .index-more{ margin-top:.2rem; display: none;}
.inside-ban .txt h3{ font-size:var(--font-size24);}
.inside-ban .tit{font-size:var(--font-size22);}
.inside-ban>img{/* position:absolute; *//* left:0; *//* top:0; *//* width:100%; *//* height:100%; *//* object-fit:cover; */}
.inside-ban .text{ width:100%; padding: 0 .4rem;}
.inside-ban .pic{ width:70%; margin-top:.35rem;}
.inside-ban .index-more a{ min-width:1.1rem; line-height:2.2;}
}

/* 内页 */
.inside-tit .tit{ font-size:var(--font-size36); font-weight:bold; text-align:center;}

@media (max-width:1024px) {
.inside-tit .tit{ font-size:var(--font-size28);}
}
@media (max-width:640px) {
.inside-tit .tit{ font-size:var(--font-size26);}
}

/* 产品列表 */
.pro-introd{ padding:1rem 0 .6rem; background-image:url(../images/pro-bg1.jpg); background-repeat:no-repeat; background-size:cover; background-position:center bottom;}
.pro-introd .des{ margin-top:.4rem; padding:0 1.7rem; text-align:center; color:#666666; line-height:1.8;}
.pro-introd .rolling-suz .ul{ max-width:60%; margin:0 auto;}
.pro-introd .rolling-suz li{ padding:.5rem 0; width:30%; font-size:var(--font-size18); color:#666666; position:relative;}
.pro-introd .rolling-suz li .center{ position: relative; z-index:2;}
.pro-introd .rolling-suz li::after{content:''; display:block; position:absolute; left:-30%; bottom:0; width:150%; height:100%; background-image:url(../images/pro-bg2.png); background-repeat:no-repeat; background-size:100% 100%; background-position:center;}
.pro-introd .rolling-suz li .roll{ color:var(--hover); line-height:1; font-size:var(--font-size45); font-weight:bold;font-family:'Barlow';}
.pro-introd .rolling-suz li .sup-iw{ margin-left:.05rem; align-content:space-between;}
.pro-introd .rolling-suz li .sup-iw sup{ color:var(--hover); line-height:.8;margin-bottom:.1rem;width:100%;font-size:var(--font-size26); font-weight:bold;}
.pro-introd .rolling-suz li .sup-iw sub{ color:#333333; height:1em; line-height:1; width:100%;}
.pro-introd .rolling-suz li .wxz{ margin-top:.1rem;}
.pro-introd .rolling-suz li:last-child{ margin-right:0;}

.Prolist{ padding:1rem 0 1.3rem;}
.Prolist .pro-caty{ margin-top:.5rem; padding:0 .4rem; z-index:5;}
.Prolist .pro-caty .swiper{ padding:.1rem 0 .76rem;}
.Prolist .pro-caty .item{font-size:var(--font-size20); color:#333333; background:#f3f9fe; padding:.15rem .05rem; cursor:pointer; font-weight:bold;}
.Prolist .pro-caty .item .icon{ margin-right:.05rem;}
.Prolist .pro-caty .item .icon img{ width:.3rem; height:.3rem;}
.Prolist .pro-caty .item .icon .inte{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.Prolist .pro-caty .swiper-slide::after{content:''; display:block; width:.36rem; height:.36rem; background-image:url(../images/arrow-icon6.png); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; left:50%; bottom:-.76rem; margin-left:-.18rem; opacity:0;}
.Prolist .pro-caty .swiper-slide-thumb-active .item{ color:var(--white); border-radius:.1rem; background:var(--hover);}
.Prolist .pro-caty .swiper-slide-thumb-active .icon img{ opacity:0;}
.Prolist .pro-caty .swiper-slide-thumb-active .icon .inte{ opacity:1;}
.Prolist .pro-caty .swiper-slide-thumb-active::after{ opacity:1;}
.Prolist .swiper-but{ top:.1rem; margin:0; height:.6rem; display:none;}
.Prolist .swiper-but::after{ font-size:var(--font-size16); color:var(--hover); font-weight:bold;}
.Prolist .swiper-button-prev{ justify-content:flex-start;}
.Prolist .swiper-button-next{ justify-content:flex-end;}
.Prolist .list{ position:relative; z-index:2; margin-top:-.15rem;}
.Prolist .list .item{ background-image:linear-gradient(180deg,#516280,#96a9c7); padding-bottom:.3rem; border-radius:.1rem;}
.Prolist .list .item .text{ width:50%; color:var(--white); padding:.2rem .8rem .3rem;}
.Prolist .list .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size30); font-weight:bold;}
.Prolist .list .item .text .des{ font-size:var(--font-size22);}
.Prolist .list .item .text .con{ margin:.35rem 0; line-height:2;}
.Prolist .list .item .pic{ padding:.2rem; width:50%; text-align:right;}
.Prolist .list .item .pic img{ transition:.3s; }
.Prolist .list .item:hover .pic img{ transform:scale(1.05);}
.Prolist .index-more a{/* background-color:rgba(var(--rgb-white),0.2); border-color:rgba(var(--rgb-white),0.5); border-radius:.1rem; */}
.Prolist .index-more a span{ /* background-image:url(../images/but-bg.png); background-repeat:no-repeat; background-position:center; background-size:cover; width:100%; */}
.Prolist .index-more a:hover{ background-color:var(--hover); border-color:var(--hover);}
.Prolist .index-more a:hover{background-color:#ab0005; border-color:#ab0005;}
@media (max-width:1440px) {
.Prolist .pro-caty .item{ font-size:var(--font-size18);}
.Prolist .pro-caty .item .icon img{ width:.25rem; height:.25rem;}
}
@media (max-width:1280px) {
.Prolist .swiper-but{ top:.1rem; margin:0; height:.6rem; display:-webkit-flex; display:flex;}
}
@media (max-width:1024px) {
.pro-introd .des{ padding:0 .5rem;}
.pro-introd .rolling-suz .ul{ max-width:90%;}
.Prolist .pro-caty .item .icon{display: none;}
.Prolist .list .item .text{ padding:.3rem .4rem;}
.Prolist .list .item .text .con{ margin:.2rem 0;}
.Prolist .list .item .text .des{ font-size:var(--font-size18);}
}
@media (max-width:640px) {
.pro-introd{ padding:.6rem 0;}
.pro-introd .des{ padding:0 .1rem;}
.pro-introd .rolling-suz li{ padding:.35rem 0;}
.pro-introd .rolling-suz li::after{ width:180%; left:-45%;}
.pro-introd .rolling-suz li .roll{ font-size:var(--font-size28);}
.pro-introd .rolling-suz li .sup-iw sup{ font-size:var(--font-size14);}
.Prolist{ padding:.6rem 0;}
.Prolist .list{ margin-top:-.35rem;}
.Prolist .list .item .text{ width:100%;}
.Prolist .list .item .pic{ width:100%;}
.Prolist .pro-caty{padding: 0 .3rem;}
.Prolist .pro-caty .item{display: block;padding:0.12rem 0.05rem;text-align: center;}
.Prolist .pro-caty .item .tit{font-size: .14rem;}
.Prolist .pro-caty .swiper-slide-thumb-active .icon .inte{width: .25rem;height: .25rem;}
.Prolist .pro-caty .swiper-slide::after{bottom:-.6rem;}
.Prolist .swiper-button-prev{left: 0;}
.Prolist .swiper-button-next{right: 0;}
}


/* 产品详情 */
.pro-info-one{ padding:1rem 0; background-image:url(../images/pro-info-bg1.png); background-repeat:no-repeat; background-size:contain; background-position:right center;}
.pro-info-one .text{ width:48%; padding:.6rem 0 .7rem;}
.pro-info-one .text .des{ font-size:var(--font-size22); color:#666666; margin-top:.15rem;}
.pro-info-one .text .con{ margin:.55rem 0;font-size:0.18rem;line-height: 2.5;color:#222;}
.pro-info-one .text .con li{margin-bottom:.1rem; }
.pro-info-one .text .con li span{font-size: .18rem; line-height:2.5; }
.pro-info-one .text .con li i{ margin-right:.15rem;}
.pro-info-one .text .con li i img{ width:.26rem;}
.pro-info-one .text .con li .wz{ width:calc(100% - .42rem);}
.pro-info-one .pic{ width:49%; text-align:right;}

.pro-info-two{ padding:1.1rem 0 .6rem; background:var(--white);}
.pro-info-two .pic{ width:56%; overflow: hidden;}
.pro-info-two .text{ padding-top:.35rem; color:#222; width:40%;}
.pro-info-two .text .des{ margin-top:.2rem;color:#222;line-height: 2.5;font-size:0.18rem;}
.pro-info-two .text .ul{ margin:.35rem 0 .5rem;}
.pro-info-two .text li{ margin:.15rem 0;}
.pro-info-two .text li i{ margin-right:.05rem; display:block; color:var(--hover); font-size:var(--font-size36); line-height:.5;}

.pro-info-three{ padding:1rem 0; background:#edeff4;}
.pro-info-three .switch-points{ margin-top:.5rem; width:100%;}
.pro-info-three .switch-points .swiper-slide{ height:auto; background:#f8f8f8; border-radius:.15rem; overflow: hidden;}
.pro-info-three .switch-points .item .pic{overflow:hidden;}
.pro-info-three .switch-points .item .pic figure{ padding-bottom:54.445%;}
.pro-info-three .switch-points .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.pro-info-three .switch-points .item .text{ line-height:1.8; color:#666666; padding:.4rem .3rem;}
.pro-info-three .switch-points .item .tit{ margin-bottom:.1rem; font-size:var(--font-size22); color:#333333; font-weight:bold;transition:.3s;}
.pro-info-three .switch-points .item .des{ min-height:5.4em;}
.pro-info-three .switch-points .item:hover .pic img{ transform:scale(1.05);}
.pro-info-three .switch-points .item:hover .tit{ color:var(--hover);}
.pro-info-three .other-aniu{ padding:.2rem 0; padding-right:.1rem; margin-top:.6rem;}
.pro-info-three .other-aniu .swiper-pagination{ background:#ddd; width:calc(100% - 1.7rem); position:initial;}
.pro-info-three .other-aniu .swiper-pagination-progressbar-fill{ background-color:var(--hover); border-radius:2rem; overflow:hidden;}
.pro-info-three .other-aniu .swiper-but{ width:.5rem; height:.5rem; position:initial; margin:0; opacity:1; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:1rem; margin-right:.2rem; background-color:var(--hover);}
.pro-info-three .other-aniu .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:var(--white);}
.pro-info-three .other-aniu .swiper-button-next{ margin-right:0;}
.pro-info-three .other-aniu .swiper-but.swiper-button-disabled{ background-color:var(--white);}
.pro-info-three .other-aniu .swiper-but.swiper-button-disabled::after{ color:var(--hover);}

.pro-info-four{ padding:1.3rem 0 .76rem; background-image:linear-gradient(to top,transparent,#f0f2f6);}
.pro-info-four .des{ max-width:9.6rem; margin:.3rem auto; text-align:center; line-height:1.8; color:#666666; font-size:var(--font-size18);}
.pro-info-four .roll-num .oiw{ padding:.5rem 0; width:20%; text-align:center; position: relative;}
.pro-info-four .roll-num .oiw::after{ position:absolute; right:0; top:40%; content:''; display:block; width:1px; height:30%; background-color:#f63541; opacity:.2;}
.pro-info-four .roll-num .oiw .roll{ color:var(--hover); line-height:1; font-size:var(--font-size45); font-weight:bold;font-family:'Barlow';}
.pro-info-four .roll-num .oiw .wxz{font-size:var(--font-size18); margin-top:.15rem;}
.pro-info-four .roll-num .oiw:last-child::after{ display:none;}
.pro-info-four .list{gap:1.333333%;}
.pro-info-four .list .item{ margin:.1rem 0; padding:.25rem .35rem; background:var(--white); box-shadow:0 .05rem .1rem rgba(var(--rgb-black),0.08); border-radius:.15rem; flex:1;}
.pro-info-four .list .item .top{ margin-bottom: 0.24rem;}
.pro-info-four .list .item .icon{ width:.48rem; height:.48rem;flex-shrink: 0; margin-right: 0.2rem;}
.pro-info-four .list .item .icon span{ border-radius:.05rem; overflow:hidden;}
.pro-info-four .list .item .text{ line-height:1.8;}
.pro-info-four .list .item .tit{ font-size:var(--font-size24); font-weight:bold; color:#333333;}
.pro-info-four .list .item .introd{ color:#666666;}
.pro-info-four .list .item:nth-child(4n){ margin-right:0;}
.pro-info-four .list-six .item{flex: auto; width:32%;}
.pro-info-four .index-more{ margin-top:.6rem;}

.pro-info-five{ padding:.8rem 0 .4rem;}
.pro-info-five .list{ margin-top:.75rem;}
.pro-info-five .list .item{ margin-bottom:.8rem; direction:rtl;}
.pro-info-five .list .item:nth-child(2n){ direction:ltr;}
.pro-info-five .list .item .pic{ width:50.667%; overflow:hidden; border-radius:.15rem;}
.pro-info-five .list .item .pic figure{ padding-bottom:55.265%;}
.pro-info-five .list .item .pic figure img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.pro-info-five .list .item .text{ direction:ltr; line-height:1.8; width:42%; color:#333333;}
.pro-info-five .list .item .text .tit{ margin-bottom:.2rem; font-weight:bold; font-size:var(--font-size30);}
.pro-info-five .list .item .text .des{ font-size:var(--font-size18); color:#222;line-height: 2.5 }
.pro-info-five .list .item .text .des p{ margin: 0.05rem 0; padding-left: 0.32rem; position: relative;}
.pro-info-five .list .item .text .des p:before{content: '';display: block;position: absolute;left: 0;top: .13rem;border-radius: 50%;width: .26rem;height: .22rem;background-image: url(../images/ogu.png);background-repeat: no-repeat; background-position: left center; background-size: contain; } 
.pro-info-five .list .item .index-more{ margin-top:.4rem;}
.pro-info-five .list .item .index-more a{ margin-right:.2rem;}
.pro-info-five .list .item a.line-red{ margin-right:0; border-color:var(--hover); color:var(--hover); background-color:transparent;}
.pro-info-five .list .item a.line-red:hover{ background:#ab0005; border-color:#ab0005; color:var(--white);}
.pro-info-five .list .item:hover .pic figure img{ transform:scale(1.05);}

.pro-info-six{ padding:1rem 0 .8rem; background-image:url(../images/pro-mouth-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; z-index:2;}
.pro-info-six .load-swiper{ margin-top:.4rem;}
.pro-info-six .cate-list li{margin: 0 0.24rem;color: #292929;font-size: var(--font-size20);cursor: pointer;position: relative;z-index: 1;padding-bottom: 0.16rem;margin-bottom:0.1rem;}
.pro-info-six .cate-list li:after{position: absolute; content: ''; width: 0;left: 50%;transform: translateX(-50%); bottom: 0;background-color: var(--hover-color); transition: 0.3s;height: 3px;}
.pro-info-six .cate-list li.active{color: var(--hover-color);}
.pro-info-six .cate-list li.active:after{width: 100%;}
.pro-info-six .load-swiper:before,
.pro-info-six .load-swiper:after{position: absolute;content: '';top: 0;height: 100%;width: 20%;z-index: 10;pointer-events: none;}
.pro-info-six .load-swiper:before{left: 0;background: linear-gradient(to right, rgba(236,244,249,1) 0%, rgba(236,244,249,0) 100%);}
.pro-info-six .load-swiper:after{right: 0;background: linear-gradient(to right, rgba(236,244,249,0) 0%, rgba(236,244,249,1) 100%);}
.pro-info-six .swiper-slide a{display: -webkit-flex; display:flex; align-items:center; margin:.35rem 0;}
.pro-info-six .swiper-slide .pic{ display: flex; align-items: center; justify-content: center; height:.72rem; width:.72rem; background-color:#fff; border-radius:100%; overflow: hidden; margin:0 .1rem;}
.pro-info-six .swiper-slide .tit{ background-color:var(--white); color:#406179; padding:.1rem; border-radius:5px;}
.pro-info-six .swiper-wrapper{height: auto;transition-timing-function: linear!important;}
.pro-info-six .swiper + .swiper{margin-top: -0.44rem;}
.pro-info-six .swiper-slide{width:auto;padding:0 0.3rem;}
.pro-info-six .swiper-rtl a{ direction:ltr;}

@media (max-width:1024px) {
.pro-info-one{ background-size:60%;}
.pro-info-three .switch-points .item .text{ padding:.2rem;}
.pro-info-five .list .item .text{ width:48%;}
.pro-info-five .list .item .text .tit{ font-size:var(--font-size14); margin-bottom:.1rem;}
.pro-info-five .list .item .text .des{ font-size:var(--font-size14);}
.pro-info-five .list .item .index-more{ margin-top:.2rem;}
.pro-info-five .list .item .index-more a{ font-size:var(--font-size16); min-width:1.6rem;}
}

@media (max-width:640px) {
.pro-info-one{ padding:.5rem 0;}
.pro-info-one .text{ width:100%; padding:.2rem 0;}
.pro-info-one .text .con{font-size:0.14rem;}
.pro-info-one .text .con li span{font-size:.14rem;}
.pro-info-one .text .des{ font-size:var(--font-size20);}

.pro-info-one .pic{ width:100%;}

.pro-info-two{ padding:.5rem 0;}
.pro-info-two .autoCon-1500{ flex-wrap:wrap-reverse;}
.pro-info-two .pic{ width:100%;}
.pro-info-two .text{ width:100%; padding:0 0 .3rem;}
.pro-info-two .text .des{font-size:0.14rem;}
.pro-info-two .text .des span{font-size:.14rem !important; line-height: 2.5;}
.pro-info-two .text .ul{ line-height:1.5;}

.pro-info-three{ padding:.5rem 0;}
.pro-info-three .other-aniu{ margin-top:.25rem;}

.pro-info-four{ padding:.5rem 0;}
.pro-info-four .des{font-size: .14rem;}
.pro-info-four .roll-num .oiw{ padding:.2rem 0; width:48%;}
.pro-info-four .roll-num .oiw .roll{ font-size:var(--font-size32);}
.pro-info-four .roll-num .oiw::after{ display:block !important;}
.pro-info-four .roll-num .oiw:nth-child(2n):after{ display:none !important;}
.pro-info-four .list .item{ width:100%;flex: auto;}
.pro-info-four .list .item .tit{font-size: .14rem;}
.pro-info-four .list .item .introd{font-size: .14rem;}
.pro-info-four .index-more{ margin-top:.35rem;}

.pro-info-five .list{ margin-top:.35rem;}
.pro-info-five .list .item .pic{ width:100%;}
.pro-info-five .list .item .text{ padding-top:.2rem; width:100%;}

.pro-info-six .cate-list li{font-size: var(--font-size16);margin: 0 0.1rem 0.1rem;}
.pro-info-six .swiper{padding-bottom: 0.1rem;}
.pro-info-six .swiper + .swiper{margin-top: -0.1rem;}
.pro-info-six .swiper-slide .pic{ width:0.6rem; height:0.6rem;}
.pro-info-six .swiper-slide{ padding:0 0.05rem;}
.pro-info-six .swiper-slide a{padding:0.1rem 0; margin:0;}
.pro-info-five .list .item .text .tit{
  font-size: var(--font-size18);
}
}


/* 解决方案 */
.solution-box{ background-image:url(../images/solution-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover;}
.solution-box{ padding:1rem 0 .8rem;}
.solution-box .solution-caty{ margin-top:.4rem; padding:0 .5rem;}
.solution-box .solution-caty .swiper{ padding:.1rem 0 .35rem;}
.solution-box .solution-caty .item{font-size:var(--font-size20); color:#333333; background:#f3f9fe; padding:.15rem .1rem; cursor:pointer; font-weight:bold;}
.solution-box .solution-caty .item .icon{ margin-right:.05rem;}
.solution-box .solution-caty .item .icon img{ width:.3rem; height:.3rem;}
.solution-box .solution-caty .item .icon .inte{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.solution-box .solution-caty .swiper-slide-thumb-active .item{ color:var(--white); border-radius:.1rem; background:var(--hover);}
.solution-box .solution-caty .swiper-slide-thumb-active .icon img{ opacity:0;}
.solution-box .solution-caty .swiper-slide-thumb-active .icon .inte{ opacity:1;}
.solution-box .solution-caty .swiper-slide-thumb-active::after{ opacity:1;}
.solution-box .solution-list .item{ padding:.2rem .4rem 0 0; border-radius:.1rem;}
.solution-box .solution-list .item .back-bg{ direction:rtl;}
.solution-box .solution-list .item .text{ direction:ltr; padding-top:.6rem; width:40%; color:#666666;}
.solution-box .solution-list .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size30); font-weight:bold; color:#333333;}
.solution-box .solution-list .item .text .des{ font-size:var(--font-size22);}
.solution-box .solution-list .item .text .con{ margin:.35rem 0; line-height:2;}
.solution-box .solution-list .item .pic{ width:53.803%; text-align:left;}
.solution-box .solution-list .item .pic img{ transition: .3s all;}
.solution-box .solution-list .item:hover .pic img{ transform: scale(1.05);}

@media (max-width:1024px) {
.solution-box .solution-caty{ padding:0;}
.solution-box .solution-caty .item{ font-size:var(--font-size18);}
.solution-box .solution-list .item .text{ padding-top:.3rem;}
.solution-box .solution-list .item .text .tit{ font-size:var(--font-size24);}
.solution-box .solution-list .item .text .des{ font-size:var(--font-size17);}
}
@media (max-width:640px) {
.solution-box .solution-list .item{ padding-right:0;}
.solution-box .solution-list .item .text{ width:100%; padding:0 0 .4rem;}
.solution-box .solution-list .item .text .con{ margin:.2rem 0;}
.solution-box .solution-list .item .pic{ width:100%;}
}


/* 解决方案详情 */
.solution-info-one{ background:#f6f6f6; padding:1.15rem 0;}
.solution-info-one .des{ font-size:var(--font-size20); line-height:1.7; max-width:7.8rem; margin:.3rem auto .5rem; color:#666666; text-align:center;}
.solution-info-one .list .item{ font-size:var(--font-size20); color:#333333; width:32%; margin-bottom:2%; background:var(--white); padding:.35rem .5rem; margin-right:2%; border-radius:.15rem;}
.solution-info-one .list .item .txt{ padding-left:.4rem; line-height:1.8; width:calc(100% - 1.2rem);}
.solution-info-one .list .item:nth-child(3n){ margin-right:0;}

.solution-info-two{ padding:.85rem 0;}
.solution-info-two .item{ direction:rtl;}
.solution-info-two .item .text{ direction:ltr; line-height:1.8; width:37%; padding:.35rem 0 .5rem;}
.solution-info-two .item .text .des{ font-size:var(--font-size22); color:#666666; margin-top:.15rem;}
.solution-info-two .item .text .con{ margin:.35rem 0;color:#222;line-height: 2.5;font-size:0.18rem;}
.solution-info-two .item .text .con li{ line-height:1.5; margin-bottom:.1rem;}
.solution-info-two .item .text .con li i{ margin-right:.15rem;}
.solution-info-two .item .text .con li i img{ width:.26rem;}
.solution-info-two .item .text .con li .wz{ width:calc(100% - .42rem);}
.solution-info-two .item .pic{ width:52%; text-align:left;}

.solution-info-three{ padding:.5rem 0 0; background-image:linear-gradient(to bottom,#f4f6f9,#f6f6f6);}
.solution-info-three .item .text{ padding-top:.6rem; line-height:1.8; width:43%;}
.solution-info-three .item .text .tit{ text-align:left;}
.solution-info-three .item .text .des{ margin:.4rem 0 .7rem; font-size:var(--font-size18); color:#222;line-height: 2.5}
.solution-info-three .item .pic{ width:55.5%; text-align:right;}
.solution-info-three .item .pic img{ margin-right:-5%;}

.solution-info-four{ padding:.6rem 0 1rem; background:#f6f6f6;}
.solution-info-four .pro-caty{ margin-top:.5rem; padding:0 .4rem; z-index:5;}
.solution-info-four .pro-caty .swiper{ padding:.1rem 0 .76rem;}
.solution-info-four .pro-caty .item{font-size:var(--font-size20);color:#333333;background:var(--white);padding:.15rem .05rem; cursor:pointer; font-weight:bold;}
.solution-info-four .pro-caty .item .icon{ margin-right:.05rem;}
.solution-info-four .pro-caty .item .icon img{ width:.3rem; height:.3rem;}
.solution-info-four .pro-caty .item .icon .inte{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.solution-info-four .pro-caty .swiper-slide::after{content:''; display:block; width:.36rem; height:.36rem; background-image:url(../images/arrow-icon7.png); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; left:50%; bottom:-.76rem; margin-left:-.18rem; opacity:0;}
.solution-info-four .pro-caty .swiper-slide-thumb-active .item{ color:var(--white); border-radius:.1rem; background:var(--hover);}
.solution-info-four .pro-caty .swiper-slide-thumb-active .icon img{ opacity:0;}
.solution-info-four .pro-caty .swiper-slide-thumb-active .icon .inte{ opacity:1;}
.solution-info-four .pro-caty .swiper-slide-thumb-active::after{ opacity:1;}
.solution-info-four .swiper-but{ top:.1rem; margin:0; height:.6rem; display:none;}
.solution-info-four .swiper-but::after{ font-size:var(--font-size16); color:var(--hover); font-weight:bold;}
.solution-info-four .swiper-button-prev{ justify-content:flex-start;}
.solution-info-four .swiper-button-next{ justify-content:flex-end;}
.solution-info-four .list{ position:relative; z-index:2; margin-top:-.15rem;}
.solution-info-four .list .item{background-image:linear-gradient(180deg,#ffffff,transparent);padding-bottom:.3rem;border-radius:.1rem; direction:rtl;}
.solution-info-four .list .item .text{ direction:ltr; width:46%; color:#666666; padding:.2rem .7rem .3rem;}
.solution-info-four .list .item .text .tit{ margin-bottom:.1rem; font-size:var(--font-size30); color:#333333; font-weight:bold;}
.solution-info-four .list .item .text .des{ font-size:var(--font-size22);}
.solution-info-four .list .item .text .con{ margin:.35rem 0; line-height:2;}
.solution-info-four .list .item .pic{ padding:.2rem; width:50%; text-align:right;}
.solution-info-four .list .item .pic img{ transition:.3s; }
.solution-info-four .list .item:hover .pic img{ transform:scale(1.05);}

.solution-info-six{ padding:1rem 0; background:#f6f6f6;}
.solution-info-six .switch-points{ margin-top:.5rem; width:100%;}
.solution-info-six .switch-points .swiper-slide{ height:auto; background:var(--white); border-radius:.15rem; overflow: hidden;}
.solution-info-six .switch-points .item .pic .ovhi{overflow:hidden; position: relative; z-index:2;}
.solution-info-six .switch-points .item .pic .ovhi figure{ padding-bottom:49.585%;}
.solution-info-six .switch-points .item .pic .ovhi img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.solution-info-six .switch-points .item .pic .icon-logo{ position:absolute; left:.4rem; bottom:-.35rem; z-index:5; border-radius:.1rem; overflow: hidden; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1);}
.solution-info-six .switch-points .item .pic .icon-logo img{ height:.71rem; width:100%; object-fit:contain;;}
.solution-info-six .switch-points .item .text{ line-height:1.8; color:#666666; padding:.6rem .3rem .4rem;}
.solution-info-six .switch-points .item .tit{margin-bottom:.1rem; font-size:var(--font-size18); color:#333333; font-weight:bold;transition:.3s;}
.solution-info-six .switch-points .item .des{ min-height:3.5em;}
.solution-info-six .switch-points .item .more{ display:block; margin-top:.2rem; color:var(--hover);}
.solution-info-six .switch-points .item:hover .ovhi img{ transform:scale(1.05);}
.solution-info-six .switch-points .item:hover .tit{ color:var(--hover);}
.solution-info-six .other-aniu{ padding:.2rem 0; padding-right:.1rem; margin-top:.4rem;}
.solution-info-six .other-aniu .swiper-pagination{ background:#ddd; width:calc(100% - 1.7rem); position:initial;}
.solution-info-six .other-aniu .swiper-pagination-progressbar-fill{ background-color:var(--hover); border-radius:2rem; overflow:hidden;}
.solution-info-six .other-aniu .swiper-but{ width:.5rem; height:.5rem; position:initial; margin:0; opacity:1; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:1rem; margin-right:.2rem; background-color:var(--hover);}
.solution-info-six .other-aniu .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:var(--white);}
.solution-info-six .other-aniu .swiper-button-next{ margin-right:0;}
.solution-info-six .other-aniu .swiper-but.swiper-button-disabled{ background-color:var(--white);}
.solution-info-six .other-aniu .swiper-but.swiper-button-disabled::after{ color:var(--hover);}

@media (max-width:1440px) {
.solution-info-four .pro-caty .item{ font-size:var(--font-size18);}
.solution-info-four .pro-caty .item .icon img{ width:.25rem; height:.25rem;}
}
@media (max-width:1024px) {
.solution-info-one .list .item{ width:100%; margin-bottom:2%; margin-right:0;}
.solution-info-two .item .text{ width:100%; padding-top:0;}
.solution-info-two .item .pic{ width:100%;}
.solution-info-three .item .text{ width:100%; padding-top:0;}
.solution-info-three .item .text .des{ margin:.3rem 0;}
.solution-info-three .item .pic{ margin-top:.3rem; text-align:left; width:100%;}
.solution-info-four{ padding:.3rem 0 .5rem;}
.solution-info-four .pro-caty .swiper{ padding-bottom:.5rem;}
.solution-info-four .list .item .text{ padding:.3rem;}
.solution-info-four .list .item .text .des{ font-size:var(--font-size18);}
}
@media (max-width:640px) {
.solution-info-one .list .item{ padding:.35rem; font-size:var(--font-size20);}
.solution-info-one .list .item .icon img{ width:.85rem;}
.solution-info-one .list .item .txt{ width:calc(100% - 1rem); padding-left:.25rem;}
.solution-info-two .item .text .des{ font-size:var(--font-size20);}
.solution-info-two .item .text .con{font-size:0.14rem;}
.solution-info-two .item .text .con li span{font-size:0.14rem !important;}
.solution-info-three .item .text .des{font-size:0.14rem;}
.solution-info-three .item .text .des span{font-size:0.14rem !important;}
.solution-info-four .swiper-but{ display:-webkit-flex; display:flex;}
.solution-info-four .pro-caty .swiper-slide::after{ bottom:-.55rem;}
.solution-info-four .list .item .text{ width:100%;}
.solution-info-four .list .item .pic{ width:100%;}
}


/* 客户案例 */
.Customer-case{ padding:.8rem 0 1rem; background-image: linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0)), url(../images/Customer-case-bg.png); background-repeat:no-repeat; background-position:top; background-size:cover;background:none;}
.case-menu{ padding:0 .35rem;}
.case-menu .slick-track{margin:0 auto;display:flex;}
.case-menu .item{font-size:var(--font-size18); cursor:pointer; font-weight:bold;  margin:.05rem 0;flex-shrink: 0;}
.case-menu .item a{padding:.15rem;color:#333333;background:#f3f9fe;}
.case-menu .item .icon{ margin-right:.05rem;}
.case-menu .item .icon img{ width:.3rem; height:.3rem;}
.case-menu .item .icon .inte{ position:absolute; left:0; top:0; width:100%; height:100%; opacity:0;}
.case-menu .item .tit{ line-height: .3rem;}
.case-menu .item a:hover,
.case-menu .item.on a{ background:var(--hover); color:var(--white); border-radius:.1rem;}
.case-menu .item a:hover img,
.case-menu .item.on img{ opacity:0;}
.case-menu .item a:hover .inte,
.case-menu .item.on .inte{ opacity:1;}
.case-menu .slick-arrow{ position:absolute; width:0.2rem; height:0.2rem; top:50%; margin-top:-0.1rem; overflow:hidden;font-size: 0; cursor: pointer;z-index:10; border: 0;background: none;padding: 0; border-top: 2px solid var(--hover);border-left: 2px solid var(--hover);transform:rotate(-45deg);}
.case-menu .slick-prev{ left:0;}
.case-menu .slick-next{transform:rotate(135deg); right:0;}


.Customer-case .list-box{ margin:.7rem 0 0.4rem;}
.Customer-case .list-box li{ width:32%; margin-right:2%; margin-bottom:2%;}
.Customer-case .list-box li a{ display:block; background:var(--white); border-radius:.1rem; overflow: hidden; transition:.3s;}
.Customer-case .list-box li:nth-child(3n){ margin-right:0;}
.Customer-case .list-box li .pic .ovhi{overflow:hidden; position: relative; z-index:2;}
.Customer-case .list-box li .pic .ovhi figure{ padding-bottom:49.585%;}
.Customer-case .list-box li .pic .ovhi img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover; transition:.3s;}
.Customer-case .list-box li .pic .icon-logo{ position:absolute; left:.4rem; bottom:-.35rem; z-index:5; border-radius:.1rem; overflow: hidden; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1);}
.Customer-case .list-box li .pic .icon-logo img{ height:.71rem; width:100%; object-fit:contain;;}
.Customer-case .list-box li .text{ line-height:1.8; color:#666666; padding:.6rem .4rem .4rem;}
.Customer-case .list-box li .tit{margin-bottom:.1rem; font-size:var(--font-size18); color:#333333; font-weight:bold;transition:.3s;}
.Customer-case .list-box li .des{ min-height:3.5em;}
.Customer-case .list-box li .more{ display:block; margin-top:.2rem; color:var(--hover);}
.Customer-case .list-box li:hover a{ box-shadow:0 0 .2rem rgba(var(--rgb-black),0.1);}
.Customer-case .list-box li:hover .ovhi img{ transform:scale(1.05);}
.Customer-case .list-box li:hover .tit{ color:var(--hover);}
@media (max-width:1500px) {
.case-menu .item{ font-size:var(--font-size17);}
}
@media (max-width:1024px) {
.case-menu .item a{ padding:.15rem .1rem;}
.case-menu .item .icon img{ width:.25rem; height:.25rem;}
.Customer-case .list-box li .pic .icon-logo{ left:.35rem; bottom:-.25rem;}
.Customer-case .list-box li .pic .icon-logo img{ height:.5rem;}
.Customer-case .list-box li .text{ padding:.45rem .35rem .35rem;}
}
@media (max-width:640px) {
.case-menu{ padding:0 0.2rem;}
.Customer-case .list-box{ margin-top:.4rem;}
.Customer-case .list-box li:nth-child(3n),
.Customer-case .list-box li{ width:48.5%; margin-right:3%; margin-bottom:3%;}
.Customer-case .list-box li:nth-child(2n){ margin-right:0;}
.Customer-case .list-box li .pic .icon-logo{ left:.15rem;}
.Customer-case .list-box li .text{ padding:.4rem .15rem .2rem;}
}


/* 客户案例详情 */
.Location{ text-align:right; padding:.35rem 0; color:#999999;}
.Location a{ color:#999999;}
.Location i{ padding:0 .1rem;}
.Location a:hover{ color:var(--hover);}
.Customer-Info{ color:#666666; padding-top:1.18rem; background:#f7f7f7; line-height:1.8; overflow: hidden;}
.Customer-Info .Info-con{ max-width:1140px; width:100%; margin:0 auto; background:var(--white); padding:.6rem .85rem; border-radius:.3rem; overflow: hidden; margin-bottom:1.2rem;}
.Customer-Info .Info-con strong{ color:#333333; font-size:var(--font-size18);}
.Customer-Info .tit-box{ padding-bottom:.25rem; margin-bottom:.25rem; line-height:2; border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.Customer-Info .tit-box .tit{ line-height:1.5; font-weight:bold; font-size:var(--font-size36); color:#333333;}
.Customer-Info .tit-box .tiem{ margin-top:.1rem; color:#999999;}
.Customer-Info .video-shle{ font-size:0; position:relative; border-radius:.1rem; overflow: hidden;}
.Customer-Info .video-shle video{ width:100%; display:block;}
.Customer-Info .video-shle .play{ width:.99rem; height:.99rem; background-image:url(../images/play.png); background-size:contain; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:50%; z-index:5; margin-left:-.48rem; margin-top:-.48rem; cursor:pointer;}
.Customer-Info .tishi{ padding:.6rem .5rem .8rem; font-size:var(--font-size20); color:#333333; background:#f8f8f8; border-radius:.1rem; position:relative;}
.Customer-Info .small-tit{ font-size:var(--font-size18);}
.Customer-Info .tishi::after{ position:absolute; right:.5rem; bottom:-.25rem; content:''; display:block; width:.69rem; height:.66rem; background-image:url(../images/douhao.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Customer-Info .turn-box{ padding:.3rem 0; border-bottom:solid 1px rgba(var(--rgb-black),0.1); border-top:solid 1px rgba(var(--rgb-black),0.1); margin-top:.7rem;}
.Customer-Info .turn-box a{ color:#333333;}
.Customer-Info .turn-box dl{ display:grid;}
.Customer-Info .turn-box dd span{ color:#999999;}
.Customer-Info .turn-box dd a:hover{ color:var(--hover);}
.Customer-Info .return a{ display:block; padding:.1rem .25rem; background:var(--hover); color:var(--white); border-radius:.1rem;}
.Customer-Info .return a span{ background-image:url(../images/return.svg); background-repeat:no-repeat; background-position:center right; padding-right:.25rem;}
.Customer-Info .solution-info-six{ padding:0 0 1.1rem;}
.Customer-Info .solution-info-six .swiper{ padding:.2rem 0; max-width:1500px; margin:0 auto; overflow:visible;}
.Customer-Info .solution-info-six .swiper-slide{ height:auto; opacity:.5;}
.Customer-Info .solution-info-six .swiper-slide.my-slide-visible{ opacity:1;}
.Customer-Info .inside-tit{ color:#333333;}
@media (max-width:1024px) {
.Customer-Info{ padding-top:1.06rem;}
}
@media (max-width:640px) {
.Customer-Info .Info-con{ padding:.4rem .3rem .3rem;}
.Customer-Info .tit-box .tit{ font-size:var(--font-size26);}
.Customer-Info .video-shle .play{ width:.5rem; height:.5rem; margin-left:-.25rem; margin-top:-.25rem;}
.Customer-Info .tishi{ font-size:var(--font-size18); padding:.3rem .3rem .6rem;}
.Customer-Info .small-tit{ font-size:var(--font-size16);}
.Customer-Info .tishi::after{ width:.5rem; height:.55rem;}
}


/* 云安全 */
.cloud-one{ background-image:url(../images/cloud-one-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:1.3rem 0 1rem;}
.cloud-one .text{ line-height:1.8; width:48%; padding:1rem .5rem 1rem 1rem; position:relative; z-index:5; margin-top:.65rem;}
.cloud-one .text::after{ position:absolute; left:0; top:0; content:''; display:block; width:120%; height:100%; background-image:url(../images/cloud-bg1.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.cloud-one .text .center{ position:relative; z-index:2;}
.cloud-one .text .des{ margin:.3rem 0; min-height:7.2em; font-size:var(--font-size16); color:#666666;}
.cloud-one .pic{ width:50%; position: relative; z-index:3;}
.cloud-one .pic figure{ width:116%; float: right; position: relative;}
.cloud-one .pic figure::before{ position:absolute; left:0; top:0; content:''; display:block; width:100%; height:100%; background-image:url(../images/cloud-bg2.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%;}
.cloud-one .index-more a {  background-color: #37bcff;  border: solid 1px #37bcff;}
.cloud-one .index-more a:hover { background-color: #2fa4e9; border-color: #2fa4e9;}
.cloud-two{ padding:1rem 0; background-image:linear-gradient(to bottom,#f6f6f6,transparent);}
.cloud-two .list-box{ margin-top:.7rem;}
.cloud-two .list-box .item{ text-align:center; line-height:1.8; padding:.45rem .25rem; width:18.666666%; margin-right:1.6666666%; background:var(--white); box-shadow:0 0 .1rem rgba(var(--rgb-black),0.05); border-radius:.1rem; transition:.3s;}
.cloud-two .list-box .item .icon{ margin-bottom:.35rem;}
.cloud-two .list-box .item .icon span{ display:block; width:1.12rem; height:1.12rem; background:var(--white); border-radius:1rem; overflow:hidden;}
.cloud-two .list-box .item:nth-child(5n){ margin-right:0;}
.cloud-two .list-box .item:hover{ background:url(../images/cloud-two3.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; transform:translateY(-.2rem); color:var(--white);}

@media (max-width:768px) {
.cloud-one .text{ padding:.5rem;}
}
@media (max-width:640px) {
.cloud-one{ padding:.5rem 0; overflow:hidden;}
.cloud-one .text{ margin:0; width:100%; padding:.3rem;}
.cloud-one .text::after{ width:100%; background-size:200%;}
.cloud-one .pic{ width:100%; display:none;}
.cloud-one .pic figure{ width:100%;}
.cloud-two{ padding:.5rem 0;}
.cloud-two .list-box{ margin-top:.3rem;}
.cloud-two .list-box .item:nth-child(5n),
.cloud-two .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%; padding:.2rem;}
.cloud-two .list-box .item:nth-child(2n){ margin-right:0;}
.cloud-two .list-box .item .icon{ margin-bottom:.15rem;}
.cloud-two .list-box .item .icon span{ width:.8rem; height:.8rem;}
}


/* 云安全详情 */
.cloud-host{ padding:.85rem 0; background:var(--white); position:relative; z-index: 10; overflow: hidden;}
.cloud-host .des{ color:#666666; line-height:1.8; max-width:860px; margin:.3rem auto; text-align:center;}
.cloud-host .list-box{ margin-top:.75rem;}
.cloud-host .list-box .item{ background:#f2f4f8; width:23.334%; margin-right:2%; line-height:1.8; align-content:space-between; border-radius:.15rem; transition:.3s; cursor:pointer;}
.cloud-host .list-box .item:nth-child(4n){ margin-right:0;}
.cloud-host .list-box .item .tit{ margin-bottom:.12rem; padding:.45rem .45rem 0; font-size:var(--font-size20); width:100%;}
.cloud-host .list-box .item .icon{ text-align:center; width:100%; padding:0 .3rem;}
.cloud-host .list-box .item:hover{ transform:translateY(-.2rem);}
#particles{position: absolute; left: 0;bottom: -10%; width: 100%; height: 50%; z-index: -1; opacity: 0.8;}
.cloud-cluster{ background-image:url(../images/cloud-cluster-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:.7rem 0;}
.cloud-cluster .text{ padding-top:.6rem; width:37.334%;}
.cloud-cluster .text .des{ font-size:var(--font-size18); line-height:2.5; color:#222; padding:.25rem 0; border-bottom:solid 1px #dddddd; position:relative;}
.cloud-cluster .text .des::after{ position:absolute; bottom:0; left:0; content:''; display:block; width:3em; height:.03rem; background:#000;}
.cloud-cluster .text .con{ margin:.55rem 0;color:#222;line-height: 2.5;font-size:0.18rem;}
.cloud-cluster .text .con li{ line-height:1.6; margin-bottom:.1rem;}
.cloud-cluster .text .con li i{ margin-right:.15rem;}
.cloud-cluster .text .con li i img{ width:.26rem;}
.cloud-cluster .text .con li .wz{ width:calc(100% - .42rem);}
.cloud-cluster .text .con .index-more{ margin-top:.45rem;}
.cloud-cluster .pic{ width:56%; text-align:right;}
.cloud-printing{ background:var(--white);}
.cloud-printing .introd{ background-image:url(../images/printing-bg.png); background-repeat:no-repeat; background-position:center left; background-size:56.368%; padding:.4rem 0; margin-bottom:.8rem;}
.cloud-printing .introd .pic{ padding-top:.4rem; width:58%; text-align:left;}
.cloud-printing .introd .text{ padding-top:.6rem; width:37%;}
.cloud-printing .introd .text .con{ font-size:var(--font-size18); color:#222; line-height:2.5; margin-top:.25rem;}
.cloud-printing .introd .text .con span{font-size:0.18rem !important;}
.cloud-printing .introd .text .index-more{ margin-top:.3rem;}
.cloud-printing .list-box{ padding-bottom:1.1rem;}
.cloud-printing .list-box .item{ background:#f2f4f8; width:32%; margin-right:2%; line-height:1.8; align-content:space-between; border-radius:.15rem; transition:.3s; cursor:pointer;}
.cloud-printing .list-box .item:nth-child(3n){ margin-right:0;}
.cloud-printing .list-box .item .icon{ width:100%; padding:0 .3rem; margin-bottom:-.3rem;}
.cloud-printing .list-box .item .icon span{ background:var(--white); display:block; border-radius:2rem; transform:translateY(-.72rem); box-shadow:0 0 .1rem rgba(var(--rgb-black),0.08);}
.cloud-printing .list-box .item .icon span img{ display:block; width:1.45rem; height:1.45rem; object-fit:contain;}
.cloud-printing .list-box .item .text{ font-size:var(--font-size18); color:#333333; padding:0 .4rem .4rem;}
.cloud-printing .list-box .item .tit{ margin-bottom:.15rem; font-size:var(--font-size22); font-weight:bold; width:100%;}
.cloud-printing .list-box .item:hover{ transform:translateY(-.2rem);}
.cloud-barcode{ background:#f5f7f8 url(../images/barcode-bg.png) no-repeat right center; background-size:50%; padding:1.1rem 0 .9rem;}
.cloud-barcode .item .text{ width:41.5%; padding-top:.65rem;}
.cloud-barcode .item .text .tit{ text-align:left;}
.cloud-barcode .item .text .des{ font-size:var(--font-size18); line-height:2.5; color:#222; padding:.25rem 0; border-bottom:solid 1px #dddddd; position:relative;}
.cloud-barcode .item .text .des::after{ position:absolute; bottom:0; left:0; content:''; display:block; width:3em; height:.03rem; background:#000;}
.cloud-barcode .item .text .des span{color:#222;font-size:0.18rem;}
.cloud-barcode .item .text .con{ margin:.55rem 0;color:#222;line-height: 2.5;font-size:0.18rem;}
.cloud-barcode .item .text .con li{ line-height:2.5; margin-bottom:.1rem;}
.cloud-barcode .item .text .con li i{ margin-right:.15rem;}
.cloud-barcode .item .text .con li i img{ width:.26rem;}
.cloud-barcode .item .text .con li .wz{ width:calc(100% - .42rem);}
.cloud-barcode .item .text .con .index-more{ margin-top:.45rem;}
.cloud-barcode .item .pic{ width:50%; text-align:right;}
.cloud-security{ background-image:url(../images/security-bg.png); background-repeat:no-repeat; background-position:left center; background-size:54%; padding:.9rem 0;}
.cloud-security .pic{ width:59%;}
.cloud-security .text{ width:37%;}
.cloud-security .text .des{ color:#222; font-size:var(--font-size18); margin:.3rem 0; line-height:2.5; min-height:5.4em;}

.cloud-point{ position:fixed; top:20%; left:.3rem; text-align:right; display:none; z-index:8;}
.cloud-point::after{ content:''; display:block; position:absolute; top:4%; right:0; width:1px; height:92%; border-right:dashed 1px #cccccc; z-index:1;}
.cloud-point a{ margin-bottom:.35rem; padding-right:.25rem; width:100%; display:block; color:#666666; position:relative; z-index:3;}
.cloud-point a i{ position:absolute; right:-.05rem; top:50%; display:-webkit-flex; display:flex; justify-content:center; align-items:center; width:.12rem; height:.12rem; margin-top:-.05rem; border:dashed 1px transparent; border-radius:1rem; background:var(--white);}
.cloud-point a i::after{ content:''; display:block; width:.04rem; height:.04rem; background-color:#cccccc; border-radius:1rem;}
.cloud-point a.on{ color:#37bcff;}
.cloud-point a.on i{ border-color:#37bcff;}
.cloud-point a.on i::after{ background:#37bcff;}
.cloud-point a:last-child{ margin-bottom:0;}
@media (max-width:1440px) {
.cloud-point{ top:30%;}
.cloud-point a{ margin-bottom:.2rem;}
}
@media (max-width:1024px) {
.cloud-point{ top:30%; display:none!important;}
.cloud-host .list-box .item .tit{ font-size:var(--font-size16); padding:.3rem .2rem 0;}
.cloud-cluster .text{ padding-top:0;}
.cloud-printing .list-box .item .icon span{ transform:translateY(-.6rem); }
.cloud-printing .list-box .item .icon span img{ width:1rem; height:1rem;}
}
@media (max-width:640px) {
.cloud-cluster .text{ width:100%;}
.cloud-cluster .pic{ width:80%;}
.cloud-cluster .text .des{font-size:0.14rem;}
.cloud-cluster .text .con{font-size:0.14rem;}
.cloud-cluster .text .con li span{font-size: .14rem !important;}
.cloud-printing .introd{ background:var(--white);}
.cloud-printing .introd .autoCon-1500{ flex-wrap:wrap-reverse;}
.cloud-printing .introd .text{ width:100%; padding-top:0;}
.cloud-printing .introd .pic{ width:100%;}
.cloud-printing .introd .text .con{font-size:0.14rem;}
.cloud-printing .introd .text .con span{font-size:0.14rem !important;}
.cloud-printing .list-box .item .tit,
.cloud-printing .list-box .item .des{font-size: .14rem;}
.cloud-printing .list-box .item{ width:100%; margin-bottom:1rem;}
.cloud-printing .list-box .item:last-child{ margin-bottom:0;}
.cloud-barcode{ background:#f5f7f8; padding:.5rem 0;}
.cloud-barcode .item .text{ width:100%; padding-top:0;}
.cloud-barcode .item .text .des,
.cloud-barcode .item .text .des span,
.cloud-barcode .item .text .con,
.cloud-barcode .item .text .con li span{font-size: .14rem !important;}
.cloud-barcode .item .pic{ width:80%; margin-bottom:5%;}
.cloud-security .autoCon-1500{ flex-wrap:wrap-reverse;}
.cloud-security .pic{ width:100%;}
.cloud-security .text{ width:100%; margin-bottom:.35rem;}
.cloud-security .text .des,
.cloud-security .text .des span{font-size: .14rem !important;}
.cloud-host .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.cloud-host .list-box .item:nth-child(2n){ margin-right:0;}

}
.bodyCloudSecurity .index-more a {  background-color: #37bcff;  border: solid 1px #37bcff;}
.bodyCloudSecurity .index-more a:hover{ background-color:#2fa4e9; border-color:#2fa4e9;}

/* 管理咨询 */
.consulting-one .line-box{ padding:1rem 0; border-bottom:solid .02rem rgba(var(--rgb-black),0.1);}
.consulting-one .des{ margin:.2rem 0 .35rem; width:50%; line-height:1.8; color:#666666;}
.consulting-one .con-box .pic{ width:50%; border-radius:.15rem; overflow: hidden;}
.consulting-one .con-box .pic img{ transition:.3s; }
.consulting-one .con-box .text{ padding-left:.6rem; width:50%; line-height:2; }
.consulting-one .con-box .text .editor{ color:#666666;}
.consulting-one .con-box .text strong{ color:#333333;}
.consulting-one .con-box .text li{ line-height:1.6; margin-bottom:.1rem; color:#333333;}
.consulting-one .con-box .text li i{ margin-right:.15rem;}
.consulting-one .con-box .text li i img{ width:.26rem;}
.consulting-one .con-box .text li .wz{ width:calc(100% - .42rem);}
.consulting-one .con-box .index-more{ margin-top:.4rem;}
.consulting-two .item{ padding:1rem 0; border-bottom:solid .02rem rgba(var(--rgb-black),0.1);}
.consulting-two .item a{ direction:rtl;}
.consulting-two .item .pic{ width:50%; overflow:hidden; border-radius:.15rem;}
.consulting-two .item .pic img{ transition:.3s; }
.consulting-two .item .text{ direction:ltr; width:50%; padding-right:.85rem;}
.consulting-two .item .text .inside-tit{ border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.consulting-two .item .text .inside-tit .tit{ padding-bottom:.2rem; border-bottom:solid .02rem var(--hover);}
.consulting-two .item .text .des{ margin:.35rem 0; color:#666666; line-height:2;}
.consulting-two .item:nth-child(2n) a{ direction:ltr;}
.consulting-two .item:nth-child(2n) .text{ padding-right:0; padding-left:.85rem;}
.consulting-two .item:last-child{ border-bottom:none;}
.consulting-two .item a:hover .tit{ color:var(--hover);}
.consulting-two .item a:hover img{ transform:scale(1.05);}
.consulting-two .item a:hover .but{ background-color:#ab0005;}
@media (max-width:640px) {
.consulting-one .line-box{ padding:.5rem 0;}
.consulting-one .des{ width:100%;}
.consulting-one .con-box .pic{ width:100%;}
.consulting-one .con-box .text{ padding:.2rem 0 0; width:100%;}
.consulting-two .item{ padding:.5rem 0;}
.consulting-two .item .pic{ width:100%;}
.consulting-two .item .text{ width:100%; padding:.2rem 0 0 !important;}
}


/* 管理咨询详情 */
.course-list{ padding:1.1rem 0;}
.course-list .inside-tit{ margin-bottom:.5rem;}
.course-list .swiper-slide{ height:auto; background:#f8f8f8; border-radius:.1rem; overflow: hidden;}
.course-list .item .pic{ overflow:hidden;}
.course-list .item .pic figure{ padding-bottom:54.445%; background-size:cover; background-repeat:no-repeat; background-position:center;}
.course-list .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; transition:.3s;}
.course-list .item .text{ padding:.3rem;}
.course-list .item .text .tit{ margin-bottom:.15rem; font-size:var(--font-size22); font-weight:bold; color:#333333; transition:.3s;}
.course-list .item .text .des{ line-height:1.8; color:#666666;}
.course-list .item:hover .text .tit{ color: var(--hover);}
.course-list .item:hover .pic img{ transform:scale(1.05);}
.course-list .swiper-but{ margin:0; width:.5rem; height:.5rem; border:solid 1px var(--hover); background:var(--hover); border-radius:1rem; opacity:1; position:relative;}
.course-list .swiper-but::after{ font-size:var(--font-size18); font-weight:bold; color:var(--white); }
.course-list .swiper-button-prev{ left:0; margin-right:.2rem;}
.course-list .swiper-button-next{ right:0;}
.course-list .swiper-button-disabled{ background:var(--white);}
.course-list .swiper-button-disabled::after{color:var(--hover);}
.course-list .swiper-but:hover{ background:var(--hover);}
.course-list .swiper-but:hover::after{ color:var(--white);}

.course-cost{ background:#f4f7f8; padding:1.1rem 0;}
.course-cost .inside-tit .tit{ text-align:left;}
.course-cost .text{ width:38%;}
.course-cost .text .edit{ margin-top:.5rem;}
.course-cost .text dl{ margin-bottom:.3rem;}
.course-cost .text dl dt{ margin-bottom:.2rem; font-weight:bold; font-size:var(--font-size22);}
.course-cost .text dl dt sub{ font-size:var(--font-size16); color:var(--hover);}
.course-cost .text dl dd{ line-height:1.8; color:#666666;}
.course-cost .text dl:last-child{ margin-bottom:0;}
.course-cost .pic{ width:53.5%; text-align:right; border-radius:.15rem; overflow:hidden;}
.course-cost .pic img{ width:100%;}
.course-student{ padding:1.1rem 0; overflow: hidden;}
.course-student .inside-tit{ margin-bottom:.3rem;}
.course-student .swiper{ padding:1rem 0 0; overflow:visible;}
.course-student .swiper .swiper-slide{ height:auto; opacity:.2;}
.course-student .swiper .swiper-slide.my-slide-visible{ opacity:1;}
.course-student .swiper .swiper-slide{ height:auto; padding:0 .7rem .5rem; background:var(--white); box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:.2rem;}
.course-student .swiper .item .icon{ transform:translateY(-.85rem); margin-bottom:-.6rem; position: relative;}
.course-student .swiper .item .icon::after{ content:''; display:block; width:.9rem; height:.86rem; background-image:url(../images/douhao2.png); background-size:contain; background-repeat:no-repeat; background-position:center; position:absolute; right:0; bottom:-.25rem; opacity:.1; transition:.3s;}
.course-student .swiper .item .icon span{ width:1.71rem; height:1.71rem; border-radius:2rem; overflow: hidden; border:solid .02rem var(--white); display:block;}
.course-student .swiper .item .des{ color:#333333; margin-bottom:.15rem; min-height:8em; line-height:2;}
.course-student .swiper .item .name{ font-size:var(--font-size18); color:#666666;}
.course-student .swiper .swiper-slide-active .item .icon::after{ bottom:auto; top:20%; opacity:1;}
.course-student .other-aniu{ padding:.2rem 0; padding-right:.1rem; margin-top:.6rem;}
.course-student .other-aniu .swiper-pagination{ background:#ddd; width:calc(100% - 1.7rem); position:initial;}
.course-student .other-aniu .swiper-pagination-progressbar-fill{ background-color:var(--hover); border-radius:2rem; overflow:hidden;}
.course-student .other-aniu .swiper-but{ width:.5rem; height:.5rem; position:initial; margin:0; opacity:1; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:1rem; margin-right:.2rem; background-color:var(--white);}
.course-student .other-aniu .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:var(--hover);}
.course-student .other-aniu .swiper-button-next{ margin-right:0;}
.course-student .other-aniu .swiper-but:hover{ background-color:var(--hover);}
.course-student .other-aniu .swiper-but:hover::after{ font-weight:bold; color:var(--white);}

.course-issues{ background:#f9f9f9; padding:1rem 0; overflow:hidden;}
.course-issues .switch-issues{ margin-top:.65rem;}
.course-issues .swiper{ overflow:visible;}
.course-issues .swiper .swiper-slide{ height:auto;}
.course-issues .swiper .pic{ border-radius:.15rem; overflow:hidden;}
.course-issues .swiper .pic figure{ padding-bottom:65.96%;}
.course-issues .swiper .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.course-issues .other-aniu{ padding:.05rem 0; padding-right:.1rem; margin-top:.4rem;}
.course-issues .other-aniu .swiper-pagination{ background:#ddd; width:calc(100% - 1.7rem); position:initial;}
.course-issues .other-aniu .swiper-pagination-progressbar-fill{ background-color:var(--hover); border-radius:2rem; overflow:hidden;}
.course-issues .other-aniu .swiper-but{ width:.5rem; height:.5rem; position:initial; margin:0; opacity:1; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:1rem; margin-right:.2rem; background-color:var(--white);}
.course-issues .other-aniu .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:var(--hover);}
.course-issues .other-aniu .swiper-button-next{ margin-right:0;}
.course-issues .other-aniu .swiper-but:hover{ background-color:var(--hover);}
.course-issues .other-aniu .swiper-but:hover::after{ font-weight:bold; color:var(--white);}

.course-promote{ padding:.9rem 0;}
.course-promote .back-bg{position:absolute;left:0;top:0;width:100%;height:100%;}
.course-promote .back-bg img{width:100%;height:100%;object-fit:cover;}
.course-promote .text{ text-align:center; color:var(--white); position: relative; z-index:5;}
.course-promote .text .tit{ font-size:var(--font-size40); font-weight:bold;}
.course-promote .text .des{ line-height:1.5; font-size:var(--font-size22); margin:.3rem 0 .4rem;}
@media (max-width:1024px) {
.course-promote{ padding:.8rem 0;}
.course-promote .text .tit{ font-size:var(--font-size28);}
.course-promote .text .des{ font-size:var(--font-size18);}
}
@media (max-width:640px) {
.course-cost{ padding:.5rem 0;}
.course-cost .text{ width:100%;}
.course-cost .text .edit{ margin-top:.25rem;}
.course-cost .text dl dt{ font-size:var(--font-size18);}
.course-cost .text dl dt sub{ font-size:var(--font-size14);}
.course-cost .pic{ width:100%; margin-top:.5rem;}
.course-list{ padding:.5rem 0;}
.course-list .item .text{ padding:.15rem;}
.course-list .item .text .tit{ font-size:var(--font-size20);}
.course-issues{ padding:.5rem 0;}
.course-issues .switch-issues{ margin-top:.35rem;}
.course-promote .text .des{ font-size:var(--font-size16);}
}



/*  */
.about-menu .lanmu-box{ font-size:var(--font-size18);}
.about-menu .lanmu-box a{ color:#333333; display:block; padding:.25rem 0; border-bottom:solid .02rem transparent;}
.about-menu .lanmu-box li{margin-right:.6rem;}
.about-menu .lanmu-box li:last-child{ margin-right:0;}
.about-menu .lanmu-box li a:hover,
.about-menu .lanmu-box li.on a{ border-color:var(--hover);}
.about-menu .location{ font-size:var(--font-size16); color:#999999; padding:.25rem 0; text-align:right;}
.about-menu .location i{ padding:0 .1rem;}
.about-menu .location a{color:#999999;}
.about-menu .location a:hover{ color:var(--hover);}

@media (max-width:640px) {
.about-menu .location{ display:none;}
.about-menu .lanmu-box li{ margin-right:.2rem;}
}



/* 了解爱迅 */
.about-one{background-image: linear-gradient(-115deg,#e9ecf1,#fafafa); padding:1.1rem 0;}
.about-one .text{ width:85%; line-height:1.8;}
.about-one .text .con-text{ width:42.354%;}
.about-one .text .edit{ margin-top:.3rem; color:#666666;}
.about-one .text .pic{ width:49.412%; border-radius:.15rem; overflow:hidden;}
.about-one .text .pic figure{ padding-bottom:63.493333%;}
.about-one .text .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.about-one .roll-num li{ padding:.2rem 0; font-size:var(--font-size18);}
.about-one .roll-num li .roll{ color:var(--hover); line-height:1; font-size:var(--font-size45); font-weight:bold;font-family:'Barlow';}
.about-one .roll-num li .sup-iw{ margin-left:.05rem; align-content:space-between;}
.about-one .roll-num li .sup-iw sup{ color:var(--hover); line-height:.8;margin-bottom:.1rem;width:100%;font-size:var(--font-size26); font-weight:bold;}
.about-one .roll-num li .sup-iw sub{height:1em;line-height:1;width:100%; color:#333333;}
.about-one .roll-num li .wxz{ margin-top:.1rem; color:#666666;}
.about-one .roll-num li:last-child{ margin-right:0;}
.about-values{ padding:1rem 0;}
.about-values .txt-box{ margin-top:.45rem;}
.about-values .txt-one{ width:42%;}
.about-values .txt-two{ min-width:23%;}
.about-values .txt{ color:#666666; line-height:1.8;}
.about-values .txt h3{ margin-bottom:.3rem; font-weight:400; font-size:var(--font-size36); color:var(--hover);}
.about-values .txt h4{ display:block; margin-bottom:.2rem; font-size:var(--font-size22); margin-bottom:.15rem; font-weight:400;}

.about-values .list{gap: 0.44rem;}
.about-values .item{ width:calc((100% - 0.44rem * 2) / 3); background: #fafafa; border-radius: 0.15rem; overflow: hidden; position: relative;}
.about-values .item .pic{overflow:hidden; position: relative; z-index:2;}
.about-values .item .pic figure{ padding-bottom:125%;}
.about-values .item .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover; transition:.3s;}
.about-values .item .text{position: absolute;z-index: 5;width: 100%;height: 100%;padding: 0.45rem 0.6rem;}
.about-values .item .tit{font-weight:bold; font-size:var(--font-size28); color:var(--hover); margin-bottom: 0.2rem;}
.about-values .item .desc{font-size:var(--font-size18); line-height: 1.875; color:#333333;}




.about-history{ background-image:url(../images/about-history-bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; padding:1rem 0 .3rem;}
.about-history .history-box{ margin-top:.2rem;}
.about-history .let-con{ padding-top:.5rem; width:27%;}
.about-history .let-con .other-date{margin-bottom:.35rem;}
.about-history .let-con .year-date{font-family:'Barlow'; font-size:var(--font-size80); color:var(--hover); font-weight:bold;  line-height:1.1;}
.about-history .let-con .date-tit{padding:.05rem 0; padding-left:.45rem; font-size:var(--font-size16); cursor:pointer; position: relative;}
.about-history .let-con .date-tit i{width:.18rem;height:.18rem;display:-webkit-flex; display:flex; align-items:center; justify-content:center;background:#fff;position:absolute; left:0; top:50%; margin-top:-.09rem; border-radius:1rem; border:solid .05rem #d9d9d9;}
.about-history .let-con .swiper-slide-thumb-active .date-tit{ font-size:var(--font-size18); color:var(--hover); font-weight:bold;}
.about-history .let-con .swiper-slide-thumb-active .date-tit i{ border-color:var(--hover);}
.about-history .let-con .rig-but{ display:none;}
.about-history .year-box::after{ content:''; display: block; width:2px; height:79%; left:.08rem; top:.15rem; position:absolute; background:#e8e8e8;}
.about-history .year-box .swiper{ height:3.2rem;}
.about-history .rig-con{ width:70%; height:7.2rem; overflow:hidden; position: relative;}
.about-history .rig-con::after{ content:''; display:block; position:absolute; left:0; bottom:0; width:100%; height:3.3rem; z-index:8;}
.about-history .rig-con .swiper{ height:3.3rem; overflow:visible;}
.about-history .rig-con .item .date{ display:none;}
.about-history .rig-con .item .pic{ width:44.763%; border-radius:.2rem; overflow: hidden;}
.about-history .rig-con .item .pic figure{ padding-bottom:70.215%;}
.about-history .rig-con .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.about-history .rig-con .item .text{ line-height:1.5; padding-top:.25rem; width:55%; padding-left:.45rem;}
.about-history .rig-con .item .text .title{ padding-right:.2rem; font-size:var(--font-size22); color:#333333; font-weight:bold;}
.about-history .rig-con .item .edit{ padding-right:.2rem; height:12em; margin:.25rem 0; line-height:2; overflow:auto;}
.about-history .rig-con .item .edit::-webkit-scrollbar{width: 4px;background-color:#eee}
.about-history .rig-con .item .edit::-webkit-scrollbar-thumb{border: solid 1px var(--hover);width:3px;border-radius: 4px;background-color: var(--hover)}
.about-history .rig-con .swiper-slide{ opacity:.1;}
.about-history .rig-con .swiper-slide-active{ opacity:1;}

@media (max-width:1024px) {
.about-values .txt-one{ width:48%;}
.about-values .list{gap: 0rem;}
.about-values .item{ width:100%; margin-bottom: 0.24rem;}
.about-values .item .text{padding: 0.4rem 0.3rem;}
.about-values .item .tit{ font-size:var(--font-size24); }
.about-history .let-con{ width:30%;}
.about-history .let-con .year-date{ font-size:var(--font-size42);}
.about-history .let-con .date-tit{ padding-left:.35rem;}
.about-history .rig-con{ width:68%; height:4.8rem;}
.about-history .rig-con .swiper{ height:2.05rem; overflow:visible;}
.about-history .rig-con .item .text{ padding-top:0;}
.about-history .rig-con .item .text .title{ font-size:var(--font-size18);}
.about-history .rig-con .item .edit{ font-size:var(--font-size14); margin:.15rem 0; height:7.6em;}
}
@media (max-width:768px) {
.about-one .text{ width:80%;}
.about-one .roll-num li .roll{ font-size:var(--font-size32);}
}
@media (max-width:640px) {
.about-one .text{ width:100%;}
.about-one .text .con-text{ width:100%;}
.about-one .text .pic{ margin-top:.3rem; width:80%;}
.about-one .roll-num{ width:100%;}
.about-one .roll-num .ul{ justify-content:space-between; display:-webkit-flex; display:flex; flex-wrap:wrap;}
.about-values .txt{ margin-bottom:.3rem;}
.about-values .txt h3{ font-size:var(--font-size26);}
.about-values .txt h4{ font-size:var(--font-size20);}
.about-values .txt:last-child{ margin-bottom:0;}
.about-values .txt-one{ width:100%;}
.about-values .txt-two{ width:100%;}
.about-values .txt-two h4{ margin-bottom:0;}
.about-history .let-con{ width:100%; padding-top:0;}
.about-history .let-con .year-date{ font-size:var(--font-size28);}
.about-history .let-con .rig-but{ display:-webkit-flex; display:flex;}
.about-history .let-con .rig-but .swiper-but{ width:.5rem; height:.5rem; position:initial; margin:0; opacity:1; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:1rem; margin-right:.2rem; background-color:transparent;}
.about-history .let-con .rig-but .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:var(--hover);}
.about-history .let-con .rig-but .swiper-button-next{ margin-right:0;}
.about-history .let-con .rig-but .swiper-but:hover{ background-color:var(--hover);}
.about-history .let-con .rig-but .swiper-but:hover::after{ color:var(--white);}
.about-history .year-box{ display:none;}
.about-history .rig-con{ height:auto; width:100%;}
.about-history .rig-con::after{ display:none;}
.about-history .rig-con .swiper{ height:auto;}
.about-history .rig-con .item .pic{ width:100%;}
.about-history .rig-con .item .text{ padding:.2rem 0 0; width:100%;}
.about-history .rig-con .item .text .title{ font-size:var(--font-size20);}
.about-history .rig-con .item .edit{ font-size:var(--font-size18);}
}



/* 弹框 */
.pop-up{position:fixed;width:100%;height:100%;left:0;top:0;z-index:20;background:rgba(0,0,0,0.6); display:none;}
.pop-up .center{width:100%; height:100%;}
.pop-up .title{ width:100%; padding:.35rem .6rem; font-size:var(--font-size20); font-weight:bold;}
.pop-up .back-white{ width:100%; background:#f8f8f8; border-radius:.1rem; position:relative;}
.pop-up .close{ position:absolute; right:.35rem; top:.22rem; width:.5rem; height:.5rem; cursor:pointer; border-radius:1rem; overflow:hidden; z-index:10; background-color:var(--hover); color:var(--white);}
.pop-up .close::before,
.pop-up .close::after{position:absolute;content:'';width:50%;height:2px;border-radius:3px;background-color:var(--white);left:0; top:0; right:0;bottom:0; margin:auto}
.pop-up .close::before{ transform:rotate(45deg);}
.pop-up .close::after{ transform:rotate(-45deg);}
@media(max-width:640px){
.pop-up .back-white{ min-width:90%; max-width:90%; padding:.3rem;}
.pop-up .title{ font-size:var(--font-size24);}
}

/*  */
.up-said .editor-bg{ padding:0 .25rem .25rem;}
.up-said .editor{ color:#666666; line-height:1.8; padding:.35rem; background-image:linear-gradient(to bottom,#fff,transparent); border-radius:.1rem; font-size:var(--font-size16);}
.up-said .editor strong{ color:#333333;}
.up-said .aniu{ margin-top:.4rem;}
.up-said .aniu .but{ font-size:var(--font-size15); color:#fff; background-image:linear-gradient(to right,#191f34,#3e4c7d,#8694cd); display:-webkit-flex; display:flex; align-items:center; padding:.05rem;border-radius:1rem;}
.up-said .aniu .but .name{ padding:0 .3rem 0 .25rem;}
.up-said .aniu .but a{ padding:.05rem .3rem; background:var(--white); font-size:var(--font-size18); color:#333333; border-radius:1rem;}
.up-said .aniu .but a span{ padding-right:.35rem; background-image:url(../images/arrow-icon10.svg); background-repeat:no-repeat; background-position:right center; background-size:.15rem;}
.up-said .txt-con{ max-height:65vh; overflow:auto;}
.up-said .txt-con::-webkit-scrollbar{width: 4px;background-color:#eee}
.up-said .txt-con::-webkit-scrollbar-thumb{border: solid 1px var(--hover);width:3px;border-radius: 4px;background-color: var(--hover)}



/* 加入爱迅 */
.Join-aixun{ padding:1rem 0; background:#f8f8f8;}
.Join-aixun .inside-tit{ margin-bottom:.5rem;}
.Join-aixun #cultPic{ width:9.97rem; padding:0 .35rem; margin-left:-.8rem;}
.Join-aixun #cultPic .item{ background:var(--hover); border-radius:.3rem; overflow:hidden; position:relative;}
.Join-aixun #cultPic .item::after{content:''; display:block; background:var(--hover); position:absolute; left:0; top:0; width:100%; height:100%; opacity:.4; z-index:3;}
.Join-aixun #cultPic .item img{ width:100%; opacity:.3;}
.Join-aixun #cultPic .item .wtxt{ display:none;}
.Join-aixun #cultPic .swiper-slide{ opacity:0;}
.Join-aixun #cultPic .swiper-slide-prev,
.Join-aixun #cultPic .swiper-slide-next{ opacity:1;}
.Join-aixun #cultPic .swiper-slide-active{ opacity:1;}
.Join-aixun #cultPic .swiper-slide-active .item::after{ opacity:0;}
.Join-aixun #cultPic .swiper-slide-active .item img{ opacity:1;}
.Join-aixun .cultural-switch .editor{ width:calc(100% - 9.97rem); padding-left:.65rem; z-index:5;}
.Join-aixun .cultural-switch .editor .text{ font-weight:100; line-height:2; background:var(--white); position:relative; padding:.7rem .55rem; width:5.56rem; border-radius:.1rem .1rem .8rem .1rem; font-size:var(--font-size18);}
.Join-aixun .cultural-switch .editor .text::after{content:''; display:block; width:.59rem; height:.59rem; background-image:url(../images/douhao3.png); background-repeat:no-repeat; background-size:contain; background-position:center; position:absolute; left:.55rem; top:-.3rem;}
.Join-aixun .cultural-switch .cultural-oil{ width:9.97rem;}
.Join-aixun .cultural-lanm{ margin-top:.25rem; border-bottom:solid .02rem rgba(var(--rgb-black),0.1);}
.Join-aixun .cultural-lanm .swiper{ margin-bottom:-.02rem;}
.Join-aixun .cultural-lanm .iol{ font-size:var(--font-size24); color:#666666; text-align:center;}
.Join-aixun .cultural-lanm .iol span{ cursor:pointer; padding:.35rem 0; border-bottom:solid .02rem transparent;}
.Join-aixun .cultural-lanm .swiper-slide-thumb-active .iol{ font-weight:bold; color:var(--hover);}
.Join-aixun .cultural-lanm .swiper-slide-thumb-active .iol span{ border-color:var(--hover);}

.Join-position{ padding:1rem 0;}
.Join-position .tab-lanmu{ margin:.45rem 0;}
.Join-position .tab-lanmu .item{ padding:.15rem .3rem; font-size:var(--font-size18); text-align:center; background:#efefef; font-weight:100; cursor:pointer; margin:0 .12rem; border-radius:.1rem;}
.Join-position .tab-lanmu .item.active{ background:var(--hover); color:var(--white);}
.Join-position .list-box .ul{ display:none;}
.Join-position .list-box li{ padding:.3rem .5rem; background:#f8f8f8; margin-bottom:.1rem; border-radius:.2rem; cursor:pointer;}
.Join-position .list-box li .htmml-con{ display:none;}
.Join-position .list-box li .tit{ font-size:var(--font-size20); padding-right:.3rem; background-image:url(../images/add.png); background-repeat:no-repeat; background-position:right center; background-size:.2rem;}

.Join-said{ overflow:hidden; padding-bottom:1rem;}
.Join-said .inside-tit{ margin-bottom:.5rem;}
.Join-said .swiper{ overflow:visible;}
.Join-said .said-switch .item .pic{ width:65.76%; border-radius:.2rem; overflow: hidden; position:relative; z-index:2;}
.Join-said .said-switch .item .pic figure{ padding-bottom:56.083%;}
.Join-said .said-switch .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.Join-said .said-switch .item .editor{ padding-bottom:.4rem; width:34.24%; z-index:3; position:relative;}
.Join-said .said-switch .item .wtdtxt{ padding:.6rem .6rem .3rem; width:145%; background:#f8f8f8; border-radius:1rem .2rem .2rem .2rem; float:right; font-size:var(--font-size18); color:#333333; line-height:1.8; position:relative;}
.Join-said .said-switch .item .wtdtxt .tishi{ margin-top:.3rem; color:#999999;}
.Join-said .said-switch .item .wtdtxt::after{ position:absolute; right:.36rem; top:-.36rem; content:''; display:block; width:.79rem; height:.79rem; background-image:url(../images/douhao4.png); background-repeat:no-repeat; background-position:center; background-size:contain;}
.Join-said .said-switch .swiper-slide{ height:auto; opacity:.2;}
.Join-said .said-switch .swiper-slide.my-slide-visible{ opacity:1;}
.Join-said .other-aniu{ padding:.2rem 0; padding-right:.1rem; margin-top:.6rem;}
.Join-said .other-aniu .swiper-pagination{ background:#ddd; width:calc(100% - 1.7rem); position:initial;}
.Join-said .other-aniu .swiper-pagination-progressbar-fill{ background-color:var(--hover); border-radius:2rem; overflow:hidden;}
.Join-said .other-aniu .swiper-but{ width:.5rem; height:.5rem; position:initial; margin:0; opacity:1; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.1); border-radius:1rem; margin-right:.2rem; background-color:var(--white);}
.Join-said .other-aniu .swiper-but::after{ font-size:var(--font-size16); font-weight:bold; color:var(--hover);}
.Join-said .other-aniu .swiper-button-next{ margin-right:0;}
.Join-said .other-aniu .swiper-but:hover{ background-color:var(--hover);}
.Join-said .other-aniu .swiper-but:hover::after{ color:var(--white);}

@media(max-width:1024px){
.Join-aixun .cultural-switch .editor{ width:10%; padding-left:0;}
.Join-aixun .cultural-switch .cultural-oil{ width:90%;}
.Join-aixun #cultPic{ width:100%; margin-left:0;}

.pop-up .title{ font-size:var(--font-size22); padding:.35rem .4rem;}
.up-said .txt-con{ max-height:42vh;}
.up-said .editor{ padding:.2rem;}
}

@media(max-width:640px){
.Join-aixun{ padding:.5rem 0;}
.Join-aixun .cultural-switch .editor{ width:100%; padding-left:0; padding-bottom:.3rem;}
.Join-aixun .cultural-switch .editor .text{ width:100%; padding:.3rem;}
.Join-aixun .cultural-switch .editor .text::after{ width:.4rem; height:.4rem;}
.Join-aixun .cultural-switch .cultural-oil{ width:100%;}
.Join-aixun .cultural-lanm .iol{ font-size:var(--font-size20);}
.Join-aixun .cultural-lanm .iol span{ padding:.2rem 0;}
.Join-aixun #cultPic{ width:100%; margin-left:0;}
.Join-position{ padding:.5rem 0;}
.Join-said .other-aniu{ margin-top:.2rem;}
.Join-said .said-switch .item .pic{ width:100%;}
.Join-said .said-switch .item .editor{ width:100%; padding:.5rem 0 0;}
.Join-said .said-switch .item .wtdtxt{ width:100%; padding:.3rem;}
.Join-said .said-switch .item .wtdtxt::after{ width:.5rem; height:.5rem; top:-.2rem;}

.pop-up .title{ font-size:var(--font-size22); padding:.35rem .4rem;}
.up-said .txt-con{ max-height:42vh;}
.up-said .editor{ padding:.2rem;}
}



/* 新闻 */
.news-inside{ padding:1.1rem 0; background-image:linear-gradient(to bottom,#e9ecf1,#f2f3f4);}
.news-switch .swiper-slide{ padding:.1rem .05rem;}
.news-switch .item{ background:var(--white); border-radius:.15rem; overflow: hidden; box-shadow:0 0 .1rem rgba(var(--rgb-black),0.05);}
.news-switch .item .pic{overflow:hidden; width:53.3333333%; position:relative;}
.news-switch .item .pic figure{ padding-bottom:58.75%;}
.news-switch .item .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.news-switch .item .pic .caty{ background:rgba(var(--rgb-black),0.5); position:absolute; left:.3rem; top:.25rem; z-index:5; color:var(--white); padding:.08rem .2rem; border-radius:.08rem;}
.news-switch .item .text{ padding:.35rem .7rem; width:46.6666%;}
.news-switch .item .text .tiem{ margin-bottom:.1rem; color:#999999;}
.news-switch .item .text .title{ font-size:var(--font-size32); color:#333333; font-weight:bold;}
.news-switch .item .text .des{ margin:.25rem 0 .35rem; color:#666666; line-height:2;}
.news-switch .item .text .more .but{ padding:.15rem .2rem; min-width:1.5rem; text-align:center; border:solid 1px rgba(var(--rgb-black),0.2); font-size:var(--font-size18); color:#666666; border-radius:.1rem; transition:.3s;}
.news-switch .swiper-pagination{ left:auto; right:.7rem; width:auto; font-size:0; text-align:right; bottom:.6rem;}
.news-switch .swiper-pagination .swiper-pagination-bullet{ margin:0 .1rem;}
.news-switch .swiper-pagination .swiper-pagination-bullet-active{ border-color:var(--hover); background-color:var(--hover); width:.25rem; border-radius:.2rem;}
.news-switch .item:hover .more .but{ background:var(--hover); border-color:var(--hover); color:var(--white);}
.news-switch .item:hover .pic img{ transform:scale(1.05);}

.news-others{ padding:.5rem 0;}
.news-others .screen-list a{ margin-right:.2rem; min-width:1.5rem; text-align:center; display:block; padding:.15rem; background:var(--white); font-size:var(--font-size18); border-radius:.1rem; transition:.3s; box-shadow:0 0 .1rem rgba(0,0,0,0.05);}
.news-others .screen-list a:hover,
.news-others .screen-list a.on{ background:var(--hover); color:var(--white); font-weight:bold;}
.news-others .screen-list a:last-child{ margin-right:0;}
.news-others .news-search{ background:var(--white); border-radius:.1rem; box-shadow:0 0 .1rem rgba(0,0,0,0.05);}
.news-others .news-search input{ background:transparent; font-size:var(--font-size16); border:none; padding:.15rem .3rem;}
.news-others .news-search .but{ width:.5rem; background-image:url(../images/search.svg); background-repeat:no-repeat; background-size:.2rem; background-position:center; cursor:pointer;}

.news-list{ margin-bottom:.4rem;}
.news-list li{ width:32%; margin-right:2%; margin-bottom:2%;}
.news-list li a{ display:block; width:100%; background:var(--white); border-radius:.1rem; overflow:hidden; box-shadow:0 0 .1rem rgba(0,0,0,0.05);}
.news-list li:nth-child(3n){ margin-right:0;}
.news-list li .pic{overflow:hidden; width:100%; position:relative;}
.news-list li .pic figure{ position:relative; padding-bottom:58.75%;}
.news-list li .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:.3s;}
.news-list li .text{ line-height:1.8; padding:.25rem .35rem; color:#666666;}
.news-list li .text .tiem{ color:#999999;}
.news-list li .text .tit{ margin-bottom:.1rem; font-size:var(--font-size20); color:#333333; font-weight:bold;}
.news-list li .text .des{ margin:.2rem 0;}
.news-list li .text .more{ color:#333;}
.news-list li a:hover .pic img{ transform:scale(1.05);}
.news-list li a:hover .text .more,
.news-list li a:hover .text .tit{ color:var(--hover);}


@media(max-width:1024px){
.news-switch .item .text .title{ font-size:var(--font-size22);}
.news-others .screen-list a{ min-width:1.2rem; padding:.12rem .1rem;}
.news-switch .item .pic figure{ padding-bottom:73%;}
.news-switch .item .text{ padding:.35rem;}
.news-switch .item .text .more .but{ font-size:var(--font-size16);}
}

@media(max-width:640px){
.news-inside{ padding:.5rem 0;}
.news-switch .item .pic{ width:100%;}
.news-switch .item .text{ width:100%; padding:.2rem;}
.news-switch .item .text .des{ margin:.2rem 0;}
.news-others .news-search{ margin-top:.2rem;}
.news-others .screen-list{ width:100%;}
.news-others .screen-list a{ min-width:.8rem; margin-right:.1rem; margin-bottom:2%;}
.news-list li:nth-child(3n),
.news-list li{ width:49%; margin-right:2%; margin-bottom:2%;}
.news-list li:nth-child(2n){ margin-right:0;}
.news-list li .text{ padding:.1rem;}
.news-list li .text .des{ margin:.1rem 0;}
.news-list li .text .tit{ font-size:var(--font-size18);}
}


/* 新闻详情 */
.news-info{ color:#666666; padding-top:1.18rem; background:#f7f7f7; line-height:2; overflow: hidden;}
.news-info .fz30{ font-size:var(--font-size30);}
.news-info .Info-con{ width:65%; margin-bottom:1.2rem; padding-bottom:.3rem;}
.news-info .Info-con strong{ color:#333333;}
.news-info .Info-con .con{ padding-top:.3rem;}
.news-info .title{ width:100%; margin-bottom:.15rem; line-height:1.5; font-weight:bold; font-size:var(--font-size36); color:#333333;}
.news-info .line-box{ padding-bottom:.3rem; line-height:2; border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.news-info .line-box .tiem{ color:#999999;}
.news-info .video-shle{ font-size:0; position:relative; border-radius:.1rem; overflow: hidden;}
.news-info .video-shle video{ width:100%; display:block;}
.news-info .video-shle .play{ width:.99rem; height:.99rem; background-image:url(../images/play.png); background-size:contain; background-position:center; background-repeat:no-repeat; position:absolute; left:50%; top:50%; z-index:5; margin-left:-.48rem; margin-top:-.48rem; cursor:pointer;}
.news-info .turn-box{ padding:.3rem 0; border-bottom:solid 1px rgba(var(--rgb-black),0.1); border-top:solid 1px rgba(var(--rgb-black),0.1); margin-top:.7rem;}
.news-info .turn-box a{ color:#333333;}
.news-info .turn-box dl{ display:grid;}
.news-info .turn-box dd span{ color:#999999;}
.news-info .turn-box dd a:hover{ color:var(--hover);}
.news-info .return a{ display:block; padding:.1rem .25rem; background:var(--hover); color:var(--white); border-radius:.1rem;}
.news-info .return a span{ background-image:url(../images/return.svg); background-repeat:no-repeat; background-position:center right; padding-right:.25rem;}
.news-info .push{ width:28%;}
.news-info .push .push-tit{font-size:var(--font-size24); line-height:1.35; font-weight:bold;color:#333333; padding-bottom:.3rem; border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.news-info .push li{ padding:.3rem 0; border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.news-info .push li .pic{ width:45%; border-radius:.1rem; overflow: hidden;}
.news-info .push li .pic figure{ position:relative; padding-bottom:58%;}
.news-info .push li .pic img{ position:absolute; left:0; top:0; object-fit:cover; width:100%; height:100%; transition:.3s;}
.news-info .push li .text{ padding-left:.2rem; width:55%;}
.news-info .push li .text .tiem{ font-size:var(--font-size14); color:#999999;}
.news-info .push li .text .tit{ line-height:1.5; font-size:var(--font-size16); font-weight:bold;}
.news-info .push li a:hover .pic img{ transform:scale(1.05);}

@media (max-width:1024px) {
.news-info{ padding-top:1.06rem;}
}
@media (max-width:640px) {
.news-info .Info-con{ width:100%; margin-bottom:.3rem;}
.news-info .turn-box{ flex-wrap:wrap;}
.news-info .turn-box dl{ margin-bottom:.2rem; width:100%;}
.news-info .fz30{ font-size:var(--font-size24);}
.news-info .title{ font-size:var(--font-size26);}
.news-info .push{ width:100%; margin-bottom:.5rem;}
}



/* 联系我们 */
.contact-one{ background-image:url(../images/contact-bg.jpg); background-repeat:no-repeat; background-position:center; background-size:cover; padding:1.1rem 0;}
.contact-one .text{ width:30%;}
.contact-one .text .list-box{ line-height:1.8; margin-top:.45rem;}
.contact-one .text .list-box li{ margin-bottom:.5rem;}
.contact-one .text .list-box li .icon{ width:.5rem; height:.5rem; display:block; background:var(--white); border-radius:2rem;}
.contact-one .text .list-box li .icon span{ width:100%; height:100%; display:block; background-size:contain; background-position:center; background-repeat:no-repeat;}
.contact-one .text .list-box li .name{ color:#666666;}
.contact-one .text .list-box li .wtx{ font-size:var(--font-size18);}
.contact-one .text .list-box li .tel-hm{ font-size:var(--font-size24); color:var(--hover); font-weight:bold;}
.contact-one .text .list-box li .tel-icon span{ background-image:url(../images/contact-icon1.png);}
.contact-one .text .list-box li .email-icon span{ background-image:url(../images/contact-icon2.png);}
.contact-one .text .list-box li .addr-icon span{ background-image:url(../images/contact-icon3.png);}
.contact-one .text .list-box li .txt{ line-height:1.5; padding-left:.25rem;}
.contact-one .text .list-box li:last-child{ margin-bottom:0;}
.contact-one .pic{ width:56%; border-radius:.15rem; overflow:hidden;}
.contact-one .pic figure{ padding-bottom:57.143%;}
.contact-one .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.contact-two{ padding:1.2rem 0;}
.contact-two .share-box{ margin-top:.6rem;}
.contact-two .item{ padding:.3rem 0; width:18%; text-align:center; background:var(--white); box-shadow:0 0 .15rem rgba(0,0,0,0.05); border-radius:.1rem;cursor:pointer;}
.contact-two .item .iuo-box{ width:100%; height:1.34rem; position:relative; transition:.3s;}
.contact-two .item .icon{ position:absolute; left:0; top:0; width:100%; height:100%; transition:.3s;}
.contact-two .item .icon img{ width:.75rem;}
.contact-two .item .qrcode-box{ width:1.34rem; height:1.34rem; border:solid 1px rgba(var(--rgb-black),0.1); border-radius:.1rem; overflow:hidden; opacity:0; transition:.3s; }
.contact-two .item .text{ margin-top:.15rem; font-weight:100; font-size:var(--font-size14); color:#666666; transition:.3s;}
.contact-two .item .text .tit{ margin-bottom:.1rem; color:#333333; font-size:var(--font-size18); font-weight:bold;}
.contact-two .item:hover .icon{ opacity:0;}
.contact-two .item:hover .qrcode-box{ opacity:1;}
.contact-three{ padding:1.1rem 0; background-image: url(../images/contact-three.jpg);}
.contact-three .box{margin-top: .45rem;}
.contact-three .pic{ width: 47%;}
.contact-three .pic figure{ padding-bottom:61%;border-radius: .15rem;overflow: hidden;}
.contact-three .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.contact-three .form{width: 47%;}
.contact-three .form-box{ /* margin-top:.45rem; */}
.contact-three .item{ margin-bottom:.2rem; border-bottom:solid 1px rgba(0,0,0,0.1); line-height:2;}
.contact-three .wtd50{ width:48%;}
.contact-three .wtd100{ width:100%;}
.contact-three .txt-input input,
.contact-three .txt-input select{padding:.2rem 0; color:#666666; font-size:var(--font-size16); width:100%; border:none; background:transparent;}
.contact-three .txt-tarea{ padding:.15rem 0;}
.contact-three .txt-tarea textarea{ min-height:10em; line-height:2; font-size:var(--font-size16); width:100%; resize:none; border:none; background:transparent;}
.contact-three .index-more{ margin-top:.4rem;}
.contact-three .index-more a{ cursor:pointer;}


@media (max-width:1024px) {
.contact-one .text{ width:40%;}
.contact-one .text .list-box li{ margin-bottom:.2rem;}
.contact-one .text .list-box li .wtx{ font-size:var(--font-size16);}
.contact-two .item .icon img{ width:.6rem;}
.contact-two .item .iuo-box{ height:1rem;}
.contact-two .item .qrcode-box{ width:1rem; height:1rem;}


.contact-three .pic{width:100%; margin-bottom: 0.3rem;}
.contact-three .form{width: 100%;}
}

@media (max-width:640px) {
.contact-one{padding:.5rem 0;}
.contact-one .text{ width:100%; margin-bottom:.35rem;}
.contact-one .pic{ width:100%;}
.contact-two{padding:.5rem 0;}
.contact-two .share-box{ margin-top:.3rem;}
.contact-two .item{ width:48%; margin-bottom:4%;}
.contact-three{padding:.5rem 0;}
.contact-three .index-more{ margin-top:.3rem;}
}



/* 搜索 */
.list_istop{ margin-top:1.18rem; padding:var(--padMar100) 0;}
.list_istop .list{ margin-bottom:.6rem;}
.list_istop li {position: relative; border-bottom:1px #999 dotted; font-size:var(--font-size18);padding:1em 0; overflow:hidden;} 
.list_istop li::before{ position:absolute; content:''; width:4px; height:4px; border-radius:50%; background-color:#191919; left:5px; top:50%; margin-top:-2px;}
.list_istop li time{ float:right; font-size:var(--font-size16); color:#999; font-weight:400;}
.list_istop li a{ display:block; float:left; width:80%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-left:20px;color:#333;}
.list_istop li a:hover{ color:var(--hover);}

@media (max-width:1024px) {
.list_istop{ margin-top:1.06rem;}
}
@media(max-width:640px){
.list_istop{padding:.4rem 0;}
.list_istop li a{width:77%;}
}


/* 悬浮 */
.suspend-box{ position:fixed; right:.3rem; top:35%; z-index:8; box-shadow:0 0 .1rem rgba(0,0,0,0.08);}
.suspend-box .item{ background:var(--white); width:.6rem; border-bottom:solid 1px rgba(0,0,0,0.1); padding:.1rem; cursor:pointer;}
.suspend-box .item .qrcode{ position:absolute; top:0; right:90%; padding-right:.1rem; visibility:hidden; opacity:0; transition:.3s;}
.suspend-box .item .qrcode .pic{ width:2rem; height:2rem; background:var(--white); border-radius:.05rem; overflow: hidden;}
.suspend-box .item:first-child{ border-radius:.1rem .1rem 0 0;}
.suspend-box .item:last-child{ border-radius:0 0 .1rem .1rem;}
.suspend-box .item .icon{ margin-bottom:.05rem; text-align:center;}
.suspend-box .item .icon img{ max-width:.25rem;}
.suspend-box .item .wtx{ text-align:center; font-size:var(--font-size14); color:#666666;}
.suspend-box .item:last-child{ border-bottom:none;}
.suspend-box .suspend-tel{position:absolute;top:0;right:90%;padding-right:.1rem; visibility:hidden; opacity:0; transition:.3s;}
.suspend-box .suspend-tel .back-white{ background:var(--white); padding:.3rem; width:3.6rem; border-radius:.1rem; box-shadow:0 0 .1rem rgba(0,0,0,0.1);}
.suspend-box .suspend-tel .tit{ margin-bottom:.05rem; font-size:var(--font-size20); font-weight:bold; color:#333333;}
.suspend-box .suspend-tel .tel-hm{ margin-bottom:.1rem; font-size:var(--font-size24); color:var(--hover); font-weight:bold;}
.suspend-box .suspend-tel .des{ font-size:var(--font-size14); color:#666666;}
.suspend-box .suspend-tel .form-box{ font-size:var(--font-size14); margin-top:.15rem;}
.suspend-box .suspend-tel .form-box .input-txt{margin-bottom:.1rem; border:solid 1px #dedede; border-radius:.05rem; overflow: hidden;}
.suspend-box .suspend-tel .form-box .input-txt input{ padding:.15rem .2rem; border:none; width:100%;}
.suspend-box .suspend-tel .form-box .select-txt{margin-bottom:.1rem; border:solid 1px #dedede; border-radius:.05rem; overflow: hidden; position:relative;}
.suspend-box .suspend-tel .form-box .select-txt select{color:#999999; padding:.15rem .2rem; border:none; width:100%; cursor: pointer;}
.suspend-box .suspend-tel .form-box .select-txt select{ padding:.15rem 0; border:solid 1px #000;appearance:none;-moz-appearance: none;-webkit-appearance: none;background-image:url(../images/arrow-icon5.svg); background-size:.11rem; background-repeat:no-repeat;background-position:98% center;background-color:transparent;padding-right:.2rem;padding-left:.1rem;border:none; width:100%;}
.suspend-box .suspend-tel .form-box .select-txt select::-ms-expand{display: none;}
.suspend-box .tishi{ margin:.15rem 0 .2rem;}
.suspend-box .tishi input{margin:0; display:block; width:.16rem; height:.16rem; margin-right:.1rem; cursor:pointer;}
.suspend-box .tishi .ixt{ color:#999999;}
.suspend-box .more .but{ background:var(--hover); color:var(--white); border-radius:1rem; padding:.13rem .3rem; transition:.3s;}
.suspend-box .more .but:hover{background-color:#ab0005;}
.suspend-box .item:hover .suspend-tel{ right:100%; visibility:visible; opacity:1;}
.suspend-box .item:hover .qrcode{ right:100%; visibility:visible; opacity:1;}
@media (max-width:640px) {
.suspend-box{bottom: 0;top: auto;width:100%;right:0;display: flex;justify-content: space-between;}
.suspend-box .item{width:50%;border-bottom:0;min-height: 0.68rem;}
.suspend-box .item:first-child{border-radius: 0}
.suspend-box .item:last-child{display: none;}
.suspend-box .suspend-tel{ }
.suspend-box .item:hover .suspend-tel{right:0;bottom:100%; top: auto;}
.suspend-box .item .qrcode{bottom:100%;}
.suspend-box .item:hover .qrcode{right:auto;left:0;bottom:100%;top:auto;}
}



/*Page002737 */
.Page002737 .Pages{ text-align:center; font-size:var(--font-size18);font-family:'Barlow';}
.Page002737 .Pages > span{display:inline-block; vertical-align:middle;}
.Page002737 .Pages .p_jump,
.Page002737 .Pages .a_first,
.Page002737 .Pages .a_end,
.Page002737 .Pages .p_cur,
.Page002737 .Pages .p_count,
.Page002737 .Pages .p_total{display: none;}
.Page002737 .Pages .p_jump,
.Page002737 .Pages .p_page{overflow: hidden; }
.Page002737 .Pages .p_page em{font-style: normal;}
.Page002737 .Pages .p_page a{float:left;width:.52rem;line-height:.5rem;border-radius:1rem;padding:0 .1rem;margin:0 5px;color:#aaa; background:#f0f3f8;color:#5b5351; border:solid 1px #f0f3f8;}
.Page002737 .Pages .p_page a.a_prev::after,
.Page002737 .Pages .p_page a.a_next::after{font-family:swiper-icons;font-size:var(--swiper-navigation-size);text-transform:none!important;letter-spacing:0;text-transform:none;font-variant:initial;line-height:1; font-weight:bold; color:#5b5351;}
.Page002737 .Pages .p_page a.a_prev,
.Page002737 .Pages .p_page a.a_next{font-size:0; display:-webkit-flex;align-items:center;justify-content:center; background:var(--white); border-color:#cccccc;}
.Page002737 .Pages .p_page a.a_prev::after{content:'prev'; font-size:var(--font-size16); color:#cccccc;}
.Page002737 .Pages .p_page a.a_next::after{content:'next'; font-size:var(--font-size16); color:#cccccc;}
.Page002737 .Pages .p_page a:hover,
.Page002737 .Pages .p_page a.a_cur{background-color:var(--hover); border-color:var(--hover); color: #fff;}
.Page002737 .Pages .p_page a.a_prev:hover::after,
.Page002737 .Pages .p_page a.a_next:hover::after{ color:var(--white);}
.Page002737 .Pages  .p_page a.pagedot{ border-color: transparent; padding: 0; margin-right: -5px; line-height: 34px; height: .5rem;}
.Page002737 .Pages .p_jump > *{float: left;}
.Page002737 .Pages .p_jump b{ font-weight: normal; color: #aaa; margin: 0 4px; line-height: 46px;}
.Page002737 .Pages .p_jump b.f0{margin-right: 6px;}
.Page002737 .Pages .p_jump input{ height:46px; border-radius:5px;}
.Page002737 .Pages .i_text{ line-height:.5rem;text-align:center;width:46px; text-align:center;color: #333;font-size:20px;}
.Page002737 .Pages .i_button{background:#ebebeb; width:70px;padding:0; cursor:pointer;border:none;margin-left:10px;color:#888;}
@media(max-width:768px){
.Page002737 .Pages{ font-size:var(--font-size16);}
.Page002737 .Pages .p_jump{display: none;}
.Page002737 .Pages .p_page a{ width:.4rem; height:.4rem; line-height:.4rem; margin:0 .03rem;}
.Page002737 .Pages .p_page a.a_prev::after{font-size:var(--font-size12);}
.Page002737 .Pages .p_page a.a_next::after{font-size:var(--font-size12);}
}


.Talent-tTraining{padding:1.1rem 0;background-image: linear-gradient(to top, transparent, #f0f2f6);}
.Talent-tTraining .form-box{ margin-top:.45rem;}
.Talent-tTraining .item{ margin-bottom:.2rem; border-bottom:solid 1px rgba(0,0,0,0.1); line-height:2;}
.Talent-tTraining .wtd50{ width:48%;}
.Talent-tTraining .wtd100{ width:100%;}
.Talent-tTraining .txt-input input,
.Talent-tTraining .txt-input select{padding:.2rem 0; color:#666666; font-size:var(--font-size16); width:100%; border:none; background:transparent;}
.Talent-tTraining .txt-tarea{ padding:.15rem 0;}
.Talent-tTraining .txt-tarea textarea{ min-height:10em; line-height:2; font-size:var(--font-size16); width:100%; resize:none; border:none; background:transparent;}
.Talent-tTraining .index-more{ margin-top:.4rem;}
.Talent-tTraining .index-more a{ cursor:pointer;}


@media (max-width:1024px) {
.Talent-tTraining .wtd50{ width:100%;}
}
@media (max-width:640px) {
.Talent-tTraining{padding:.5rem 0;}
.Talent-tTraining .index-more{ margin-top:.3rem;}
}