@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:#03326e;--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{ background-color:var(--white); position:fixed; left:0; top:0; width:100%; border-bottom:solid 1px rgba(var(--rgb-black),0.1); z-index:20;}
header .others-top{ font-size:var(--font-size14); background:var(--bgcolor); line-height:1; color:var(--grey2);}
header .others-top .xla-line{ padding:.06rem 0;}
header .others-top .xla-line .ul{ display:none;}
header .others-top .xla-line .tit{ padding-right:.15rem; border-right:solid 1px var(--grey2); cursor:pointer;}
header .others-top .xla-line .ul{ display:block; position:absolute; top: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;}
header .others-top .xla-line .ul li{ padding:.05rem;}
header .others-top .xla-line:hover .tit{ color:var(--hover);}
header .others-top .xla-line:hover .ul{ visibility:visible; top:100%; opacity:1;}
header .others-top .io{ padding-left:.15rem; color:var(--grey2);}
header .others-top .io a{ color:var(--grey2);}
header .others-top .io a:hover{ color:var(--hover);}
header .top-two .logo a{ padding:.15rem 0;}
header .top-two .logo a img{ max-height:.62rem;}

header #menu li,
header #menu .ul,
header #menu .overflow{ height:100%;}
header #menu .ul{ margin-right:.2rem;}
header #menu li{ margin:0 .3rem;}
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 .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:47%; margin-right:5.3333%; 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(2n){ 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; color: #999;}
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;}
@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-height:.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;width: 0.8rem;}
header .rig-box .tel-top{ font-size:var(--font-size16); display: none;}

header .open-menu{display:block;}
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:-60%; top:0; width:60%; height:100%; padding-top:1.06rem; transition:.3s;}
header #menu .ul{ height:100%; align-items:flex-start; align-content:flex-start; padding:.2rem;}
header #menu li{width:100%; margin:0; height:auto;}
header #menu li>span>a{ justify-content:flex-start; padding:.16rem 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;}

.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);}
}

@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 .others-top .xla-line:hover .ul{ display:block; opacity:1;}
}

/* 按钮 */
.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:#e6a728; border-color:#e6a728;}

/*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-size42); 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 h3{font-size:var(--font-size32);}   
.Banner003223 .txt .des{font-size:var(--font-size18);}
.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;}
.Banner003223 .txt h3{ font-size:var(--font-size22);}
}

/* 底部 */
.footer-one{ padding:.75rem 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:5rem;}
.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:.35rem;}
.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%;width: 1rem; bottom:100%; background:var(--white); border:solid 1px #999; margin-left:-.5rem; visibility:hidden; opacity:0; transition:.3s;}
.footer-one .bot-lxfs .share .qrcode img{ width:1rem; height:1rem; object-fit:cover;}
.footer-one .bot-lxfs .share a:hover .qrcode{ bottom:120%; visibility: visible; opacity:1;}
.footer-one .bot-nav{ max-width:calc(100% - 4rem); line-height:2;}
.footer-one .bot-nav dl{ margin-right:1.7rem;}
.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);text-align: center;}

@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-size24); 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;}
}


/* 首页 */
.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:var(--padMar110) 0;}
.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{ filter: brightness(0) invert(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:52%; color:#666666;}
.home-solution .solution-list .item .text .tit-io{ padding-left:.85rem; border-left:solid .06rem #e6a728;}
.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:43%; text-align:right;}
.home-solution .index-more{ padding-left:.85rem;}

.home-news{ padding:var(--padMar110) 0;background: #f6f9fc;}
.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:var(--white); 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:var(--white); padding:.3rem .1rem .1rem .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:27.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 .1rem 0;}
.home-news .list-con .lve-box li .tit{ font-weight:bold; font-size:var(--font-size18); color:#333333; line-height: 1.6;}
.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:1.25rem 0;}
.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;}

@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:.3rem;}
.home-customer .customer-switch .item .icon img{ height:.35rem;}


.home-company .rolling-suz{ padding:0 .3rem;}
.home-company .rolling-suz li{ margin-right:.2rem; font-size:var(--font-size16);}
.home-company .rolling-suz li .roll{ font-size:var(--font-size32);}
.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:.8rem;}
.home-company .company-switch .item .txt{ font-size:var(--font-size14);}

