body { --www: 1.5rem; --interval: var(--www); --nav_height: 1rem; --color: #183b84; --f14:0.14rem; --f16:0.16rem; --f18:0.18rem; --f20:0.2rem; --f22:0.22rem; --f24:0.24rem; --f26:0.26rem; --f28:0.28rem; --f30:0.3rem; --f32:0.32rem; --f34:0.34rem; --f36:0.36rem; .Home_Banner .page_box .page div span
--f38:0.38rem; --f40:0.4rem; --f42:0.42rem; --f44:0.44rem; --f46:0.46rem; --f48:0.48rem; --f50:0.5rem; --f52:0.52rem; --f54:0.54rem; --f56:0.56rem; --f58:0.58rem; --f60:0.6rem }
@media screen and (min-width:1921px) {
  body { /*--interval: calc((100vw - (19.2rem - var(--www))) / 2);*/ }
}
@media screen and (max-width:1520px) {
  body { --f14:12px; --f16:14px; --f18:16px; --f20:18px; --f22:20px }
}
@media screen and (max-width:1200px) {
  body { --f22:16px; --f24:18px; --f26:20px; --f28:22px; --f30:0.36rem; --f32:0.36rem; --f34:0.38rem; --f36:0.4rem; --f38:0.4rem; --f40:0.4rem; --f42:0.4rem; --f44:0.4rem; --f46:0.4rem; --f48:0.4rem; --f50:0.42rem; --f52:0.46rem; --f54:0.48rem; --f56:0.52rem; --f58:0.52rem; --f60:0.54rem; --interval: 5vw; --nav_height: 58px }
}
@media screen and (max-width:767px) {
  body { --f14:0.26rem; --f16:0.28rem; --f18:0.3rem; --f20:0.3rem; --f22:0.32rem; --f24:0.34rem; --f26:0.34rem; --f28:0.36rem; --f30:0.4rem; --f32:0.4rem; --f34:0.4rem; --f36:0.4rem; --f38:0.4rem; --f40:0.42rem; --f42:0.42rem; --f44:0.42rem; --f46:0.42rem; --f48:0.42rem; --f50:0.42rem; --f52:0.42rem; --f54:0.44rem; --f56:0.46rem; --f58:0.46rem; --f60:0.48rem }
}
.maodian { position: relative;  /*top: 0;*/ top: calc(var(--nav_height) * -1 + 1px) }
/*@media screen and (max-width: 1200px) {*/
/*  .maodian {*/
/*    top: calc(var(--nav_height) * -1 + 1px);*/
/*  }*/
/*}*/
.public_author { position: relative; top: calc((83px + var(--nav_height)) * -1) }
.search_open { cursor: pointer }
.mobile_search { top: var(--nav_height) }

