body { font-weight: normal; --hover-color:#0c3184;--white:#fff;--black0:#000; --black:#333; --grey:#666; --grey2:#999; --green:#006034; --orange:#cf3f1a; --rgb-white:255,255,255;--rgb-black:0,0,0; font-size: var(--font-size16);--rgb-hover:109,15,242; --rgb-green:0,96,52;--rgb-orange:207,63,26; --radius: .1rem;}
/* .index-more{position: absolute;} */
.index-more a{display: inline-block;color: var(--hover-color);border: solid 1px var(--hover-color); line-height: calc(55 / 16 * 1em); border-radius: calc(60 / 16 * 1em); padding: 0 calc(80 / 16 * 1em) 0 calc(40 / 16  * 1em); background: url(../images/Floor003204-more.svg) no-repeat right calc(21 / 16 * 1em) center; background-size: calc(12 / 16 * 1em) auto; transition: 0.3s;}
.index-more a:hover{background-color: var(--hover-color);color: #fff; background-image: url(../images/Floor003204-more-on.svg);}

.index-morew a{color:#fff;background: var(--hover-color); border-radius: calc(60 / 16 * 1em);background: url(../images/Floor003204-more-on.svg) no-repeat right calc(21 / 16 * 1em) center var(--hover-color);font-weight:normal;}
.index-morew a:hover{background-color: var(--hover-color);color: #fff;border:none;}

@media (max-width:1024px) {
.index-more{font-size: 0.9em;}
.index-more a{line-height: 3;}
}

.index-title{ font-size: var(--font-size42); color:#16191f;margin-bottom:.3rem; text-align: center;}
.index-title span{ display:block; text-transform:uppercase; font-size:30px; color:#cecece; font-weight:normal;}
@media(max-width:640px){
.index-title{ font-size:30px;}
.index-title span{ font-size:24px;}
}




/*Top003156 */
.Top003156 {position: fixed;z-index: 100;left: 0;top: 0;width: 100%;border-bottom: 1px solid rgba(255,255,255,0.2); transition: background-color 0.3s,transform 1s;}
.Top003156 .auto { position: relative; z-index: 3; }
.Top003156 .logo { display: table; }
.Top003156 .logo a { display: table-cell; vertical-align: middle; }
.Top003156 .top-right { position: absolute; right: 0; top: 0; display: table; }
.Top003156 .top-right > * { display: table-cell; vertical-align: middle; }
.Top003156 .open-search { cursor: pointer; display: block; width: 0.22rem; height: 0.22rem; background: url(../images/search_white.svg) no-repeat center center; background-size: 0.17rem auto; border-radius: 50%; }
.Top003156 .open-search.on:before, .Top003156 .open-search.on:after { background-color: var(--hover-color); }
.Top003156 .top-search { position: absolute; right: 0; top: 100%; z-index: 100; background-color: #fff; box-shadow: 0 0 0.05rem rgba(0,0,0,0.3); border-radius: 0.05rem; }
.Top003156 .top-search .text { width: 100%; height: 0.5rem; line-height: 0.5rem;; padding: 0 0.5rem 0 0.15rem;border-radius: 0.05rem; }
.Top003156 .top-search .btn { position: absolute; right: 0; top: 0; width: 0.5rem;; height: 100%; background: url(../images/search.svg) no-repeat center center; background-size: auto 0.18rem; }
.Top003156 .top-right .lang{position: relative;z-index: 100; padding-right: 0.25rem;}
.Top003156 .top-right .lang::before{position:absolute;right: 0; top: 50%; width: 0.01rem; height:.16rem; content: ''; background: rgba(var(--rgb-white), 0.3); transform: translateY(-50%);}
.Top003156 .top-right .lang .icon{ display:block;background:url(../images/lang_white.svg) no-repeat left center; padding:0 0.2rem 0 0.3rem; cursor:pointer; position: relative; z-index: 1;  background-size: auto 0.2rem; color: #fff;}
.Top003156 .top-right .lang .icon:after {position: absolute;width:0.07rem;height: 0.07rem;content: '';transform: rotate(135deg);-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);border-top: 1px solid #fff;border-right: 1px solid #fff;right: 0;top: 50%;margin-top: -0.04rem;}
.Top003156 .top-right .lang .lang_box{position: absolute; left: 50%; width: 100px;margin-left: -50px; z-index: 100;background: #fff;border-radius: 0 0 6px 6px; top: 100%; padding: 10px 0;display: none;}
.Top003156 .top-right .lang .lang_box a{display: block;line-height: 30px;text-align: center;}
.Top003156 menu li span,
.Top003156 menu li span a { display: block; }
.Top003156 menu li span { position: relative; z-index: 2; }
.Top003156 menu li span:after { position: absolute; content: ''; left: 50%; height: 2px; background-color: var(--white); transform: translateX(-50%); transition: 0.3s; bottom: -1px; width: 0; }
.Top003156 menu li span a:hover, 
.Top003156 menu li.aon span a { color: #fff; }
.Top003156 menu li:hover span:after, 
.Top003156 menu li.aon span:after { width: 100%; }

.Top003156 menu li span a{color: #fff;}

.Top003156.back-white::after,
.Top003156.hover::after,
.Top003156.fixed::after{background-image: none;}
.Top003156 .logo .red{display: none;}
.Top003156 .logo .white{display: block;}
.Top003156.back-white .logo .white,
.Top003156.hover .logo .white,
.Top003156.fixed .logo .white{display: none;}
.Top003156.back-white .logo .red,
.Top003156.hover .logo .red,
.Top003156.fixed .logo .red{display: block;}
.Top003156.back-white menu li span a,
.Top003156.hover menu li span a,
.Top003156.fixed menu li span a{color: #333;}
.Top003156.back-white menu li span a:hover, 
.Top003156.back-white menu li.aon span a,
.Top003156.hover menu li span a:hover, 
.Top003156.fixed menu li span a:hover, 
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li.aon span a { color: var(--hover-color); }
.Top003156.back-white menu li span:after,
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{ background-color: var(--hover-color);}
.Top003156.hover,
.Top003156.back-white,
.Top003156.fixed{background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed;}
.Top003156.back-white menu li span:after,
.Top003156.hover menu li span:after,
.Top003156.fixed menu li span:after{background-color: var(--hover-color);}
.Top003156.back-white menu li a:hover,
.Top003156.back-white menu li.aon span a,
.Top003156.hover menu li a:hover,
.Top003156.hover menu li.aon span a,
.Top003156.fixed menu li a:hover,
.Top003156.fixed menu li.aon span a{color: var(--hover-color);}
.Top003156.back-white .top-right .lang .icon,
.Top003156.hover .top-right .lang .icon,
.Top003156.fixed .top-right .lang .icon{background-image:url(../images/lang.svg); color: #333;}
.Top003156.back-white .top-right .lang .icon:after,
.Top003156.hover .top-right .lang .icon:after,
.Top003156.fixed .top-right .lang .icon:after{ border-color: #333;}
.Top003156.back-white .top-right .lang::before,
.Top003156.hover .top-right .lang::before,
.Top003156.fixed .top-right .lang::before{background: rgba(var(--rgb-black), 0.3);}
.Top003156.back-white .open-search,
.Top003156.hover .open-search,
.Top003156.fixed .open-search{background: url(../images/search.svg) no-repeat center center;background-size: 0.17rem auto; }
.Top003156.back-white .open-search.on:before, 
.Top003156.back-white .open-search.on:after,
.Top003156.hover .open-search.on:before, 
.Top003156.hover .open-search.on:after,
.Top003156.fixed .open-search.on:before, 
.Top003156.fixed .open-search.on:after { background-color: var(--hover-color); }


@media (min-width:1025px) {
.Top003156 header { padding: 0 1.2rem 0 0%; }
.Top003156 menu { /* margin: 0 auto; display: table; */ float: right; }
.Top003156 .top-right{float: right;}
.Top003156 .top-right{float: right;margin-left: calc(30 / 1920* 100vw);}
.Top003156 menu li { float: left; }
.Top003156 menu li + li { margin-left: calc(75 / 1920 * 100vw); }
.Top003156 menu li span a { line-height:0.9rem; font-size: var(--font-size18);}
.Top003156 .logo { height: 0.9rem;  float: left;}
.Top003156 .logo img { max-height: 0.35rem; }
.Top003156 .top-right { height:0.9rem; }
.Top003156 .top-right dd a { margin-right: 0.1rem; }
.Top003156 .top-right dt:nth-child(2n){padding-left: 0.2rem;}
.top-search { width: 20em; }
.Top003156 menu li .sub{position: absolute; top: 100%; background-color: #fff;border-radius: 0 0 5px 5px;width: 1.5rem;  margin-left: -0.75rem; overflow: hidden;}
.Top003156 menu li .sub dt a:hover{color:var(--hover-color);}
}

@media (max-width:1024px) {
.Top003156 menu { position: absolute; right: 0; top: 100%;width: 240px; padding: 0.24rem; background: #fff;  visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0; }
.menu-show .Top003156 menu { transform: translateY(0); opacity: 1; visibility: inherit; }
.Top003156 menu li {border-bottom: 1px dotted #eee;}
.Top003156 menu li span{line-height: 0.5rem; }
.Top003156 menu li span a {   color: #333; font-size:var(--font-size18); }
.Top003156 menu li a:hover, 
.Top003156 menu li.aon span a{color: var(--hover-color);}
.Top003156.fixed menu li span:after{ display: none;}
.Top003156 .logo { max-width: 40%; height: 0.8rem; }
.Top003156 .logo img { max-height:0.5rem; }
.Top003156 .top-right { height:0.8rem; }
.Top003156 .top-right dd { font-size: 0.16rem; }
.Top003156 .top-right dd a { margin-left: 0.16rem; }
.Top003156 .top-right dt { padding-left:0.16rem; }
.Top003156 .open-menu { display: block; width: 0.3rem; height: 0.3rem; }
.Top003156 .open-menu i { background-color: #fff; }
.Top003156 menu li.has-sub span .op:before, 
.Top003156 menu li.has-sub span .op:after{background-color: var(--hover-color);}
.top-search { width: 100%; }
.Top003156.back-white .open-menu i,
.Top003156.hover .open-menu i,
.Top003156.fixed .open-menu i{ background-color:#333; }
.Top003156 menu li .sub {background-color: #f8f9fa;}
.Top003156 .top-right .lang .lang_box{width: 60px; margin-left: -30px;}
}

/*Banner003179 */
.Banner003179{position: relative;z-index: 1;}
.Banner003179 .text{ color:var(--black0); position:absolute; top:35%; left:0; width:100%; z-index:8; font-weight: bold;}
.Banner003179 .text .tit{ font-size:.6rem;}
.Banner003179 .text .des{ line-height:2; margin:.4rem 0 .6rem; max-width:40%;font-weight: normal;font-size: var(--font-size18);}
.Banner003179 .btn{ color:#fff; width:2rem; border:solid 1px #fff; padding:.16rem .3rem; border-radius:1rem; transition:all .5s;}
.Banner003179 .btn i{ font-size:.12rem;}
.Banner003179 .btn:hover{ background:var(--hover-color); border-color:var(--hover-color);}
.Banner003179 li.slick-slide{position: relative;}
.Banner003179 li .url{position: absolute; left: 0;top: 0;width: 100%;height: 100%;z-index: 2; opacity: 0;background-color: #ffff;}
.Banner003179 .slick-dots{position: absolute; left:50%;transform: translateX(-50%);z-index: 30; bottom:calc(65 / 980 * 100%); display:-webkit-flex; display: flex; justify-content: center; align-items: center;}
.Banner003179 .slick-dots li{margin:0 10px; width:14px; height:14px; background-color:#fff; border-radius:50%;}
.Banner003179 .slick-dots li button{display:none;}
.Banner003179 .slick-dots li.slick-active{background-color:var(--hover-color);}
@media (min-width:1025px) {
.Banner003179 .wap{display: none;}
}
@media (max-width:1024px) {
.Banner003179 .pc{display: none;}
.Banner003179 .slick-dots li{ width:10px; height:10px; margin: 0 5px;}
.Banner003179 .text{ top:25%;}
.Banner003179 .text .des{ margin:0.2rem 0;}
.Banner003179 .text .tit{ font-size: var(--font-size40);}
.Banner003179 .index-more{ margin-top:0.2rem;}
}
@media (max-width:640px) {
.Banner003179 .text{ display: none;}
.Banner003179 .text .des{ max-width:100%; width:80%;}
.Banner003179 .wap{width:100%; object-fit:cover;}
}

/* .Floor000390 为demo编号 */
.Floor000390{ padding:var(--padMar80) 0 var(--padMar120)0; background: url(../images/bg.jpg) no-repeat; background-size: 100% 100%; }
.Floor000390 h2{ text-align:center; padding:40px 0px; color:#0e0e0e; font-weight:normal; line-height:50px;}
.Floor000390 h2 span{ display:block;}
.Floor000390 h2 span.en{ font-size:30px; text-transform:uppercase;}
.Floor000390 h2 span.cn{ font-size:40px;}
.Floor000390 .h_category{ text-align:center; font-size:var(--font-size16); padding-bottom:.5rem;}
.Floor000390 .h_category span{ z-index:3; position:relative; text-transform:uppercase; cursor:pointer;}
.Floor000390 .h_category span a{ width:2rem; line-height:3; color:#6C6E73; display:inline-block; }
.Floor000390 .h_category span.active a,
.Floor000390 .h_category span a:hover,
.Floor000390 .h_category span a:active,
.Floor000390 .h_category span a:focus{ color:var(--hover-color);}
.Floor000390 .h_category span.n2{ z-index:1;color:var(--hover-color);}
.Floor000390 .slider-container{ position:relative; z-index:1; width:1007px; margin:auto;}
.Floor000390 .slider-container li{position:relative; display:flex; align-items: center; justify-content: center;}
/* .Floor000390 .slider-container .solution-switch{ display:none;}
.Floor000390 .slider-container .solution-switch.on{ display:block;} */
.Floor000390 .carousel-image{border:0;display:block;max-width:100%; max-height:420px; object-fit: contain; margin: 0 auto;}
.Floor000390 .swiper-but::after{ color:#999; font-size:var(--font-size28);}
.Floor000390 .slider-container li{position:relative;display: flex;flex-direction: column;align-items: center;}
.Floor000390 .slider-container li a{display:block;margin-bottom: 15px;}
.Floor000390 .index-more{text-align: center;margin-top:.4rem;position: static;}
@media (max-width:1024px) {
.Floor000390 .slider-container{width:90%;}
.Floor000390 .carousel-image{ max-height:300px;}
.Floor000390 .swiper-button-prev,
.Floor000390 .swiper-button-next {top:50%; margin-top:-10px;}
.Floor000390 .swiper-button-prev{left:0;}
.Floor000390 .swiper-button-next{right:0;}
.Floor000390 .slider-container li a{margin-bottom:10px;}
.Floor000390 .h_category{ display:-webkit-flex; display:flex; flex-wrap:wrap; gap:0.2rem; justify-content:center;}
.Floor000390 .h_category span{margin:0;}
.Floor000390 .h_category span a{ width:auto; display:block;}
}


/*Floor002978*/ 
.Floor002978{ overflow: hidden;padding-top: var(--padMar100);}
.Floor002978 .swiper-slide{ height:auto;}
.Floor002978 .video-container{ width:100%; height:100%;}
.Floor002978 .video-container .txt{top: 10%; left: 2%; width: 96%; text-align: center; color: #fff; z-index: 10;position:absolute;}
.Floor002978 .video-container .t-1{font-size:.18rem; opacity: 0.7;}
.Floor002978 .video-container .t-2{font-size:30px; margin-top: 0.2em;}
.Floor002978 .video-container img,
.Floor002978 .video-container video{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;}
.Floor002978 .video-container .play-btn{position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; cursor: pointer; width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: all 0.3s ease;}
.Floor002978 .video-container .play-btn:hover{background-color: rgba(0, 0, 0, 0.5); transform: translate(-50%, -50%) scale(1.1);}
.Floor002978 .video-container .play-btn img{width:60px; height:60px;}
.Floor002978 .swiper-but{ width:0.5rem; height:0.5rem; transition: all 0.3s ease; border-radius:2rem;}
.Floor002978 .swiper-but::after{ font-size:var(--font-size20); color:#fff; }
.Floor002978 .swiper-but:hover{background:rgba(0,0,0,0.3);}
.Floor002978 .swiper-button-prev{ left:24%;}
.Floor002978 .swiper-button-next{ right:24%;}
@media(min-width:769px) and (max-width:1280px){
.Floor002978 .video-container .t-1{font-size:2vw;}
.Floor002978 .video-container .t-2{font-size:2.2vw;}
}
@media(max-width:768px){
.Floor002978 .video-container .t-2{font-size:2.2vw;}
}
@media(max-width:480px){
.Floor002978 .video-container a{margin: 0 5px;}
.Floor002978 .video-container .t-1{font-size: 4vw;}
.Floor002978 .video-container .t-2{font-size: 4.5vw; margin-bottom: 0.5em;}
.Floor002978 .video-container .play-btn{ margin-top:0.2rem; width:0.4rem; height:0.4rem;}
.Floor002978 .video-container .play-btn img{ width:100%; height:100%; object-fit:contain;}
.Floor002978 .swiper-slide{ transform: scale(0.9); transition: all 0.5s ease;}
.Floor002978 .swiper-slide.swiper-slide-active{transform: scale(1);}
.Floor002978 .video-container img,
.Floor002978 .video-container video{ min-height:350px;}
}


/*Floor003204 */
.Floor003204{ background: url(../images/Floor003204-bg.jpg) no-repeat;background-size: 100% 100%;padding: var(--padMar100) 0;}
.Floor003204 .root-100{padding: var(--padMar140) 0; }
.Floor003204 .left,
.Floor003204 .right{position: relative;z-index: 1; vertical-align: top;}
.Floor003204 .index-title aside{font-size:var(--font-size42); color:#16191f;text-align: left;}
.Floor003204 .right .slick-slide > div:nth-child(1) .item .pic{display: none;}
.Floor003204 .right .item .pic{width: calc(220 / 752 * 100%);}
.Floor003204 .right .item .pic .Ispic{padding-bottom: calc(146 / 220 * 100%); border-radius: calc(20 / 16 * 1em);}
.Floor003204 .right .slick-slide > div:not(:nth-child(1)) .item .txt{padding-left: calc(40 / 16 * 1em);}
.Floor003204 .right .item .tit{font-size: calc(24 / 16 * 1em); line-height: calc(32 / 24 * 1em); }
.Floor003204 .right .slick-slide > div:nth-child(1)  .item .tit{font-size: calc(24 / 16 * 1em);line-height: calc(48 / 36 * 1em); margin-bottom: 0.7em;}
.Floor003204 .right .item .txt p{margin: calc(20 / 16 * 1em) 0 0 0;line-height: calc(28 / 16 * 1em); color: #666;}
.Floor003204 .right .item a:hover .tit{color: var(--hover-color);}
.Floor003204 .slick-arrow{ bottom: 0;border: solid 1px #e3e3e3; font-size: 1em; text-indent: 999em; overflow: hidden; width: calc(60 / 16 * 1em);height: calc(60 / 16 * 1em); border-radius: 50%; position:absolute;z-index: 10; background: url(../images/Floor003204-prev.svg) no-repeat center center; background-size: auto 20%; transition: 0.3s;}
.Floor003204 .slick-arrow:hover{background-color: var(--hover-color); border-color: var(--hover-color);}
.Floor003204 .slick-next{background-image: url(../images/Floor003204-next.svg);}
.Floor003204 .slick-prev:hover{background-image: url(../images/Floor003204-prev-on.svg);}
.Floor003204 .slick-next:hover{background-image: url(../images/Floor003204-next-on.svg);}
@media (min-width:1025px) {
.Floor003204 .left{width: calc(291 / 1600 * 100%);}
.Floor003204 .right .slick-slide > div{width: calc(752 / 1309 * 100%); float: right;}
.Floor003204 .right .slick-slide > div:nth-child(1){float: left;width: calc(475 / 1309 * 100%);}
.Floor003204 .right .slick-slide > div:nth-child(2){margin-bottom: calc(54 / 16 * 1em);}
.Floor003204 .right .slick-slide > div:not(:nth-child(1)) .item .tit{padding-right: calc(53 / 24 * 1em);}
.Floor003204 .slick-arrow{left: 0; }
.Floor003204 .slick-next{left:calc(80 / 16 * 1em);}
}
@media (max-width:1024px) {
.Floor003204 .root-100{padding: 10vw 0;}
.Floor003204 .ytable-cell.left{margin-bottom:5vw; display:-webkit-flex; display:flex; justify-content:space-between;}
.Floor003204 .ytable-cell.left .index-title{ margin-bottom:0;}
.Floor003204 .right .slick-slide > div:not(:last-child){margin-bottom:5vw;}
.Floor003204 .right .slider{padding-bottom:4em;}
.Floor003204 .right .item .tit{font-size: 1.2em;}
.Floor003204 .right .slick-slide > div:nth-child(1) .item .tit{font-size: 1.2em;}
.Floor003204 .right .slick-slide > div:not(:nth-child(1)) .item .txt{padding-left: 1em;}
.Floor003204 .right .item .pic{width: 45%;}
.Floor003204 .slick-arrow{font-size: 0.7em;}
.Floor003204 .slick-arrow{right: 0; }
.Floor003204 .slick-prev{right:calc(80 / 16 * 1em);}
}
@media (max-width:640px) {
.Floor003204 .ytable-cell.left{margin-bottom:10vw;}
}

/*Bottom003222 */
.Bottom003222{background-color:#272727;padding-top:var(--padMar60); position: relative;}
.Bottom003222,
.Bottom003222 a:not(:hover){color:#fff}
.Bottom003222 .f-top{margin-bottom:0.4rem ; border-bottom: 1px solid rgba(255, 255,255, 0.1); padding-bottom: 0.3rem;}
.Bottom003222 .f-top .logo{width:1.92rem}
.Bottom003222 .f-top .share li + li{margin-left:0.1rem}
.Bottom003222 .share li{float: left;position: relative;}
.Bottom003222 .share li figure{position: absolute; right: 0; bottom: 100%; width: 1.2rem; padding: 0.05rem;background: #fff; margin-bottom: 0.1rem;border-radius: 0.1rem;display: none;}
.Bottom003222 .share li figure img{display: block;width: 100%;}
.Bottom003222 .share li figure:before{position: absolute; content: '';border:0.05rem solid transparent; right:0.2rem; top: 100%;border-top-color: #fff;}
.Bottom003222 .share li a{display: block;border: 1px solid rgba(255,255,255,0.2);background: rgba(255,255,255,0.1); width: 0.45rem; height: 0.45rem;background-position: center center;background-repeat: no-repeat; background-size: 0.22rem auto; border-radius: 50%; cursor: pointer;}
.Bottom003222 .share li a:hover{background-color: var(--hover-color);}

.Bottom003222 .f-mid .contact dd{padding-left:0.28rem;line-height:calc(34 / 16);font-size:var(--font-size16);background-position:center center;background-repeat:no-repeat;background-size:contain;background-size:0.17rem auto;background-position:left 0.4em}
.Bottom003222 .f-mid .contact dd + dd{margin-top:0.21rem}
.Bottom003222 .f-mid .contact dd.tel{font-size:var(--font-size36);font-weight:bold;background-image:url(../images/Bottom003222-tel.svg);background-position:left 0.3em;line-height:1}
.Bottom003222 .f-mid .contact dd.tel a{color:var(--white);}
.Bottom003222 .f-mid .contact dd.add{background-image:url(../images/Bottom003222-add.svg)}
.Bottom003222 .f-mid .contact dd.email{background-image:url(../images/Bottom003222-email.svg);background-size:0.18rem auto;background-position:left 0.7em}
.Bottom003222 .f-mid nav ul ol{font-size:var(--font-size18)}
.Bottom003222 .f-mid nav ul ol li + li{margin-top:0.31rem}
.Bottom003222 .f-bottom{padding:0.2rem 0;border-top:1px solid rgba(255,255,255,0.1);margin-top:0.5rem;font-size: var(--font-size14); }
.Bottom003222 .f-bottom,
.Bottom003222 .f-bottom a:not(:hover){color:rgba(255,255,255,0.5)}
.Bottom003222 .f-bottom .other a:not(:last-child):after{content:"·";margin:0 1em}

.Bottom003222 .form-ul li{margin-bottom: 0.1rem;position: relative;}
.Bottom003222 .form-ul li .tit{position: absolute; left: 0.15rem; top: 0;font-size: var(--font-size16); font-weight: lighter; line-height: 0.42rem;color: #fff;display: block; }
.Bottom003222 .form-ul li select,
.Bottom003222 .form-ul li .text{width: 100%;border-radius: 0.05rem;border: none;font-size: var(--font-size16);line-height: 0.42rem;height: 0.42rem;background: rgba(255, 255, 255, 0.1);color: #fff;padding: 0 0.15rem;}
.Bottom003222 .form-ul li select.focus,
.Bottom003222 .form-ul li .text.focus{border-color: var(--hover-color); color: #333; box-shadow: 0 0px 0.1rem rgba(0, 0, 0, 0.1);}
.Bottom003222 .form-ul li textarea.text{height: 1.1rem; line-height: 1.6;}
.Bottom003222 .btn{width: 1.4rem;background: var(--hover-color);border-radius: 0.5rem;font-size: var(--font-size16);height:0.42rem;color: #fff;cursor: pointer;border: 0; }
.Bottom003222 .btn:hover{background: var(--hover-color);}


@media (min-width:1025px) {
.Bottom003222 .f-mid .contact{max-width:4rem}
.Bottom003222 .f-mid nav ul{width:2.5rem}
.Bottom003222 .form{ width: 7rem;}
.Bottom003222 .form-ul .row2 li{float: left;width: calc(50% - 0.1rem);}
.Bottom003222 .form-ul .row2 li:nth-child(2n){float: right;}
}
@media (max-width:1024px) {
.Bottom003222 .f-top{flex-direction: column;align-items: center;}
.Bottom003222 .f-top .logo{margin-bottom:0.2rem;}
.Bottom003222 .f-mid .contact{margin-bottom:0.2rem;}
.Bottom003222 .f-mid .contact dd.tel{ margin-bottom:0.1rem; font-size:var(--font-size28); background-position:left 0.2em;}
.Bottom003222 .f-mid .contact dd + dd{ margin-top:0;}
.Bottom003222 .f-bottom{text-align: center;}
.Bottom003222 .copyright{margin-bottom: 0.1rem;}
.Bottom003222 .form{ margin-top:0;}
.Bottom003222 .f-mid nav{ display:none;}
}



/* 内页banner */
.inside-ban{position:relative;z-index:1;}
.inside-ban img{ width:100%;}


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

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

/*  */
.about-menu{background: #f7f7f7;}
.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;position:relative;}
.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-color);}
.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-color);}
.about-menu .lanmu-box .child {position:absolute; top:100%; left:50%; transform:translateX(-50%); min-width:100%; background-color:#fff; box-shadow:0 0.5em 1em rgba(0,0,0,0.2); padding:0.5em 0; text-align:center; border-radius:0 0 0.25em 0.25em; display:none;}
.about-menu .lanmu-box .child li {margin-right:0; font-size:0.875em;}
.about-menu .lanmu-box .child a {border-bottom:none; padding:0.5em 1em; white-space:nowrap;}
@media (max-width:640px) {
.about-menu .location{ display:none;}
.about-menu .lanmu-box li{ margin-right:.2rem;}
}

/* 新闻 */
.news-inside{ padding:1rem 0;}
.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-size32); color:#333333; font-weight:bold;}
.news-switch .item .text .des{ margin:.25rem 0 .35rem; color:#666666; line-height:2;}
.news-switch .item .text .more .but{ padding:.15rem .2rem; min-width:1.5rem; text-align:center; border:solid 1px rgba(var(--rgb-black),0.2); font-size:var(--font-size18); color:#666666; border-radius:.1rem; transition:.3s;}
.news-switch .swiper-pagination{ left:auto; right:.7rem; width:auto; font-size:0; text-align:right; bottom:.6rem;}
.news-switch .swiper-pagination .swiper-pagination-bullet{ margin:0 .1rem;}
.news-switch .swiper-pagination .swiper-pagination-bullet-active{ border-color:var(--hover-color); background-color:var(--hover-color); width:.25rem; border-radius:.2rem;}
.news-switch .item:hover .more .but{ background:var(--hover-color); border-color:var(--hover-color); 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); 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-color);}


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

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


/* 新闻详情 */
.news-info{ color:#666666; padding-top:1.18rem; background:#f7f7f7; line-height:2; overflow: hidden;}
.news-info .Location i{ display:inline-block; font-style: normal; padding:0 0.5em;}
.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-color);}
.news-info .return a{ display:block; padding:.1rem .25rem; background:var(--hover-color); color:var(--white); border-radius:.1rem;}
.news-info .push{ width:28%;}
.news-info .push .push-tit{font-size:var(--font-size24); line-height:1.35; font-weight:bold;color:#333333; padding-bottom:.3rem; border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.news-info .push li{ padding:.3rem 0; border-bottom:solid 1px rgba(var(--rgb-black),0.1);}
.news-info .push li .pic{ width:45%; border-radius:.1rem; overflow: hidden;}
.news-info .push li .pic figure{ position:relative; padding-bottom:58%;}
.news-info .push li .pic img{ position:absolute; left:0; top:0; object-fit:cover; width:100%; height:100%; transition:.3s;}
.news-info .push li .text{ padding-left:.2rem; width:55%;}
.news-info .push li .text .tiem{ font-size:var(--font-size14); color:#999999;}
.news-info .push li .text .tit{ line-height:1.5; font-size:var(--font-size16); font-weight:bold;}
.news-info .push li a:hover .pic img{ transform:scale(1.05);}

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


/*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-color); border-color:var(--hover-color); 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);}
}

/* 联系我们 */
.about-one{background-image: linear-gradient(-115deg,#e9ecf1,#fafafa); padding:1.1rem 0;}
.about-one .text{ width:85%; line-height:1.8;}
.about-one .text .con-text{ width:42.354%;}
.about-one .text .edit{ margin-top:.3rem; color:#666666;}
.about-one .text .pic{ width:49.412%; border-radius:.15rem; overflow:hidden;}
.about-one .text .pic figure{ padding-bottom:63.493333%;}
.about-one .text .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.about-one .roll-num li{ padding:.2rem 0; font-size:var(--font-size18);}
.about-one .roll-num li .roll{ color:var(--hover); line-height:1; font-size:var(--font-size45); font-weight:bold;font-family:'Barlow';}
.about-one .roll-num li .sup-iw{ margin-left:.05rem; align-content:space-between;}
.about-one .roll-num li .sup-iw sup{ color:var(--hover); line-height:.8;margin-bottom:.1rem;width:100%;font-size:var(--font-size26); font-weight:bold;}
.about-one .roll-num li .sup-iw sub{height:1em;line-height:1;width:100%; color:#333333;}
.about-one .roll-num li .wxz{ margin-top:.1rem; color:#666666;}
.about-one .roll-num li:last-child{ margin-right:0;}

.contact-one{padding:1rem 0;}
.contact-one .text{ width:35%;}
.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:#f0f5ff; border-radius:2rem;}
.contact-one .text .list-box li .icon span{ width:100%; height:100%; display:block; background-size:contain; background-position:center; background-repeat:no-repeat;}
.contact-one .text .list-box li .name{ color:#666666;}
.contact-one .text .list-box li .wtx{ font-size:var(--font-size18);}
.contact-one .text .list-box li .tel-hm{ font-size:var(--font-size24); color:var(--hover-color); font-weight:bold;}
.contact-one .text .list-box li .tel-icon span{ background-image:url(../images/contact-icon1.png);}
.contact-one .text .list-box li .email-icon span{ background-image:url(../images/contact-icon2.png);}
.contact-one .text .list-box li .addr-icon span{ background-image:url(../images/contact-icon3.png);}
.contact-one .text .list-box li .txt{ line-height:1.5; padding-left:.25rem;}
.contact-one .text .list-box li:last-child{ margin-bottom:0;}
.contact-one .pic{ width:56%; border-radius:.15rem; overflow:hidden;}
.contact-one .pic figure{ padding-bottom:57.143%;}
.contact-one .pic img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover;}
.contact-two{ padding:1.2rem 0;background:#f0f5fa;}
.contact-two .share-box{ margin-top:.6rem;}
.contact-two .item{ padding:.3rem 0; width:18%; text-align:center; background:var(--white); box-shadow:0 0 .15rem rgba(0,0,0,0.05); border-radius:.1rem;cursor:pointer;}
.contact-two .item .iuo-box{ width:100%; height:1.34rem; position:relative; transition:.3s;}
.contact-two .item .icon{ position:absolute; left:0; top:0; width:100%; height:100%; transition:.3s;}
.contact-two .item .icon img{ width:.75rem;}
.contact-two .item .qrcode-box{ width:1.34rem; height:1.34rem; border:solid 1px rgba(var(--rgb-black),0.1); border-radius:.1rem; overflow:hidden; opacity:0; transition:.3s; }
.contact-two .item .text{ margin-top:.15rem; font-weight:100; font-size:var(--font-size14); color:#666666; transition:.3s;}
.contact-two .item .text .tit{ margin-bottom:.1rem; color:#333333; font-size:var(--font-size18); font-weight:bold;}
.contact-two .item:hover .icon{ opacity:0;}
.contact-two .item:hover .qrcode-box{ opacity:1;}
.contact-three{ padding-top:1.1rem;}
.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:8em; line-height:2; font-size:var(--font-size16); width:100%; resize:none; border:none; background:transparent;}
.contact-three .index-more{ margin:.5rem 0 1.1rem 0;}
.contact-three .index-more a{ cursor:pointer;}

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

@media (max-width:640px) {
.about-one{ padding:.5rem 0;}
.about-one .text{ width:100%;}
.about-one .text .con-text{ width:100%;}
.about-one .text .pic{ margin-top:.3rem; width:80%;}
.about-one .roll-num{ width:100%;}
.about-one .roll-num .ul{ justify-content:space-between; display:-webkit-flex; display:flex; flex-wrap:wrap;}
.contact-one{padding:.5rem 0;}
.contact-one .text{ width:100%; margin-bottom:.35rem;}
.contact-one .pic{ width:100%;}
.contact-two{padding:.5rem 0;}
.contact-two .share-box{ margin-top:.3rem;}
.contact-two .item{ width:48%; margin-bottom:4%;}
.contact-three{padding:.5rem 0;}
.contact-three .index-more{ margin:.3rem 0;}
}


.consulting-one .line-box{ padding:1rem 0; border-bottom:solid .02rem rgba(var(--rgb-black),0.1);}
.consulting-one .des{ margin:.2rem 0 .35rem; width:50%; line-height:1.8; color:#666666;}
.consulting-one .con-box .pic{ width:50%; border-radius:.15rem; overflow: hidden;}
.consulting-one .con-box .pic img{ transition:.3s; }
.consulting-one .con-box .text{ padding-left:.6rem; width:50%; line-height:2; }
.consulting-one .con-box .text .editor{ color:#666666;}
.consulting-one .con-box .text .tit{ color:#333333;font-weight:bold; padding: .2rem 0;}
.consulting-one .con-box .text li{ line-height:2.4; margin-bottom:.1rem; color:var(--hover-color);}
.consulting-one .con-box .text li i{ margin-right:.15rem;}
.consulting-one .con-box .text li i img{ width:.22rem;}
.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-color);}
.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-color);}
.consulting-two .item a:hover img{ transform:scale(1.05);}
.consulting-two .item a:hover .but{ background-color:#ab0005;}
@media (max-width:640px) {
.consulting-one .line-box{ padding:.5rem 0;}
.consulting-one .des{ width:100%;}
.consulting-one .con-box .pic{ width:100%;}
.consulting-one .con-box .text{ padding:.2rem 0 0; width:100%;}
.consulting-two .item{ padding:.5rem 0;}
.consulting-two .item .pic{ width:100%;}
.consulting-two .item .text{ width:100%; padding:.2rem 0 0 !important;}
}

/* 客户案例 */
.Customer-case{ padding:1rem 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); 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 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:.4rem;background: #f8f8f8;}
.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-color);}
.Customer-case .list-box li:hover a{ box-shadow:0 0 .2rem rgba(var(--rgb-black),0.1);background: var(--white);}
.Customer-case .list-box li:hover .ovhi img{ transform:scale(1.05);}
.Customer-case .list-box li:hover .tit{ color:var(--hover-color);}
@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:.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;}
}
/*
 .PicList002797
 */
.PicList002797 {padding:1rem 0;}
.PicList002797 li{ float:left; width:31%; margin:0 3.5% 3.5% 0; border: 1px solid #e8e8e8; border-radius: 10px;}
.PicList002797 li:nth-child(3n){margin-right:0; }
.PicList002797 li a{ display:block; position:relative; padding:6%;}
.PicList002797 li h4,
.PicList002797 li h3,
.PicList002797 li h5{ margin:0; text-align:center; font-weight:normal;}
.PicList002797 li figure{ padding-bottom:77%; margin-bottom: 4%;background-size: contain;}
.PicList002797 li h4{ font-size:var(--font-size14); color: #999;}
.PicList002797 li h3{ font-size:var(--font-size20); color:#202020;}

.PicList002797 li .hover{ opacity:0; position:absolute; left:0; top:0; right:0; bottom:0; text-align:center; background:rgba(12, 49, 132,0.9); z-index:10; transition:0.3s; color:#fff; border-radius: 10px;}
.PicList002797 li:hover{box-shadow:0 0 15px 3px #ccc; border-color:var(--hover-color);}
.PicList002797 li:hover a .hover{ opacity:1;}
.PicList002797 li aside{ position:absolute; left:10%;width:80%; top:50%; -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%);transform:translateY(-50%);}
.PicList002797 li .hover h5{  font-size:var(--font-size20);}
.PicList002797 li .hover i{ display:block;  height:2px; background:#fff; width:48px; margin:14px auto 20px;} 
.PicList002797 li .hover p{ font-size:var(--font-size16); line-height:30px; margin:0; max-height:90px; overflow:hidden;}
.PicList002797 .more{ display: block; text-align: center; margin-top:50px;}
.PicList002797 .more span{ display: inline-block; padding-left: 40px; padding-right: 64px; line-height: 40px; background:url(../images/PicList002797-more.png)no-repeat 74% center #e9232c; border-radius: 5px;transition:all 0.5s ease-out 0s; }
.PicList002797 .more span:hover{padding-left:50px; padding-right:74px;  }

@media(max-width:1000px){
.PicList002797 li{ width:48%; margin-left:1%; margin-right:1%;}
}
@media(max-width:640px) and (min-width:376px){
.PicList002797 li .hover img{ width:50px; height:50px;}
}
@media(max-width:480px){
.PicList002797 li{ float:none; width:auto;} 
.PicList002797 li h3,
.PicList002797 li .hover h5{ font-size:var(--font-size14);}
.PicList002797 li .hover h5{ line-height:20px; max-height:40px;}
}
/*RighInfo003134 */
.RighInfo003134{padding: 1rem 0;}
.RighInfo003134 .img-side{border: solid 1px #f2f2f2; margin-bottom: 4em;}
.RighInfo003134 .img-side .ytable-cell{ padding-bottom: .3em;}
.RighInfo003134 .img-group li .Ispic{background-size: contain;padding-bottom: 55.167%;}
.RighInfo003134 .controls{display: table;position: relative;padding: 0 56px; margin: 1em auto 2em;}
.RighInfo003134 .controls .slick-dots li{float: left;position: relative; width: 13px;height: 13px; margin: 0 5px;}
.RighInfo003134 .controls .slick-dots li button{position: absolute;background:rgba(0,0,0,0.2); width: 7px;height: 7px;border-radius: 50%; top: 50%;left: 50%;transform: translate(-50%,-50%); border: 0; cursor:pointer; border: 0; font-size: 0;padding: 0;transition: 0.3s;}
.RighInfo003134 .controls .slick-dots li.slick-active button{background-color: var(--hover-color); width: 100%;height: 100%;}
.RighInfo003134 .controls .slick-arrow{position: absolute; top:50%;width: 25px; height: 11px;background-repeat: no-repeat;background-position: center; margin-top: -5px;}
.RighInfo003134 .controls .slick-prev{left: 0;background-image: url(../images/RighInfo003134-btn-prev.svg);}
.RighInfo003134 .controls .slick-next{right: 0;background-image: url(../images/RighInfo003134-btn-next.svg);}
.RighInfo003134 .controls .slick-disabled{cursor: default;}
.RighInfo003134 .controls .slick-prev.slick-disabled{background-image: url(../images/RighInfo003134-btn-prev-disabled.svg);}
.RighInfo003134 .controls .slick-next.slick-disabled{background-image: url(../images/RighInfo003134-btn-next-disabled.svg);}
.RighInfo003134 .img-side .slogin{font-size: 1.25em; color: var(--hover-color); margin: 1em 0;}
.RighInfo003134 .img-side .prod-desc{line-height: 1.875; margin: 3em 0;}
.RighInfo003134 .img-side .tit{ font-size: 1.875em;color: var(--hover-color); margin-bottom: 0.6em;font-weight:bold;}
.RighInfo003134 .img-side .line{width: 30px; height: 2px; background-color: var(--hover-color);display: block;}
.RighInfo003134 .img-side .btn{ margin-top: 4.375em;}
.RighInfo003134 .img-side .btn a{display: inline-block;font-size: 1.125em;color: #fff;box-shadow: 0px 10px 30px rgba(0, 16, 52, 0.08);border-radius: 5px; margin: 0 5px; min-width:12.5em;text-align: center; line-height: 3.3333;padding: 0 1.8125em; cursor: pointer;}
.RighInfo003134 .img-side .btn a.download{background-color: var(--hover-color);}
.RighInfo003134 .img-side .btn a.download2{background-color: #6e6e6e;}
.RighInfo003134 .img-side .btn a:before{display: inline-block; vertical-align: top;content: '';background-size: contain;background-position: center; background-repeat: no-repeat; width: 1.3888em;height: 3.3333em;margin-right: 0.5555em;}
.RighInfo003134 .img-side .btn a.download:before{background-image: url(../images/RighInfo003134-icon-file.svg);}
.RighInfo003134 .img-side .btn a.download2:before{background-image: url(../images/RighInfo003134-icon-download.svg);}

.RighInfo003134 .prod-intro .name{border-bottom: 1px solid #efefef;font-size: 1.5em; padding-bottom: 0.666em;color: #333; line-height: 2;}
.RighInfo003134 .prod-intro .name i{width: 2em; height: 2em;border-radius: 50%;background-color: var(--hover-color);display: inline-block;vertical-align: top; margin-right: 0.625em; background-repeat: no-repeat; background-position: center; background-size: auto 50%;}
.RighInfo003134 .prod-intro .name-1 i{background-image: url(../images/RighInfo003134-icon-file.svg);}
.RighInfo003134 .prod-intro .name-2 i{background-image: url(../images/RighInfo003134-title-icon.svg);}
.RighInfo003134 .prod-intro .name-3 i{background-image: url(../images/RighInfo003134-title-icon3.svg);}
.RighInfo003134 .prod-intro .singlePage{line-height: 1.875; margin: 2em 0 3em 0;}

@media (min-width:1025px) {
.RighInfo003134 .img-group{width: 50%;border-right: solid 1px #f2f2f2;}
.RighInfo003134 .img-side .ytable-cell{padding-top: 4em;}
.RighInfo003134 .img-side .txt{padding: 0 4%;}
}
@media (max-width:1024px) {
.RighInfo003134 .img-side{ padding: 2em;}
.RighInfo003134 .img-side .btn a{min-width: calc(50% - 10px);padding: 0;}
}

.RighInfo003134{ padding:3% 0;}
.RighInfo003134 .table_1 th,
.RighInfo003134 .table_1 td{ text-align:center; border:1px solid #eee; border-collapse:collapse; line-height:24px; padding:15px;}
.RighInfo003134 .table_1 th{ font-size:.16rem; font-weight:normal;}
.RighInfo003134 .table_1 .bt{ background:var(--hover-color);}
.RighInfo003134 .table_1 .bt{ color:#fff;font-weight: bold;}
.RighInfo003134 .table_1 .bt span{font-size: .12rem;display: block; font-weight: normal; }
.RighInfo003134 .table_1 tr td span{ display: block; }
@media(max-width:480px){
.RighInfo003134 .table_1{ overflow:auto;}
.RighInfo003134 .table_1 table{ width:max-content;}
}


/*
 .PicList002796 
 */
.PicList002796{ padding:5% 0 3%;}
.PicList002796 li{ position:relative; }
.PicList002796 .video_files{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.PicList002796 .video_files video{width:100%; height:100%; background-color:#000;}
.PicList002796 .video_files .close{position: absolute;right: 3%;top: 3%;z-index: 10;width: 30px;height: 30px;border-radius: 50%;background-color: #761b1b;cursor: pointer;}
.PicList002796 .video_files .close::before,
.PicList002796 .video_files .close::after{ position:absolute; content:''; width:3px; height:70%; border-radius:3px; background-color:#fff; left:13px; top:5px;}
.PicList002796 .video_files .close::before{ transform:rotate(45deg);}
.PicList002796 .video_files .close::after{ transform:rotate(-45deg);}
.PicList002796 figure{ position:relative;}
.PicList002796 figure em{ display:block; padding-bottom: 50%; background-size:contain; background-position:center center; background-repeat:no-repeat;}
.PicList002796 figure a{ width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,0.5); }
.PicList002796 figure a::before,
.PicList002796 figure a::after{position: absolute; content:'';z-index: 5;top: 50%;left: 50%;}
.PicList002796 figure a::before{width: 60px;height: 60px;border: 2px solid #fff;margin-left: -35px;margin-top: -35px;border-radius: 50%;}
.PicList002796 figure a::after{width: 0;height: 0;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 13px solid #fff;margin-left: -8px;margin-top: -15px;}
.PicList002796 li p{ margin-bottom: 25px;font-size: 16px; color: #333; line-height: 28px; text-align:center; overflow: hidden;}
.PicList002796 time{ background: #ff6900; display: inline-block; padding: 2px 15px; color: #fff; border-radius: 99px;}
@media(min-width:769px){
.PicList002796 li{ float: left; width: 32%;margin-right: 2%; margin-bottom:2%;} 
.PicList002796 li:nth-of-type(3n){ margin-right: 0; }
.PicList002796 li:nth-of-type(3n+1){clear:left;}
}
@media(max-width:768px){
.PicList002796 li{ width: 100%; margin-right:0; margin-bottom: 5%;}
.PicList002796 figure em{ padding-bottom: 47%; background-size:cover;}
}
@media(max-width:480px){
.PicList002796 li figure a::before{width: 50px;height: 50px;margin-left: -25px;margin-top: -25px;}
.PicList002796 li figure a::after{border-top-width: 10px;border-bottom-width: 10px;border-left-width: 15px;margin-left: -3px;margin-top: -7px;}
}
@media(max-width:375px){
.PicList002796 li figure a::before{width: 40px;height: 40px;margin-left: -20px;margin-top: -20px;}
}


/* 单篇 */
.single-main{ padding:1rem 0;}




/* 搜索 */
.list_istop{ 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-color);}

@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%;}
}