.home-news .let-con .item .text{ padding:.2rem;}
.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);}
}


@media (max-width:640px) {
.index-tit{ font-size:var(--font-size30);}
	
.index-more a{ min-width:1.4rem; line-height:3;}

.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-customer .customer-switch{ padding:.2rem 0;}


.home-company .rolling-suz{ padding:.5rem .3rem; width:100%; justify-content:flex-start;}
.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 .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:1.18rem;}
.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-size42); 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:38.5%;}
.inside-ban .pic{ width:52%; 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);}
@media (max-width:1024px) {
.inside-ban{ padding-top:1.06rem;}
.inside-ban .txt{ top:1.06rem; height:calc(100% - 1.06rem);}
.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 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;}
.inside-ban .txt h3{ font-size:var(--font-size22);}
.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%;}
.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;}
.inside-tit .desc{font-size: var(--font-size20);margin-top: .2rem;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:var(--padMar100) 0; background-image:url(../images/pro-bg1.jpg); background-repeat:no-repeat; background-size:cover; background-position:center bottom;}
.pro-introd .des{ font-weight:100; 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:var(--padMar110) 0;}
.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);}
@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 .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 .des{ padding:0 .1rem; text-align: left;}
.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 .list{ margin-top:-.35rem;}
.Prolist .list .item .text{ width:100%;}
.Prolist .list .item .pic{ width:100%;}
}


/* 产品详情 */
.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;}
.pro-info-one .text .con li{ line-height:1.5; margin-bottom:.1rem;}
.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:var(--padMar110) 0 var(--padMar60); background:#edeff4;}
.pro-info-two .pic{ width:56%; overflow: hidden;}
.pro-info-two .text{ padding-top:.35rem; color:#333333; width:40%;}
.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:var(--padMar100) 0; background:var(--white);}
.pro-info-three .tit1{text-align: center;margin-top: .3rem; line-height: 1.7;}
.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:var(--padMar130)  0 var(--padMar80) ; background-image:linear-gradient(to top,transparent,#f0f2f6);}
.pro-info-four .des{ max-width:9.6rem; margin:0 auto; text-align:center; line-height:1.8; color:#666666; font-size:var(--font-size18); margin-top:.3rem;}
.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 .item{ width:24%; margin:.1rem 0; margin-right:1.333333%; padding:.25rem .4rem; background:var(--white); box-shadow:0 .05rem .1rem rgba(var(--rgb-black),0.08); border-radius:.15rem;}
.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 .text .tit{ margin:.15rem 0 .1rem; font-size:var(--font-size20); font-weight:bold; color:#333333;}
.pro-info-four .list .item .text .introd{ color:#666666;}
.pro-info-four .list .item:nth-child(4n){ margin-right:0;}
.pro-info-four .index-more{ margin-top:.6rem;}

.pro-info-five{ padding:var(--padMar100)  0 var(--padMar60) ;}
.pro-info-five .list{ margin-top:.75rem;}
.pro-info-five .tit1{text-align: center;margin-top: .3rem; line-height: 1.7;}
.pro-info-five .list .item{ margin-bottom:.8rem; direction:rtl;position:relative;}
.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:41%; 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);}
.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:var(--hover); border-color:var(--hover); color:var(--white);}
.pro-info-five .list .item:hover .pic figure img{ transform:scale(1.05);}
.pro-info-five .list .itemid{position:absolute;top:-110px;left:0;}
.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;}
.pro-info-six .con{ margin-top:.4rem;}

@media (max-width:1024px) {
.pro-info-one{ background-size:60%;}
.pro-info-three .switch-points .item .text{ padding:.2rem;}
.pro-info-five .list .item{margin-bottom: .4rem;}
.pro-info-five .list .item .text{ width:48%;}
.pro-info-five .list .item .text .tit{ font-size:var(--font-size22); margin-bottom:.1rem;}
.pro-info-five .list .item .text .des{ font-size:var(--font-size16);}
.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 .text{ width:100%; padding:.2rem 0;}
.pro-info-one .text .des{ font-size:var(--font-size20);}
.pro-info-two .text .ul{ line-height:1.5;}
.pro-info-one .pic{ width:100%;}


.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-three .other-aniu{ margin-top:.25rem;}

.pro-info-four{ padding:.5rem 0;}
.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%;}
.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%;}
}