/** 纵向滚动条样式 */
.wMain { padding-left: var(--interval); padding-right: var(--interval); width: 100% }
.swiper-button-lock { display: none !important }
.button-disabled, .swiper-button-disabled { cursor: auto; pointer-events: none }
.dw { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2 }
.flex_center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.center { text-align: center }
.white { color: #fff }
.bgColor { background: #eff2f5 }
.pt { padding-top: 0.65rem }
.pb { padding-bottom: 0.65rem }
.mt { margin-top: 0.56rem }
.height_height { height: var(--nav_height) }
.Privacy_Policy .box_ .content1 { font-size: var(--f32) }
.Privacy_Policy .box_ .hr { border-top: 1px solid #eee; margin: 0.5rem 0 }
.Privacy_Policy .box_ .content3 { font-size: var(--f18); line-height: 1.8; color: #333 }
.Search_List .box1 { padding: 1.2rem 0 0.5rem; font-size: var(--f20); background: #eff2f5 }
.Search_List .box2 { min-height: 40vh }
.Search_List .box2 .item { padding: 0.2rem 0rem; border-bottom: 1px solid #eee }
@media screen and (max-width:1200px) {
  .Search_List .box2 .item { padding: 0.2rem 0rem }
}
.Search_List .box2 .item a .left { max-width: 80% }
.Search_List .box2 .item a .left .t { font-size: var(--f14); color: #999 }
.Search_List .box2 .item a .left .b { font-size: var(--f24); color: #333; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-top: 12px }
.Search_List .box2 .item a .right { font-size: var(--f16); color: #183b84; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Search_List .box2 .item a .right i { font-size: var(--f16); display: inline-block; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Search_List .box2 .item a:hover .b { color: #183b84 }
.Search_List .box2 .item a:hover .right i { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px) }
.Search_List .box3 { font-size: var(--f18); text-align: center }
.code_button .a { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 0.15rem; width: 0.6rem; height: 0.6rem; border-radius: 50%; color: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s }
.code_button .a svg { width: 0.3rem; position: relative; z-index: 2; height: 0.3rem }
.code_button .a svg path { fill: #303E48; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s }
.code_button .a::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: inherit; -webkit-box-shadow: inset 0 0 0 0.47rem #c2b2a5; box-shadow: inset 0 0 0 0.47rem #c2b2a5; -webkit-transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; transition: -webkit-box-shadow 0.3s, -webkit-transform 0.3s; -o-transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s; transition: box-shadow 0.3s, transform 0.3s, -webkit-box-shadow 0.3s, -webkit-transform 0.3s }
.code_button .a:hover::after { -webkit-box-shadow: inset 0 0 0 2px #c2b2a5; box-shadow: inset 0 0 0 2px #c2b2a5; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Header_Container { position: fixed; top: 0; width: 100%; z-index: 9; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container::after { content: ''; position: absolute; width: 100%; height: 1px; background: #eee; bottom: 0; opacity: 0 }
.Header_Container .box .logo { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: var(--nav_height) }
.Header_Container .box .logo a { display: block; position: relative }
.Header_Container .box .logo a img { height: 50px }
.Header_Container .box .logo a p { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .logo a .p2 { position: absolute; left: 0; top: 0; opacity: 0 }
.Header_Container .box .nav { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-left: auto }
.Header_Container .box .nav .item { padding: 0 0.16rem; position: relative }
.Header_Container .box .nav .item > p a { position: relative; font-size: var(--f18); color: #fff; line-height: var(--nav_height); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .nav .item > p a::after { z-index: 3; content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background: #fff; -webkit-transform: scaleX(0); -ms-transform: scaleX(0); transform: scaleX(0); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0 }
.Header_Container .box .nav .item:hover > p a::after { -webkit-transform: scaleX(1); -ms-transform: scaleX(1); transform: scaleX(1); opacity: 1 }
.Header_Container .box .nav .item:hover .SelectNav { opacity: 1; visibility: inherit; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transform: translateX(-50%) translateY(0rem); -ms-transform: translateX(-50%) translateY(0rem); transform: translateX(-50%) translateY(0rem) }
.Header_Container .box .nav .item.active > p a { font-weight: bold }
.Header_Container .box .nav .item1 { position: initial }
.Header_Container .box .call { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0.9rem }
.Header_Container .box .call p { font-family: 'gilroy_Medium'; font-size: var(--f16); color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .call p svg { margin-right: 5px; -webkit-animation: headanim 0.5s ease 0s infinite; animation: headanim 0.5s ease 0s infinite }
.Header_Container .box .call p svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container .box .search { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-left: 0.5rem }
.Header_Container .box .search path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Header_Container.active, .Header_Container.on, .Header_Container.act { background: #fff }
.Header_Container.active::after, .Header_Container.on::after, .Header_Container.act::after { opacity: 1 }
.Header_Container.active .box .logo a .p1, .Header_Container.on .box .logo a .p1, .Header_Container.act .box .logo a .p1 { opacity: 0 }
.Header_Container.active .box .logo a .p2, .Header_Container.on .box .logo a .p2, .Header_Container.act .box .logo a .p2 { opacity: 1 }
.Header_Container.active .box nav .item > p a, .Header_Container.on .box nav .item > p a, .Header_Container.act .box nav .item > p a { color: #000 }
.Header_Container.active .box nav .item:hover > p a::after, .Header_Container.on .box nav .item:hover > p a::after, .Header_Container.act .box nav .item:hover > p a::after { background: #183b84 }
.Header_Container.active .box nav .item.active > p a, .Header_Container.on .box nav .item.active > p a, .Header_Container.act .box nav .item.active > p a { color: #183b84 }
.Header_Container.active .box .call p, .Header_Container.on .box .call p, .Header_Container.act .box .call p { color: #183b84 }
.Header_Container.active .box .call p svg path, .Header_Container.on .box .call p svg path, .Header_Container.act .box .call p svg path { fill: #183b84 }
.Header_Container.active .box .search svg path, .Header_Container.on .box .search svg path, .Header_Container.act .box .search svg path { fill: #183b84 }
.SelectNav { position: absolute; left: 50%; -webkit-transform: translateX(-50%) translateY(0.2rem); -ms-transform: translateX(-50%) translateY(0.2rem); transform: translateX(-50%) translateY(0.2rem); background: #fdfdfd; width: 1.5rem; visibility: hidden; opacity: 0 }
.SelectNav ul { padding: 0.1rem 0; border-bottom: 1px solid #e5ebf3 }
.SelectNav ul li a { display: block; text-align: center; font-size: var(--f16); padding: 0.1rem 0; color: #111; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.SelectNav ul li a:hover { color: #183b84 }
.Solution_Nav { position: absolute; top: var(--nav_height); height: calc(100vh - var(--nav_height)); left: 0; width: 100%; opacity: 0; visibility: hidden }
.Solution_Nav .bg { height: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; width: 100% }
.Solution_Nav .box_ { position: relative; z-index: 2; background: #fdfdfd }
.Solution_Nav .box_ .left_ { width: 4.2rem; background: #eff2f5; min-height: 1rem; padding: 0.4rem 0 0.4rem var(--interval) }
.Solution_Nav .box_ .left_ .h5 { font-size: var(--f26); font-weight: bold }
.Solution_Nav .box_ .left_ ul { margin-top: 0.36rem }
.Solution_Nav .box_ .left_ ul li { padding: 0 0.2rem }
.Solution_Nav .box_ .left_ ul li a { font-size: var(--f18); color: #333; font-weight: bold; width: 1.5rem; display: block; padding: 0.2rem 0.15rem 0.2rem 0; position: relative }
.Solution_Nav .box_ .left_ ul li a i { position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 12px }
.Solution_Nav .box_ .left_ ul .active { background: #fff }
.Solution_Nav .box_ .left_ ul .active a { color: #183b84 }
.Solution_Nav .box_ .right_ { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.4rem var(--interval) 0.4rem 0.8rem }
.Solution_Nav .box_ .right_ .list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3rem 0.5rem; display: none; max-height: 70vh; padding-bottom: 0.4rem; overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.Solution_Nav .box_ .right_ .list::-webkit-scrollbar { width: 2px; height: 2px }
.Solution_Nav .box_ .right_ .list::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.Solution_Nav .box_ .right_ .list::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
  .Solution_Nav .box_ .right_ .list { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.Solution_Nav .box_ .right_ .list .ite .h6 { font-size: var(--f20); font-weight: bold; padding-bottom: 0.2rem; border-bottom: 1px solid #cfd3d8 }
.Solution_Nav .box_ .right_ .list .ite .h6 a { color: #000 }
.Solution_Nav .box_ .right_ .list .ite ul { margin-top: 0.16rem }
.Solution_Nav .box_ .right_ .list .ite ul li { padding: 0.07rem 0 }
.Solution_Nav .box_ .right_ .list .ite ul li a { font-size: var(--f18); color: #666; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_Nav .box_ .right_ .list .ite ul li a p { background: #c8d7e6; text-align: center; padding: 3px 12px 1px; line-height: 1 }
.Solution_Nav .box_ .right_ .list .ite ul li:hover a { color: #183b84 }
.Solution_Nav .box_ .right_ .list .ite ul .active a { color: #183b84 }
.Solution_Nav .box_ .right_ .list.active { display: grid }
.Solution_Nav.active { opacity: 1; visibility: visible; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Banner { position: relative }
.Inner_Banner picture { overflow: hidden }
.Inner_Banner picture img { width: 100%; -webkit-animation: bannerscale 20s infinite linear; animation: bannerscale 20s infinite linear }
.Inner_Banner .orientation { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Inner_Banner .orientation .box { color: #fff }
.Inner_Banner .orientation .box .content1 { font-size: var(--f42); font-weight: bold }
.Inner_Banner .orientation .box .content2 { font-size: var(--f18); margin-top: 0.24rem; line-height: 1.8; max-width: 10rem; max-height: -webkit-calc(10.8em); max-height: calc(1.8em * 6); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.Inner_Banner .orientation .box .content2::-webkit-scrollbar { width: 2px; height: 2px }
.Inner_Banner .orientation .box .content2::-webkit-scrollbar-thumb { border-radius: 2px; background: #fff }
.Inner_Banner .orientation .box .content2::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.1) }
@-moz-document url-prefix() {
  .Inner_Banner .orientation .box .content2 { scrollbar-color: #183b84 rgba(255, 255, 255, 0.1); scrollbar-width: thin }
}
.Inner_Banner .orientation .box .content3 { margin-top: 0.5rem }
.Inner_Banner .orientation .box .content100 { display: flex; margin-top: 0.14rem; color: #fff; position: relative }
.Inner_Banner .orientation .box .content100 .posi { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0.24rem 0.2rem }
.Inner_Banner .orientation .box .content100 .t1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Inner_Banner .orientation .box .content100 .t1 span { margin-left: 0.1rem; font-size: var(--f18) }
.Inner_Banner .orientation .box .content100 .t2 { margin-top: 0.2rem }
.Inner_Banner .orientation .box .content100 .t2 a { color: #fff; font-family: 'gilroy_regular'; font-size: var(--f24) }
.Inner_Banner.on picture img { width: 100% }
@media screen and (min-width:1200px) {
  .Inner_Banner.on picture img { height: 100vh }
}
@-webkit-keyframes bannerscale {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1) }
  50% { -webkit-transform: scale(1); transform: scale(1) }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1) }
}
@keyframes bannerscale {
  0% { -webkit-transform: scale(1.1); transform: scale(1.1) }
  50% { -webkit-transform: scale(1); transform: scale(1) }
  100% { -webkit-transform: scale(1.1); transform: scale(1.1) }
}
.mbx.posi { position: absolute; left: 0; bottom: 0.25rem; z-index: 2 }
.mbx .box { font-size: var(--f16) }
.mbx .box a { color: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.mbx .box a svg { -webkit-transform: translateY(-2px); -ms-transform: translateY(-2px); transform: translateY(-2px) }
.mbx .box a:hover { text-decoration: underline }
.mbx .box em { margin: 0 0.1rem }
.mbx .box em i { color: #fff; font-size: var(--f14) }
.mbx .box span { color: #fff }
.mbx.on { background: #f9f9f9; padding: 0.15rem 0 }
.mbx.on .box a { color: #999 }
.mbx.on .box a path { fill: #666666 }
.mbx.on .box em i { color: #999 }
.mbx.on .box span { color: #666 }
.f3 { background: #f3f3f3 }
.Home_Banner .banner { position: relative }
.Home_Banner .banner .swiper-wrapper { -webkit-transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important; transition: -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important; -o-transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important; transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important; transition: transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s, -webkit-transform 1s cubic-bezier(0.645, 0.045, 0.355, 1) 0s !important }
.Home_Banner .banner video, .Home_Banner .banner picture img { width: 100%; height: 100vh }
@media screen and (max-width:1200px) {
  .Home_Banner .banner video, .Home_Banner .banner picture img { height: 50vh }
}
.Home_Banner .banner .video { position: relative }
.Home_Banner .banner .video::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)) }
.Home_Banner .banner .video .phone { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: none }
@media screen and (max-width:1200px) {
  .Home_Banner .banner .video .phone { display: block }
}
.Home_Banner .banner .video .phone .img { width: 100%; height: 100% }
.Home_Banner .banner .video .phone .img img { width: 100%; height: 100% }
.Home_Banner .banner .video .phone .play { position: absolute; z-index: 3; width: 0.5rem; height: 0.5rem; right: 5vw; bottom: 5vw; border-radius: 50%; border: 2px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.Home_Banner .banner .video .phone .play svg { margin: auto }
@media screen and (max-width:1200px) {
  .Home_Banner .banner .video .phone .play { width: 0.7rem; height: 0.7rem }
}
.Home_Banner .banner .swiper-slide .orientation { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; /*background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));*/ }
.Home_Banner .banner .swiper-slide .orientation .content1 { font-size: var(--f56); font-weight: bold; line-height: 1.3 }
.Home_Banner .banner .swiper-slide .orientation .content2 { font-family: 'gilroy_regular'; font-size: var(--f26); margin: 0.12rem 0 0.45rem }
.Home_Banner .page_box { position: absolute; z-index: 2; left: 50%; bottom: 0.5rem; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; --swiper-pagination-bullet-inactive-opacity: 0.5 }
.Home_Banner .page_box .button p { cursor: pointer }
.Home_Banner .page_box .button p i { font-weight: bold; color: #ddd; font-size: 0.2rem; opacity: .5; transition: .4s }
.Home_Banner .page_box .button p i:hover { opacity: 1 }
.Home_Banner .page_box .page { margin: 0 0.4rem }
.Home_Banner .page_box .page div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.Home_Banner .page_box .page div span { width: 0.6rem; border-radius: 0; height: 4px; margin: 0 0.1rem !important; background: #ddd; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Banner .page_box .page div .swiper-pagination-bullet-active { background: #183b84 }
.button_01 .a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; background: #183b84; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
  .button_01 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
  .button_01 .a { height: 0.8rem }
}
.button_01 .a p { position: relative; z-index: 2 }
.button_01 .a .circle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%; margin-left: 0.12rem }
.button_01 .a .circle span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: auto }
.button_01 .a .circle::before, .button_01 .a .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.button_01 .a:hover .circle::before, .button_01 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_01 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
@-webkit-keyframes sonarAnimation {
  0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5) }
  5% { opacity: 0.8 }
  100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8) }
}
@keyframes sonarAnimation {
  0% { opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5) }
  5% { opacity: 0.8 }
  100% { opacity: 0; -webkit-transform: scale(1.8); transform: scale(1.8) }
}
.Sitemap .container { padding-left: var(--interval); padding-right: var(--interval) }
.Sitemap .container .ap_top { border-bottom: 1px solid #999; padding-bottom: 0.46rem }
.Sitemap .container .ap_top p { font-size: 0.54rem; color: #000 }
.Sitemap .container .ap_bot .item { padding: 0.44rem 0; border-bottom: 1px solid #ccc }
.Sitemap .container .ap_bot .item .content1 a { color: #000; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.Sitemap .container .ap_bot .item .content1 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 { margin-top: 0.22rem }
.Sitemap .container .ap_bot .item .content2 .firstorder { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
.Sitemap .container .ap_bot .item .content2 .firstorder a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-right: 0.6rem; color: #333 }
.Sitemap .container .ap_bot .item .content2 .firstorder a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; flex-wrap: wrap }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list { margin-right: 0.5rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #333 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 { margin-top: 0.26rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a { font-size: 0.9em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #333 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 { padding-left: 0.1rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 { margin-top: 0.14rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.8em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a i { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 0.9em }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 { padding-left: 0.1rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 { margin-top: 0.1rem }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 0.8em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666; line-height: 1.4 }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a i { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: 0.9em }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a span { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical }
.Sitemap .container .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover { color: #183b84 }
.Sitemap .container .ap_bot .item .content1 a { font-size: 0.26rem }
.firstorder > a, .ge_list { font-size: 0.24rem }
@media (max-width:1200px) {
  .Sitemap .container { padding: 0 5vw }
  .Sitemap { padding: 0.8rem 0 }
  .Sitemap .container .ap_bot .item .content2 .multistage, .Sitemap .container .ap_bot .item .content2 .firstorder { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
  .Sitemap .container .ap_bot .item .content2 .multistage a, .Sitemap .container .ap_bot .item .content2 .firstorder a { margin-right: 0 }
  .Sitemap .container .ap_bot .item .content1 a { font-size: 0.32rem }
  .firstorder > a, .ge_list { font-size: 0.3rem }
}
@media (max-width:750px) {
  .Sitemap .container .ap_bot .item .content2 .multistage, .Sitemap .container .ap_bot .item .content2 .firstorder { grid-template-columns: repeat(1, 1fr) }
}
.Layer_Upload { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 11 }
.Layer_Upload .box { position: absolute; width: min(8.2rem, 90vw); margin: auto; background: #fff; padding: 0.6rem; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center }
.Layer_Upload .box .close { position: absolute; right: 0.4rem; top: 0.4rem; z-index: 2; cursor: pointer }
.Layer_Upload .box .close i { font-size: var(--f24); color: #ccc; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.Layer_Upload .box .close:hover i { color: #183b84 }
.Layer_Upload .box .content1 { font-size: 0.36rem; line-height: 1; font-weight: bold }
.Layer_Upload .box .content2 { margin-top: 0.5rem }
.Layer_Upload .box .content2 .upload { width: 2.9rem; margin: auto; cursor: pointer; position: relative }
.Layer_Upload .box .content2 .upload img { width: 100% }
.Layer_Upload .box .content2 .upload p { font-size: 14px; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: 0.6rem; min-width: 0.95rem; padding: 0 0.3rem; line-height: 35px; border: 1px solid #183b84 }
.Layer_Upload .box .content3 { font-size: var(--f18); color: #666; margin-top: 0.25rem; margin-bottom: 0.15rem }
.Layer_Upload .box .content5 { margin-top: 0.45rem }
.Layer_Upload .box .content5 input { width: 1.6rem; height: 0.55rem; background: #183b84; color: #fff; font-size: var(--f16); cursor: pointer }
.title_01 .title { font-size: var(--f32); font-weight: bold; line-height: 1.3; font-family: 'gilroy_bold' }
.title_01 .desc { font-size: var(--f20); color: #666; margin-top: 0.12rem }
.desc_01 { font-size: var(--f18); line-height: 1.8; color: #666 }
.Home_Product .box .boxLeft { width: 5.5rem }
.Home_Product .box .boxLeft .scroll .item { padding-bottom: 0.6rem }
.Home_Product .box .boxLeft .scroll .item:last-child { padding-bottom: 0 }
.Home_Product .box .boxLeft .scroll .item .left { width: 0.9rem }
.Home_Product .box .boxLeft .scroll .item .left .svg { position: relative; width: 56px; -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }
.Home_Product .box .boxLeft .scroll .item .left .svg .cir2 { stroke-dashoffset: 160; stroke-dasharray: 160 }
.Home_Product .box .boxLeft .scroll .item .left .svg p { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.Home_Product .box .boxLeft .scroll .item .left .svg p svg { max-width: 30px; max-height: 30px }
.Home_Product .box .boxLeft .scroll .item .left .svg p svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; fill: #e3e3e3 }
.Home_Product .box .boxLeft .scroll .item .right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1.2rem }
.Home_Product .box .boxLeft .scroll .item .right .content1 { font-size: var(--f32); color: #666; font-weight: bold; min-height: 56px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Home_Product .box .boxLeft .scroll .item .right .hide { display: grid; grid-template-rows: 0fr; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Product .box .boxLeft .scroll .item .right .hide > div { min-height: 0 }
.Home_Product .box .boxLeft .scroll .item .right .content2 { margin-top: 0.15rem }
.Home_Product .box .boxLeft .scroll .item .right .content2 .desc_01 { height: 3.6em }
.Home_Product .box .boxLeft .scroll .item .right .content3 { margin-top: 0.34rem; padding-bottom: 0.15rem }
.Home_Product .box .boxLeft .scroll .active .left .svg .cir2 { -webkit-animation: yuan 5s linear forwards; animation: yuan 5s linear forwards }
.Home_Product .box .boxLeft .scroll .active .left .svg p svg path { fill: #183b84 }
.Home_Product .box .boxLeft .scroll .active .right .content1 { color: #000 }
.Home_Product .box .boxLeft .scroll .active .right .hide { grid-template-rows: 1fr }
.Home_Product .box .boxLeft .scroll .on .left .svg .cir2 { -webkit-animation: yuan 0.5s linear forwards; animation: yuan 0.5s linear forwards }
.Home_Product .box .boxLeft .scroll .on .left .svg p svg path { fill: #183b84 }
.Home_Product .box .boxLeft .scroll .on .right .content1 { color: #000 }
.Home_Product .box .boxLeft .scroll .on .right .hide { grid-template-rows: 1fr }
.Home_Product .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; position: relative }
.Home_Product .box .boxRight .img { position: absolute; left: 0; top: 0; opacity: 0; height: 100%; width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; overflow: hidden }
.Home_Product .box .boxRight .img img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 6.14rem }
.Home_Product .box .boxRight .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Home_Product .box .boxRight .active { position: relative; opacity: 1; z-index: 2 }
@-webkit-keyframes yuan {
  0% { stroke-dashoffset: 160 }
  100% { stroke-dashoffset: 0 }
}
@keyframes yuan {
  0% { stroke-dashoffset: 160 }
  100% { stroke-dashoffset: 0 }
}
.button_02 p, .button_02 .a { background: #183b84; height: 0.52rem; width: 0.52rem; color: #fff; border-radius: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.button_02 p i, .button_02 .a i { margin: auto; font-size: var(--f14); font-weight: bold }
.button_03 .a { height: 0.52rem; width: 0.52rem; color: #fff; border-radius: 50%; border: 2px solid #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.button_03 .a i { margin: auto; font-size: var(--f14); font-weight: bold }
.button_04 .a { height: 0.52rem; width: 0.52rem; color: #183b84; border-radius: 50%; border: 2px solid #183b84; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.button_04 .a i { margin: auto; font-size: var(--f14); font-weight: bold }
.button_05 { display: inline-block }
.button_05 .a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; border: 1px solid #fff; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
  .button_05 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
  .button_05 .a { height: 0.8rem }
}
.button_05 .a p { position: relative; z-index: 2 }
.button_05 .a .circle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 50%; margin-left: 0.12rem }
.button_05 .a .circle span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #fff; margin: auto }
.button_05 .a .circle::before, .button_05 .a .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.button_05 .a:hover { background: #183b84; color: #fff; border-color: #183b84 }
.button_05 .a:hover .circle { border-color: #fff }
.button_05 .a:hover .circle span { background: #fff }
.button_05 .a:hover .circle::before, .button_05 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_05 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.button_06 { display: inline-block }
.button_06 .a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; background: transparent; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem; cursor: pointer; border: 1px solid #fff }
@media screen and (max-width:1200px) {
  .button_06 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
  .button_06 .a { height: 0.8rem }
}
.button_06 .a p { position: relative; z-index: 2 }
.button_06 .a svg { margin-left: 0.12rem; width: var(--f20) }
.button_06 .a:hover { background: #183b84; color: #fff; border-color: #183b84; -webkit-box-shadow: 0px 0px 12px rgba(0, 76, 151, 0.3); box-shadow: 0px 0px 12px rgba(0, 76, 151, 0.3) }
.button_06 .a:hover .circle { border-color: #fff }
.button_06 .a:hover .circle span { background: #fff }
.button_06 .a:hover .circle::before, .button_06 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_06 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.Home_Solution { overflow: hidden; background: #eff2f5 }
.Home_Solution .box { position: relative }
.Home_Solution .box .item { position: relative; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .img { position: relative }
.Home_Solution .box .item .img img { width: 100%; height: 7.8rem }
.Home_Solution .box .item .img::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 64%; background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.3))); background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.3)); background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.3)) }
.Home_Solution .box .item .orientation_01 { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 50%; text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .orientation_01 .content1 { font-size: var(--f32); font-weight: bold }
.Home_Solution .box .item .orientation_01 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution .box .item .orientation_01 .content3 { margin-top: 0.4rem }
.Home_Solution .box .item .orientation_02 { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: var(--interval); opacity: 0 }
.Home_Solution .box .item .orientation_02 .content1 { font-size: var(--f32); font-weight: bold }
.Home_Solution .box .item .orientation_02 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution .box .item .orientation_02 .content3 { margin-top: 0.4rem; opacity: 0 }
.Home_Solution .box .item .orientation_03 { position: absolute; left: var(--interval); bottom: 0.6rem; width: 100% }
.Home_Solution .box .item .orientation_03 .scroll { width: 7.4rem }
@media screen and (min-width:1200px) {
  .Home_Solution .box .item .orientation_03 .scroll { display: grid; grid-template-rows: 0fr; overflow: hidden }
}
.Home_Solution .box .item .orientation_03 .scroll ul { min-height: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px }
.Home_Solution .box .item .orientation_03 .scroll ul li { position: relative }
.Home_Solution .box .item .orientation_03 .scroll ul li::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35) }
.Home_Solution .box .item .orientation_03 .scroll ul li a { font-size: var(--f18); color: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0.35rem 0 0.55rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: rgba(255, 255, 255, 0.15); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); text-align: left; position: relative; z-index: 1 }
.Home_Solution .box .item .orientation_03 .scroll ul li i { position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: var(--f16); color: #fff; opacity: 0.3; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .orientation_03 .scroll ul li p { line-height: 50px; height: 50px }
.Home_Solution .box .item .orientation_03 .scroll ul li div { position: absolute; left: 0.18rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Home_Solution .box .item .orientation_03 .scroll ul li div svg { width: 30px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px) }
.Home_Solution .box .item .orientation_03 .scroll ul li div svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution .box .item .orientation_03 .scroll ul li:hover a { background: #fff; color: #183b84 }
.Home_Solution .box .item .orientation_03 .scroll ul li:hover i { color: #183b84; opacity: 1 }
.Home_Solution .box .item .orientation_03 .scroll ul li:hover div svg path { fill: #183b84 }
@media screen and (min-width:1200px) {
  .Home_Solution .box .left { -webkit-clip-path: polygon(0% 0%, 55.5% 0%, 45% 100%, 0% 100%); clip-path: polygon(0% 0%, 55.5% 0%, 45% 100%, 0% 100%) }
}
.Home_Solution .box .right { right: 0; top: 0; height: 100% }
@media screen and (min-width:1200px) {
  .Home_Solution .box .right { position: absolute; -webkit-clip-path: polygon(56% 0%, 100% 0%, 100% 100%, 45.5% 100%); clip-path: polygon(56% 0%, 100% 0%, 100% 100%, 45.5% 100%) }
}
.Home_Solution .box .right .orientation_01 { right: 0; left: auto }
.Home_Solution .box .right .orientation_02 { right: var(--interval); left: auto; text-align: right }
@media screen and (min-width:1200px) {
  .Home_Solution .box1 .left { -webkit-clip-path: polygon(0% 0%, 81.5% 0%, 71% 100%, 0% 100%); clip-path: polygon(0% 0%, 81.5% 0%, 71% 100%, 0% 100%) }
  .Home_Solution .box1 .left .orientation_01 { opacity: 0 }
  .Home_Solution .box1 .left .orientation_02 { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
  .Home_Solution .box1 .left .orientation_03 { display: flex }
  .Home_Solution .box1 .left .orientation_03 .scroll { grid-template-rows: 1fr; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
  .Home_Solution .box1 .right { -webkit-clip-path: polygon(82% 0%, 100% 0%, 100% 100%, 71.5% 100%); clip-path: polygon(82% 0%, 100% 0%, 100% 100%, 71.5% 100%) }
  .Home_Solution .box1 .right .orientation_01 { width: 23% }
  .Home_Solution .box2 .left { -webkit-clip-path: polygon(0% 0%, 28.5% 0%, 18% 100%, 0% 100%); clip-path: polygon(0% 0%, 28.5% 0%, 18% 100%, 0% 100%) }
  .Home_Solution .box2 .left .orientation_01 { width: 23% }
  .Home_Solution .box2 .right { -webkit-clip-path: polygon(29% 0%, 100% 0%, 100% 100%, 18.5% 100%); clip-path: polygon(29% 0%, 100% 0%, 100% 100%, 18.5% 100%) }
  .Home_Solution .box2 .right .orientation_01 { opacity: 0 }
  .Home_Solution .box2 .right .orientation_02 { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
  .Home_Solution .box2 .right .orientation_03 { left: auto; right: var(--interval); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
  .Home_Solution .box2 .right .orientation_03 .scroll { grid-template-rows: 1fr; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
}
.Home_Solution_01 { overflow: hidden; --h: 7.73rem; background: #eff2f5 }
.Home_Solution_01 .box { display: flex; width: 20.4rem }
.Home_Solution_01 .box .item { flex: 1; position: relative; will-change: auto; margin-right: 0.1rem; transition: all 0.6s }
.Home_Solution_01 .box .item .main { width: 100%; overflow: hidden; transform: skew(-10deg); transform-origin: left top; position: relative; height: var(--h) }
.Home_Solution_01 .box .item .main .main_01 { position: absolute; top: 0; left: 50%; width: 100vw; height: 100%; transform: translate(-40%, 0) skew(10deg) }
.Home_Solution_01 .box .item .main .main_01 .img img { height: var(--h); width: 100% }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 { color: #fff; position: absolute; top: 50%; left: 40%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 50%; text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content1 { font-size: var(--f32); font-weight: bold }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution_01 .box .item .main .main_01 .orientation_01 .content3 { margin-top: 0.4rem }
.Home_Solution_01 .box .item .main .main_01 .orientation_02 { color: #fff; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); left: 16%; opacity: 0 }
@media screen and (max-width:1680px) {
  .Home_Solution_01 .box .item .main .main_01 .orientation_02 { top: 40% }
}
@media screen and (max-width:1520px) {
  .Home_Solution_01 .box .item .main .main_01 .orientation_02 { top: 30% }
}
.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content1 { font-size: var(--f32); font-weight: bold }
.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content2 { margin-top: 0.1rem; font-size: var(--f18) }
.Home_Solution_01 .box .item .main .main_01 .orientation_02 .content3 { margin-top: 0.4rem }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 { position: absolute; left: 16%; bottom: 0.6rem; width: 100% }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { width: 7.4rem }
@media screen and (min-width:1200px) {
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { display: grid; grid-template-rows: 0fr; overflow: hidden }
}
@media screen and (max-width:1200px) {
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { height: -webkit-calc(170px); height: calc(50px * 3 + 20px); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #fff }
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.1) }
  @-moz-document url-prefix() {
    .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { scrollbar-color: #183b84 rgba(255, 255, 255, 0.1); scrollbar-width: thin }
  }
}
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul { min-height: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li { position: relative }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li::after { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.35) }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li a { font-size: var(--f18); color: #fff; text-align: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: 0 0.35rem 0 0.55rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: rgba(255, 255, 255, 0.35); -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); text-align: left; position: relative; z-index: 1 }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li i { position: absolute; right: 0.2rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: var(--f16); color: #fff; opacity: 0.3; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li p { line-height: 50px; height: 50px }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li div { position: absolute; left: 0.18rem; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li div svg { width: 30px; -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px) }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li div svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; fill: #fff }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover a { background: #fff; color: #183b84 }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover i { color: #183b84; opacity: 1 }
.Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll ul li:hover div svg path { fill: #183b84 }
@media screen and (min-width:1200px) {
  .Home_Solution_01 .box .item:nth-child(2) { margin-right: 0 }
  .Home_Solution_01 .box .item:nth-child(2) .main .main_01 .orientation_01 { right: 10%; left: auto }
  .Home_Solution_01 .box .item:nth-child(2) .main .main_01 .orientation_02 { right: 36%; left: auto !important; text-align: right }
  .Home_Solution_01 .box .item:nth-child(2) .main .main_01 .orientation_03 { right: 36%; left: auto !important; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end }
  .Home_Solution_01 .box .item.active { flex: 2 }
  .Home_Solution_01 .box .item.active .main .main_01 .orientation_01 { opacity: 0 }
  .Home_Solution_01 .box .item.active .main .main_01 .orientation_02 { opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
  .Home_Solution_01 .box .item.active .main .main_01 .orientation_03 .scroll { grid-template-rows: 1fr; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
}
.Home_Case .box { margin-top: 20px }
.Home_Case .box .banner { border-bottom: 1px solid #cfd3d8 }
.Home_Case .box .banner .swiper { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) }
.Home_Case .box .banner .swiper-slide { border-bottom: 2px solid transparent; width: auto; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; text-align: center }
.Home_Case .box .banner .swiper-slide p { font-size: var(--f20); color: #333; padding: 0.3rem 0; -webkit-transition: 0.4s; -o-transition: 0.4s; cursor: pointer; transition: 0.4s }
.Home_Case .box .banner .swiper-slide p:hover { color: #183b84 }
.Home_Case .box .banner .swiper-slide.active { border-color: #183b84 }
.Home_Case .box .banner .swiper-slide.active p { color: #183b84; font-weight: bold }
.Home_Case .box1 { --h: 5.1rem; --w: 7.45rem; margin-top: 0.68rem; padding-left: var(--interval) }
.Home_Case .box1 .swiper { margin-top: -0.3rem; padding: 30px 0 }
.Home_Case .box1 .swiper .swiper-slide { width: 3.8rem; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s }
.Home_Case .box1 .swiper .swiper-slide a { display: block; position: relative }
.Home_Case .box1 .swiper .swiper-slide a .one { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; height: var(--h) }
.Home_Case .box1 .swiper .swiper-slide a .one > div { height: 4.36rem; padding: 0.3rem; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1) }
.Home_Case .box1 .swiper .swiper-slide a .one .con1 img { height: 0.45rem }
.Home_Case .box1 .swiper .swiper-slide a .one .con2 { line-height: 1.3; font-size: var(--f24); height: 2.6em; font-weight: bold; margin: 0.2rem 0 0.3rem; color: #000 }
.Home_Case .box1 .swiper .swiper-slide a .two { position: absolute; left: 0; bottom: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; padding: 0.3rem }
.Home_Case .box1 .swiper .swiper-slide a .two .img { height: 100%; overflow: hidden }
.Home_Case .box1 .swiper .swiper-slide a .two .img img { width: 100%; height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation { opacity: 0; position: absolute; left: 0; top: 0; width: 3.54rem; height: 100%; background: rgba(0, 76, 151, 0.6); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); padding: 0 0.38rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation > div { width: 100% }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content1 img { height: 0.56rem }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content2 { font-size: var(--f28); color: #fff; line-height: 1.5; height: 3em; font-weight: bold; margin: 0.3rem 0 0.24rem }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content3 { font-size: var(--f16); line-height: 1.8; color: #fff; height: 5.4em }
.Home_Case .box1 .swiper .swiper-slide a .two .orientation .content4 { margin-top: 0.6rem }
.Home_Case .box1 .swiper .swiper-slide a:hover .two .img img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
@media screen and (min-width:1200px) {
  .Home_Case .box1 .swiper .swiper-slide-active { width: var(--w) }
}
.Home_Case .box1 .swiper .swiper-slide-active a .con1 { opacity: 0 }
.Home_Case .box1 .swiper .swiper-slide-active a .con2 { opacity: 0 }
.Home_Case .box1 .swiper .swiper-slide-active a .two { opacity: 1; padding: 0 }
.Home_Case .box1 .swiper .swiper-slide-active a .two .orientation { opacity: 1 }
.gdt { margin-top: 0.32rem; overflow: hidden }
.gdt .j { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.gdt .page { height: 1px; position: relative; width: 100% }
.gdt .page div { height: 1px; background: #e7e7e7 }
.gdt .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #183b84 }
.gdt .button { margin-left: 0.4rem }
.Home_About { background: #eff2f5; overflow: hidden; position: relative; padding-bottom: 20px }
.Home_About .box .boxLeft { width: 8.3rem; padding-left: var(--interval); padding-top: 1.3rem }
.Home_About .box .boxLeft .content1 { font-size: var(--f30); color: #111; margin-top: 0.1rem }
.Home_About .box .boxLeft .content2 { font-size: var(--f18); color: #666; line-height: 2; height: 10em; margin-top: 0.45rem }
.Home_About .box .boxLeft .content3 { margin-top: 0.6rem }
.Home_About .box .boxRight { padding: 0 0.6rem; padding-left: 0.6rem; padding-right: var(--interval); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.Home_About .box .boxRight .main { position: relative }
.Home_About .box .boxRight .main .img img { width: 100% }
.Home_About .box .boxRight .main .img .video_box{ position: absolute; z-index: 1; top: 45%; left: 0%; width: 100%; height: 55%; transform: translateY(-60%) !important; border-radius: 10px; overflow: hidden }
.Home_About .box .boxRight .main .list .item { position: absolute; z-index: 1; top: 0%; left: 0% }
.Home_About .box .boxRight .main .list .item .circle { width: 30px; height: 30px; position: relative; display: flex }
.Home_About .box .boxRight .main .list .item .circle span { display: block; margin: auto; width: 10px; height: 10px; border-radius: 50%; background: #183b84; position: relative }
.Home_About .box .boxRight .main .list .item .circle span:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.36rem; height: 0.36rem; border-radius: 50%; border: 1px solid #183b84; opacity: 0.7; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_About .box .boxRight .main .list .item .circle::before, .Home_About .box .boxRight .main .list .item .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(0, 76, 151, 0.7); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.Home_About .box .boxRight .main .list .item .circle::before, .Home_About .box .boxRight .main .list .item .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) infinite }
.Home_About .box .boxRight .main .list .item .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.Home_About .box .boxRight .main .list .item .orientation1 { height: 35px; line-height: 35px; padding: 0 18px; white-space: nowrap; background: #fff; position: absolute; left: 50px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); font-size: 0.18rem; color: #183b84; font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_About .box .boxRight .main .list .item .orientation1::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(-100%); -ms-transform: translateY(-50%) translateX(-100%); transform: translateY(-50%) translateX(-100%); border: 7px solid transparent; border-right-color: #fff }
.Home_About .box .boxRight .main .list .item .orientation1.left { left: auto; right: 50px }
.Home_About .box .boxRight .main .list .item .orientation1.left::before { left: auto; right: 0; border-right-color: transparent; border-left-color: #fff; -webkit-transform: translateY(-50%) translateX(100%); -ms-transform: translateY(-50%) translateX(100%); transform: translateY(-50%) translateX(100%) }
.Home_About .box .boxRight .main .list .item .orientation2 { width: 3.15rem; background: #fff; position: absolute; left: 50px; top: -15px; min-height: 1rem; padding: 15px 0.22rem; opacity: 0; visibility: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_About .box .boxRight .main .list .item .orientation2::before { content: ''; position: absolute; left: 0%; top: 22px; -webkit-transform: translateY(0%) translateX(-100%); -ms-transform: translateY(0%) translateX(-100%); transform: translateY(0%) translateX(-100%); border: 7px solid transparent; border-right-color: #fff }
.Home_About .box .boxRight .main .list .item .orientation2 .title { font-size: var(--f18); font-weight: bold }
.Home_About .box .boxRight .main .list .item .orientation2 .desc { margin-top: 0.12rem }
.Home_About .box .boxRight .main .list .item .orientation2 .desc ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px }
.Home_About .box .boxRight .main .list .item .orientation2 .desc ul li:last-child { margin-bottom: 0 }
.Home_About .box .boxRight .main .list .item .orientation2 .desc ul li .le { width: 24px }
.Home_About .box .boxRight .main .list .item .orientation2 .desc ul li .ri { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: var(--f16); color: #333; font-weight: bold }
.Home_About .box .boxRight .main .list .item .orientation2.left { left: auto; right: 50px }
.Home_About .box .boxRight .main .list .item .orientation2.left::before { left: auto; right: 0; border-right-color: transparent; border-left-color: #fff; -webkit-transform: translateY(0%) translateX(100%); -ms-transform: translateY(0%) translateX(100%); transform: translateY(0%) translateX(100%) }
@media screen and (min-width:699px) {
  .Home_About .box .boxRight .main .list .item.active { z-index: 2 }
  .Home_About .box .boxRight .main .list .item.active .orientation1 { opacity: 0 }
  .Home_About .box .boxRight .main .list .item.active .orientation2 { opacity: 1; z-index: 3; visibility: inherit }
}
.Home_About .box .boxRight .main .list .item.active { z-index: 2 }
.Home_About .box .boxRight .main .list .item.active .orientation1 { color: #000 }
.Home_About .box .boxRight .main .list .item1 { top: 50%; left: 20% }
.Home_About .box .boxRight .main .list .item2 { top: 43.6%; left: 46.3% }
.Home_About .box .boxRight .main .list .item2 .circle::before, .Home_About .box .boxRight .main .list .item2 .circle::after { -webkit-animation: sonarAnimation 2.8s 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: sonarAnimation 2.8s 0.3s cubic-bezier(0.075, 0.82, 0.165, 1) infinite }
.Home_About .box .boxRight .main .list .item3 { top: 56.5%; left: 82% }
.Home_About .box .boxRight .main .list .item3 .circle::before, .Home_About .box .boxRight .main .list .item3 .circle::after { -webkit-animation: sonarAnimation 2.8s 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: sonarAnimation 2.8s 0.6s cubic-bezier(0.075, 0.82, 0.165, 1) infinite }
.Home_About .box .boxRight .main .list .item4 { top: 55.7%; left: 78.5% }
.Home_About .box .boxRight .main .list .item4 .circle::before, .Home_About .box .boxRight .main .list .item4 .circle::after { -webkit-animation: sonarAnimation 2.8s 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) infinite; animation: sonarAnimation 2.8s 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) infinite }
.Home_About .box .boxRight .main .list .item3 .orientation1 { top: 100% }
.Home_About .box .boxRight .main .list .item4 .orientation1 { top: 0% }
.Home_About .box0 { display: none; margin-bottom: 0.5rem; margin-top: -1.6rem; position: relative; z-index: 1 }
@media screen and (max-width:699px) {
  .Home_About .box0 { display: block }
}
.Home_About .box0 .item { display: none }
.Home_About .box0 .item.active { display: block }
.Home_About .box0 .item .orientation2 { background: #fff; min-height: 1rem; padding: 15px 0.22rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_About .box0 .item .orientation2::before { content: ''; position: absolute; left: 0%; top: 22px; -webkit-transform: translateY(0%) translateX(-100%); -ms-transform: translateY(0%) translateX(-100%); transform: translateY(0%) translateX(-100%); border: 7px solid transparent; border-right-color: #fff }
.Home_About .box0 .item .orientation2 .title { font-size: var(--f18); font-weight: bold }
.Home_About .box0 .item .orientation2 .desc { margin-top: 0.12rem }
.Home_About .box0 .item .orientation2 .desc ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 5px }
.Home_About .box0 .item .orientation2 .desc ul li:last-child { margin-bottom: 0 }
.Home_About .box0 .item .orientation2 .desc ul li .le { width: 24px }
.Home_About .box0 .item .orientation2 .desc ul li .ri { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; font-size: var(--f16); color: #333; font-weight: bold }
.Home_About .box0 .item .orientation2.left { left: auto; right: 50px }
.Home_About .box0 .item .orientation2.left::before { left: auto; right: 0; border-right-color: transparent; border-left-color: #fff; -webkit-transform: translateY(0%) translateX(100%); -ms-transform: translateY(0%) translateX(100%); transform: translateY(0%) translateX(100%) }
.Home_About .box1 { position: absolute; z-index: 2; left: 0; width: 100%; bottom: 0.9rem }
.Home_About .box1 .list { padding: 0.43rem 1.6rem; background: #fff; -webkit-box-shadow: 0px 8px 14.4px 1.6px rgba(0, 76, 151, 0.04); box-shadow: 0px 8px 14.4px 1.6px rgba(0, 76, 151, 0.04); display: none !important }
.Home_About .box1 .list.active { display: flex !important }
.Home_About .box1 .list .item .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
.Home_About .box1 .list .item .top div { position: relative }
.Home_About .box1 .list .item .top div p { font-family: 'gilroy_bold'; font-size: var(--f50); color: #183b84; line-height: 1; opacity: 0 }
.Home_About .box1 .list .item .top div .p2 { position: absolute; left: 0; top: 0; opacity: 1 }
.Home_About .box1 .list .item .top span { display: block; font-size: var(--f24); color: #183b84; margin-left: 4px }
.Home_About .box1 .list .item .bot { margin-top: 0.08rem; font-size: var(--f18); font-weight: bold }
.Home_News .box .boxLeft { width: 7.6rem; position: relative }
.Home_News .box .boxLeft p { height: 100%; position: absolute; left: 0; width: 100%; top: 0; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxLeft p a { display: block; height: 100%; overflow: hidden }
.Home_News .box .boxLeft p img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxLeft p:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Home_News .box .boxLeft .active { position: initial; z-index: 1; opacity: 1 }
.Home_News .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.95rem }
.Home_News .box .boxRight .list { height: 100% }
.Home_News .box .boxRight .list .item { border-bottom: 1px solid #eee; padding: 0.37rem 0 }
.Home_News .box .boxRight .list .item a { width: 100% }
.Home_News .box .boxRight .list .item:first-child { padding-top: 0 }
.Home_News .box .boxRight .list .item .content1 .title { font-size: var(--f20); color: #111; font-weight: bold; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 1.2em; line-height: 1.2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxRight .list .item .content1 .time { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-family: 'gilroy_regular'; font-size: var(--f16); color: #999; padding-left: 1.2rem }
.Home_News .box .boxRight .list .item .content2 { display: grid; grid-template-rows: 0fr; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Home_News .box .boxRight .list .item .content2 > div { min-height: 0 }
.Home_News .box .boxRight .list .item .content2 > div .content3 { font-size: var(--f16); color: #666; line-height: 1.6; height: 3.2em; margin: 0.18rem 0 }
.Home_News .box .boxRight .list .item .content2 > div .content4 .button_04 .a { width: 0.4rem; height: 0.4rem }
.Home_News .box .boxRight .list .active .content1 .title { color: #183b84 }
.Home_News .box .boxRight .list .active .content2 { grid-template-rows: 1fr }
.Home_Four { background: #183b84 }
.Home_Four .box { display: grid; grid-template-columns: repeat(4, 1fr); padding: 0.6rem 0 }
.Home_Four .box .item { text-align: center; color: #fff; border-right: 1px solid rgba(255, 255, 255, 0.15) }
.Home_Four .box .item:last-child { border-right: none }
.Home_Four .box .item .content1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; height: 0.6rem }
.Home_Four .box .item .content1 img { max-height: 100% }
.Home_Four .box .item .content2 { font-size: var(--f24); font-weight: bold; margin-top: 0.3rem }
.Home_Four .box .item .content3 { font-size: var(--f18); margin-top: 0.08rem }
.Home_Four .box .item:hover .content1 { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Footer_Container { background: #0f151c }
.Footer_Container .box1 { padding: 0.55rem 0 0.4rem }
.Footer_Container .box1 .boxLeft img { height: 42px }
.Footer_Container .box1 .boxRight .link { margin-right: 0.2rem }
.Footer_Container .box1 .boxRight .link a { display: block; text-align: center; line-height: 0.5rem; font-size: var(--f16); color: #fff; border: 2px solid #fff; padding: 0 0.3rem }
.Footer_Container .box1 .boxRight .select { position: relative }
.Footer_Container .box1 .boxRight .select p { width: 1.7rem; line-height: 0.5rem; border: 2px solid #fff; color: #fff; text-align: center; cursor: pointer }
.Footer_Container .box1 .boxRight .select p i { font-size: var(--f14); margin-left: 5px }
.Footer_Container .box1 .boxRight .select ul { opacity: 0; visibility: hidden; position: absolute; left: 0; background: #0f151c; width: 100%; z-index: 2; border-left: 1px solid rgba(255, 255, 255, 0.5); border-right: 1px solid rgba(255, 255, 255, 0.5) }
.Footer_Container .box1 .boxRight .select ul li { border-bottom: 1px solid rgba(255, 255, 255, 0.5) }
.Footer_Container .box1 .boxRight .select ul li a { color: #fff; text-align: center; padding: 0.1rem 0.15rem; display: block; line-height: 1.5; opacity: 0.5; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box1 .boxRight .select ul li a:hover { opacity: 1 }
.Footer_Container .box1 .boxRight .select:hover ul { opacity: 1; visibility: initial; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box2 { padding-top: 0.8rem; border-top: 1px solid rgba(255, 255, 255, 0.1) }
.Footer_Container .box2 .boxLeft .item { margin-right: 0.9rem }
.Footer_Container .box2 .boxLeft .item:last-child { margin-right: 0 }
.Footer_Container .box2 .boxLeft .item .h5 a { font-size: var(--f20); color: #fff }
.Footer_Container .box2 .boxLeft .item ul { margin-top: 0.4rem }
.Footer_Container .box2 .boxLeft .item ul li { margin-bottom: 0.12rem }
.Footer_Container .box2 .boxLeft .item ul li:last-child { margin-bottom: 0 }
.Footer_Container .box2 .boxLeft .item ul li a { font-size: var(--f16); color: #fff; opacity: 0.4; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box2 .boxLeft .item ul li a:hover { opacity: 1 }
.Footer_Container .box2 .boxRight { max-width: 3.5rem; text-align: right }
.Footer_Container .box2 .boxRight .content1 a { font-family: 'gilroy_bold'; font-size: var(--f26); color: #fff }
.Footer_Container .box2 .boxRight .content2 { font-size: var(--f20); line-height: 1.6; color: #fff; opacity: 0.4; margin-top: 0.24rem }
.Footer_Container .box2 .boxRight .content3 { margin-top: 0.76rem }
.Footer_Container .box2 .boxRight .content3 ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.Footer_Container .box2 .boxRight .content3 ul li { margin-left: 0.25rem; position: relative }
.Footer_Container .box2 .boxRight .content3 ul li a img { opacity: 0.5; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box2 .boxRight .content3 ul li a:hover img { opacity: 1 }
.Footer_Container .box2 .boxRight .content3 ul li p { position: absolute; width: 1.2rem; left: 50%; top: 40px; -webkit-transform: translateX(-50%) scale(0); -ms-transform: translateX(-50%) scale(0); transform: translateX(-50%) scale(0); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; opacity: 0; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top }
.Footer_Container .box2 .boxRight .content3 ul li p img { width: 100% }
.Footer_Container .box2 .boxRight .content3 ul li:hover p { -webkit-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1 }
.Footer_Container .box3 { margin-top: 0.9rem; background: #0b0f14; font-size: var(--f16); padding: 0.3rem 0 }
.Footer_Container .box3 span, .Footer_Container .box3 a { color: #fff; opacity: 0.4; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Footer_Container .box3 a { display: inline-block; margin: 0 5px }
.Footer_Container .box3 a:hover { opacity: 1 }
.cbl { position: fixed; right: 0.15rem; z-index: 27; bottom: 20%; display: none }
.cbl ul li { width: 0.6rem; background: #fff; text-align: center; margin-bottom: 5px; cursor: pointer; -webkit-box-shadow: 0px 0px 10px #eee; box-shadow: 0px 0px 10px #eee; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative }
.cbl ul li > a { display: block; padding: 0.12rem 0 0.08rem }
.cbl ul li .top path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.cbl ul li .bot { font-size: var(--f14); color: #183b84; margin-top: 4px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.cbl ul li .main { position: absolute; right: -webkit-calc(105%); right: calc(100% + 5px); top: 0; height: 100%; background: #fff; white-space: nowrap; font-size: var(--f20); font-weight: bold; padding: 0 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; visibility: hidden; opacity: 0; -webkit-box-shadow: 0px 0px 10px #eee; box-shadow: 0px 0px 10px #eee }
.cbl ul li .main a { color: #183b84 }
.cbl ul li:hover { background: #183b84 }
.cbl ul li:hover .top path { fill: #fff }
.cbl ul li:hover .bot { color: #fff }
.cbl ul li:hover .main { visibility: visible; opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav .box { border-bottom: 1px solid #cfd3d8 }
.Inner_Nav .box p { margin-right: 0.5rem }
.Inner_Nav .box p:last-child { margin-right: 0 }
.Inner_Nav .box p a { display: block; line-height: 0.8rem; font-size: var(--f20); color: #111; font-weight: bold; border-bottom: 2px solid transparent; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav .box p a:hover { color: #183b84 }
.Inner_Nav .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav.on {  /*top: 0;*/ top: var(--nav_height); z-index: 6; background: #fff }
@media screen and (min-width:1200px) {
  .Inner_Nav.on { position: -webkit-sticky; position: sticky }
}
.Inner_Nav.bgfff { background: #fff }
.Inner_Nav_02 .box p { margin-right: 0.54rem }
.Inner_Nav_02 .box p:last-child { margin-right: 0 }
.Inner_Nav_02 .box p a { display: block; font-size: var(--f24); color: #111; font-weight: bold; border-bottom: 2px solid transparent; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); padding-bottom: 0.3rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav_02 .box p a:hover { color: #183b84 }
.Inner_Nav_02 .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav_03 .box p { margin-right: 0.54rem }
.Inner_Nav_03 .box p:last-child { margin-right: 0 }
.Inner_Nav_03 .box p a { display: block; font-size: var(--f20); color: #333; font-weight: bold; border-bottom: 1px solid #e5ebf3; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); padding-bottom: 0.2rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Inner_Nav_03 .box p a:hover { color: #183b84 }
.Inner_Nav_03 .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav_04 .box p { padding-right: 0.5rem; border-bottom: 1px solid #cfd3d8; margin-bottom: 0.3rem }
.Inner_Nav_04 .box p:last-child { padding-right: 0 }
.Inner_Nav_04 .box p a { display: block; font-size: var(--f20); color: #111; font-weight: bold; border-bottom: 2px solid transparent; -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding-bottom: 0.2rem; cursor: pointer }
.Inner_Nav_04 .box p a:hover { color: #183b84 }
.Inner_Nav_04 .box .active a { color: #183b84; border-bottom: 2px solid #183b84 }
.Inner_Nav_04.m { margin-top: 0.42rem }
.Product_01 .box { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3rem }
.Product_01 .box .item a { display: block; background: #fff; text-align: center; padding: 0.4rem 0.3rem; border: 1px solid #cfd3d8; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content1 { font-size: var(--f24); font-family: 'gilroy_bold'; color: #111; line-height: 1.2; height: 1.2em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content2 { font-size: var(--f16); color: #666; line-height: 1.2; height: 1.2em; margin: 0.16rem 0 0.28rem }
.Product_01 .box .item a .content3 { height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.Product_01 .box .item a .content3 img { margin: auto; max-height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content4 { margin-top: 0.15rem; font-size: var(--f16); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_01 .box .item a .content4 i { font-size: var(--f16) }
@media screen and (min-width:1200px) {
  .Product_01 .box .item a:hover { -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08); box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08) }
  .Product_01 .box .item a:hover .content1 { color: #183b84 }
  .Product_01 .box .item a:hover .content4 { color: #183b84 }
  .Product_01 .box .item a:hover .content3 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
.pagebar { margin-top: 0.68rem; padding: 10px 0 }
.pagebar .pagination { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center }
.pagebar .pagination li { margin: 0px 12px 0 0px }
.pagebar .pagination li a { display: block; padding: 12px 16px; background-color: #fff; color: #000; font-family: 'gilroy_regular'; font-size: var(--f18); transition: background .2s, color .2s }
.pagebar .pagination li.active a, .pagebar .pagination li a:hover { background-color: #183b84; opacity: 1; color: #fff }
.pageno { padding: 10px 0; text-align: center; color: #000; opacity: .4 }
@media screen and (max-width:699px) {
  .pagebar .page-num { display: none }
}
.Product_02 .box { margin-bottom: 0.8rem }
@media screen and (min-width:1200px) {
  .Product_02 .box { padding: 0 3rem }
}
.Product_02 .box .content1 { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2; margin-top: 0.34rem }
.Product_02 .box .content2 { margin-top: 0.42rem }
.Product_02 .box .content2 svg { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) }
.btnRight { margin-right: 0.2rem }
.video_box { position: relative }
.video_box .img img { width: 100% }
.video_box .text { margin-top: 0.24rem }
.video_box .text .t1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: var(--f20) }
.video_box .play { position: absolute; width: 0.8rem; height: 0.8rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; cursor: pointer }
.video_box .play::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/play1.png) no-repeat center center; background-size: 100% 100%; animation: yz 3s linear infinite }
@keyframes yz {
  to { transform: rotate(1turn) }
}
.Product_03 { background: #eff2f5 }
.Product_03 .box .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0.6rem }
.Product_03 .box .boxLeft .scroll { margin-top: 0.64rem }
.Product_03 .box .boxLeft .scroll ul li { margin-bottom: 0.4rem }
.Product_03 .box .boxLeft .scroll ul li:last-child { margin-bottom: 0 }
.Product_03 .box .boxLeft .scroll ul li .top { font-size: var(--f24); color: #183b84 }
.Product_03 .box .boxLeft .scroll ul li .bot { margin-top: 0.12rem; font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2 }
.Product_03 .box .boxRight { width: 10rem }
.Product_03 .box .boxRight p { position: -webkit-sticky; position: sticky; top: 2rem }
.Product_03 .box .boxRight p img { width: 100% }
.Product_04 .box .item { margin-bottom: 0.78rem }
.Product_04 .box .item:last-child { margin-bottom: 0 }
.Product_04 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 2.6rem }
@media screen and (max-width:1200px) {
  .Product_04 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-right: 0 }
}
.Product_04 .box .item .boxLeft > div { width: 100% }
.Product_04 .box .item .boxLeft > div .content1 { font-size: var(--f24); font-weight: bold }
.Product_04 .box .item .boxLeft > div .content2 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.34rem }
.Product_04 .box .item .boxRight { width: 7.8rem }
.Product_04 .box .item .boxRight p { overflow: hidden }
.Product_04 .box .item .boxRight p img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
@media screen and (min-width:1200px) {
  .Product_04 .box .item .boxRight p:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
@media screen and (min-width:1200px) {
  .Product_04 .box .item:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -webkit-flex-flow: row-reverse; -ms-flex-flow: row-reverse; flex-flow: row-reverse }
  .Product_04 .box .item:nth-child(2n) .boxLeft { padding: 0 0.8rem 0 1.6rem }
}
.Product_05 { background: #eff2f5 }
.Product_05 .box .item { background: #fff; cursor: pointer; padding: 0.3rem 0; border: 1px solid #eee; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin-bottom: 0.2rem }
.Product_05 .box .item:last-child { margin-bottom: 0 }
.Product_05 .box .item .icon { padding: 0 0.5rem 0 0.6rem; border-right: 1px solid #eee; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Product_05 .box .item .icon img { width: 33px }
.Product_05 .box .item .tit { font-size: var(--f20); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 0.4rem; line-height: 0.4rem; margin: 0 0.5rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Product_05 .box .item .down { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 1rem }
@media screen and (min-width:1200px) {
  .Product_05 .box .item:hover { border-color: #183b84 }
  .Product_05 .box .item:hover .tit { color: #183b84 }
}
.ScreeningCondition { padding: 0.5rem 0 }
.ScreeningCondition .box { background: #fff; padding: 0.1rem 0.5rem }
.ScreeningCondition .box .item { padding: 0.2rem 0 0.1rem; border-bottom: 1px solid #e5ebf3 }
.ScreeningCondition .box .item:last-child { border-bottom: none }
.ScreeningCondition .box .item .left { width: 1.75rem; font-size: var(--f16); color: #666; line-height: 30px }
.ScreeningCondition .box .item .right { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.ScreeningCondition .box .item .right ul li { cursor: pointer; margin-right: 0.4rem; font-size: var(--f16); color: #111; line-height: 30px; padding: 0 0.2rem; margin-bottom: 0.1rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.ScreeningCondition .box .item .right ul li a { transition: 0.4s }
@media screen and (min-width:1200px) {
  .ScreeningCondition .box .item .right ul li:hover a { color: #183b84 }
}
.ScreeningCondition .box .item .right ul .active { background: #183b84 }
.ScreeningCondition .box .item .right ul .active a { color: #fff !important }
.Solution_01 .box .boxLeft { background: #fff; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 1rem 0 0.5rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Solution_01 .box .boxLeft > div { width: 100% }
.Solution_01 .box .boxLeft .content1 { font-size: var(--f24); font-weight: bold }
.Solution_01 .box .boxLeft .content2 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.28rem }
.Solution_01 .box .boxRight { width: 7.4rem; overflow: hidden }
.Solution_01 .box .boxRight img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_01 .box .boxRight:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Solution_02 { margin-top: 0.3rem }
.Solution_02 .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.3rem }
.Solution_02 .box .item { background: #fff; padding: 0.48rem; padding-top: 0; min-height: 3.2rem }
.Solution_02 .box .item .top { font-size: var(--f24); font-weight: bold; line-height: 1rem; border-bottom: 1px solid #cfd3d8 }
.Solution_02 .box .item .top span { display: inline-block; width: 42px; margin-right: 0.16rem }
.Solution_02 .box .item .top span img { max-width: 100% }
.Solution_02 .box .item .bot { margin-top: 0.26rem }
.Solution_02 .box .item .bot ul li { margin-bottom: 0.12rem }
.Solution_02 .box .item .bot ul li:last-child { margin-bottom: 0 }
.Solution_02 .box .item .bot ul li a { display: block; font-size: var(--f18); color: #666; padding-left: 16px; position: relative; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_02 .box .item .bot ul li a::after { content: ''; width: 8px; height: 8px; background: #183b84; position: absolute; left: 0; top: 0.08rem; border-radius: 50%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_02 .box .item .bot ul li a:hover { color: #183b84 }
.Solution_02 .box1 p a { font-size: var(--f16); color: #183b84; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor: pointer; font-weight: bold }
.Solution_02 .box1 p a i { font-size: var(--f14) }
.Solution_02 .box1 p a:hover { color: #183b84 }
.Solution_03 .box0 { font-size: var(--f18); line-height: 1.8; color: #666; margin-bottom: 0.4rem }
.Solution_03 .box { display: grid; grid-template-columns: repeat(2, 1fr); margin-bottom: 0.48rem }
.Solution_03 .box .item .content1 img { height: 0.5rem }
.Solution_03 .box .item .content2 { font-size: var(--f24); font-weight: bold; margin-top: 0.36rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_03 .box .item:hover .content2 { color: #183b84 }
.Solution_03 .box .item .content3 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.24rem }
@media screen and (min-width:1200px) {
  .Solution_03 .box .item:nth-child(1), .Solution_03 .box .item:nth-child(2) { padding-bottom: 0.5rem; border-bottom: 1px dashed #e5ebf3 }
  .Solution_03 .box .item:nth-child(3), .Solution_03 .box .item:nth-child(4) { padding-top: 0.5rem; padding-bottom: 0.25rem }
  .Solution_03 .box .item:nth-child(1), .Solution_03 .box .item:nth-child(3) { padding-right: 1.4rem; border-right: 1px dashed #e5ebf3 }
  .Solution_03 .box .item:nth-child(2), .Solution_03 .box .item:nth-child(4) { padding-right: 0.85rem; padding-left: 0.85rem }
}
.Solution_03 .box1 { margin-bottom: 0.8rem }
.Solution_04 { background: #eff2f5 }
.Solution_04 .box .item { margin-bottom: 1.8rem }
.Solution_04 .box .item:last-child { margin-bottom: 0 }
.Solution_04 .box .item .left { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 6.8rem; min-height: 4.7rem }
.Solution_04 .box .item .left > div { width: 100% }
.Solution_04 .box .item .left .content1 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.45rem }
.Solution_04 .box .item .right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 7.4rem }
.Solution_04 .box .item .right > div { width: 100%; overflow: hidden }
.Solution_04 .box .item .right > div img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
@media screen and (min-width:1200px) {
  .Solution_04 .box .item .right > div:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
.Solution_05 .box .item { display: none }
.Solution_05 .box .item.active { display: block }
.Solution_05 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0.7rem }
.Solution_05 .box .item .boxLeft .top { font-size: var(--f18); line-height: 1.8; color: #666 }
.Solution_05 .box .item .boxLeft .bot { margin-top: 0.75rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.75rem }
.Solution_05 .box .item .boxLeft .bot .ite .content1 img { height: 0.42rem }
.Solution_05 .box .item .boxLeft .bot .ite .content2 { font-size: var(--f24); font-weight: bold; margin: 0.25rem 0 }
.Solution_05 .box .item .boxLeft .bot .ite .content3 { font-size: var(--f16); color: #666; line-height: 1.75 }
.Solution_05 .box .item .boxRight { width: 6.3rem }
.Solution_05 .box .item .boxRight img { width: 100% }
.Solution_06 { background: #eff2f5 }
.Solution_06 .box { margin-top: 0.74rem }
.Solution_06 .box .scroll .list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.5rem 0 }
.Solution_06 .box .scroll .list .item { padding: 0 0.46rem }
.Solution_06 .box .scroll .list .item .content1 { text-align: center; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_06 .box .scroll .list .item .content1 img { height: 0.6rem }
.Solution_06 .box .scroll .list .item .content2 { font-size: var(--f24); font-weight: bold; margin: 0.25rem 0; text-align: center }
.Solution_06 .box .scroll .list .item .content3 { font-size: var(--f16); color: #666; line-height: 1.75 }
.Solution_06 .box .scroll .list .item .content3 p {    /*padding-left: 15px;*/

/*position: relative;*/ }
.Solution_06 .box .scroll .list .item .content3 p:after {    /*content: '';*/
position: absolute; left: 0; top: 0.11rem; width: 6px; height: 6px; background: #183b84; border-radius: 50% }
.Solution_06 .box .scroll .list .item:hover .content1 { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Solution_07 .box { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.Solution_07 .box .item { text-align: center }
@media screen and (min-width:699px) {
  .Solution_07 .box .item { width: 20%; margin-bottom: 0.3rem }
}
@media screen and (max-width:1200px) {
  .Solution_07 .box .item { width: 25% }
}
.Solution_07 .box .item .top { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_07 .box .item .top img { height: 0.94rem }
.Solution_07 .box .item .bot { font-size: var(--f24); font-weight: bold; margin-top: 0.28rem }
.Solution_07 .box .item:hover .top { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Solution_08 .box { display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.2rem }
.Solution_08 .box .item { -webkit-box-shadow: 0px 8px 14.4px 1.6px rgba(0, 76, 151, 0.04); box-shadow: 0px 8px 14.4px 1.6px rgba(0, 76, 151, 0.04); padding: 0.2rem 0.25rem 0 }
.Solution_08 .box .item .top { font-size: var(--f24); font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_08 .box .item .bot { text-align: center; margin-top: 0.3rem; height: 2.4rem }
.Solution_08 .box .item .bot img { max-height: 100% }
.Solution_08 .box .item:hover .top { color: #183b84 }
.Solution_09 { background: #eff2f5 }
.Solution_09 .box { display: grid; gap: 0.4rem }
.Solution_09 .box .item { background: #fff; padding: 0.5rem 0 }
.Solution_09 .box .item .boxLeft { width: 3.1rem; padding-left: 0.68rem }
.Solution_09 .box .item .boxLeft p { font-size: var(--f36); font-weight: bold; margin-top: 0.7rem }
.Solution_09 .box .item .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.Solution_09 .box .item .boxRight ul { display: grid; grid-template-columns: repeat(4, 1fr) }
.Solution_09 .box .item .boxRight ul li { text-align: center; padding: 0.3rem 0 }
.Solution_09 .box .item .boxRight ul li .icon { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_09 .box .item .boxRight ul li .icon img { height: 0.6rem }
.Solution_09 .box .item .boxRight ul li .text { font-size: 0.24rem; font-weight: bold; margin-top: 0.34rem }
.Solution_09 .box .item .boxRight ul li:hover .icon { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }
.Solution_10 .box { display: grid; grid-template-columns: repeat(3, 1fr) }
.Solution_10 .box .item { border: 0.5px solid #eee; padding: 0.5rem; padding-bottom: 0.4rem; min-height: 3rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; position: relative }
.Solution_10 .box .item .max { max-width: 55% }
.Solution_10 .box .item .img { position: absolute; right: 0.5rem; top: 1.2rem; width: 1.8rem }
.Solution_10 .box .item .content1 { font-size: var(--f24); font-weight: bold; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_10 .box .item .content2 { margin-top: 0.35rem }
.Solution_10 .box .item .content2 ul li { font-size: var(--f18); color: #666; padding-left: 15px; position: relative; margin-bottom: 0.06rem }
.Solution_10 .box .item .content2 ul li:last-child { margin-bottom: 0 }
.Solution_10 .box .item .content2 ul li::after { content: ''; position: absolute; left: 0px; top: 0.1rem; width: 5px; height: 5px; border-radius: 50%; background: #183b84 }
.Solution_10 .box .item:hover { -webkit-box-shadow: 3.178px 6.237px 22.08px 1.92px rgba(0, 41, 82, 0.05); box-shadow: 3.178px 6.237px 22.08px 1.92px rgba(0, 41, 82, 0.05) }
.Solution_10 .box .item:hover .content1 { color: #183b84 }
.Solution_11 { background: #eff2f5 }
.Solution_11 .box { padding: 0 var(--interval) }
.Solution_11 .box .swiper-slide p { height: 1.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background: #fff }
.Solution_11 .box .swiper-slide p img { max-width: 80%; max-height: 80%; margin: auto }
.Solution_11 .gdt { margin-top: 0.6rem }
.Solution_12 .box { position: relative }
.Solution_12 .box .img img { width: 100% }
.Solution_12 .box .orientation { position: absolute; padding: 0 1.1rem; top: 50%; left: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) }
.Solution_12 .box .orientation .content1 { font-size: var(--f36); font-weight: bold }
.Solution_12 .box .orientation .content2 { font-size: var(--f18); font-weight: bold; margin: 0.25rem 0 0.45rem }
.Solution_12 .box .orientation .content3 { font-size: var(--f30); font-weight: bold }
.Solution_12 .box .orientation .content4 { margin-top: 0.16rem }
.Solution_12 .box .orientation .content4 a { font-family: 'gilroy_bold'; font-size: var(--f42); color: #fff }
.Solution_13 .box { padding: 0 2.9rem }
.Solution_13 .box .banner { position: relative }
.Solution_13 .box .swiper { padding: 0 1.5rem }
.Solution_13 .box .swiper .swiper-slide { width: 8.66rem; padding: 0.1rem 0 }
.Solution_13 .box .swiper .swiper-slide p { transition: 0.4s }
.Solution_13 .box .swiper .swiper-slide-active p { filter: drop-shadow(0px 1px 12px rgba(0, 76, 151, 0.2)) }
.Solution_13 .banner_btn_01 .prev { left: -.3rem }
.Solution_13 .banner_btn_01 .next { right: -.3rem }
.Solution_13 .box1 { margin-top: 0.74rem }
.banner_btn_01 p { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); cursor: pointer; z-index: 2 }
.banner_btn_01 p i { font-size: var(--f20); cursor: pointer; opacity: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.banner_btn_01 p i:hover { opacity: 1; color: #183b84 }
.banner_btn_01 .prev { left: 0 }
.banner_btn_01 .next { right: 0 }
.Solution_14 .box { padding-left: var(--interval); --w: 8.76rem }
.Solution_14 .fen { width: auto; margin-right: .3rem; font-size: var(--f18) }
.Solution_14 .fen .swiper-pagination-current { color: #183b84; margin-right: 5px }
.Solution_14 .fen .swiper-pagination-total { margin-left: 5px }
.Solution_14 .box .banner .swiper-slide { width: 4.2rem; -webkit-transition: 0.8s; -o-transition: 0.8s; transition: 0.8s }
.Solution_14 .box .banner .swiper-slide a { display: block; position: relative; color: #fff; overflow: hidden }
.Solution_14 .box .banner .swiper-slide a::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)); background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)) }
.Solution_14 .box .banner .swiper-slide a img { height: 6.18rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_14 .box .banner .swiper-slide a .orientation1 { font-size: var(--f24); font-weight: bold; position: absolute; left: 0; width: 100%; bottom: 0.6rem; text-align: center; z-index: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; padding: 0 .3rem }
.Solution_14 .box .banner .swiper-slide a .orientation2 { bottom: 0.45rem; left: 0; width: 100%; position: absolute; z-index: 3; padding: 0 0.7rem; opacity: 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_14 .box .banner .swiper-slide a .orientation2 .content1 { font-size: var(--f24); font-weight: bold }
.Solution_14 .box .banner .swiper-slide a .orientation2 .content2 { font-size: var(--f18); margin-top: 0.24rem; line-height: 1.6; padding-right: 20% }
.Solution_14 .box .banner .swiper-slide:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Solution_14 .box .banner .swiper-slide-active { width: var(--w) }
.Solution_14 .box .banner .swiper-slide-active a .orientation1 { opacity: 0 }
.Solution_14 .box .banner .swiper-slide-active a .orientation2 { opacity: 1; -webkit-transition-delay: 0.6s; -o-transition-delay: 0.6s; transition-delay: 0.6s }
.Solution_14 .box1 { margin-top: 0.46rem }
.Solution_15 { background: #eff2f5 }
.Solution_15 .box { font-size: var(--f18); line-height: 1.8; color: #666 }
.Solution_15 .box img { display: block; margin: auto }
.Solution_16 .box img { display: block; margin: auto }
.Solution_16 .box { font-size: var(--f18); line-height: 1.8; color: #666 }
.Solution_17 { background: #eff2f5 }
.Solution_17 .box .swiper-wrapper .content1 { overflow: hidden }
.Solution_17 .box .swiper-wrapper .content1 img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Solution_17 .box .swiper-wrapper .content2 { font-size: var(--f24); font-weight: bold; margin-top: 0.26rem; color: #333 }
.Solution_17 .box .swiper-wrapper .content3 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.22rem }
.Solution_17 .box .swiper-wrapper .swiper-slide:hover .content1 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.Solution_18 .box .item { display: none }
.Solution_18 .box .item.active { display: block }
.Solution_18 .box .item .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 0.7rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Solution_18 .box .item .boxLeft div { width: 100% }
.Solution_18 .box .item .boxLeft .content1 { font-size: var(--f24); font-weight: bold }
.Solution_18 .box .item .boxLeft .content2 { font-size: var(--f18); line-height: 1.8; color: #666; margin-top: 0.35rem }
.Solution_18 .box .item .boxRight { width: 9.6rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.Solution_18 .box .item .boxRight p { width: 100% }
.Solution_18 .box .item .boxRight p img { width: 100% }
.Solution_19 .box table { width: 100% }
.Solution_19 .box table tr td { font-size: var(--f18); padding: 12px }
.Solution_19 .box table tr td, .Solution_19 .box table tr th { border: 1px solid #e5ebf3 }
.Solution_20 { background: none }
.Service_01 .box .boxLeft { width: 4.5rem; padding-right: 1.55rem }
.Service_01 .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.Service_01 .box .boxRight .h5, .Service_01 .box .boxRight h5 { font-size: var(--f30); font-weight: bold; margin-top: 0.42rem; margin-bottom: 0.2rem }
.Service_01 .box .boxRight .h6, .Service_01 .box .boxRight h6 { color: #183b84; font-size: var(--f24); font-weight: bold; padding-top: 0.54rem; margin-bottom: 0.26rem }
.Service_01 .box .boxRight .desc { font-size: var(--f18); line-height: 2; color: #666 }
.Service_01 .box .boxRight .desc ul li { position: relative; padding-left: 20px }
.Service_01 .box .boxRight .desc ul li::after { content: ''; width: 8px; height: 8px; background: #183b84; border-radius: 50%; position: absolute; left: 0; top: 0.12rem }
.Service_01 .box .boxRight .content1 { font-size: var(--f18); line-height: 2; color: #666 }
.Service_01 .box .boxRight .content3 li { margin-bottom: 0.4rem }
.Service_01 .box .boxRight .content3 li:last-child { margin-bottom: 0 }
.Service_01 .box .boxRight .content6 .h6 { padding-top: 0 }
.Service_01 .box .boxRight .content6 .desc p { margin-bottom: 0.1rem }
.Service_01 .box .boxRight .content6 .desc p:last-child { margin-bottom: 0 }
.Left_Nav { position: -webkit-sticky; position: sticky; top: calc(var(--nav_height) + 0.2rem); z-index: 2 }
.Left_Nav .item { margin-bottom: 0.24rem }
.Left_Nav .item .top { cursor: pointer }
.Left_Nav .item .top a .left { font-size: var(--f18); color: #111; font-weight: bold; width: 80%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .top a .right { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .top a .right i { font-size: var(--f14); color: #183b84; display: inline-block; font-weight: bold; -webkit-transform: translateY(0.05rem); -ms-transform: translateY(0.05rem); transform: translateY(0.05rem) }
.Left_Nav .item .top a:hover .left { color: #183b84 }
.Left_Nav .item .bot { padding-left: 0.3rem; display: grid; grid-template-rows: 0fr; overflow: hidden; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .bot > div { min-height: 0 }
.Left_Nav .item .bot ul { margin-top: 0.2rem }
.Left_Nav .item .bot ul li { margin-bottom: 0.14rem }
.Left_Nav .item .bot ul li:last-child { margin-bottom: 0 }
.Left_Nav .item .bot ul li a { font-size: var(--f16); color: #666; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Left_Nav .item .bot ul li a:hover { color: #183b84 }
.Left_Nav .item .bot ul .active a { color: #183b84 }
.Left_Nav .item.active .top .right { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) }
.Left_Nav .item.active .bot { grid-template-rows: 1fr }
.Events_01 { background: #eff2f5 }
.Events_01 .box .banner { padding: 0 var(--interval) }
.Events_01 .box .banner a { display: block; position: relative }
.Events_01 .box .banner a .img { position: relative }
.Events_01 .box .banner a .img img { width: 100% }
.Events_01 .box .banner a .img::after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: url(../images/img65.png) no-repeat 50% 50% / cover }
.Events_01 .box .banner a .orientation { color: #fff; position: absolute; bottom: 0; left: 0; width: 100%; padding: 0 0.3rem 0.4rem }
.Events_01 .box .banner a .orientation .content1 { font-weight: bold; font-size: var(--f22) }
.Events_01 .box .banner a .orientation .content2 { font-size: var(--f16); margin-top: 0.14rem }
.Events_02 .banner1 .swiper { width: 7rem; border-bottom: 1px solid #cfd3d8 }
.Events_02 .banner1 .swiper p { font-family: 'gilroy_regular'; font-size: var(--f20); color: #333; padding-bottom: 0.25rem; position: relative; text-align: center; cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_02 .banner1 .swiper p::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 2px; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; background: #183b84 }
.Events_02 .banner1 .swiper p:hover { color: #183b84 }
.Events_02 .banner1 .swiper .swiper-slide-thumb-active p { color: #183b84; font-family: 'gilroy_bold' }
.Events_02 .banner1 .swiper .swiper-slide-thumb-active p::after { width: 100% }
.Events_02 .banner1 .prev { margin-left: 0.5rem }
.Events_02 .box .banner .item .boxLeft { width: 5.4rem }
.Events_02 .box .banner .item .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.8rem }
.Events_02 .box .banner .item .boxRight .scroll { overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem; max-height: 6rem }
.Events_02 .box .banner .item .boxRight .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.Events_02 .box .banner .item .boxRight .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.Events_02 .box .banner .item .boxRight .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
  .Events_02 .box .banner .item .boxRight .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.Events_02 .box .banner .item .boxRight .scroll .ite { margin-bottom: 0.2rem }
.Events_02 .box .banner .item .boxRight .scroll .ite:last-child { margin-bottom: 0 }
.Events_02 .box .banner .item .boxRight .scroll .ite .h6 { font-size: var(--f24); font-weight: bold }
.Events_02 .box .banner .item .boxRight .scroll .ite .desc { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2; margin-top: 0.08rem }
.Events_03 { background: #eff2f5 }
.Events_03 .box .boxLeft { width: 9.54rem }
.Events_03 .box .boxLeft p { overflow: hidden }
.Events_03 .box .boxLeft p img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_03 .box .boxLeft p:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Events_03 .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-left: 0.75rem }
.Events_03 .box .boxRight > div { width: 100% }
.Events_03 .box .boxRight .content1 { margin-top: 0.64rem }
.Events_03 .box .boxRight .content1 .ite { margin-bottom: 0.2rem }
.Events_03 .box .boxRight .content1 .ite:last-child { margin-bottom: 0 }
.Events_03 .box .boxRight .content1 .ite .h6 { font-size: var(--f24); font-weight: bold }
.Events_03 .box .boxRight .content1 .ite .desc { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 2; margin-top: 0.08rem }
.Events_04 .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.45rem 0.3rem }
.Events_04 .box .item a { display: block }
.Events_04 .box .item a figure { overflow: hidden }
.Events_04 .box .item a figure img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_04 .box .item a figcaption { font-size: var(--f24); color: #111; line-height: 1.5; height: 3em; font-weight: bold; margin-top: 0.24rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_04 .box .item a:hover figure img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Events_04 .box1 p a { font-size: var(--f16); color: #183b84; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; cursor: pointer; font-weight: bold }
.Events_04 .box1 p a i { font-size: var(--f14) }
.Events_04 .box1 p a:hover { color: #183b84 }
.Events_06 .box .banner .list { display: grid }
@media screen and (min-width:699px) {
  .Events_06 .box .banner .list { grid-template-columns: repeat(5, 1fr) }
  .Events_06 .box .banner .list .div1 { grid-area: 1 / 1 / 3 / 3 }
  .Events_06 .box .banner .list .div2 { grid-area: 1 / 3 / 2 / 4 }
  .Events_06 .box .banner .list .div3 { grid-area: 1 / 4 / 2 / 5 }
  .Events_06 .box .banner .list .div4 { grid-area: 1 / 5 / 2 / 6 }
  .Events_06 .box .banner .list .div5 { grid-area: 2 / 3 / 3 / 4 }
  .Events_06 .box .banner .list .div6 { grid-area: 2 / 4 / 3 / 5 }
  .Events_06 .box .banner .list .div7 { grid-area: 2 / 5 / 3 / 6 }
}
@media screen and (max-width:699px) {
  .Events_06 .box .banner .list { grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(5, 1fr) }
  .Events_06 .box .banner .list .div1 { grid-area: 1 / 1 / 3 / 3 }
  .Events_06 .box .banner .list .div2 { grid-area: 3 / 1 / 4 / 2 }
  .Events_06 .box .banner .list .div3 { grid-area: 3 / 2 / 4 / 3 }
  .Events_06 .box .banner .list .div4 { grid-area: 4 / 1 / 5 / 2 }
  .Events_06 .box .banner .list .div5 { grid-area: 4 / 2 / 5 / 3 }
  .Events_06 .box .banner .list .div6 { grid-area: 5 / 1 / 6 / 2 }
  .Events_06 .box .banner .list .div7 { grid-area: 5 / 2 / 6 / 3 }
}
.Events_06 .box .banner .list .item { position: relative; overflow: hidden }
.Events_06 .box .banner .list .item::after { content: ''; position: absolute; right: 0; width: 20px; top: 0; height: 100%; background: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; -webkit-transition-delay: 1.4s; -o-transition-delay: 1.4s; transition-delay: 1.4s }
.Events_06 .box .banner .list .item::before { content: ''; position: absolute; left: 0; width: 100%; bottom: 0; height: 20px; background: #fff; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_06 .box .banner .list .item img { height: 100%; width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_06 .box .banner .list .item:hover img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.Events_06 .box .banner .swiper .swiper-slide { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.Events_06 .box .banner .swiper .swiper-slide-active .list .item { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s }
.Events_06 .box .banner .swiper .swiper-slide-active .list .item::after { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; width: 0 }
.Events_06 .box .banner .swiper .swiper-slide-active .list .item::before { -webkit-transition-delay: 1s; -o-transition-delay: 1s; transition-delay: 1s; height: 0 }
.News_01 .box { display: grid; gap: 0.3rem }
.News_01 .box .item { background: #f9f9f9 }
.News_01 .box .item a .boxLeft { width: 4.24rem; overflow: hidden }
.News_01 .box .item a .boxLeft img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_01 .box .item a .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.26rem .5rem 0.26rem; display: flex; flex-direction: column }
.News_01 .box .item a .boxRight .content1 { font-family: 'gilroy_regular'; font-size: var(--f16); color: #999 }
.News_01 .box .item a .boxRight .content2 { font-size: var(--f24); color: #111; font-weight: bold; line-height: 1.2; height: 1.2em; margin: 0.22rem 0; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_01 .box .item a .boxRight .content3 { font-size: var(--f16); line-height: 1.6; color: #666; height: 3.2em }
.News_01 .box .item a .boxRight .content4 { margin-top: auto }
.News_01 .box .item a .boxRight .content4 .button_04 .a { width: 0.42rem; height: 0.42rem }
.News_01 .box .item a:hover .boxLeft img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.News_01 .box .item a:hover .boxRight .content2 { color: #183b84 }
.News_01 .box .item a:hover .boxRight .content4 .button_04 .a { background: #183b84; color: #fff }
.News_02 .box .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.News_02 .box .boxLeft .content1 { font-size: var(--f32); line-height: 1.2; font-weight: bold }
.News_02 .box .boxLeft .content2 { font-family: 'gilroy_regular'; font-size: var(--f16); color: #183b84; margin-top: 0.22rem }
.News_02 .box .boxLeft .content2 svg { -webkit-transform: translateY(-1px); -ms-transform: translateY(-1px); transform: translateY(-1px); margin-right: 0.1rem }
.News_02 .box .boxLeft .heng { margin: 0.4rem 0; border-top: 1px solid #cfd3d8 }
.News_02 .box .boxLeft .content3 { font-size: var(--f16); color: #666; line-height: 1.6 }
.News_02 .box .boxLeft .content4 { margin-top: 0.54rem; padding: 0.24rem 0; border-top: 1px solid #cfd3d8; border-bottom: 1px solid #cfd3d8 }
.News_02 .box .boxLeft .content4 > div { max-width: 48% }
.News_02 .box .boxLeft .content4 > div a { display: block }
.News_02 .box .boxLeft .content4 > div a .top { font-size: var(--f18); color: #111; font-weight: bold }
.News_02 .box .boxLeft .content4 > div a .bottom { font-size: var(--f18); color: #999; line-height: 1.2; height: 1.2em; margin-top: 0.15rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_02 .box .boxLeft .content4 > div a:hover .bottom { color: #183b84 }
.News_02 .box .boxLeft .content4 .next { text-align: right }
.News_02 .box .boxRight { width: 5.2rem; padding-left: 1rem }
.News_02 .box .boxRight .wntj { position: -webkit-sticky; position: sticky; z-index: 2; top: 0.3rem }
.News_02 .box .boxRight .wntj .list { margin-top: 0.4rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.15rem }
.News_02 .box .boxRight .wntj .list .item .content1 { overflow: hidden }
.News_02 .box .boxRight .wntj .list .item .content1 img { width: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.News_02 .box .boxRight .wntj .list .item .content2 { font-size: var(--f16); color: #999; margin: 0.16rem 0 }
.News_02 .box .boxRight .wntj .list .item .content3 { font-size: var(--f18); color: #111; line-height: 1.5; max-height: 3rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-weight: bold }
.News_02 .box .boxRight .wntj .list .item:hover .content1 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.News_02 .box .boxRight .wntj .list .item:hover .content3 { color: #183b84 }
.About_01 .box .boxLeft { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-right: 1rem }
.About_01 .box .boxLeft .content1 { font-size: var(--f30); color: #111; margin-top: 0.12rem; font-weight: bold }
.About_01 .box .boxLeft .content2 { margin-top: 0.3rem }
.About_01 .box .boxLeft .content2 .scroll { font-size: var(--f18); line-height: 1.8; color: #666; line-height: 1.66; max-height: -webkit-calc(19.92em); max-height: calc(1.66em * 12); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.About_01 .box .boxLeft .content2 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.About_01 .box .boxLeft .content2 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.About_01 .box .boxLeft .content2 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
  .About_01 .box .boxLeft .content2 .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.About_01 .box .boxRight { width: 7.6rem }
.About_01 .box .boxRight .video_box { position: sticky; top: var(--nav_height); z-index: 1 }
.About_02 { position: relative; background: url(../images/img78.jpg) no-repeat 50% 50%; padding: 1.4rem 0 }
.About_02 .img img { width: 100% }
.About_02 .orientation .box .item { color: #fff }
.About_02 .orientation .box .item .top { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end }
.About_02 .orientation .box .item .top div { position: relative }
.About_02 .orientation .box .item .top div p { font-family: 'gilroy_bold'; font-size: 0.8rem; line-height: 1; opacity: 0 }
.About_02 .orientation .box .item .top div .p2 { position: absolute; left: 0; top: 0; opacity: 1 }
.About_02 .orientation .box .item .top span { display: block; font-size: var(--f24); margin-left: 4px; -webkit-transform: translateY(-0.06rem); -ms-transform: translateY(-0.06rem); transform: translateY(-0.06rem) }
.About_02 .orientation .box .item .bot { margin-top: 0.08rem; font-size: var(--f20); font-weight: bold }
.About_03 .img img { width: 100% }
.About_03 .box { position: relative }
.About_03 .orientation { position: absolute; left: 0; top: 0; right: 0; bottom: 0 }
.About_03 .orientation .scroll { height: 100% }
.About_03 .orientation .scroll ul { height: 100% }
.About_03 .orientation .scroll ul li { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: 100%; position: relative; border-right: 1px solid rgba(255, 255, 255, 0.4); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.About_03 .orientation .scroll ul li:last-child { border-right: none }
.About_03 .orientation .scroll ul li .posi { position: absolute; bottom: 0.7rem; left: 0; width: 100%; padding: 0 0.3rem; z-index: 2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.About_03 .orientation .scroll ul li .posi .content1 { height: 0.5rem }
.About_03 .orientation .scroll ul li .posi .content1 img { max-height: 100% }
.About_03 .orientation .scroll ul li .posi .content2 { font-size: var(--f24); color: #fff; font-weight: bold; margin-top: 0.3rem }
.About_03 .orientation .scroll ul li .posi .content3 { margin-top: 0rem; font-size: var(--f18); color: #fff; height: 0; opacity: 0; line-height: 1.5; -webkit-transition: 0.2s; -o-transition: 0.2s; transition: 0.2s }
@media screen and (min-width:1200px) {
  .About_03 .orientation .scroll ul li:hover, .About_03 .orientation .scroll ul li.active { -webkit-box-flex: 2.5; -webkit-flex: 2.5; -ms-flex: 2.5; flex: 2.5 }
  .About_03 .orientation .scroll ul li:hover .posi, .About_03 .orientation .scroll ul li.active .posi { bottom: 50%; padding: 0 0.96rem; -webkit-transform: translateY(50%); -ms-transform: translateY(50%); transform: translateY(50%); -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
  .About_03 .orientation .scroll ul li:hover .posi .content3, .About_03 .orientation .scroll ul li.active .posi .content3 { margin-top: 0.15rem; height: 1.5em; opacity: 1; -webkit-transition-delay: 0.4s; -o-transition-delay: 0.4s; transition-delay: 0.4s }
}
.About_04 { background: url(../images/img80.jpg) no-repeat 50% 50% / cover }
.About_04 .box { padding: 0 var(--interval) }
.About_04 .box .swiper::after { content: ''; position: absolute; left: 0; top: 72px; border-top: 1px solid #183b84; opacity: 0.2; width: 100% }
.About_04 .box .swiper .swiper-slide { z-index: 2; padding-left: 1px }
.About_04 .box .swiper .swiper-slide .item .content1 { font-family: 'gilroy_bold'; font-size: var(--f30); line-height: 34px; height: 34px }
.About_04 .box .swiper .swiper-slide .item .content2 { margin: 32px 0 26px 12px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; position: relative }
.About_04 .box .swiper .swiper-slide .item .content2 span { width: 12px; height: 12px; background: #183b84; border-radius: 50%; display: block; position: relative; transition: 0.4s; z-index: 2 }
.About_04 .box .swiper .swiper-slide .item .content2 span:before { content: ''; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 0.36rem; height: 0.36rem; border-radius: 50%; border: 1px solid #183b84; opacity: 0.2; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.About_04 .box .swiper .swiper-slide .item .content2::before, .About_04 .box .swiper .swiper-slide .item .content2::after { content: ''; position: absolute; top: -6px; right: -6px; bottom: -6px; left: -6px; border: 1px solid rgba(0, 76, 151, 0.4); border-radius: 100%; transition: 0.4s; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.About_04 .box .swiper .swiper-slide .item .content3 p { font-size: var(--f18); color: #666; line-height: 1.6; position: relative; padding-left: 0.3rem }
.About_04 .box .swiper .swiper-slide .item .content3 p:before { content: ''; left: 0.14rem; top: 0.08rem; position: absolute; width: 8px; height: 8px; background: #183b84; border-radius: 50% }
@media screen and (min-width:1200px) {
  .About_04 .box .swiper .swiper-slide .item:hover .content2 span { transform: scale(0.8) }
  .About_04 .box .swiper .swiper-slide .item:hover .content2 span:before { opacity: 0 }
  .About_04 .box .swiper .swiper-slide .item:hover .content2::before, .About_04 .box .swiper .swiper-slide .item:hover .content2::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
  .About_04 .box .swiper .swiper-slide .item:hover .content2::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
}
:root { --input_h: 0.6rem }
.wMain_2 { width: min(1200px, 90vw); margin: 0 auto }
._text { font-size: var(--f42); text-align: center; color: #111; font-weight: bold }
.button_100 { display: inline-block }
.button_100 .a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #183b84; border: 1px solid #183b84; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
  .button_100 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
  .button_100 .a { height: 0.8rem }
}
.button_100 .a p { position: relative; z-index: 2 }
.button_100 .a .circle { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 18px; height: 18px; border: 1px solid #183b84; border-radius: 50%; margin-left: 0.12rem }
.button_100 .a .circle span { display: block; width: 6px; height: 6px; border-radius: 50%; background: #183b84; margin: auto }
.button_100 .a .circle::before, .button_100 .a .circle::after { content: ''; position: absolute; top: -18px; right: -18px; bottom: -18px; left: -18px; border: 1px solid rgba(255, 255, 255, 0.5); border-radius: 100%; opacity: 0; -webkit-transform: scale(0.5); -ms-transform: scale(0.5); transform: scale(0.5) }
.button_100 .a:hover { background: #183b84; color: #fff }
.button_100 .a:hover .circle { border-color: #fff }
.button_100 .a:hover .circle span { background: #fff }
.button_100 .a:hover .circle::before, .button_100 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_100 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.button_101 { display: inline-block }
.button_101 .a { cursor: pointer; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: var(--f18); color: #fff; background: #183b84; min-width: 1.7rem; padding: 0 0.3rem; height: 0.52rem }
@media screen and (max-width:1200px) {
  .button_101 .a { height: 0.7rem }
}
@media screen and (max-width:699px) {
  .button_101 .a { height: 0.8rem }
}
.button_101 .a p { position: relative; z-index: 2 }
.button_101 .a svg { margin-left: 0.12rem }
.button_101 .a:hover { background: #183b84; color: #fff }
.button_101 .a:hover .circle { border-color: #fff }
.button_101 .a:hover .circle span { background: #fff }
.button_101 .a:hover .circle::before, .button_101 .a:hover .circle::after { -webkit-animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1); animation: sonarAnimation 2.8s 0.1s cubic-bezier(0.075, 0.82, 0.165, 1) }
.button_101 .a:hover .circle::after { -webkit-animation-delay: 0.3s; animation-delay: 0.3s; -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1) }
.switch_ { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.switch_ .prev, .switch_ .next { cursor: pointer }
.switch_ .prev i, .switch_ .next i { font-size: var(--f24); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666666; font-weight: bold }
.switch_ .prev i:hover, .switch_ .next i:hover { color: #183b84 }
.switch_ .next { margin-left: 0.2rem }
.bg { background: url('../images/100.jpg') no-repeat; background-size: cover }
.details_100 { padding: .6rem 0 1rem }
.details_100 .le_box { width: 45%; padding-right: 8% }
.details_100 .le_box .content1 .t1 { font-size: var(--f42); font-family: 'gilroy_bold'; color: #111 }
.details_100 .le_box .content1 .t2 { margin-top: 0.1rem; font-size: var(--f18); color: #666; line-height: 2 }
.details_100 .le_box .content2 { margin-top: 0.68rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.details_100 .le_box .content2 .button_100 { margin-left: 0.2rem }
.details_100 .ri_box { width: 55%; text-align: center }
.details_100 .ri_box .div { position: sticky; z-index: 1; top: var(--nav_height) }
.details_100 .ri_box .swiper .swiper-slide { position: relative }
.details_100 .ri_box .swiper .swiper-slide img { max-width: 100% }
.details_100 .ri_box .swiper .swiper-slide .play { position: absolute; width: 0.8rem; height: 0.8rem; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 2; cursor: pointer }
.details_100 .ri_box .swiper .swiper-slide .play::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/play1.png) no-repeat center center; background-size: 100% 100%; animation: yz 3s linear infinite }
.details_100 .ri_box .swiper .swiper-slide .play img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 0.8rem }
.details_100 .ri_box .swiper .swiper-slide .play img:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
.details_100 .ri_box .div_ { margin-top: 0.6rem }
.details_100 .ri_box .div_ .swiper-pagination-bullet { background: #183b84; opacity: 0.2; border-radius: 0; width: 0.6rem; height: 0.04rem }
.details_100 .ri_box .div_ .swiper-pagination-bullet-active { opacity: 1 }

.details_101 .ls_bot { margin-top: 0.7rem }


.details_102 { background: #eff2f5 }
.details_102 .ls_bot { margin-top: 0.7rem }
.details_102 .ls_bot .scroll table { min-width: 100%; font-size: var(--f16); border-color: #e9e9e9 }
.details_102 .ls_bot .scroll table tbody { width: 100% }
.details_102 .ls_bot .scroll table tbody tr td { padding: 12px 0 }
.details_102 .ls_bot .scroll table tbody tr td:nth-child(1) { width: 20%; text-align: center; font-size: var(--f18) }
.details_102 .ls_bot .scroll table tbody tr td:nth-child(2) { width: 80%; padding: 12px 1.45rem }
.details_102 .ls_bot .scroll table tbody tr:nth-child(odd) { background: #f7f9fc }
.details_102 .ls_bot .scroll table tbody tr:nth-child(1) { font-size: var(--f18); background: #183b84; color: #fff }
.details_102 .ls_div { margin-top: 0.4rem }

.details_103 .ls_bot { margin-top: 0.7rem }
.details_103 .ls_bot .swiper .swiper-slide { background: #eff2f5; padding: 0.44rem; height: initial }
.details_103 .ls_bot .swiper .swiper-slide .svg { height: 0.76rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.details_103 .ls_bot .swiper .swiper-slide .svg img { max-height: 100% }
.details_103 .ls_bot .swiper .swiper-slide .text { font-size: var(--f20); margin-top: 0.3rem }
.details_103 .ls_bot .swiper .swiper-slide .text .t1 { color: #111; font-size: var(--f24) }
.details_103 .ls_bot .swiper .swiper-slide .text .t2 { margin-top: 0.18rem; font-size: var(--f18); line-height: 1.6; color: #666 }
.details_103 .ls_bot .swiper .swiper-slide:hover .svg { -webkit-transform: translateY(-0.1rem); -ms-transform: translateY(-0.1rem); transform: translateY(-0.1rem) }

.details_104 { background: #eff2f5 }
.details_104 .ls_bot { margin-top: 0.7rem }
.details_104 .ls_bot .swiper .swiper-slide .img { width: 100%; overflow: hidden }
.details_104 .ls_bot .swiper .swiper-slide .img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100% }
.details_104 .ls_bot .swiper .swiper-slide .text { font-size: var(--f20); margin-top: 0.1rem }
.details_104 .ls_bot .swiper .swiper-slide:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }





.re_model .mo_bot { margin-top: 0.7rem }
.re_model .mo_bot .swiper .swiper-slide .item a { display: block; background: #fff; text-align: center; padding: 0.6rem; border: 1px solid #cfd3d8; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content1 { font-size: var(--f32); font-family: 'gilroy_bold'; color: #111; line-height: 1.2; height: 1.2em; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content2 { font-size: var(--f18); color: #666; line-height: 1.2; height: 1.2em; margin: 0.18rem 0 0.36rem }
.re_model .mo_bot .swiper .swiper-slide .item a .content3 { height: 3rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.re_model .mo_bot .swiper .swiper-slide .item a .content3 img { margin: auto; max-height: 100%; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content4 { margin-top: 0.45rem; font-size: var(--f18); -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model .mo_bot .swiper .swiper-slide .item a .content4 i { font-size: var(--f16) }
@media screen and (min-width:1200px) {
  .re_model .mo_bot .swiper .swiper-slide .item a:hover { -webkit-box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08); box-shadow: 0px 0px 29px 0px rgba(0, 76, 151, 0.08) }
  .re_model .mo_bot .swiper .swiper-slide .item a:hover .content1 { color: #183b84 }
  .re_model .mo_bot .swiper .swiper-slide .item a:hover .content4 { color: #183b84 }
  .re_model .mo_bot .swiper .swiper-slide .item a:hover .content3 img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) }
}
.information_100 .in_top { text-align: center }
.information_100 .in_top .t1 { font-size: var(--f42) }
.information_100 .in_top .t2 { margin-top: 0.1rem; font-size: var(--f20); color: #666 }
.information_100 .in_bot { margin-top: 0.6rem }
.information_100 .in_bot form .box1 .label { font-size: var(--f16) }
.information_100 .in_bot form .box1 .label .tips { color: #111; margin-bottom: 6px }
.codebox { position: absolute; cursor: pointer; right: 0; top: 0; min-width: 1.7rem; padding: 0 0.3rem; height: 100%; color: #183b84; border: 2px solid #183b84; font-size: var(--f18); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
@media screen and (max-width:1200px) {
  .codebox { font-size: var(--f16) }
}
.information_100 .in_bot form .box1 .label .tips span { margin-right: 5px; color: #f00 }
.information_100 .in_bot form .box1 .label textarea, .information_100 .in_bot form .box1 .label input { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; height: var(--input_h); border: 1px solid #e9e9e9; color: #183b84; padding: 0 0.2rem; resize: none; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.information_100 .in_bot form .box1 .label textarea::-webkit-input-placeholder, .information_100 .in_bot form .box1 .label input::-webkit-input-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea::-moz-placeholder, .information_100 .in_bot form .box1 .label input::-moz-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea:-ms-input-placeholder, .information_100 .in_bot form .box1 .label input:-ms-input-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea::-ms-input-placeholder, .information_100 .in_bot form .box1 .label input::-ms-input-placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea::placeholder, .information_100 .in_bot form .box1 .label input::placeholder { color: #999 }
.information_100 .in_bot form .box1 .label textarea:focus, .information_100 .in_bot form .box1 .label input:focus { border-color: #183b84 }
.information_100 .in_bot form .box1 .label .code { margin-left: 0.2rem; cursor: pointer; min-width: 1.7rem; padding: 0 0.3rem; color: #183b84; border: 2px solid #183b84; height: var(--h); font-size: var(--f18); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.information_100 .in_bot form .box1 .label textarea { height: calc(var(--h) * 3); padding: 0.2rem }
.information_100 .in_bot form .box1 .label + .label { margin-top: 0.26rem }
.information_100 .in_bot form .box2 { margin-top: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.information_100 .in_bot form .box2 .layui-form-checkbox i { border-radius: 50%; border-color: #999; top: 0.08rem }
.information_100 .in_bot form .box2 .tips { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #999; line-height: 2; font-size: var(--f16) }
.information_100 .in_bot form .box3 { margin-top: 0.6rem; text-align: center }
.information_100 .in_bot form .box3 .tips { font-size: var(--f16); color: #666 }
.information_100 .in_bot form .box3 .tips a { color: #183b84 }
.information_100 .in_bot form .box3 .tips a:hover { text-decoration: underline }
.information_100 .in_bot form .box3 .btn { margin-top: 0.26rem }
.case_100 .se_top { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0.3rem }
.item_100 a { background: #fff; -webkit-box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); box-shadow: 0px 10px 30px 0px rgba(0, 76, 151, 0.1); padding: 0.3rem }
.item_100 a .img { width: 100%; overflow: hidden }
.item_100 a .img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100% }
.item_100 a .box { margin-top: 0.24rem }
.item_100 a .box .text .t1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: var(--f20) }
.item_100 a .box .text .t2 { margin-top: 0.14rem; font-size: var(--f16); color: #666; line-height: 1.6; height: 3.2em }
.item_100 a .box .svg { margin-top: 0.3rem; height: 0.48rem }
.item_100 a .box .svg img { max-height: 100% }
.item_100 a:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.item_100 a:hover .box .text .t1 { color: #183b84 }
.re_case_100 { background: #eff2f5 }
.re_case_100 .se_bot { margin-top: 0.74rem }
@media screen and (min-width:1200px) {
  .re_case_100 .se_bot .banner { max-width: -0.2rem; margin-left: -0.2rem; width: calc(100% + 0.4rem) }
  .re_case_100 .se_bot .banner .swiper { padding: 0.3rem 0.2rem }
}
.case_details .box { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0.8rem 0 }
.case_details .box .le_box { width: 22% }
.case_details .box .le_box p { font-size: var(--f30) }
.case_details .box .ri_box { width: 78%; font-size: var(--f18) }
.case_details .box .ri_box .div1 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
.case_details .box .ri_box .div1 > div .text { color: #666 }
.case_details .box .ri_box .div1 > div ul { margin-top: 0.26rem }
.case_details .box .ri_box .div1 > div ul li { position: relative; padding-left: 0.2rem; color: #111; line-height: 1.6 }
.case_details .box .ri_box .div1 > div ul li::before { content: ''; position: absolute; left: 0; top: 0.1rem; width: 0.08rem; height: 0.08rem; background: #183b84; border-radius: 50% }
.case_details .box .ri_box .div1 > div ul li + li { margin-top: 0.34rem }
.case_details .box .ri_box .div2 { color: #111; line-height: 1.7 }
.case_details .box .ri_box .div2 img { max-width: 100% }
.case_details .box .ri_box .div3 .content1 { color: #111; line-height: 1.7 }
.case_details .box .ri_box .div3 .content1 img { max-width: 100% }
.case_details .box .ri_box .div3 .content2 { margin-top: 0.3rem }
.case_details .box:last-child { padding: 0.8rem 0 0 }
.case_details .box:first-child { padding: 0 0 0.8rem }
.case_details .box + .box { border-top: 1px solid #ddd }
.left_90 { padding: 0 0.9rem }
.online_form form { font-size: var(--f16) }
.online_form form .box1 { text-align: center }
.online_form form .box1 .text { font-size: var(--f42); color: #111 }
.online_form form .box1 .desc { margin-top: 0.1rem; font-size: var(--f20); color: #666 }
.online_form form .box2 { margin-top: 0.7rem; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem 0.3rem }
@media screen and (max-width:699px) {
  .online_form form .box2 { grid-template-columns: repeat(1, 1fr) }
}
.online_form form .box2 .label { position: relative }
.online_form form .box2 .label textarea, .online_form form .box2 .label input { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; border: 1px solid #e9e9e9; height: var(--input_h); resize: none; padding: 0 0.2rem; color: #183b84 }
.online_form form .box2 .label textarea:focus, .online_form form .box2 .label input:focus { border-color: #183b84 }
.online_form form .box2 .label textarea:not(:placeholder-shown) + .tips, .online_form form .box2 .label input:not(:placeholder-shown) + .tips { display: none }
.online_form form .box2 .label textarea { height: calc(var(--input_h) * 3); padding: 0.2rem }
.online_form form .box2 .label .tips { position: absolute; width: 100%; top: 50%; left: 0; padding: 0 0.2rem; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #666; pointer-events: none }
.online_form form .box2 .label .tips span { margin-right: 4px; color: #f00 }
@media screen and (min-width:699px) {
  .online_form form .box2 .label:nth-last-of-type(2) { /*grid-area: 4 / 1 / 5 / 3;*/ }
  .consulting_100 form .box2 .label:nth-last-of-type(1) { /*grid-area: 5 / 1 / 6 / 3*/ }
}
@media screen and (min-width:699px) {
  .online_form form .box2 .label:nth-last-of-type(1) { grid-area: 5 / 1 / 6 / 3; height: calc(var(--input_h) * 3) }
}
.online_form form .box2 .label:nth-last-of-type(1) .tips { top: 0.2rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.online_form form .box3 { margin: 0.2rem 0 0.15rem }
.online_form form .box3 .label { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #e9e9e9; height: var(--input_h) }
.online_form form .box3 .label input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; height: var(--input_h); border: none; padding: 0 0.2rem; color: #183b84 }
.online_form form .box3 .label .code { cursor: pointer }
.online_form form .box3 .label .code img { padding: 5px 5px 5px 0; max-height: 100% }
.online_form form .box3 .label .tips { cursor: pointer; padding: 0 0.2rem; color: #666 }
.online_form form .box3 .label .tips span { color: #999 }
.online_form form .box3 .label:focus-within { border-color: #183b84 }
.online_form form .box4 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.online_form form .box4 .layui-form-checkbox i { border-radius: 50% }
.online_form form .box4 .tips { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; color: #666 }
.online_form form .box4 .tips a { color: #183b84 }
.online_form form .box4 .tips a:hover { text-decoration: underline }
.online_form form .box5 { margin-top: 0.45rem }
.ggt_100 .wMain > div { position: relative }
.ggt_100 picture { width: 100% }
.ggt_100 picture img { width: 100% }
.ggt_100 .post { position: absolute; width: 100%; height: 100%; top: 0; left: 0; padding: 0 0.76rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.ggt_100 .post > div { width: 100%; margin: auto; color: #fff }
.ggt_100 .post > div .t1 { font-size: var(--f30) }
.ggt_100 .post > div .t2 { margin-top: 0.14rem; color: #fff; font-size: var(--f42); font-family: 'gilroy_bold' }
.recruitment_100 .nt_bot { margin-top: 0.8rem; --w: 1.17rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.recruitment_100 .nt_bot .item { width: calc((100% - (var(--w) * 4)) / 5); text-align: center; position: relative }
.recruitment_100 .nt_bot .item .num { font-size: 0.88rem; font-family: 'gilroy_bold'; line-height: 0.8; background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, #f7f9fa), to(rgba(247, 249, 250, 0))); background: -o-linear-gradient(top, #f7f9fa 60%, rgba(247, 249, 250, 0)); background: linear-gradient(to bottom, #f7f9fa 60%, rgba(247, 249, 250, 0)); -webkit-background-clip: text; -webkit-text-fill-color: transparent; color: transparent }
.recruitment_100 .nt_bot .item .img { margin-top: -0.26rem; height: 0.95rem }
.recruitment_100 .nt_bot .item .img img { max-height: 100% }
.recruitment_100 .nt_bot .item .text { margin-top: 0.1rem; color: #111; font-size: var(--f20) }
.recruitment_100 .nt_bot .line { width: var(--w) }
.recruitment_100 .nt_bot .line img { width: 100% }
.recruitment_100 .nt_div { margin-top: 0.74rem }
.inquire_100 { background: #eff2f5 }
.inquire_100 .re_bot { margin-top: 0.58rem }
.inquire_100 .re_bot form { --h: 0.52rem; font-size: var(--f18) }
.inquire_100 .re_bot form .box1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.inquire_100 .re_bot form .box1 .label { width: 5.75rem; border: 1px solid #183b84; padding: 0 0.2rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.inquire_100 .re_bot form .box1 .label input { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.1rem; height: var(--h); border: none; background: none; color: #183b84; width: 100% }
.inquire_100 .re_bot form .box1 .label input::-webkit-input-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input::-moz-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input:-ms-input-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input::-ms-input-placeholder { color: #999 }
.inquire_100 .re_bot form .box1 .label input::placeholder { color: #999 }
.inquire_100 .re_bot form .box1 button { margin-left: 0.2rem; cursor: pointer; min-width: 1.7rem; padding: 0 0.3rem; background: #183b84; height: var(--h); color: #fff; text-align: center; border: none }
.tangchuang_100 { display: none; z-index: 99; position: fixed; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.25) }
.tangchuang_100 .box { position: relative; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: min(8rem, 90vw); background: #fff; min-height: 3rem; padding: 0.5rem 0.38rem }
.tangchuang_100 .box .content1 { position: relative }
.tangchuang_100 .box .content1 .text { font-size: var(--f24); color: #111 }
.tangchuang_100 .box .content1 .close { position: absolute; right: 0; top: -25%; cursor: pointer; line-height: 1 }
.tangchuang_100 .box .content1 .close i { font-size: var(--f26); color: #666666 }
.tangchuang_100 .box .content1 .close i:hover { color: #183b84 }
.tangchuang_100 .box .content2 { margin-top: 0.22rem }
.tangchuang_100 .box .content2 .item { text-align: center; display: none }
.tangchuang_100 .box .content2 .item.active { display: block }
.tangchuang_100 .box .content2 .item .svg { height: 1.12rem }
.tangchuang_100 .box .content2 .item .svg img { max-height: 100% }
.tangchuang_100 .box .content2 .item .txt { margin-top: 0.3rem; font-size: var(--f20); color: #666 }
.tangchuang_100 .box .content3 { margin-top: 0.7rem }
.cooperation_100 .co_bot { --h: 1.2rem }
.cooperation_100 .co_bot .swiper .swiper-slide { height: var(--h); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.cooperation_100 .co_bot .swiper .swiper-slide img { margin: auto; max-width: 80%; max-height: 80% }
.cooperation_100 .co_bot .div_ { margin-top: 0.5rem }
.cooperation_100.bgColor .co_bot .swiper .swiper-slide { background: #fff }
.gdt { margin-top: 0.32rem }
.gdt .j { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.gdt .page { height: 1px; position: relative; width: 100% }
.gdt .page div { height: 1px; background: #e7e7e7 }
.gdt .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: #183b84 }
.gdt .button { margin-left: 0.4rem }
.consulting_100 form { font-size: var(--f16) }
.consulting_100 form .box1 { text-align: center }
.consulting_100 form .box1 .text { font-size: var(--f42); color: #111 }
.consulting_100 form .box1 .desc { margin-top: 0.1rem; color: #666; font-size: var(--f20) }
.consulting_100 form .box3, .consulting_100 form .box2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem 0.3rem }
.consulting_100 form .box3 .label, .consulting_100 form .box2 .label { position: relative }
.consulting_100 form .box3 .label textarea, .consulting_100 form .box2 .label textarea, .consulting_100 form .box3 .label input, .consulting_100 form .box3 .label select, .consulting_100 form .box2 .label input { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; width: 100%; height: var(--input_h); border: 1px solid #e9e9e9; padding: 0 0.2rem; color: #183b84; resize: none }
.consulting_100 form .box3 .label select { color: #666; appearance: auto; -webkit-appearance: auto; -moz-appearance: auto }
.consulting_100 form .box3 .label textarea::-webkit-input-placeholder, .consulting_100 form .box2 .label textarea::-webkit-input-placeholder, .consulting_100 form .box3 .label input::-webkit-input-placeholder, .consulting_100 form .box2 .label input::-webkit-input-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea::-moz-placeholder, .consulting_100 form .box2 .label textarea::-moz-placeholder, .consulting_100 form .box3 .label input::-moz-placeholder, .consulting_100 form .box2 .label input::-moz-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea:-ms-input-placeholder, .consulting_100 form .box2 .label textarea:-ms-input-placeholder, .consulting_100 form .box3 .label input:-ms-input-placeholder, .consulting_100 form .box2 .label input:-ms-input-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea::-ms-input-placeholder, .consulting_100 form .box2 .label textarea::-ms-input-placeholder, .consulting_100 form .box3 .label input::-ms-input-placeholder, .consulting_100 form .box2 .label input::-ms-input-placeholder { color: #666 }
.consulting_100 form .box3 .label textarea::placeholder, .consulting_100 form .box2 .label textarea::placeholder, .consulting_100 form .box3 .label input::placeholder, .consulting_100 form .box2 .label input::placeholder { color: #666 }
.consulting_100 form .box3 .label textarea:focus, .consulting_100 form .box3 .label select:focus, .consulting_100 form .box2 .label textarea:focus, .consulting_100 form .box3 .label input:focus, .consulting_100 form .box2 .label input:focus { border-color: #183b84 }
.consulting_100 form .box3 .label textarea:not(:placeholder-shown) + .tips, .consulting_100 form .box2 .label textarea:not(:placeholder-shown) + .tips, .consulting_100 form .box3 .label input:not(:placeholder-shown) + .tips, .consulting_100 form .box2 .label input:not(:placeholder-shown) + .tips { display: none }
.consulting_100 form .box3 .label textarea, .consulting_100 form .box2 .label textarea { height: calc(var(--input_h) * 3); padding: 0.2rem }
.consulting_100 form .box3 .label .tips, .consulting_100 form .box2 .label .tips { position: absolute; width: 100%; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); color: #666; padding: 0 0.2rem; pointer-events: none }
.consulting_100 form .box3 .label .tips span, .consulting_100 form .box2 .label .tips span { margin-right: 4px; color: #f00 }
.consulting_100 form .box3 .label .layui-form-select .layui-edge, .consulting_100 form .box2 .label .layui-form-select .layui-edge { right: 0.2rem }
.consulting_100 form .box3 .label .layui-form-select dl, .consulting_100 form .box2 .label .layui-form-select dl { top: var(--input_h) }
.consulting_100 form .box3 .label .layui-form-select dl dd, .consulting_100 form .box2 .label .layui-form-select dl dd { font-size: 0.9em; padding: 0 0.2rem !important }
.consulting_100 form .box3 .label .layui-form-selectup dl, .consulting_100 form .box2 .label .layui-form-selectup dl { top: auto; bottom: var(--input_h) }
.consulting_100 form .box3 { display: block }
.consulting_100 form .box3 .text { margin: 0.28rem 0 0.14rem; font-size: var(--f20); color: #111 }
.consulting_100 form .box3 .grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 0.2rem 0.3rem }
.consulting_100 form .box3 .grid .label:nth-last-of-type(1) .tips { top: 0.2rem; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) }
.consulting_100 form .box4 { margin-top: 0.1rem; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.consulting_100 form .box4 .layui-form-checkbox i { border-radius: 50% }
.consulting_100 form .box4 .tips { color: #666; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.consulting_100 form .box4 .tips a { color: #183b84 }
.consulting_100 form .box4 .tips a:hover { text-decoration: underline }
.consulting_100 form .box5 { margin-top: 0.46rem }
.phone_consult .lt_top ._text { text-align: left }
.phone_consult .lt_bot { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.3rem }
.phone_consult .lt_bot .item { position: relative }
.phone_consult .lt_bot .item > img { width: 100% }
.phone_consult .lt_bot .item picture { width: 100% }
.phone_consult .lt_bot .item picture img { width: 100% }
.phone_consult .lt_bot .item .post { position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.phone_consult .lt_bot .item .post > div { margin: auto; width: 100%; padding: 0 0.76rem }
.phone_consult .lt_bot .item .post > div .t1 { font-size: var(--f24); padding-bottom: 0.32rem; border-bottom: 1px solid rgba(255, 255, 255, 0.2) }
.phone_consult .lt_bot .item .post > div .t2 { margin-top: 0.32rem }
.phone_consult .lt_bot .item .post > div .t2 a { display: block; color: #fff; font-size: var(--f36); font-family: 'gilroy_bold' }
.phone_consult .lt_bot .item .post > div .t2 a + a { margin-top: 0.2rem }
.district_100 { padding-bottom: 0.4rem }
@media screen and (min-width:1200px) {
  .district_100 { display: grid; grid-template-columns: repeat(2, 1fr) }
  .district_100 .item_0 { grid-area: 1 / 1 / 2 / 3 }
}
.district_100 .item ._text { text-align: left }
.district_100 .item .banner .swiper { padding-left: var(--interval); padding-bottom: 1px }
.district_100 .item .banner .swiper .swiper-slide { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; border: 1px solid #e9e9e9; padding: 0.36rem 0.42rem 0.24rem 0.18rem; height: auto }
.district_100 .item .banner .swiper .swiper-slide .img { width: 0.77rem }
.district_100 .item .banner .swiper .swiper-slide .img img { max-width: 100% }
.district_100 .item .banner .swiper .swiper-slide .box { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding-left: 0.2rem }
.district_100 .item .banner .swiper .swiper-slide .box .div1 { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.district_100 .item .banner .swiper .swiper-slide .box .div1 p { font-size: var(--f30) }
.district_100 .item .banner .swiper .swiper-slide .box .div1 .svg { width: 0.33rem }
.district_100 .item .banner .swiper .swiper-slide .box .div1 .svg img { width: 100% }
.district_100 .item .banner .swiper .swiper-slide .box .div2 { margin-top: 0.22rem }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p { color: #666; font-size: var(--f18); line-height: 1.66 }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; color: #666 }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p a:hover { color: #183b84 }
.district_100 .item .banner .swiper .swiper-slide .box .div2 p:nth-child(2) { height: 3.32em }
.down_1 { position: absolute; width: 100%; left: 0; top: 100%; opacity: 0; visibility: hidden }
.down_1 .box_100 { z-index: 1; position: relative; width: 100%; background: #fafbfb; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
.down_1 .box_100 .le_box { width: 46%; background: #eff2f5; padding: 0.45rem calc(var(--interval) - 0.35rem) 0.65rem var(--interval) }
.down_1 .box_100 .le_box .content1 form div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 0 0.28rem; background: #fff }
.down_1 .box_100 .le_box .content1 form div input { padding-right: 0.28rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; border: none; background: none; height: 0.52rem; color: #183b84; font-size: var(--f16) }
.down_1 .box_100 .le_box .content1 form div input::-webkit-input-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input::-moz-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input:-ms-input-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input::-ms-input-placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div input::placeholder { color: #888 }
.down_1 .box_100 .le_box .content1 form div svg { cursor: pointer; width: var(--f20) }
.down_1 .box_100 .le_box .content2 { margin-top: 0.4rem }
.down_1 .box_100 .le_box .content2 .scroll { max-height: 60vh; display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.4rem; overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.down_1 .box_100 .le_box .content2 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.down_1 .box_100 .le_box .content2 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.down_1 .box_100 .le_box .content2 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
  .down_1 .box_100 .le_box .content2 .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.down_1 .box_100 .le_box .content2 .li .one { padding-bottom: 0.12rem; border-bottom: 1px solid #ddd }
.down_1 .box_100 .le_box .content2 .li .one a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: var(--f20); color: #000 }
.down_1 .box_100 .le_box .content2 .li .one a:hover { color: #183b84 }
.down_1 .box_100 .le_box .content2 .li .two { margin-top: 0.12rem }
.down_1 .box_100 .le_box .content2 .li .two a { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; display: block; font-size: var(--f18); color: #666; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content }
.down_1 .box_100 .le_box .content2 .li .two a:hover { color: #183b84 }
.down_1 .box_100 .le_box .content2 .li .two a + a { margin-top: 0.1rem }
.down_1 .box_100 .ri_box { width: 54%; padding: 0.45rem var(--interval) 0.65rem calc(var(--interval) + 0.1rem) }
.down_1 .box_100 .ri_box .content1 { padding-bottom: 0.2rem; border-bottom: 1px solid #ddd }
.down_1 .box_100 .ri_box .content1 .txt { font-size: var(--f26); color: #000 }
.down_1 .box_100 .ri_box .content1 i { color: #183b84; font-size: var(--f20); font-weight: bold }
.down_1 .box_100 .ri_box .content2 { margin-top: 0.3rem }
.down_1 .box_100 .ri_box .content2 .scroll { max-height: 40vh; overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
.down_1 .box_100 .ri_box .content2 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
.down_1 .box_100 .ri_box .content2 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
.down_1 .box_100 .ri_box .content2 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(0, 0, 0, 0.1) }
@-moz-document url-prefix() {
  .down_1 .box_100 .ri_box .content2 .scroll { scrollbar-color: #183b84 rgba(0, 0, 0, 0.1); scrollbar-width: thin }
}
.down_1 .box_100 .ri_box .content2 .li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center }
.down_1 .box_100 .ri_box .content2 .li .img { width: 1.86rem; height: 1.53rem; background: #eff2f5; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
.down_1 .box_100 .ri_box .content2 .li .img img { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; margin: auto; max-width: 72%; max-height: 72% }
.down_1 .box_100 .ri_box .content2 .li .comm { padding-left: 0.36rem; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1 }
.down_1 .box_100 .ri_box .content2 .li .comm .m1 { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; font-size: var(--f20) }
.down_1 .box_100 .ri_box .content2 .li .comm .m2 { margin: 0.1rem 0 0.2rem; font-size: var(--f16); color: #666; line-height: 1.6; height: 3.2em }
.down_1 .box_100 .ri_box .content2 .li .comm .m3 .button_04 .a { width: 34px; height: 34px; border-width: 1px }
.down_1 .box_100 .ri_box .content2 .li + .li { margin-top: 0.3rem }
.down_1 .box_100 .ri_box .content2 .li:hover .img img { -webkit-transform: scale(1.05); -ms-transform: scale(1.05); transform: scale(1.05) }
.down_1 .box_100 .ri_box .content2 .li:hover .comm .m1 { color: #183b84 }
.down_1 .box_100 .ri_box .content2 .li:hover .comm .m3 .button_04 .a { background: #183b84; color: #fff }
.down_1 .bg_000 { position: absolute; top: 0; left: 0; width: 100%; height: calc(100vh - var(--nav_height)); background: rgba(0, 0, 0, 0.3) }
.down_1.active { opacity: 1; visibility: visible; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s }
.re_model.bgColor .mo_bot .swiper .swiper-slide .item a { border: 0 }
@media screen and (max-width:1680px) {
  .Home_Product .box .boxLeft .scroll .item { padding-bottom: 0.4rem }
  .Home_About .box .boxLeft .content3 { margin-top: 0.6rem }
  .Home_Solution .box .item .orientation_03 .scroll ul li div svg { transform: scale(0.8) translateY(-1px); transform-origin: left center }
  .Home_Solution_01 .box .item .orientation_03 .scroll ul li div svg { -webkit-transform: scale(0.8) translateY(-1px) !important; -ms-transform: scale(0.8) translateY(-1px) !important; transform: scale(0.8) translateY(-1px) !important; transform-origin: left center }
}
@media screen and (max-width:1520px) {
  .Home_Solution .box .item .orientation_02 { top: 35% }
  .Home_About .box .boxLeft .content3 { margin-top: 0.8rem }
  .Home_About .box1 { bottom: 0.5rem }
  .Inner_Nav .box p { margin-right: 0.4rem }
  .Left_Nav .item .top a .left { width: 88% }
  .Header_Container .box .logo a img { height: 26px }
  .Header_Container .box .call { margin-left: 0.3rem }
  .Header_Container .box .search { margin-left: 0.3rem }
  .Home_Solution_01 .box { width: 20.7rem }
}
@media screen and (max-width:1400px) {
  .Header_Container .box .logo a img { height: 24px }
  .Header_Container .box .nav .item { padding: 0 0.1rem }
  .Home_Product .box .boxLeft .scroll .item .right .content3 { margin-top: 0.2rem }
  .Home_Product .box .boxLeft .scroll .item .right .content2 { margin-top: 0 }
  .Home_About .box .boxRight .main .list .item { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
  .Footer_Container .box2 .boxLeft .item { margin-right: 0.6rem }
  .Footer_Container .box2 .boxRight { max-width: 3.6rem }
  .Inner_Nav .box p { margin-right: 0.6rem }
  .Service_01 .box .boxLeft { padding-right: 1.35rem }
  .About_01 .box .boxLeft .content2 .scroll { max-height: -webkit-calc(14.94em); max-height: calc(1.66em*9) }
  .wMain_2 { width: min(1000px, 90vw) }
}
@media screen and (max-width:1281px) {
  .Home_About .box .boxLeft .content3 { margin-top: 0.6rem }
  .Header_Container .box .nav .item > p a { font-size: var(--f16) }
  .Header_Container .box .call { margin-left: 0.3rem }
  .Home_Product .box .boxLeft .scroll .item { padding-bottom: 0.2rem }
  .Home_Product .box .boxLeft .scroll .item .right .content3 { margin-top: 0.1rem }
  .Home_About { padding-bottom: 1.2rem }
  .Solution_05 .box .item .boxLeft .bot { margin-top: 0.45rem; gap: 0.25rem }
  .Solution_06 .box .scroll .list .item { padding: 0 0.2rem }
  .Events_03 .box .boxLeft { width: 8.54rem }
}
.btn_phone { display: none }
@media screen and (max-width:1200px) {
  .Header_Container { display: none }
  .btn_pc { display: none }
  .btn_phone { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
  .Footer_Container .box2 .boxLeft { display: none }
  .Footer_Container .box2 .boxRight { max-width: 100%; text-align: left }
  .Footer_Container .box2 .boxRight .content3 { -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start }
  .Footer_Container .box3 { text-align: center }
  .Footer_Container .box3 div { width: 100% }
  .Footer_Container .box2 .boxRight .content3 ul li { margin-left: 0; margin-right: 0.25rem }
  .Home_About .box1 .list { padding: 0.4rem }
  .Home_About .box .boxLeft { padding-left: 5vw !important; padding-right: 5vw !important }
  .Home_About .box .boxRight { margin-top: 0 !important }
  .Home_About .box1 { bottom: 2.7rem }
  .Home_Solution .box .item .orientation_01 { display: none }
  .Home_Solution .box .item .orientation_02, .Home_Solution .box .item .orientation_03 { opacity: 1; text-align: left; left: 5vw; right: auto }
  .Home_Solution .box .item .orientation_03 .scroll { width: 90vw }
  .details_101 .ls_bot .scroll table tbody tr td:nth-child(2) { padding: 12px 0.5rem }
  .button_101 .a svg { margin-left: 15px; -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9) }
  .button_100 .a .circle { -webkit-transform: translateY(1px); -ms-transform: translateY(1px); transform: translateY(1px) }
  .Product_04 .box { margin-top: 0.56rem }
  .Product_05 .box .item .down { padding-right: 0.4rem }
  .Solution_01 .box .boxLeft { padding: 0.5rem !important }
  .Solution_01 .box .boxRight { margin-top: 0 !important }
  .Solution_03 .box { gap: 0.6rem 0.3rem }
  .Solution_07 .box { padding: 0 }
  .Solution_09 .box .item .boxLeft { width: 2.5rem; padding-left: 0.4rem }
  .Solution_09 .box .item .boxLeft p { font-size: var(--f30) }
  .Solution_12 .box .img img { min-height: 4rem }
  .Solution_12 .box .orientation { padding: 0 0.7rem }
  .Solution_13 .box { padding: 0 5vw }
  .Service_01 .box .boxLeft { padding-right: 0.5rem; width: 3.6rem }
  .left_90 { padding: 0 }
  .ggt_100 picture img { min-height: 4rem }
  .phone_consult .lt_bot { grid-template-columns: repeat(1, 1fr) }
  .About_02 { background-attachment: initial }
  .About_02 .orientation .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem 0.2rem }
  .About_02 .orientation .box .item .top div p { font-size: 0.7rem }
  .About_03 .orientation .scroll { overflow: auto; overflow-x: auto; overflow-y: hidden }
  .About_03 .orientation .scroll::-webkit-scrollbar { width: 2px; height: 4px }
  .About_03 .orientation .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #183b84 }
  .About_03 .orientation .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.5) }
  .About_03 .orientation .scroll ul { height: 100%; width: 250% }
  .About_03 .img img { height: 5rem }
  .About_03 .orientation .scroll ul li .posi .content3 { opacity: 1; margin-top: 0.12rem; line-height: 1.5 }
  .About_03 .orientation .scroll ul li .posi { bottom: 1.8rem }
  .News_01 .box .item a .boxLeft { width: 50% }
  .News_01 .box .item a .boxRight { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0.4rem }
  .News_01 .box .item a .boxRight .content4 { margin-top: 0.4rem }
  .height_height { height: 0 }
  .Events_02 .box .banner .item .boxRight { padding-left: 0.3rem }
  .Events_02 .box .banner .item .boxLeft { width: 50% }
  .Events_02 .box .banner .item .boxRight .scroll { max-height: 5.2rem }
  .Inner_Nav .box p { margin-right: 0.4rem }
  .Events_02 .flex_center { width: 100%; margin-top: 0.4rem }
  .Events_02 .banner1 .swiper { width: 8.3rem }
  .Product_01 .box, .Solution_02 .box, .Solution_06 .box .scroll .list,

  /*.Solution_10 .box,*/
  .re_case_100 .se_bot, .case_100 .se_top, .News_02 .box .boxRight .wntj .list, .Events_04 .box { grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
  .Solution_08 .box { grid-template-columns: repeat(4, 1fr) }
  .Solution_10 .box { grid-template-columns: repeat(1, 1fr) }
  .Solution_10 .box .item .img { top: 1rem; width: 3.4rem }
  .Home_Product .box .flex_center, .Home_News .box .flex_center, .Home_About .box .flex_center, .details_100 .flex_center, .Product_04 .box .item .flex_center, .Solution_01 .box .flex_center, .Solution_05 .box .item .flex_center, .Solution_18 .box .item .flex_center, .About_01 .box .flex_center, .News_02 .box .flex_center, .Events_03 .box .flex_center, .Product_03 .box .flex_center { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap }
  .Home_Product .box .boxLeft, .Home_News .box .boxLeft, .Home_About .box .boxLeft, .details_100 .boxLeft, .Product_04 .box .item .boxLeft, .Solution_01 .box .boxLeft, .Solution_05 .box .item .boxLeft, .Solution_18 .box .item .boxLeft, .About_01 .box .boxLeft, .News_02 .box .boxLeft, .Events_03 .box .boxLeft, .Product_03 .box .boxLeft, .Home_Product .box .le_box, .Home_News .box .le_box, .Home_About .box .le_box, .details_100 .le_box, .Product_04 .box .item .le_box, .Solution_01 .box .le_box, .Solution_05 .box .item .le_box, .Solution_18 .box .item .le_box, .About_01 .box .le_box, .News_02 .box .le_box, .Events_03 .box .le_box, .Product_03 .box .le_box { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-left: 0; padding-right: 0 }
  .Home_Product .box .boxRight, .Home_News .box .boxRight, .Home_About .box .boxRight, .details_100 .boxRight, .Product_04 .box .item .boxRight, .Solution_01 .box .boxRight, .Solution_05 .box .item .boxRight, .Solution_18 .box .item .boxRight, .About_01 .box .boxRight, .News_02 .box .boxRight, .Events_03 .box .boxRight, .Product_03 .box .boxRight, .Home_Product .box .ri_box, .Home_News .box .ri_box, .Home_About .box .ri_box, .details_100 .ri_box, .Product_04 .box .item .ri_box, .Solution_01 .box .ri_box, .Solution_05 .box .item .ri_box, .Solution_18 .box .item .ri_box, .About_01 .box .ri_box, .News_02 .box .ri_box, .Events_03 .box .ri_box, .Product_03 .box .ri_box { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; margin-top: 0.5rem; padding-left: 0; padding-right: 0 }
  .Solution_04 .box .item .left { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding-left: 0; padding-right: 0; min-height: 0 }
  .Solution_04 .box .item .right { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; margin-top: 0.5rem; padding-left: 0; padding-right: 0 }
  .mobile_search .close i { font-size: 0.4rem }
  .mobile_search { padding: 1rem 0 }
  .Home_Solution .box .item .orientation_03 .scroll ul li div { left: 0.1rem }
  .Home_Solution .box .item .orientation_03 .scroll ul li div svg { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
  .Home_Solution .box .item .orientation_03 .scroll ul li a { padding: 0 0.35rem 0 0.75rem }
  .Solution_11 .box .swiper-slide p img, .cooperation_100 .co_bot .swiper .swiper-slide img { max-width: 60%; max-height: 60% }
  .Home_Banner .page_box .button p i { font-size: 0.3rem }
  .Home_Solution .box .item .orientation_02 { top: 20% }
  .Footer_Container .box2 .boxRight .content3 ul li p { width: 110px; transform: translateX(0%) scale(1) !important; left: 0; transform-origin: left top }
  .News_02 .box .boxLeft .content4 > div { width: 100%; max-width: 100% }
  .News_02 .box .boxLeft .content4 .next { text-align: left; margin: 0.3rem 0 0 }
  .Home_Solution_01 .box { width: 100%; flex-wrap: wrap }
  .Home_Solution_01 .box .item { width: 100%; flex: 1 100% }
  .Home_Solution_01 .box .item .main { transform: skew(0deg) }
  .Home_Solution_01 .box .item .main .main_01 { left: 0%; width: 100vw; transform: translate(0%, 0) skew(0deg) }
  .Home_Solution_01 .box .item .main .main_01 .orientation_01 { display: none }
  .Home_Solution_01 .box .item .main .main_01 .orientation_02 { top: 1rem; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%); left: 5vw; opacity: 1 }
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 { left: 5vw; bottom: 0.6rem; width: 90vw }
  .Home_Solution_01 .box .item .main .main_01 .orientation_03 .scroll { width: 100% }
  .Home_Solution_01 { --h: 6.7rem }
  .Home_Solution_01 .box .item .orientation_03 .scroll ul li a { padding: 0 0.35rem 0 0.75rem !important }
  .Home_Solution_01 .box .item .orientation_03 .scroll ul li div svg { -webkit-transform: scale(0.8) !important; -ms-transform: scale(0.8) !important; transform: scale(0.8) !important }
  .Home_Solution_01 .box .item .main .main_01 .orientation_02 .content3 { justify-content: flex-start }
}
@media screen and (min-width:2000px) {
  .Solution_Nav .box_ .left_ { width: 32% }
  .down_1 .box_100 .le_box { padding: 0.45rem 10% 0.65rem 10% }
  .down_1 .box_100 .ri_box { width: 54%; padding: 0.45rem 10% 0.65rem 10% }
}
@media screen and (max-width:699px) {
  .Home_Solution_01 { --h: 8rem }
  .button_03 .a { width: .62rem; height: .62rem }
  .Home_Solution_01 .box .item .orientation_03 .scroll ul { grid-template-columns: repeat(2, 1fr) !important }
  .Solution_14 .box .banner .swiper-slide a .orientation2 .content2 { padding-right: 0 }
  .Solution_07 .box .item { width: auto }
  .Solution_05 .box .item .boxLeft .bot .ite .content1 img { height: 0.62rem }
  .Footer_Container .box2 .boxRight .content3 ul li p { width: 100px }
  .MobileMain .HeaderMobile .box .logo a img { height: 28px }
  .Solution_05 .box .item .boxLeft .bot { gap: 0.65rem }
  .MobileMain .HeaderMobile .box .button .search { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
  .Home_Product .box .boxLeft .scroll .item .left { width: 1.3rem }
  .Home_Product .box .boxLeft .scroll .item .right { padding-right: 0 }
  .Home_Product .box .boxLeft .scroll .item .left .svg { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8) }
  .Home_Solution .box .item .orientation_02 { top: 1rem; -webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%) }
  .Home_Solution .box .item .orientation_03 .scroll ul { grid-template-columns: repeat(2, 1fr) }
  .Home_Solution .box .item .orientation_03 .scroll { height: -webkit-calc(230px); height: calc(50px*4 + 30px); overflow: auto; overflow-x: hidden; overflow-y: auto; padding-right: 0.1rem }
  .Home_Solution .box .item .orientation_03 .scroll::-webkit-scrollbar { width: 2px; height: 2px }
  .Home_Solution .box .item .orientation_03 .scroll::-webkit-scrollbar-thumb { border-radius: 2px; background: #fff }
  .Home_Solution .box .item .orientation_03 .scroll::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.1) }
  @-moz-document url-prefix() {
    .Home_Solution .box .item .orientation_03 .scroll { scrollbar-color: #183b84 rgba(255, 255, 255, 0.1); scrollbar-width: thin }
  }
  .Home_Case .box1 { padding-right: var(--interval) }
  .Home_Case .box1 .swiper .swiper-slide a .one, .Home_Case .box1 .swiper .swiper-slide a .one > div { height: auto }
  .Home_Case .box1 .swiper .swiper-slide a .one .con1 { display: none }
  .Home_Case .box1 .swiper .swiper-slide a .one .con2 { display: none }
  .Home_Case .box1 .swiper .swiper-slide a .two, .Home_About .box1 { position: initial }
  .Home_Case .box1 .swiper .swiper-slide a .one > div { padding: 0 }
  .Home_Case .box1 .swiper .swiper-slide a .two .img img { height: 6rem }
  .Home_Case .box1 .swiper { margin-top: 0; padding: 0 }
  .Home_About .box1 .list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.3rem }
  .Home_About .box1 .list.active { display: grid !important }
  .Home_About .box .boxRight .main { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9) }
  .Home_Four .box { grid-template-columns: repeat(2, 1fr); padding: 0.4rem; gap: 0.4rem 0.2rem }
  .Home_Four .box .item { border-right: 0 }
  .Home_Four .box .item:nth-child(2n-1) { border-right: 1px solid rgba(255, 255, 255, 0.15) }
  .Footer_Container .box1 .boxLeft img { height: 20px }
  .Footer_Container .box1 .boxRight .select p { width: 2.7rem; line-height: 0.7rem }
  .Footer_Container .box2 .boxRight .content3 ul li a img { width: 0.5rem }
  .cbl { bottom: 0; right: 0; width: 100% }
  .cbl ul { display: grid; grid-template-columns: repeat(4, 1fr) }
  .cbl ul li { width: 100%; margin-bottom: 0 }
  .cbl ul li > a { padding: 0.2rem 0 0.16rem }
  .Footer_Container { padding-bottom: 1.3rem }
  .cbl ul li .main { display: none !important }
  .Home_Case .box1 .swiper .swiper-slide a .two { padding: 0 }
  .Product_01 .box, .Solution_02 .box, .Solution_06 .box .scroll .list, .Solution_10 .box, .re_case_100 .se_bot, .case_100 .se_top, .News_02 .box .boxRight .wntj .list, .Events_04 .box { grid-template-columns: repeat(1, 1fr); gap: 0.4rem }
  .News_02 .box .boxRight .wntj .list { grid-template-columns: repeat(2, 1fr); gap: 0.2rem }
  .Home_About .box .boxRight .main .list .item .orientation1 { font-size: 14px }
  .Inner_Banner picture img { min-height: 6.6rem }
  .Inner_Banner .orientation .box .content2 { max-height: calc(1.8em* 4) }
  .Solution_02 .box .item .top span img { -webkit-transform: scale(0.8); -ms-transform: scale(0.8); transform: scale(0.8); -webkit-transform-origin: left center; -ms-transform-origin: left center; transform-origin: left center }
  .Solution_03 .box, .Solution_05 .box .item .boxLeft .bot { grid-template-columns: repeat(1, 1fr) }
  .Solution_03 .box .item .content1 img { height: 0.8rem }
  .re_model .mo_bot .swiper .swiper-slide .item { padding: 0 1px }
  .Solution_07 .box { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem }
  .Solution_07 .box .item .bot { font-size: var(--f20) }
  .Solution_08 .box { grid-template-columns: repeat(2, 1fr) }
  .Solution_09 .box .item .boxRight { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; padding: 0.4rem; padding-bottom: 0 }
  .Solution_12 .box .orientation { padding: 0 0.4rem }
  .Solution_13 .box .swiper { padding: 0 }
  .Solution_14 .box .banner .swiper-slide { width: 90vw }
  .Solution_14 .box { padding: 0 var(--interval) }
  .case_details .box .ri_box .div1 { grid-template-columns: repeat(1, 1fr); gap: 0.2rem }
  .case_details .box .le_box { width: 100% }
  .case_details .box .ri_box { width: 100%; margin-top: 0.4rem }
  .Service_01 .box .boxLeft { width: 100%; padding-right: 0 }
  .Service_01 .box .boxRight { -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100%; width: 100%; margin-top: 0.5rem }
  .Inner_Banner .orientation .box .content100 { width: 3.9rem; padding: 0 }
  :root { --input_h: 0.8rem }
  .online_form form .box3, .consulting_100 form .box3, .consulting_100 form .box2 { grid-template-columns: repeat(1, 1fr) }
  #_file { height: 0.8rem }
  .online_form form .box4 { margin-top: 0.2rem }
  .recruitment_100 .nt_bot { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem }
  .recruitment_100 .nt_bot .line { display: none }
  .recruitment_100 .nt_bot .item { width: 100% }
  .inquire_100 .re_bot form { --h: 0.8rem }
  .inquire_100 .re_bot form .box1 .label { width: 100% }
  .phone_consult .lt_bot .item picture img { min-height: 4rem }
  .About_02 .orientation .box { grid-template-columns: repeat(2, 1fr) }
  .About_03 .orientation .scroll ul { width: 250% }
  .About_03 .img img { height: 6rem }
  .About_03 .orientation .scroll ul li .posi { bottom: 3.1rem }
  .About_04 .box .swiper .swiper-slide .item .content3 p { padding-left: 0.6rem }
  .About_04 .box .swiper .swiper-slide .item .content3 p:before { left: 0.24rem }
  .News_01 .box .item a .boxLeft, .Events_02 .box .banner .item .boxLeft { width: 100% }
  .News_01 .box .item a .boxRight, .Events_02 .box .banner .item .boxRight { width: 100%; -webkit-box-flex: 1; -webkit-flex: 1 100%; -ms-flex: 1 100%; flex: 1 100% }
  .News_01 .box .item a .boxRight .content4 .button_04 .a { width: 0.52rem; height: 0.52rem }
  .Events_02 .banner1 .swiper { width: 70vw }
  .News_01 .box .item a .boxRight, .Events_02 .box .banner .item .boxRight { padding: 0; margin-top: 0.5rem }
  .consulting_100 form .box5 { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex }
  .item_100 a .box .svg { height: 0.6rem }
  .News_01 .box .item a .boxRight { padding: 0.4rem; margin: 0 }
  .phone_consult .lt_bot .item .post > div { width: 100%; padding: 0 0.3rem }
  .phone_consult .lt_bot .item > img { min-height: 3.5rem }
  .phone_consult .lt_bot .item .post > div .t2 a { font-size: var(--f28) }
  .Footer_Container .box1 .boxRight { width: 62% }
  .Footer_Container .box1 .boxRight .link a, .Footer_Container .box1 .boxRight .select p { line-height: 40px }
  .Footer_Container .box1 .boxRight .select { margin-top: 0.2rem; width: 100% }
  .Footer_Container .box1 .boxRight .link { width: 100%; margin-right: 0 }
  .Footer_Container .box1 .boxRight .select p { width: 100% }
  .Solution_13 .banner_btn_01 { display: flex; justify-content: center; margin-top: .3rem }
  .Solution_13 .banner_btn_01 p { position: initial; transform: translateY(0); margin: 0 .2rem }
  .Solution_14 .switch_ { display: none }
  .Solution_10 .box .item .img { width: 2.4rem }
  .Home_Banner .page_box { bottom: .2rem }
}
/*# sourceMappingURL=./style.css.map */