/* 客户案例 */
.Customer-case{ padding:.8rem 0 1rem; background-image: url(../images/Customer-case-bg.png); background-repeat:no-repeat; background-position:center; background-size:cover;}
.case-menu{ padding:0 .35rem;}
.case-menu .item{font-size:var(--font-size18); cursor:pointer; font-weight:bold; min-width:calc(100% / 7); margin:.05rem 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 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;}

.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{ min-width:calc(100% / 5); font-size:var(--font-size16);}
.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;}
.case-menu .item{ min-width:calc(100% / 3); font-size:var(--font-size16);}
.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:var(--padMar100) 0;}
.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-two{ padding:var(--padMar100) 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:23.75%; 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:.1rem;}
.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 span{display: block;font-weight: bold; font-size: var(--font-size20);margin-bottom:.15rem;}
.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);}
.cloud-two .list-box .item:nth-child(4n){margin-right:0;}
@media (max-width:768px) {
.cloud-one .text{ padding:.5rem;}

}
@media (max-width:640px) {

.cloud-one .text{ margin-top:0; margin-bottom:.3rem; width:90%; padding:.3rem;}
.cloud-one .text::after{ width:110%;}
.cloud-one .pic{ width:100%;}
.cloud-one .pic figure{ width:100%;}
/* .cloud-one .pic figure::before{ display: none;} */

.cloud-two .list-box{ margin-top:.3rem;}
.cloud-two .list-box .item:nth-child(4n),
.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:var(--padMar100) 0; background:var(--white);}
.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);}
.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-size15); line-height:1.8; color:#666666; 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;}
.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-size16); color:#666666; line-height:2; margin-top:.25rem;}
.cloud-printing .introd .text .con .p{margin-bottom: .4rem;}
.cloud-printing .introd .text .index-more{ margin-top:.3rem;}
.cloud-printing .list-box{ padding-bottom:var(--padMar110);}
.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 .6rem;}
.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-size15); line-height:1.8; color:#666666; 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 .con{ margin:.55rem 0;}
.cloud-barcode .item .text .con li{ line-height:1.6; 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:#666666; font-size:var(--font-size15); margin:.3rem 0; line-height:1.8; 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:var(--hover);}
.cloud-point a.on i{ border-color:var(--hover);}
.cloud-point a.on i::after{ background:var(--hover);}
.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-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 .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 .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-host .list-box .item{ width:48%; margin-right:4%; margin-bottom:4%;}
.cloud-host .list-box .item:nth-child(2n){ margin-right:0;}
}


/* 管理咨询 */
.consulting-one .line-box{ padding:var(--padMar100) 0 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 .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:var(--padMar110) 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-history{ background-image:url(../images/about-history-bg.png); background-repeat:no-repeat; background-size:cover; background-position:center; padding:var(--padMar100) 0;}
.about-history .history-box{ margin-top:.2rem;}
.about-history .tit1{margin-top: .3rem;line-height: 2;margin-bottom: .3rem;width: 90%;}
.about-history .let-con{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:2.7rem;}
.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:41%; border-radius:.2rem; overflow: hidden;}
.about-history .rig-con .item .pic figure{ padding-bottom:75%;}
.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-one .text{ width:100%;}
.about-one .text .con-text{ width:100%;}
.about-one .text .pic{ margin-top:.3rem; width:100%;}

.about-one .roll-num{ width:100%;}
.about-one .roll-num .ul{ justify-content:space-between; display:-webkit-flex; display:flex; flex-wrap:wrap;}
.about-one .roll-num li .roll{ font-size:var(--font-size32);}

.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:640px) {

.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)}

/*
 .Form002335 为demo编号
 */
.Form002335{padding-top: var(--padMar110);}
.Form002335 .wrap-container{ position: relative; display: table; width: 100%;}
.Form002335 .pic{ width: 50%; display: table-cell;border-radius:.1rem 0 0 .1rem;}
.Form002335 .pic img{ width: 100%;border-radius:.1rem 0 0 .1rem;
  height: 100%;
  object-fit: cover;
}
.Form002335 .box{ background: #fff; display: table-cell; width: 50%;vertical-align: middle; padding:.5rem .5rem;border-left: none;border-radius:0 .1rem .1rem 0;}
.Form002335 .box-inner{ max-width:4.5rem; margin: 0 auto; }
.Form002335 .tab{ text-align: center; line-height: 1; border-bottom: 1px solid #d7d7d7; padding-bottom: .3rem; margin-bottom: .3rem;}
.Form002335 .tab a{ display: inline-block; margin: 0 10%; color: #b9b9b9; font-size: 0.18rem; position: relative;}
.Form002335 .tab a.on{ color: #333;font-weight: bold;}
.Form002335 .tab a.on:after,.Form002335 .tab a.on:before{content:""; position: absolute; left: 50%; bottom: -.3rem; width: 0; height: 0; z-index: 3;border-style: dashed dashed solid dashed ; margin-left: -4px;}
.Form002335 .tab a.on:after{  border-color: transparent transparent #d7d7d7 transparent; border-width:0 8px 10px 8px; }
.Form002335 .tab a.on:before{border-color: transparent transparent #fff transparent; border-width:0 7px 9px 7px; bottom: -21px; z-index: 4; margin-left: -3px;}
.Form002335 .con>div{ display: none;}
.Form002335 .con>div.loginbox{ display: block;}
.Form002335 .row{ margin-bottom:.3rem; position: relative;}
.Form002335 .row .text{ border: 1px solid #e4e4e4; border-radius: 3px; background: #fff; font-size:var(--font-size16); color: #b5b5b5; line-height: 24px; width: 100%; padding: .1rem;}
.Form002335 .row .focus{ border-color:var(--hover); color: #333;}
.Form002335 dl{ text-align: left; margin: 20px 0;}
.Form002335 dl a{ position: relative;}
.Form002335 dl .checkbox{ position: relative; top: 2px;}
.Form002335 dl .forgetbtn{ float: right;}
.Form002335 .btn{ background: var(--hover); width: 100%; display: block; height: 44px; line-height: 44px; text-align: center; color: #fff; font-size: var(--font-size16); margin-top: .2rem; border: none;     border-radius: .05rem; cursor: pointer;} 
.Form002335 .registerbox dl{ text-align: right; color: #737373;} 
.Form002335 .registerbox .row .yzmbtn {position: absolute;right: .2rem;top: 0;width: 1.5rem;height: 100%;display: flex;justify-content: flex-end;align-items: center; z-index: 5;cursor: pointer;color: var(--hover)}
.Form002335 .loginbox .row .yzmbtn {position: absolute;right: .2rem;top: 0;width: 1.5rem;height: 100%;display: flex;justify-content: flex-end;align-items: center; z-index: 5;cursor: pointer;color: var(--hover)}


.Form002335 .forgot .title{ color: #333;font-weight: bold;font-size: 0.20rem; text-align: center; margin-bottom: 0.3rem; }
.Form002335 .forgot .row{margin-bottom:.15rem;}
.Form002335 .forgot .row .yzmbtn {position: absolute;right: .2rem;top: 0;width: 1.5rem;height: 100%;display: flex;justify-content: flex-end;align-items: center; z-index: 5;cursor: pointer;color: var(--hover)}



@media only screen and (max-width:1024px) and (min-width:768px) {
.Form002335 .box{padding: .3rem;}
.Form002335 .row .text{ padding: 5px 10px;}
.Form002335 .btn{ height: .35rem; line-height: .35rem; margin-top: 10px;}
.Form002335 dl{ margin: 10px 0;}
.Form002335 .row{ margin-bottom: 10px;}
}
@media only screen and (max-width:767px ) {
.Form002335{padding-top: var(--padMar160);}
.Form002335 .box-inner{max-width: 100%;}
.Form002335 .pic{width: 100%; display: block;}
.Form002335 .box{ width: 100%;display: block; padding:0.3rem;  border: none;}
}


/* 加入 */
.Join-aixun{ padding:var(--padMar100) 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;}
.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:var(--padMar110) 0; background-image:linear-gradient(to bottom,#e9ecf1,#f2f3f4);}
.news-switch{ margin-bottom:.6rem;}
.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-size28); 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{ margin:.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);}
.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:.2rem;}
.news-list li .text .des{ margin:.1rem 0;}
}

@media(max-width:640px){
.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{ width:100%; margin-right:0%; margin-bottom:3%;}

}


/* 新闻详情 */
.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.7; 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:var(--padMar110) 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-size32); color:var(--hover); font-weight:bold;font-family: 'Barlow';}
.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-three{ padding:var(--padMar110) 0; background-image: url(../images/contact-three.jpg);}
.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{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:.5rem;}
.contact-three .index-more a{ cursor:pointer;}

@media (max-width:1024px) {
.contact-one .text{ width:100%; margin-bottom:.35rem;}
.contact-one .pic{ width:100%;}
.contact-one .text .list-box li{ margin-bottom:.2rem;}

}

@media (max-width:640px) {
.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:1rem; height:1rem; 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{ right:.15rem;}
}



/*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);}
}

/* 分享 */
.share_tit{
  font-size: var(--font-size14);
  cursor: pointer;
  position: relative;
  display: inline-block;
  margin-left: .2rem;
}
.share_tit img {
    position: absolute;
    left: 0;
    opacity: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.file_tit +.viewer-container .viewer-footer,
.share_tit + .viewer-container .viewer-footer{
  display: none !important;
} 



.base_form {
    padding: var(--padMar110) 0;
    background-image: url(../images/contact-three.jpg);
}
.base_form .form_list{
    margin-top: .45rem;
}
.form_list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: .45rem;
}
.form_list .lable{
  white-space: nowrap;
  font-size: var(--font-size16);
}
.form_list .form_item{
  padding: .25rem 0;
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
  display: flex;
  align-items: center;
  position: relative;
}
.form_list .form_item.w50{
  width: 48%;
}
.form_list .form_item.w100{
  width: 100%;
}
.form_list .form_item.margin_left{
  margin-left: 4%;
}
.form_list .input{
  flex: 1;
  margin-left: .1rem;
}
.form_list .lable{
  font-size: .16rem;
}
.form_list .input input{
  color: #666666;
  font-size: var(--font-size16);
  background-color: transparent;
  width: 100%;
  border: none;
  font-size: .16rem;
}
.form_list .input select{
  border: none;
  font-size: .16rem; 
  background-color: transparent;
}
.form_list .form_item.file_item,
.form_list .form_item.select_item,
.form_list .form_item.date_item{
  justify-content: space-between;
}
.form_list .form_item.file_item .input,
.form_list .form_item.select_item .input,
.form_list .form_item.date_item .input{
  width: auto;
  flex: unset;
}

.file_box{
  position: relative;
  display: flex;
  align-items: center;
}
.file_box .file_btn{
  position: relative;
  background-color: #03326e;
  padding: .1rem .15rem;
  border-radius: .1rem;
}
.file_btn input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
  cursor: pointer;
}
.file_box .file_tit{
  margin-right: .2rem;
  cursor: pointer;
  position: relative;
}
.file_box .file_tit:hover{
  color: #03326e;
}
.file_box .file_tit img{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.file_box .file_btn_tit{
  color: #fff;
}

.error-msg {
  color: red;
  font-size: 12px;
  margin-top: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}
.btn_submit{
  cursor: pointer;
}
.form_ed{
  width: 100%;
  max-width: 5.6rem;
  margin: .45rem auto;
}
.date_btn{
  position: relative;
}
.date_btn input{
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 3;
}
.date_tit{
  color: #333;
  position: relative;
  padding-right: .3rem;
}
.date_tit::before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0,-50%);
  background-image: url(../images/date_ico.png);
  width: .3rem;
  height: .3rem;
  background-size: .2rem;
  background-repeat: no-repeat;
  background-position: center;
}

@media(max-width:768px){
.share_tit {
    margin-left: .1rem;
}
.form_list .form_item.w50 {
    width: 100% !important;
}

.form_list .form_item.margin_left {
    margin-left: 0 !important;
}

.form_list .form_item {
    padding: .2rem 0;
}
}