body {
--www: 1.0rem;
--interval: var(--www);
--nav_height: 1.2rem;
--color: #196cd2;
--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;
--f38: 0.38rem;
--f40: 0.4rem;
--f42: 0.42rem;
--f44: 0.44rem;
--f46: 0.46rem;
--f48: 0.48rem;
--f52: 0.52rem;
--f54: 0.54rem;
--f56: 0.56rem;
--f58: 0.58rem;
--f60: 0.6rem;
}
@media screen and (min-width: 1200px) {
body.body {--nav_height: 0.9rem;}
}
@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: 1400px) {
body {--www: 1.3rem;}
}
@media screen and (max-width: 1280px) {
body {--www: 1rem;}
}
@media screen and (max-width: 1200px) {
body {
--f20: 16px;
--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;
--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;
--f52: 0.42rem;
--f54: 0.44rem;
--f56: 0.46rem;
--f58: 0.46rem;
--f60: 0.48rem;
}
}

.bodyNull {overflow: hidden;}
.maodian {position: relative;top: calc(var(--nav_height) * -1 + 1px);}
.mobile_search {top: var(--nav_height);-webkit-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
.mobile_search .close {position: absolute;right: var(--interval);-webkit-transform: translateX(-0.08rem);-ms-transform: translateX(-0.08rem);transform: translateX(-0.08rem);top: 0.2rem;}
.mobile_search .close i {font-size: var(--f24);}
/** 纵向滚动条样式 */
.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;}
.white {color: #fff;}
.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;}
.bgColor {background: #f6f7fa;}
.pt {padding-top: 1.1rem;}
.pb {padding-bottom: 1.1rem;}
.mt {margin-top: 0.9rem;}
.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(--f16);line-height: 1.8;color: #333;}
.Search_List .box1 {padding: 1.4rem 0 0.5rem;font-size: var(--f20);background: #f6f7fa;}
.Search_List .box2 {min-height: 40vh;}
.Search_List .box2 .item {padding: 0.2rem 0.8rem;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: #196cd2;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: #196cd2;}
.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(--f16);
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);
}
.mobile_search form,
.mobile_search .label .btn {
border-radius: 60px;
}
.Header_Container {
position: fixed;
top: 0;
left: 0;
z-index: 8;
width: 100%;
--w: 6.5rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;


}



.Header_Container .box nav {
width: var(--w);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.Header_Container .box nav .item {
padding-right: 0.7rem;
}
.Header_Container .box nav .item:last-child {
padding-right: 0rem;
}
.Header_Container .box nav .item > p a {
font-size: var(--f16);
font-family: 'MontserratMedium';
color: #fff;
line-height: var(--nav_height);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
position: relative;
}
.Header_Container .box nav .item > p a::after {
content: '';
position: absolute;
bottom: 30%;
left: 0%;
width: 100%;
height: 2px;
background: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0;
}
.Header_Container .box nav .item.active > p a::after {
opacity: 1;
}
.Header_Container .box nav .item:hover > p a::after {
opacity: 1;
}
.Header_Container .box nav .item:hover .Pro_Select,
.Header_Container .box nav .item:hover .Other_Select {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 1;
visibility: initial;
}
.Header_Container .box .logo {
height: var(--nav_height);
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;
}
.Header_Container .box .logo a {
display: block;
position: relative;
}
.Header_Container .box .logo a img {
height: 0.74rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .logo a div {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .logo a .logo2 {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.Header_Container .box .button {
width: var(--w);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
-webkit-box-pack: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.Header_Container .box .button path,
.Header_Container .box .button polygon {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .button .cls-1 {
fill: #fff;
}
.Header_Container .box .button .search {
height: var(--nav_height);
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: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .button .search div {
cursor: pointer;
}
.Header_Container .box .button .search div:hover path {
fill: #196cd2;
}
.Header_Container .box .button .language {
margin: 0 0.4rem;
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;
}
.Header_Container .box .button .language a {
font-size: var(--f16);
color: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-family: 'MontserratMedium';
}
.Header_Container .box .button .language a em {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
display: inline-block;
}
.Header_Container .box .button .link {
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;
}
.Header_Container .box .button .link a {
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;
height: 0.45rem;
border: 1px solid #fff;
width: 1.5rem;
border-radius: 0.5rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .button .link a .svg1 {
width: 0.8rem;
}
.Header_Container .box .button .link a .svg2 {
width: 0.11rem;
margin-left: 0.06rem;
}
.Header_Container .box .button .link a:hover {
background: #0095da;
border-color: #0095da;
}
.Header_Container .box .button .link a:hover path {
fill: #fff;
}
.Header_Container .box .button .link a:hover polygon {
fill: #fff;
}

.Header_Container .box .button .link_inner {
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: 0 0.18rem;
}
.Header_Container .box .button .link_inner a {
line-height: 0.45rem;
border: 1px solid #fff;
width: 1.6rem;
border-radius: 0.5rem;
text-align: center;
font-family: 'MontserratMedium';
font-size: var(--f16);
color: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .button .link_inner a:hover {
background: #196cd2;
border-color: #196cd2;
color: #fff !important;
}
.Header_Container .box .button .meun {
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;
}
.Header_Container .box .button .meun div {
width: 0.45rem;
height: 0.45rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .button .meun div span {
display: block;
width: 0.16rem;
height: 2px;
background: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Header_Container .box .button .meun div span:nth-child(2) {
margin: 0.04rem 0;
}
.Header_Container .box .button .meun div:hover {
background: #196cd2;
}
.Header_Container .box .button .meun div:hover span {
background: #fff;
}
.Header_Container.active,
.Header_Container.on,
.Header_Container.act{
background: #fff;
-webkit-box-shadow: 0px 0px 0px 1px #f5f5f5;
box-shadow: 0px 0px 0px 1px #f5f5f5;
}



.Header_Container::before{
content: '';
position: absolute;
background-size: 100% auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
z-index: -1;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.3)), to(rgba(0, 0, 0, 0)));
background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0));
}


.Header_Container.active::before,
.Header_Container.sticky::before,
.Header_Container.on::before,
.Header_Container.act::before,
.Header_Container.ss::before {
opacity: 0;
}




.Header_Container.active .box nav .item > p a,
.Header_Container.act .box nav .item > p a,
.Header_Container.on .box nav .item > p a {
color: #111;
}
.Header_Container.active .box nav .item > p a::after,
.Header_Container.act .box nav .item > p a::after,
.Header_Container.on .box nav .item > p a::after {
background: #196cd2;
bottom: -1px;
}
.Header_Container.active .box nav .item.active > p a,
.Header_Container.act .box nav .item.active > p a,
.Header_Container.on .box nav .item.active > p a {
color: #196cd2;
}
.Header_Container.active .box nav .item.active > p a::after,
.Header_Container.act .box nav .item.active > p a::after,
.Header_Container.on .box nav .item.active > p a::after {
opacity: 1;
}
.Header_Container.active .box .logo a img,
/*.Header_Container.act .box .logo a img,*/
.Header_Container.on .box .logo a img {
height: 0.66rem;
}
.Header_Container.active .box .logo a .logo1,
.Header_Container.act .box .logo a .logo1,
.Header_Container.on .box .logo a .logo1 {
opacity: 0;
}
.Header_Container.active .box .logo a .logo2,
.Header_Container.act .box .logo a .logo2,
.Header_Container.on .box .logo a .logo2 {
opacity: 1;
}
.Header_Container.active .box .button path,
.Header_Container.act .box .button path,
.Header_Container.on .box .button path {
fill: #0095da;
}

.Header_Container.active .box .button polygon,
.Header_Container.act .box .button polygon,
.Header_Container.on .box .button polygon {
fill: #0095da;
}
.Header_Container.active .box .button .language a,
.Header_Container.act .box .button .language a,
.Header_Container.on .box .button .language a {
color: #111;
}
.Header_Container.active .box .button .link a,
.Header_Container.act .box .button .link a,
.Header_Container.on .box .button .link a {
border-color: #0095da;
}
.Header_Container.active .box .button .link_inner a,
.Header_Container.act .box .button .link_inner a,
.Header_Container.on .box .button .link_inner a {
border-color: #196cd2;
color: #196cd2;
}
.Header_Container.active .box .button .meun div,
.Header_Container.act .box .button .meun div,
.Header_Container.on .box .button .meun div {
background: #196cd2;
}
.Header_Container.active .box .button .meun div span,
.Header_Container.act .box .button .meun div span,
.Header_Container.on .box .button .meun div span {
background: #fff;
}
.Pro_Select {
position: absolute;
left: 0;
width: 100%;
z-index: 7;
background: #efefef;
min-height: 1rem;
padding: 0.6rem 0 1rem;
visibility: hidden;
opacity: 0;
}
.Pro_Select .box_nav .h5 {
margin-bottom: 0.25rem;
}
.Pro_Select .box_nav .h5 a {
font-family: 'MontserratMedium';
font-size: var(--f30);
color: #111;
}
.Pro_Select .box_nav .box_left {
width: 3.45rem;
border-right: 1px solid #ddd;
padding-right: 0.2rem;
}
.Pro_Select .box_nav .box_left ul li {
margin-bottom: 0.2rem;
}
.Pro_Select .box_nav .box_left ul li:last-child {
margin-bottom: 0.2rem;
}
.Pro_Select .box_nav .box_left ul li a {
font-size: var(--f22);
color: #333;
}
.Pro_Select .box_nav .box_left ul li a:hover {
color: #196cd2;
}
.Pro_Select .box_nav .box_right {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 1.15rem;
}
.Pro_Select .box_nav .box_right ul {
display: grid;
grid-template-columns: repeat(4, 1fr);
}
.Pro_Select .box_nav .box_right ul li > p a {
font-size: var(--f22);
color: #333;
}
.Pro_Select .box_nav .box_right ul li > p a:hover {
color: #196cd2;
}
.Pro_Select .box_nav .box_right ul li div {
margin-top: 0.15rem;
}
.Pro_Select .box_nav .box_right ul li div p {
padding: 0.05rem 0;
}
.Pro_Select .box_nav .box_right ul li div p a {
display: block;
font-size: var(--f16);
color: #666;
transition: 0.4s;
}
.Pro_Select .box_nav .box_right ul li div p a:hover {
color: #196cd2;
}
.Other_Select {
position: absolute;
left: 0;
width: 100%;
z-index: 7;
background: #efefef;
visibility: hidden;
opacity: 0;
}
.Other_Select .box_nav ul li {
line-height: 0.9rem;
margin: 0 0.65rem;
}
.Other_Select .box_nav ul li a {
font-family: 'MontserratMedium';
font-size: var(--f20);
color: #111;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Other_Select .box_nav ul li a:hover {
color: #196cd2;
}
.Other_Select .box_nav ul li.active a {
color: #196cd2;
}
.Menu_Layer {
position: fixed;
z-index: 10;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 38, 154, 0.8);
-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);
transition: clip-path 0.6s, -webkit-clip-path 0.6s;
-webkit-clip-path: ellipse(0 0 at 100% 0);
clip-path: ellipse(0 0 at 100% 0);
pointer-events: none;
}
.Menu_Layer .box .nav .boxLeft {
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);
}
.Menu_Layer .box .nav .boxLeft a {
display: block;
}
.Menu_Layer .box .nav .boxLeft img {
height: 0.74rem;
}
.Menu_Layer .box .nav .boxRight {
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;
}
.Menu_Layer .box .nav .boxRight .meun {
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;
}
.Menu_Layer .box .nav .boxRight .meun div {
width: 0.45rem;
height: 0.45rem;
background: rgba(255, 255, 255, 0.2);
border-radius: 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;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column;
cursor: pointer;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Menu_Layer .box .nav .boxRight .meun div span {
display: block;
width: 0.16rem;
height: 2px;
background: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin: -1px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.Menu_Layer .box .nav .boxRight .meun div span:nth-child(2) {
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
.Menu_Layer .box .nav .boxRight .meun div:hover {
background: #196cd2;
}
.Menu_Layer .box .nav .boxRight .meun div:hover span {
background: #fff;
}
.Menu_Layer .box .main {
margin-top: 1rem;
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 0.2rem;
}
.Menu_Layer .box .main .item .h5 a {
display: block;
font-size: var(--f30);
font-family: 'MontserratMedium';
color: #fff;
line-height: 1;
padding-left: 0.2rem;
border-left: 3px solid #fff;
}
.Menu_Layer .box .main .item ul {
display: grid;
gap: 0.25rem;
margin-top: 0.48rem;
}
.Menu_Layer .box .main .item ul li a {
font-size: var(--f16);
color: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Menu_Layer .box .main .item ul li a:hover {
text-decoration: underline;
}
.Menu_Layer .box .main .item ul .li a {
color: #666;
}
.Menu_Layer .box .main .item ul .li a:hover {
text-decoration: inherit;
}
.Menu_Layer.active {
-webkit-clip-path: ellipse(141% 141% at 100% 0);
clip-path: ellipse(141% 141% at 100% 0);
pointer-events: auto;
}
.Home_Banner .banner {
position: relative;
}
.Home_Banner .banner .phone {
display: none;
position: relative;
}
.Home_Banner .banner .phone .play {
position: absolute;
z-index: 6;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.Home_Banner .banner picture img {
width: 100%;
height: 100vh;
}
.Home_Banner .banner video {
width: 100%;
height: 100vh;
}
.Home_Banner .banner .video {
position: relative;
}
.Home_Banner .banner .video::after {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 2rem;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.Home_Banner .banner .video .play {
position: absolute;
z-index: 6;
top: 5vw;
right: 5vw;
display: none;
}
.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;
color: #fff;
}
.Home_Banner .banner .swiper-slide .orientation .content1 {
font-family: 'MontserratBold';
font-size: 0.58rem;
line-height: 1.2;
}
.Home_Banner .banner .swiper-slide .orientation .content2 {
margin-top: 0.54rem;
}
.Home_Banner .banner .page {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 0.4rem;
z-index: 2;
}
.Home_Banner .banner .page div span {
background: #fff;
opacity: 0.5;
margin: 0 6px;
width: 12px;
height: 12px;
}
.Home_Banner .banner .page div .swiper-pagination-bullet-active {
opacity: 1;
}
.Sitemap .ap_top {
border-bottom: 1px solid #999;
padding-bottom: 0.46rem;
}
.Sitemap .ap_top p {
font-size: var(--f40);
font-weight: bold;
}
.Sitemap .ap_bot .item {
padding: 0.44rem 0;
border-bottom: 1px solid #ccc;
}
.Sitemap .ap_bot .item .content1 a {
color: #000;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size: var(--f26);
}
.Sitemap .ap_bot .item .content1 a:hover {
color: #196cd2;
}
.Sitemap .ap_bot .item .content2 {
margin-top: 0.22rem;
}
.Sitemap .ap_bot .item .content2 .firstorder {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0.2rem;
}
.Sitemap .ap_bot .item .content2 .firstorder a {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size: var(--f20);
color: #333;
}
.Sitemap .ap_bot .item .content2 .firstorder a:hover {
color: #196cd2;
}
.Sitemap .ap_bot .item .content2 .multistage {
display: grid;
grid-template-columns: repeat(6, 1fr);
gap: 0.2rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list {
font-size: var(--f20);
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: #333;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_1 a:hover {
color: #196cd2;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 {
margin-top: 0.26rem;
}
.Sitemap .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 .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .title_3 a:hover {
color: #196cd2;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 {
padding-left: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 {
margin-top: 0.14rem;
}
.Sitemap .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 .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 .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 .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .title_4 a:hover {
color: #196cd2;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 {
padding-left: 0.1rem;
}
.Sitemap .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 {
margin-top: 0.1rem;
}
.Sitemap .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 .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 .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 .ap_bot .item .content2 .multistage .ge_list .div_2 .div_3 .box_3 .div_4 .box_4 .div_5 a:hover {
color: #196cd2;
}
@media (max-width: 1200px) {
.Sitemap .ap_bot .item .content2 .multistage,
.Sitemap .ap_bot .item .content2 .firstorder {
grid-template-columns: repeat(4, 1fr);
}
}
@media (max-width: 750px) {
.Sitemap .ap_bot .item .content2 .multistage,
.Sitemap .ap_bot .item .content2 .firstorder {
grid-template-columns: repeat(2, 1fr);
}
}
.solution_01 .box .item {
position: relative;
}
.solution_01 .box .item .imgBg img {
width: 100%;
}
@media screen and (min-width: 699px) {
.solution_01 .box .item .imgBg img ,
.Inner_Banner .box .item .imgBg img{
height: 100vh;
}

}
.solution_01 .box .item .orienation {
position: absolute;
left: 0;
width: 100%;
bottom: 1.56rem;
z-index: 1;
color: #fff;
}
.solution_01 .box .item .orienation .main {
max-width: min(7rem, 100%);
}
.solution_01 .box .item .orienation .main .content1 {
font-size: var(--f36);
font-weight: bold;
line-height: 1;
font-family: 'MontserratMedium';
}
.solution_01 .box .item .orienation .main .content2 {
font-size: var(--f16);
line-height: 2;
margin-top: 0.3rem;
}
.solution_01 .box .item .orienation .main .content3 {
margin-top: 0.42rem;
}
.video_phone {
position: relative;
}
.video_phone::after {
content: '';
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
background: rgba(0, 0, 0, 0.2);
}
.video_phone video {
height: 9.7rem;
width: 100%;
}
@media screen and (max-width: 699px) {
.video_phone video {
max-height: 7rem;
}
}
.play_phone {
display: none;
position: absolute;
right: 5vw;
top: 5vw;
cursor: pointer;
z-index: 3;
}
@media screen and (max-width: 699px) {
.play_phone {
display: block;
}
}
.button_01 .a {
font-size: var(--f16);
color: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
display: inline-block;
min-width: 2rem;
line-height: 0.52rem;
border-radius: 0.5rem;
text-align: center;
border: 2px solid #fff;
font-family: 'MontserratMedium';
padding: 0 0.35rem;
cursor: pointer;
}
.button_01 .a i {
margin-left: 0.25rem;
font-size: var(--f14);
font-weight: bold;
}
.button_01 .a:hover {
background: #196cd2;
border-color: #196cd2;
}



.Home_Technologies .button_01 .a:hover{
background: #fff;
border-color: #fff;
color: #196cd2;
}


.button_01 .a:hover i {
color: #fff;
}
.advertisement {
position: relative;
}
.advertisement .imgBg img {
width: 100%;
}
.advertisement .img {
position: absolute;
left: 0;
top: 0;
}
.advertisement .img img {
width: 6rem;
}
.advertisement .orientation {
position: absolute;
left: 0;
width: 100%;
top: 0;
height: 100%;
z-index: 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;
color: #fff;
}
.advertisement .orientation .box {
width: 100%;
}
.advertisement .orientation .box .content1 {
font-size: var(--f48);
font-family: 'MontserratMedium';
}
.advertisement .orientation .box .content2 {
font-size: var(--f20);
line-height: 2;
max-width: 7.4rem;
}
.advertisement .orientation .box .content3 {
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;
}
.Footer_Container {
background: #28282d;
min-height: 1rem;
}
.Footer_Container .box {
position: relative;
z-index: 1;
padding: 0.9rem 0 0;
}
.Footer_Container .box .boxLeft .item {
margin-right: 1rem;
}
.Footer_Container .box .boxLeft .item:last-child {
margin-right: 0;
}
.Footer_Container .box .boxLeft .item .h5 {
margin-bottom: 0.32rem;
}
.Footer_Container .box .boxLeft .item .h5 a {
font-size: var(--f16);
color: #fff;
}
.Footer_Container .box .boxLeft .item .flexBetween ul {
margin-right: 0.26rem;
}
.Footer_Container .box .boxLeft .item .flexBetween ul:last-child {
margin-right: 0;
}
.Footer_Container .box .boxLeft .item .p {
margin-bottom: 0.18rem;
}
.Footer_Container .box .boxLeft .item .p a {
font-size: var(--f16);
color: #868686;
}
.Footer_Container .box .boxLeft .item ul li {
margin-bottom: 0.2rem;
}
.Footer_Container .box .boxLeft .item ul li a {
font-size: var(--f14);
color: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Footer_Container .box .boxLeft .item ul li a:hover {
text-decoration: underline;
}
.Footer_Container .box .boxRight .content1 {
font-size: var(--f20);
color: #fff;
}
.Footer_Container .box .boxRight .content2 {
margin-top: 0.26rem;
}
.Footer_Container .box .boxRight .content2 form {
width: 3.5rem;
display: block;
border: 2px solid #69696c;
border-radius: 0.5rem;
position: relative;
}
.Footer_Container .box .boxRight .content2 form input {
font-size: var(--f16);
color: #fff;
height: 0.46rem;
width: 100%;
background: none;
border: 0;
padding: 0 0.4rem;
}
.Footer_Container .box .boxRight .content2 form .submit {
position: absolute;
right: 0.36rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.Footer_Container .box .boxRight .content2 form .submit svg {
cursor: pointer;
}
.Footer_Container .box .boxRight .content3 {
margin-top: 0.5rem;
}
.Footer_Container .box .boxRight .content3 ul li {
margin-right: 0.16rem;
position: relative;
}
.Footer_Container .box .boxRight .content3 ul li p {
position: absolute;
left: 50%;
top: 0.55rem;
-webkit-transform: translate(-50%, 0%) scale(0);
-ms-transform: translate(-50%, 0%) scale(0);
transform: translate(-50%, 0%) scale(0);
background: #fff;
z-index: 2;
border-radius: 4px;
transform-origin: center top;
transition: 0.4s;
opacity: 0;
}
.Footer_Container .box .boxRight .content3 ul li p img {
max-width: 1.2rem;
width: 1.2rem;
}
.Footer_Container .box .boxRight .content3 ul li p::after {
content: '';
position: absolute;
left: 50%;
top: 0;
border: 6px solid transparent;
border-bottom-color: #fff;
-webkit-transform: translate(-50%, -100%);
-ms-transform: translate(-50%, -100%);
transform: translate(-50%, -100%);
}
.Footer_Container .box .boxRight .content3 ul li:hover p {
-webkit-transform: translate(-50%, 0%) scale(1);
-ms-transform: translate(-50%, 0%) scale(1);
transform: translate(-50%, 0%) scale(1);
opacity: 1;
}
.Footer_Container .box1 {
margin-top: 0.76rem;
border-top: 1px solid rgba(255, 255, 255, 0.1);
position: relative;
z-index: 1;
padding: 0.35rem 0;
}
.Footer_Container .box1 a {
color: #fff;
opacity: 0.5;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
font-size: var(--f16);
}
.Footer_Container .box1 a:hover {
opacity: 1;
}
.Footer_Container .box1 .boxLeft {
font-size: var(--f16);
}
.Footer_Container .box1 .boxLeft span {
color: #fff;
opacity: 0.5;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Footer_Container .box1 em {
color: #fff;
margin: 0 0.1rem;
opacity: 0.5;
}
.goTop {
position: fixed;
bottom: 2.6%;
right: 0.2rem;
background: #196cd2;
border-radius: 50%;
z-index: 1;
width: 0.5rem;
height: 0.5rem;
cursor: pointer;
display: none;
}
.goTop svg {
margin: auto;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.f56 {
font-size: var(--f54);
font-family: 'MontserratMedium';
line-height: 1;
}
.banner_btn .button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.banner_btn .button div {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #196cd2;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-left: 10px;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
}
.banner_btn .button div i {
margin: auto;
font-size: var(--f16);
font-weight: bold;
color: #196cd2;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.banner_btn .button div:hover {
background: #196cd2;
}
.banner_btn .button div:hover i {
color: #fff;
}
.solution_02 {
background: #f0f6fa;
}
.solution_02 .box {
margin-top: 0.9rem;
min-height: 7rem;
padding-bottom: 0.9rem;
}
.solution_02 .box .banner .swiper {
--w: 360px;
padding-left: var(--interval);
position: relative;
}
.solution_02 .box .banner .swiper::after {
background: #196cd2;
opacity: 0.2;
content: '';
position: absolute;
left: 0;
width: 100%;
top: 63px;
height: 2px;
}
.solution_02 .box .banner .swiper .swiper-slide {
width: var(--w);
}
.solution_02 .box .banner .swiper .swiper-slide .item {
--w1: 133px;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop {
position: relative;
z-index: 1;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop .width {
width: var(--w1);
text-align: center;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop .width .top {
font-size: var(--f36);
font-family: 'MontserratMedium';
line-height: 1;
height: 36px;
white-space: nowrap;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop .width .bot {
margin-top: 20px;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop .width .bot em {
width: 14px;
height: 14px;
background: #196cd2;
border-radius: 50%;
display: block;
margin: auto;
position: relative;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop .width .bot em::after {
content: '';
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 40px;
height: 40px;
background: #196cd2;
opacity: 0.2;
border-radius: 50%;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxTop .width .bot em::before {
content: '';
top: 100%;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 1px;
background: #196cd2;
opacity: 0.5;
height: -webkit-calc(6.8rem);
height: calc(0.8rem + 6px);
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot {
margin-top: 0.45rem;
background: #fff;
border-radius: 0.25rem;
padding-right: 0.3rem;
padding-top: 0.35rem;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
cursor: pointer;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li .left {
width: var(--w1);
font-size: var(--f16);
font-family: 'MontserratMedium';
padding-left: 0.16rem;
position: relative;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li .left::before {
content: '';
top: 6px;
left: 50%;
position: absolute;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 1px;
background: #196cd2;
opacity: 0.5;
height: 100%;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li .left::after {
content: '';
position: absolute;
left: 50%;
top: 0.07rem;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
width: 10px;
height: 10px;
border-radius: 50%;
border: 2px solid #196cd2;
background: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li .right {
font-size: var(--f16);
color: #666;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
line-height: 1.7;
padding-bottom: 0.35rem;
margin-left: -0.35rem;
position: relative;
z-index: 1;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li .wenAn {
display: none;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li:last-child .left::before {
display: none;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li:hover .left {
color: #196cd2;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li:hover .left::after {
background: #196cd2;
}
.solution_02 .box .banner .swiper .swiper-slide .item .boxBot ul li:hover .right {
color: #196cd2;
text-decoration: underline;
}
.solution_layer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 9;
display: none;
}
.solution_layer .box {
position: absolute;
width: min(8rem, 90vw);
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
background: #fff;
min-height: 1rem;
border-radius: 0.25rem;
padding: 0.55rem;
}
.solution_layer .box .close {
top: 0.2rem;
right: 0.4rem;
position: absolute;
}
.solution_layer .box .close i {
font-size: var(--f24);
font-weight: bold;
color: #333;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
display: inline-block;
z-index: 2;
}
.solution_layer .box .close i:hover {
color: #196cd2;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.solution_layer .box .main .content1 {font-size: var(--f28);text-align: center;font-family: 'MontserratMedium';}
.solution_layer .box .main .content2 {font-size: var(--f16);line-height: 1.7;margin-top: 0.48rem;}
.Inner_Banner {position: relative; background: #000;}
.Inner_Banner .box .item {position: relative; }
.Inner_Banner .box .item .imgBg img {width: 100%;opacity: 0.7;}
.Inner_Banner .box .item .orienation {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;z-index: 1;color: #fff;}
.Inner_Banner .box .item .orienation .main {max-width: min(10rem, 100%);}
.Inner_Banner .box .item .orienation .main .content1 {font-size: var(--f58);font-weight: bold;line-height: 1;font-family: 'MontserratMedium';}
.Inner_Banner .box .item .orienation .main .content2 {font-size: var(--f24);line-height: 2;margin-top: 0.5rem;}
.Inner_Banner .box .item .orienation1 {position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);width: 100%;z-index: 1;color: #fff;}
.Inner_Banner .box .item .orienation1 .main .content1 {font-size: var(--f54);font-weight: bold;line-height: 1.3;font-family: 'MontserratMedium';max-width: 50%;}
.mbx {
position: absolute;
left: 0;
width: 100%;
bottom: 0.5rem;
z-index: 1;
}
.mbx .box_ {
font-size: var(--f16);
}
.mbx .box_ a {
color: #ccc;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mbx .box_ a:hover {
color: #fff;
}
.mbx .box_ em {
color: #ccc;
font-size: var(--f14);
}
.mbx .box_ em i {
font-size: var(--f14);
}
.mbx .box_ span {
color: #fff;
}
.Product_01 .box .boxLeft {
width: 3.2rem;
padding-right: 1rem;
}
.Product_01 .box .boxLeft ul {
position: -webkit-sticky;
position: sticky;
top: var(--nav_height);
z-index: 1;
border-top: 1px solid #eee;
}
.Product_01 .box .boxLeft ul li {
border-bottom: 1px solid #eee;
}
.Product_01 .box .boxLeft ul li a {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
padding: 0.2rem 0;
}
.Product_01 .box .boxLeft ul li a .left {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
font-size: var(--f16);
font-family: 'MontserratMedium';
color: #111;
padding-right: 0.15rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Product_01 .box .boxLeft ul li a .right i {
font-size: var(--f16);
font-weight: bold;
color: #196cd2;
}
.Product_01 .box .boxLeft ul li a:hover .left {
color: #196cd2;
}
.Product_01 .box .boxLeft ul .active a .left {
color: #196cd2;
}
.Product_01 .box .boxRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
@media screen and (max-width: 699px) {
.Product_01 .box .boxRight {
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
width: 100%;
}
}
.Product_01 .box .boxRight .list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.3rem;
}
.Product_01 .box .boxRight .list .item a {
padding: 0.3rem 0 0.4rem;
border-radius: 0.25rem;
overflow: hidden;
display: block;
text-align: center;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Product_01 .box .boxRight .list .item a .content1 {
font-size: var(--f16);
color: #999999;
}
.Product_01 .box .boxRight .list .item a .content2 {
font-family: 'MontserratMedium';
color: #111;
font-size: var(--f30);
margin-top: 0.14rem;
}
.Product_01 .box .boxRight .list .item a .content3 {
height: 2.83rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0.45rem 0 0.35rem;
}
.Product_01 .box .boxRight .list .item a .content3 img {
margin: auto;
max-height: 100%;
}
.Product_01 .box .boxRight .list .item a .content4 {
font-size: var(--f16);
color: #196cd2;
font-family: 'MontserratMedium';
}
.Product_01 .box .boxRight .list .item a .content4 i {
font-size: var(--f14);
font-weight: bold;
}
@media screen and (min-width: 1200px) {
.Product_01 .box .boxRight .list .item a:hover {
background: #f0f6fa;
}
}
.button_02 .a {
font-size: var(--f16);
color: #196cd2;
text-align: center;
display: inline-block;
line-height: 0.52rem;
min-width: 2rem;
font-family: 'MontserratMedium';
border-radius: 0.5rem;
border: 2px solid #196cd2;
-webkit-box-shadow: 0px 7px 11.83px 1.17px rgba(3, 3, 144, 0.14);
box-shadow: 0px 7px 11.83px 1.17px rgba(3, 3, 144, 0.14);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
padding: 0 0.3rem;
}
.button_02 .a:hover {
background: #196cd2;
color: #fff;
-webkit-transform: translateY(-0.05rem);
-ms-transform: translateY(-0.05rem);
transform: translateY(-0.05rem);
}
.button_03 .a {
font-size: var(--f16);
color: #fff;
text-align: center;
display: inline-block;
line-height: 0.52rem;
min-width: 2rem;
padding: 0 0.3rem;
font-family: 'MontserratMedium';
background: #196cd2;
border-radius: 0.5rem;
border: 2px solid #196cd2;
-webkit-box-shadow: 0px 7px 11.83px 1.17px rgba(3, 3, 144, 0.14);
box-shadow: 0px 7px 11.83px 1.17px rgba(3, 3, 144, 0.14);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
}
.button_03 .a:hover {
background: #196cd2;
color: #fff;
-webkit-transform: translateY(-0.05rem);
-ms-transform: translateY(-0.05rem);
transform: translateY(-0.05rem);
}
@media screen and (min-width: 1200px) {
.height {
height: var(--nav_height);
}
}
.mbx1 .box_ {
font-size: var(--f16);
}
.mbx1 .box_ a {
color: #999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.mbx1 .box_ a:hover {
color: #196cd2;
}
.mbx1 .box_ em {
color: #999;
font-size: var(--f14);
}
.mbx1 .box_ em i {
font-size: var(--f14);
}
.mbx1 .box_ span {
color: #111;
}
.mbx2 .box_ span {
color: #196cd2;
}
.bg1 {
background: url(../images/img8.png) no-repeat 50% 50% / cover;
padding-top: 0.3rem;
}
.p30 {
padding-top: 0.3rem;
}
.Product_02 {
margin-top: 1.5rem;
}
.Product_02 .box .boxLeft {
width: 6.8rem;
text-align: center;
padding-right: 0.8rem;
}
.Product_02 .box .boxLeft > div {
position: -webkit-sticky;
position: sticky;
top: var(--nav_height);
}
.Product_02 .box .boxLeft .content1 {
font-size: var(--f30);
color: #196cd2;
}
.Product_02 .box .boxLeft .content2 {
font-size: var(--f56);
font-family: 'MontserratMedium';
line-height: 1.3;
margin-top: 0.08rem;
}
.Product_02 .box .boxLeft .content3 {
border-radius: 0.25rem;
background: rgba(255, 255, 255, 0.6);
margin-top: 0.66rem;
height: 6rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.Product_02 .box .boxLeft .content3 img {
margin: auto;
max-height: 90%;
max-width: 90%;
}
.Product_02 .box .boxLeft .content4 {
margin-top: 0.8rem;
}
.Product_02 .box .boxLeft .content4 .button_02 {
margin-left: 10px;
}
.Product_02 .box .boxRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.Product_02 .box .boxRight table {
position: -webkit-sticky;
background: #fff;
width: 100%;
position: sticky;
top: var(--nav_height);
}
.Product_02 .box .boxRight table tr td {
padding: 0.16rem 0.4rem;
width: 50%;
font-size: var(--f16);
}
.Product_02 .box .boxRight table tr td:first-child {
font-family: 'MontserratMedium';
text-align: left;
}
.Product_02 .box .boxRight table tr td:nth-child(2) {
text-align: center;
color: #666;
}
.Product_02 .box .boxRight table tr:nth-child(2n) {
background: #f7f7f8;
}
.m70 {
margin-top: 0.64rem;
}
.Product_03 .box {
text-align: center;
}
.Product_03 .box .content1 {
font-size: var(--f16);
line-height: 2;
padding: 0 2.9rem;
margin-top: 0.64rem;
}
.Product_03 .box .content2 {
margin-top: 0.64rem;
}
.Product_03 .box .content2 .button_02 {
margin-left: 10px;
}
.Product_04 {
background: #f0f6fa;
}
.Product_04 .box .item {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
text-align: center;
}
.Product_04 .box .item figure img {
width: 0.88rem;
}
.Product_04 .box .item figcaption {
font-size: var(--f24);
font-family: 'MontserratMedium';
margin-top: 0.25rem;
}
.Product_05 .box {
padding: 0 var(--interval);
}
.Product_05 .box .banner {
position: relative;
}
.Product_05 .box .banner .boxMain .boxLeft {
width: 6.8rem;
text-align: center;
padding-top: 1.2rem;
}
.Product_05 .box .banner .boxMain .boxLeft figure img {
max-width: 4rem;
}
.Product_05 .box .banner .boxMain .boxLeft figcaption {
margin-top: 0.8rem;
}
.Product_05 .box .banner .boxMain .boxRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.Product_05 .box .banner .boxMain .boxRight .scroll {
height: 5.9rem;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.1rem;
padding-right: 0;
}
.Product_05 .box .banner .boxMain .boxRight .scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.Product_05 .box .banner .boxMain .boxRight .scroll::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #196cd2;
}
.Product_05 .box .banner .boxMain .boxRight .scroll::-webkit-scrollbar-track {
border-radius: 2px;
background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
.Product_05 .box .banner .boxMain .boxRight .scroll {
scrollbar-color: #196cd2 rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
}
.Product_05 .box .banner .boxMain .boxRight .scroll table {
background: #fff;
width: 100%;
position: -webkit-sticky;
position: sticky;
top: var(--nav_height);
}
.Product_05 .box .banner .boxMain .boxRight .scroll table tr td {
padding: 0.16rem 0.4rem;
width: 50%;
font-size: var(--f16);
}
.Product_05 .box .banner .boxMain .boxRight .scroll table tr td:first-child {
font-family: 'MontserratMedium';
text-align: left;
}
.Product_05 .box .banner .boxMain .boxRight .scroll table tr td:nth-child(2) {
text-align: center;
color: #666;
}
.Product_05 .box .banner .boxMain .boxRight .scroll table tr:nth-child(2n) {
background: #f7f7f8;
}
@media screen and (min-width: 1520px) {
.banner_btn_posi .button div {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 2;
border: 1px solid #666;
}
.banner_btn_posi .button div i {
color: #666;
}
.banner_btn_posi .button .prev {
left: -0.64rem;
margin-left: 0;
}
.banner_btn_posi .button .next {
right: -0.64rem;
}
}
@media screen and (min-width: 1520px) and screen and (min-width: 1200px) {
.banner_btn_posi .button div {
margin: 0;
}
}
@media screen and (max-width: 1520px) {
.banner_btn_posi {
-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;
margin-top: 0.64rem;
}
}
.Product_06 .box .content1 {
padding: 0 1.8rem;
font-size: var(--f16);
line-height: 2;
color: #333;
text-align: center;
}
.Product_06 .box .content2 {
/*background: #f0f6fa;*/
border-radius: 0.25rem;
overflow: hidden;
/*padding: 0.7rem 0;*/
text-align: center;
}
.Product_07 .box {
padding: 0 var(--interval);
}
.Product_07 .box .banner {
position: relative;
}
.Product_07 .box .banner .swiper .swiper-slide .item {
border-radius: 0.25rem;
display: block;
padding: 0 0.6rem 0.4rem;
background: #f0f6fa;
overflow: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content1 {
padding: 0.54rem 0 0.45rem;
text-align: center;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content1 img {
height: 2.16rem;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content2 {
font-family: 'MontserratMedium';
font-size: var(--f24);
color: #000;
transition: 0.4s;
line-height: 1.4;
height: 1.4em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-justify: distribute-all-lines;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content3 {
font-size: var(--f16);
color: #333;
line-height: 1.4;
margin: 0.25rem 0 0.4rem;
height: 7em;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content4 {
font-size: var(--f16);
font-family: 'MontserratMedium';
color: #196cd2;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content4 i {
font-size: var(--f14);
font-weight: bold;
margin-left: 0.05rem;
}
@media screen and (min-width: 1200px) {
.Product_07 .box .banner .swiper .swiper-slide .item:hover .content2 {
color: #196cd2;
}
}
.Product_08 .box form {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 10px;
}
.Product_08 .box form .layui-input,
.Product_08 .box form .layui-select,
.Product_08 .box form .layui-textarea {
height: 0.58rem;
padding-left: 0.25rem;
font-size: var(--f16);
}
.Product_08 .box form .layui-form-select dl {
top: 0.6rem;
}
.Product_08 .box form .layui-form-selectup dl {
top: auto;
bottom: 0.6rem;
}
.Product_08 .box form .layui-form-select dl dd,
.Product_08 .box form .layui-form-select dl dt {
padding-left: 0.25rem !important;
}
.Product_08 .box_banner {
--h: 2.8rem;
--h1: 0.6rem;
}
.Product_08 .box_banner ul li {
font-size: var(--f16);
height: var(--h1);
padding: 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;
}
.Product_08 .box_banner ul li:nth-child(2n-1) {
background: #f8f8f8;
}
.Product_08 .box_banner .boxLeft {
width: 20%;
}
.Product_08 .box_banner .boxLeft .null {
height: var(--h);
}
.Product_08 .box_banner .boxLeft ul li {
font-family: 'MontserratMedium';
}
.Product_08 .box_banner .boxRight {
width: 80%;
position: relative;
}
.Product_08 .box_banner .boxRight .banner {
position: relative;
}
.Product_08 .box_banner .boxRight .swiper-slide:nth-child(2n-1) .img_box {
background: #f8f8f8;
}
.Product_08 .box_banner .boxRight .swiper-slide:nth-child(2n-1) ul li:nth-child(2n) {
background: #fafafa;
}
.Product_08 .box_banner .boxRight .swiper-slide .img_box {
height: var(--h);
text-align: center;
font-size: var(--f24);
font-family: 'MontserratMedium';
padding-top: 0.4rem;
}
.Product_08 .box_banner .boxRight .swiper-slide .img_box img {
max-width: 2.2rem;
max-height: 2.2rem;
}
.Product_08 .box_banner .boxRight .swiper-slide .img_box .bot {
margin-top: 0.45rem;
}
.Product_08 .box_banner .boxRight .swiper-slide ul li {
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
color: #666;
text-align: center;
}
.Product_08 .box_banner .boxRight .swiper-slide ul li:nth-child(2n-1) {
background: #f5f5f5;
}
.Product_08 .page {
position: relative;
margin-top: 0.3rem;
}
.Product_08 .page .swiper-pagination-progressbar {
background: #ebebeb;
}
.Product_08 .page .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #196cd2;
}
.Product_08 .banner_btn_posi .button div {
top: 19%;
}
.Product_08 .banner_btn_posi .button .prev {
left: -0.8rem;
}
.Product_08 .banner_btn_posi .button .next {
right: -0.8rem;
}
.Product_09 .subheading {
font-size: var(--f16);
color: #333;
margin-top: 0.5rem;
}
.Product_09 .box {
background: url(../images/img22.png) no-repeat 50% 50% / cover;
border-radius: 0.25rem;
padding: 0.8rem 0;
}
.Product_09 .box .boxLeft {
width: 50%;
padding: 0 0.3rem;
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: end;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.Product_09 .box .boxRight {
width: 50%;
padding: 0 0.8rem;
}
.Product_09 .box .boxRight ul {
display: grid;
gap: 0.4rem;
}
.Product_09 .box .boxRight ul li {
position: relative;
padding-left: 0.5rem;
font-size: var(--f24);
font-family: 'MontserratMedium';
}
.Product_09 .box .boxRight ul li span {
position: absolute;
left: 0;
top: -2px;
}
.Product_10 .box table {
background: #fff;
width: 100%;
position: -webkit-sticky;
position: sticky;
top: var(--nav_height);
}
.Product_10 .box table tr {
background: #fdfdfd;
}
.Product_10 .box table tr td {
padding: 0.16rem 0.4rem;
width: 25%;
font-size: var(--f16);
text-align: center;
color: #666;
}
.Product_10 .box table tr td:first-child {
font-family: 'MontserratMedium';
text-align: left;
color: #000;
}
.Product_10 .box table tr:nth-child(2n-1) {
background: #f7f7f8;
}
.Advantage_01 .box .item {
padding: 1rem var(--interval);
position: relative;
}
.Advantage_01 .box .item .boxLeft {
width: 50%;
}
.Advantage_01 .box .item .boxLeft .banner {
position: relative;
}
.Advantage_01 .box .item .boxLeft .swiper-slide {
position: relative;
}
.Advantage_01 .box .item .boxLeft .swiper-slide .img {
overflow: hidden;
height: 4.96rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-radius: 0.25rem;
}
.Advantage_01 .box .item .boxLeft .swiper-slide .img img {
margin: auto;
max-height: 100%;
border-radius: 0.25rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Advantage_01 .box .item .boxLeft .swiper-slide .orientation {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
}
.Advantage_01 .box .item .boxLeft .swiper-slide .orientation img {
width: 0.66rem;
}
.Advantage_01 .box .item .boxLeft .page {
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: -0.4rem;
z-index: 2;
}
.Advantage_01 .box .item .boxLeft .page span {
width: 10px;
height: 10px;
background: #196cd2;
opacity: 0.5;
}
.Advantage_01 .box .item .boxLeft .page .swiper-pagination-bullet-active {
opacity: 1;
}
.Advantage_01 .box .item .boxLeft .pic {
text-align: center;
}
.Advantage_01 .box .item .boxLeft .pic .img {
display: none;
}
.Advantage_01 .box .item .boxLeft .pic .img img {
max-width: 4.8rem;
}
.Advantage_01 .box .item .boxLeft .pic .active {
display: block;
}
.Advantage_01 .box .item .boxRight {
width: 50%;
padding: 0 0.8rem;
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;
}
.Advantage_01 .box .item .boxRight > div {
width: 100%;
}
.Advantage_01 .box .item .boxRight .scroll {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.1rem;
}
.Advantage_01 .box .item .boxRight .scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.Advantage_01 .box .item .boxRight .scroll::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #196cd2;
}
.Advantage_01 .box .item .boxRight .scroll::-webkit-scrollbar-track {
border-radius: 2px;
background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
.Advantage_01 .box .item .boxRight .scroll {
scrollbar-color: #196cd2 rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
}
.Advantage_01 .box .item .boxRight .content1 {
font-size: var(--f36);
font-family: 'MontserratMedium';
line-height: 1;
margin-bottom: 0.2rem;
}
.Advantage_01 .box .item .boxRight .content2 {
font-size: var(--f16);
color: #666;
line-height: 2;
margin-bottom: 0.3rem;
}
.Advantage_01 .box .item .boxRight .content3 {
font-size: var(--f16);
}
.Advantage_01 .box .item .boxRight .content3 ul {
display: grid;
gap: 0.2rem;
}
.Advantage_01 .box .item .boxRight .content3 li {
position: relative;
padding-left: 0.35rem;
}
.Advantage_01 .box .item .boxRight .content3 li img {
position: absolute;
left: 0;
top: 0.04rem;
}


.Advantage_01 .box .item .boxRight .toggle {
font-size: var(--f16);
color: #666;
font-family: 'MontserratMedium';
border-bottom: 1px solid #ccc;
margin-bottom: 0.34rem;
}
.Advantage_01 .box .item .boxRight .toggle p {
cursor: pointer;
padding-bottom: 0.2rem;
margin-right: 0.4rem;
padding-top: 0.1rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
border-bottom: 2px solid transparent;
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}
.Advantage_01 .box .item .boxRight .toggle p:hover {
color: #196cd2;
}
.Advantage_01 .box .item .boxRight .toggle .active {
color: #111;
border-color: #196cd2;
}
.Advantage_01 .box .item .boxRight .toggleMain .scroll {
display: none;
}
.Advantage_01 .box .item .boxRight .toggleMain .active {
display: block;
}
@media screen and (min-width: 1200px) {
.Advantage_01 .box .item_box:nth-child(2n) .item {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
background: #f0f6fa;
}
}
.Advantage_02 .box {
display: grid;
gap: 1rem;
}
.Advantage_02 .box .item .boxLeft {
width: 50%;
}
.Advantage_02 .box .item .boxLeft .swiper-slide {
position: relative;
}
.Advantage_02 .box .item .boxLeft .swiper-slide .img {
overflow: hidden;
border-radius: 0.25rem;
}
.Advantage_02 .box .item .boxLeft .swiper-slide .img img {
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Advantage_02 .box .item .boxLeft .swiper-slide .orientation {
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
cursor: pointer;
}
.Advantage_02 .box .item .boxLeft .swiper-slide .orientation img {
width: 0.66rem;
}
.Advantage_02 .box .item .boxLeft .swiper-slide:hover .img img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.Advantage_02 .box .item .boxRight {
width: 50%;
padding: 0 0.8rem;
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;
}
.Advantage_02 .box .item .boxRight > div {
width: 100%;
}
.Advantage_02 .box .item .boxRight .scroll {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.1rem;
}
.Advantage_02 .box .item .boxRight .scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.Advantage_02 .box .item .boxRight .scroll::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #196cd2;
}
.Advantage_02 .box .item .boxRight .scroll::-webkit-scrollbar-track {
border-radius: 2px;
background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
.Advantage_02 .box .item .boxRight .scroll {
scrollbar-color: #196cd2 rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
}
.Advantage_02 .box .item .boxRight .content1 {
font-size: var(--f36);
font-family: 'MontserratMedium';
line-height: 1;
margin-bottom: 0.2rem;
}
.Advantage_02 .box .item .boxRight .content2 {
font-size: var(--f16);
color: #666;
line-height: 2;
margin-bottom: 0.3rem;
}
@media screen and (min-width: 1200px) {
.Advantage_02 .box .item:nth-child(2n) {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-webkit-flex-direction: row-reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
}
.Advantage_03 {
position: relative;
}
.Advantage_03 .imgBg img {
width: 100%;
}
.Advantage_03 .orientation {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
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;
z-index: 1;
}
.Advantage_03 .orientation .box .content2 {
font-size: var(--f16);
color: #333;
margin-top: 0.5rem;
line-height: 2;
}
.Advantage_03 .orientation .box .content3 {
margin-top: 0.64rem;
}
.Advantage_03 .orientation .box .content3 .item {
margin: 0 0.38rem;
}
.Advantage_03 .orientation .box .content3 .item .top {
font-family: 'MontserratMedium';
font-size: var(--f36);
color: #196cd2;
line-height: 1;
}
.Advantage_03 .orientation .box .content3 .item .bot {
font-size: var(--f16);
margin-top: 0.1rem;
}
.Advantage_04 {
margin-top: 0.7rem;
}
.Advantage_04 .box {
padding: 0 var(--interval);
}
.Advantage_04 .box .banner {
position: relative;
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide {
position: relative;
border-radius: 0.25rem;
overflow: hidden;
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide a {
display: block;
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide img {
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide .orientation {
position: absolute;
bottom: 0.4rem;
left: 0;
width: 100%;
z-index: 2;
padding: 0 0.5rem;
color: #fff;
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide .orientation .content1 {
font-family: 'MontserratMedium';
font-size: var(--f24);
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide .orientation .content2 {
font-size: var(--f16);
margin-top: 0.1rem;
}
.Advantage_04 .box .swiper .swiper-wrapper .swiper-slide:hover img {
-webkit-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}
.Advantage_05 {
background: #f0f6fa;
}
.Advantage_05 .box .boxLeft {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 1rem;
}
@media screen and (max-width: 1200px) {
.Advantage_05 .box .boxLeft {
-webkit-box-flex: 1;
-webkit-flex: 1 100%;
-ms-flex: 1 100%;
flex: 1 100%;
width: 100%;
padding-right: 0;
}
}
.Advantage_05 .box .boxLeft .desc {
font-size: var(--f16);
color: #666;
line-height: 1.9;
}
.Advantage_05 .box .boxRight {
width: 8.2rem;
}
.Advantage_05 .box .boxRight .lbt {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 25px;
}
.Advantage_05 .box .boxRight .lbt .swiper {
height: 100vh;
}
.Advantage_05 .box .boxRight .lbt .swiper .swiper-wrapper {
-webkit-transition-timing-function: linear;
-o-transition-timing-function: linear;
transition-timing-function: linear;
}
.Advantage_05 .box .boxRight .lbt .swiper-slide {
background: #fff;
padding: 0.25rem;
height: auto;
}
.Advantage_05 .box .boxRight .lbt .swiper-slide img {
width: 100%;
}

.Service_01 .toggle {
font-size: var(--f20);
color: #666;
font-family: 'MontserratMedium';
/*border-bottom: 1px solid #ccc;*/
margin-bottom: 0.34rem;
font-weight: bold;
}

.Service_01 .toggle p {
cursor: pointer;
margin-right: 0.4rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
/*border-bottom: 2px solid transparent;*/
-webkit-transform: translateY(1px);
-ms-transform: translateY(1px);
transform: translateY(1px);
}

.Service_01 .toggle p:hover {
color: #196cd2;
}

.Service_01 .toggle .active {
color: #111;
color: #196cd2;
}

.Service_01 .box{
display: none;
}
.Service_01 .box.act{
display: block;
}
.Service_01 .box .item {
cursor: pointer;
padding: 0.27rem 0.5rem 0.27rem 0.2rem;
position: relative;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_01 .box .item:first-child {
margin-top: 0;
}
.Service_01 .box .item .content1 {
font-size: var(--f22);
font-family: 'MontserratMedium';
line-height: 1.4;
max-width: 70%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_01 .box .item .content2 {
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;
}
.Service_01 .box .item .content2 path {
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_01 .box .item .content3 {
position: absolute;
top: 50%;
right: 2.7rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_01 .box .item .content3 p {
min-height: 0;
}
@media screen and (min-width: 1200px) {
.Service_01 .box .item:hover {
border-color: #196cd2;
z-index: 2;
}
.Service_01 .box .item:hover .content1 {
color: #196cd2;
}
.Service_01 .box .item:hover .content2 path {
fill: #196cd2;
}
.Service_01 .box .item:hover .content3 {
grid-template-rows: 1fr;
}
}
.pu_page {
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;
margin-top: 0.6rem;
}
.pu_page .prev a,
.pu_page .next a {
width: 50px;
height: 50px;
border-radius: 50%;
border: 1px solid #666;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
cursor: pointer;
}
.pu_page .prev a i,
.pu_page .next a i {
font-size: var(--f16);
font-weight: bold;
margin: auto;
color: #666;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.pu_page .prev a:hover,
.pu_page .next a:hover {
background: #196cd2;
}
.pu_page .prev a:hover i,
.pu_page .next a:hover i {
color: #fff;
}
.pu_page .number {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin: 0 0.18rem;
}
.pu_page .number a {
display: block;
line-height: 50px;
font-size: var(--f16);
font-family: 'MontserratMedium';
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin: 0 0.18rem;
}
.pu_page .number .active {
color: #196cd2;
font-size: var(--f20);
}
.Service_02 {
background: #f0f6fa;
}
.Service_02 .box .boxLeft {
width: 3.8rem;
padding-right: 0.3rem;
}
.Service_02 .box .boxLeft .main {
padding: 0.4rem 0.2rem;
background: #fff;
position: sticky;
position: -webkit-sticky;
top: var(--nav_height);
}
.Service_02 .box .boxLeft .main form {
margin-bottom: 0.16rem;
}
.Service_02 .box .boxLeft .main form div {
position: relative;
}
.Service_02 .box .boxLeft .main form div svg {
position: absolute;
left: 10px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.Service_02 .box .boxLeft .main form div input {
height: 36px;
width: 100%;
display: block;
background: none;
border: 1px solid #ddd;
padding: 0 0.35rem;
}
.Service_02 .box .boxLeft .main ul li {
border-bottom: 1px solid #ddd;
}
.Service_02 .box .boxLeft .main ul li a {
font-size: var(--f20);
padding: 0.16rem 0;
font-family: 'MontserratMedium';
position: relative;
display: block;
color: #111;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
line-height: 1.3;
cursor: pointer;
}
.Service_02 .box .boxLeft .main ul li a i {
position: absolute;
right: 0;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #196cd2;
font-weight: bold;
font-size: var(--f16);
}
.Service_02 .box .boxLeft .main ul li:hover a {
color: #196cd2;
}
.Service_02 .box .boxLeft .main ul .active a {
color: #196cd2;
}
.Service_02 .box .boxRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.Service_02 .box .boxRight .item {
background: #fff;
padding: 0.32rem 0.2rem;
border-bottom: 1px solid #ddd;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_02 .box .boxRight .item:last-child {
border-bottom: none;
}
.Service_02 .box .boxRight .item .top {
font-size: var(--f20);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: #111;
}
.Service_02 .box .boxRight .item .bot {
font-size: var(--f16);
margin-top: 0.16rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
color: #111;
}
.Service_02 .box .boxRight .item:hover {
background: #196cd2;
}
.Service_02 .box .boxRight .item:hover .top {
color: #fff;
}
.Service_02 .box .boxRight .item:hover .bot {
color: #fff;
}
.Service_02 .box .boxRight .null {
padding: 0.5rem;
}
.Service_03 .desc {
font-size: var(--f16);
color: #333;
margin-top: 0.1rem;
font-family: 'MontserratMedium';
}
.Service_03 .box {
padding: 0 1.7rem;
}
.Service_03 .box .main {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.3rem;
}
.Service_03 .box .main .item {
background: #FFFFFF;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
}
.Service_03 .box .main .item input {
display: block;
width: 100%;
height: 0.6rem;
border: 0;
background: none;
padding: 0 0.26rem;
font-size: var(--f16);
position: relative;
z-index: 2;
}
.Service_03 .box .main .item input:not(:placeholder-shown) + p {
opacity: 0;
}
.Service_03 .box .main .item p {
position: absolute;
top: 50%;
left: 0.26rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: var(--f16);
color: #999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_03 .box .main .item:hover p {
color: #000;
}
.Service_03 .box .main1 .item {
position: relative;
background: #FFFFFF;
border: 1px solid #ddd;
overflow: hidden;
}
.Service_03 .box .main1 .item textarea {
display: block;
width: 100%;
height: 1.8rem;
border: 0;
background: none;
padding: 0.2rem 0.26rem;
font-size: var(--f16);
position: relative;
z-index: 2;
resize: none;
}
.Service_03 .box .main1 .item textarea:not(:placeholder-shown) + p {
opacity: 0;
}
.Service_03 .box .main1 .item p {
position: absolute;
top: 0.18rem;
left: 0.26rem;
font-size: var(--f16);
color: #999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_03 .box .main1 .item:hover p {
color: #000;
}
.Service_03 .box .main2 {
margin: 0.3rem 0;
grid-template-columns: repeat(3, 1fr);
}

.Service_03 .box .main3 {
margin: .3rem 0 0;
display: flex;
}
.Service_03 .box .main3 .item{
display: inline-flex;
background: #FFFFFF;
overflow: hidden;
position: relative;
border: 1px solid #ddd;
}

.Service_03 .box .main3 input{
display: block;
width: 3rem;
height: 0.6rem;
border: 0;
background: none;
padding: 0 0.26rem;
font-size: var(--f16);
position: relative;
z-index: 2;
}
.Service_03 .box .main3 p{
position: absolute;
top: 50%;
left: 0.26rem;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
font-size: var(--f16);
color: #999;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_03 .box .main3 img{
height: 100%;
width: 2rem;
cursor: pointer;
}


.Service_03 .box .main3 .img{
/*border: 1px solid #ddd;*/
}

.Service_03 .box .privacy {
margin-top: 0.16rem;
font-size: var(--f16);
color: #999;
}
.Service_03 .box .privacy svg {
vertical-align: middle;
-webkit-transform: translateY(-1px) scale(1.2);
-ms-transform: translateY(-1px) scale(1.2);
transform: translateY(-1px) scale(1.2);
cursor: pointer;
}
.Service_03 .box .privacy svg .true {
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Service_03 .box .privacy .active path {
stroke: #196cd2;
}
.Service_03 .box .privacy .active .true {
opacity: 1;
}
.Service_03 .box .privacy a {
color: #196cd2;
}
.Service_03 .box .submit {
margin-top: 0.72rem;
}
.Service_03 .box .submit label input {
display: none;
}
.News_01 .box {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.65rem 0.3rem;
}
.News_01 .box .item {
position: relative;
}
.News_01 .box .item a {
display: block;
padding-bottom: 0.1rem;
}
.News_01 .box .item a figure {
border-radius: 0.25rem;
overflow: hidden;
}
.News_01 .box .item a figure img {
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_01 .box .item a figcaption {
margin-top: 0.25rem;
}
.News_01 .box .item a figcaption .content1 {
font-size: var(--f16);
color: #999;
}
.News_01 .box .item a figcaption .content2 {
font-size: var(--f22);
font-family: 'MontserratMedium';
line-height: 1.5;
height: 3em;
color: #000;
margin: 0.14rem 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_01 .box .item a figcaption .content3 {
font-size: var(--f16);
color: #666;
line-height: 1.5;
height: 3em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-justify: distribute-all-lines;
}
.News_01 .box .item a figcaption .content4 {
margin-top: 0.36rem;
font-size: var(--f16);
color: #196cd2;
font-family: 'MontserratMedium';
}
.News_01 .box .item a figcaption .content4 i {
font-size: var(--f14);
font-weight: bold;
margin-left: 5px;
}
.News_01 .box .item a:hover figure img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.News_01 .box .item a:hover figcaption .content2 {
color: #196cd2;
}
.News_01 .box .item .feng {
position: absolute;
right: 0.32rem;
bottom: 0;
}
.News_01 .box .item .feng img {
width: 0.38rem;
cursor: pointer;
}
.News_01 .box .item .feng > img {
-webkit-filter: grayscale(1);
filter: grayscale(1);
opacity: 0.2;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_01 .box .item .feng > img:hover {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.News_01 .box .item .feng > img.active {
-webkit-filter: grayscale(0);
filter: grayscale(0);
opacity: 1;
}
.News_01 .box .item .feng .gg {
position: absolute;
right: 100%;
z-index: 1;
top: 0;
width: -webkit-max-content;
width: -moz-max-content;
width: max-content;
display: none;
}
.News_01 .box .item .feng .gg li {
position: relative;
margin-right: 0.1rem;
}

.News_01 .box .item .feng .gg li .p {
position: absolute;
left: 50%;
bottom: 0.55rem;
-webkit-transform: translate(-50%, 0%) scale(0);
-ms-transform: translate(-50%, 0%) scale(0);
transform: translate(-50%, 0%) scale(0);
background: #fff;
z-index: 2;
border-radius: 4px;
transform-origin: center bottom;
transition: 0.4s;
opacity: 0;
text-align: center;
background-color: #fff;
box-shadow: 0 2px 10px #aaa;
width: 218px;
font-size: 12px;
}
.News_01 .box .item .feng .gg li .p .wz {
height: 26px;
line-height: 26px;
background-color: #f3f3f3;
margin: 0;
padding: 0;
color: #777;
}
.News_01 .box .item .feng .gg li .p .weixin img {
width: 100px;
margin: 10px auto;
}
.News_01 .box .item .feng .gg li .p .help {
color: #666;
line-height: 1;
margin-bottom: 4px;
}
.News_01 .box .item .feng .gg li .p:after{
content: '';
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -13px;
width: 0;
height: 0;
border-width: 8px 6px 6px 6px;
border-style: solid;
border-color: #fff transparent transparent transparent;  
}

/*padding: 6px;*/
/*box-shadow: 0 0 6px rgba(0,0,0,.05);*/

.News_01 .box .item .feng .gg li:hover .p {
-webkit-transform: translate(-50%, 0%) scale(1);
-ms-transform: translate(-50%, 0%) scale(1);
transform: translate(-50%, 0%) scale(1);
opacity: 1;
}



.News_02 .box .content4 .bot ul li{
position: relative;
}


.News_02 .box .content4 .bot ul li .p {
position: absolute;
left: 50%;
bottom: 0.55rem;
-webkit-transform: translate(-50%, 0%) scale(0);
-ms-transform: translate(-50%, 0%) scale(0);
transform: translate(-50%, 0%) scale(0);
background: #fff;
z-index: 2;
border-radius: 4px;
transform-origin: center bottom;
transition: 0.4s;
opacity: 0;
text-align: center;
background-color: #fff;
box-shadow: 0 2px 10px #aaa;
width: 218px;
font-size: 12px;
}
.News_02 .box .content4 .bot ul li .p .wz {
height: 26px;
line-height: 26px;
background-color: #f3f3f3;
margin: 0;
padding: 0;
color: #777;
}
.News_02 .box .content4 .bot ul li .p .weixin img {
width: 100px;
margin: 10px auto;
}
.News_02 .box .content4 .bot ul li .p .help {
color: #666;
line-height: 1;
margin-bottom: 4px;
}
.News_02 .box .content4 .bot ul li .p:after{
content: '';
position: absolute;
left: 50%;
margin-left: -6px;
bottom: -13px;
width: 0;
height: 0;
border-width: 8px 6px 6px 6px;
border-style: solid;
border-color: #fff transparent transparent transparent;  
}

.News_02 .box .content4 .bot ul li:hover .p {
-webkit-transform: translate(-50%, 0%) scale(1);
-ms-transform: translate(-50%, 0%) scale(1);
transform: translate(-50%, 0%) scale(1);
opacity: 1;
}







.News_02 .box .content1 {
text-align: center;
font-size: var(--f48);
font-family: 'MontserratMedium';
line-height: 1.2;
}
.News_02 .box .content2 {
font-size: var(--f16);
color: #196cd2;
text-align: center;
margin-top: 0.15rem;
padding-bottom: 0.32rem;
border-bottom: 1px solid #ddd;
}
.News_02 .box .content3 {
padding-top: 0.5rem;
font-size: var(--f16);
line-height: 2;
}
.News_02 .box .content4 {
margin-top: 0.56rem;
text-align: center;
}
.News_02 .box .content4 .top {
font-size: var(--f16);
color: #999;
}
.News_02 .box .content4 .bot {
margin-top: 5px;
}
.News_02 .box .content4 .bot ul li {
margin: 0 5px;
}
.News_02 .box .content4 .bot ul li img {
width: 0.34rem;
}
.News_02 .box .content5 {
margin-top: 0.6rem;
padding: 0.22rem 0;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
}
.News_02 .box .content5 .link {
width: 30%;
}
.News_02 .box .content5 .link a .top {
font-size: var(--f16);
color: #111;
text-transform: uppercase;
}
.News_02 .box .content5 .link a .bot {
font-size: var(--f16);
color: #999;
margin-top: 0.12rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_02 .box .content5 .link a:hover .bot {
color: #196cd2;
}
.News_02 .box .content5 .next {
text-align: right;
}
.News_02 .box .content5 .go {
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;
}
.News_02 .box .content5 .go a {
font-family: 'MontserratMedium';
font-size: var(--f16);
color: #196cd2;
}
.News_02 .box .content5 .go a svg {
margin-right: 0.15rem;
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}
.News_02 .box .content5 .go a:hover {
text-decoration: underline;
}
.News_03 {
background: #f2f2f2;
}
.News_03 .box {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.65rem 0.3rem;
}
.News_03 .box .item {
position: relative;
}
.News_03 .box .item a {
display: block;
}
.News_03 .box .item a figure {
border-radius: 0.25rem;
overflow: hidden;
}
.News_03 .box .item a figure img {
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_03 .box .item a figcaption {
margin-top: 0.25rem;
}
.News_03 .box .item a figcaption .content1 {
font-size: var(--f16);
color: #999;
}
.News_03 .box .item a figcaption .content2 {
font-size: var(--f22);
font-family: 'MontserratMedium';
line-height: 1.5;
height: 3em;
color: #000;
margin: 0.14rem 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_03 .box .item a figcaption .content3 {
font-size: var(--f16);
color: #666;
line-height: 1.5;
height: 3em;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
text-justify: distribute-all-lines;
}
.News_03 .box .item a figcaption .content4 {
margin-top: 0.36rem;
font-size: var(--f16);
color: #196cd2;
font-family: 'MontserratMedium';
}
.News_03 .box .item a figcaption .content4 i {
font-size: var(--f14);
font-weight: bold;
margin-left: 5px;
}
.News_03 .box .item a:hover figure img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.News_03 .box .item a:hover figcaption .content2 {
color: #196cd2;
}
.News_04 .box .boxLeft {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-right: 0.9rem;
}
.News_04 .box .boxLeft .scroll {
margin-top: 0.56rem;
}
.News_04 .box .boxLeft .content2 {
font-size: var(--f16);
font-family: 'MontserratMedium';
line-height: 2;
}
.News_04 .box .boxLeft .content3 {
font-size: var(--f16);
color: #333;
line-height: 2;
}
.News_04 .box .boxRight {
width: 6.86rem;
}
.News_04 .box .boxRight p {
border-radius: 0.25rem;
overflow: hidden;
}
.News_04 .box .boxRight p img {
width: 100%;
}
.News_05 .box {
position: relative;
z-index: 2;
}
.News_05 .box form {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.News_05 .box form .layui-input,
.News_05 .box form .layui-select,
.News_05 .box form .layui-textarea {
height: 0.58rem;
padding-left: 0.25rem;
font-size: var(--f16);
}
.News_05 .box form .layui-form-select dl {
top: 0.6rem;
}
.News_05 .box form .layui-form-selectup dl {
top: auto;
bottom: 0.6rem;
}
.News_05 .box form .layui-form-select dl dd,
.News_05 .box form .layui-form-select dl dt {
padding-left: 0.25rem !important;
}
.News_05 .box1 {
display: grid;
gap: 0.2rem;
margin-top: 0.4rem;
}
.News_05 .box1 .item .boxTop {
padding: 0.28rem 0.6rem;
background: #f2f2f2;
cursor: pointer;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
line-height: 0.35rem;
}
.News_05 .box1 .item .boxTop .content1 {
font-size: var(--f24);
font-family: 'MontserratMedium';
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.News_05 .box1 .item .boxTop .content2 {
font-size: var(--f16);
color: #666;
width: 3.1rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_05 .box1 .item .boxTop .content2 img {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-filter: invert(1);
filter: invert(1);
opacity: 0.6;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-right: 0.04rem;
}
.News_05 .box1 .item .boxTop .content4 {
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;
}
.News_05 .box1 .item .boxTop .content4 p {
width: 0.36rem;
height: 0.36rem;
background: #196cd2;
border-radius: 50%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
transition: 0.4s;
}
.News_05 .box1 .item .boxTop .content4 p span {
margin: auto;
position: relative;
width: 15px;
height: 2px;
background: #fff;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_05 .box1 .item .boxTop .content4 p span::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
background: #fff;
left: 0%;
top: 0%;
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_05 .box1 .item .boxTop.active {
background: #196cd2;
}
.News_05 .box1 .item .boxTop.active .content1 {
color: #fff;
}
.News_05 .box1 .item .boxTop.active .content2 {
color: #fff;
}
.News_05 .box1 .item .boxTop.active .content2 img {
-webkit-filter: invert(0);
filter: invert(0);
opacity: 1;
}
.News_05 .box1 .item .boxTop.active .content4 p {
background: #fff;
}
.News_05 .box1 .item .boxTop.active .content4 p span {
background: #196cd2;
}
.News_05 .box1 .item .boxTop.active .content4 p span::after {
-webkit-transform: rotate(0);
-ms-transform: rotate(0);
transform: rotate(0);
background: #196cd2;
}
.News_05 .box1 .item .boxBot {
padding: 0.28rem 0.6rem 0.5rem;
display: none;
}
.News_05 .box1 .item .boxBot .main {
margin-bottom: 0.4rem;
}
.News_05 .box1 .item .boxBot .main .h5 {
font-size: var(--f16);
color: #196cd2;
}
.News_05 .box1 .item .boxBot .main div {
font-size: var(--f16);
color: #666;
line-height: 2;
margin-top: 0.12rem;
}
.News_05 .box1 .item .boxBot .main div p {
position: relative;
padding-left: 8px;
}
.News_05 .box1 .item .boxBot .main div p::before {
content: '';
left: 0;
position: absolute;
font-size: 18px;
top: 0.14rem;
width: 2px;
height: 2px;
background: #666;
}
.News_05 .box1 .item .boxBot .button {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.News_05 .box1 .item .boxBot .button div {
font-size: var(--f16);
color: #fff;
background: #196cd2;
padding: 0 0.3rem 0 0.25rem;
line-height: 0.46rem;
border-radius: 0.5rem;
cursor: pointer;
}
.News_05 .box1 .item .boxBot .button div svg {
margin-left: 0.3rem;
}
.News_06 .box .banner .swiper {
padding-left: var(--interval);
}
.News_06 .box .banner .swiper .swiper-slide {
width: 9.6rem;
}
.News_06 .box .banner .swiper .swiper-slide a {
display: block;
position: relative;
}
.News_06 .box .banner .swiper .swiper-slide a .img {
border-radius: 0.25rem;
overflow: hidden;
position: relative;
}
.News_06 .box .banner .swiper .swiper-slide a .img img {
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.News_06 .box .banner .swiper .swiper-slide a .img::after {
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
background: url(../images/img44.png) no-repeat center bottom;
background-size: 100% auto;
}
.News_06 .box .banner .swiper .swiper-slide a .orientation {
position: absolute;
left: 0;
bottom: 0.45rem;
width: 100%;
padding: 0 0.5rem;
z-index: 1;
}
.News_06 .box .banner .swiper .swiper-slide a .orientation p {
font-size: var(--f30);
color: #fff;
font-family: 'MontserratMedium';
line-height: 1.2;
height: 1.2em;
}
.News_06 .box .banner .swiper .swiper-slide a:hover .img img {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
}
.File_Layer {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
z-index: 10;
display: none;
}
.File_Layer .box {
width: min(10rem, 90vw);
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
min-height: 1rem;
border-radius: 0.25rem;
background: #fff;
padding: 0.5rem 0.9rem;
}
.File_Layer .box .close {
position: absolute;
right: 0.5rem;
top: 0.5rem;
z-index: 1;
cursor: pointer;
}
.File_Layer .box .close i {
font-size: var(--f24);
font-weight: bold;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
display: inline-block;
}
.File_Layer .box .close:hover i {
color: #196cd2;
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.File_Layer .box .title {
font-size: var(--f30);
font-family: 'MontserratMedium';
text-align: center;
margin-bottom: 0.4rem;
}
.File_Layer .box .item input,
.File_Layer .box .item textarea {
width: 100%;
line-height: 0.6rem;
border: 1px solid #ddd;
font-size: var(--f16);
padding: 0 0.3rem;
resize: none;
}
.File_Layer .box .m {
margin-bottom: 0.2rem;
}
.File_Layer .box .grid2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0.2rem;
}
.File_Layer .box .upload .item {
cursor: pointer;
height: 1.2rem;
border: 1px solid #ddd;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
text-align: center;
}
.File_Layer .box .upload .item > div {
margin: auto;
}
.File_Layer .box .upload .item .bot {
font-size: var(--f16);
color: #999;
margin-top: 0.15rem;
}
.File_Layer .box .button {
margin-top: 0.4rem;
}
.File_Layer .box .button div {
font-size: var(--f16);
color: #fff;
background: #196cd2;
padding: 0 0.3rem 0 0.25rem;
line-height: 0.46rem;
border-radius: 0.5rem;
cursor: pointer;
}
.File_Layer .box .button div svg {
margin-left: 0.3rem;
}
.About_01 .box {font-size: var(--f18);color: #333;line-height: 2;}
.About_01 .box img {border-radius: 0.2rem;}
.About_01 .box1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
}
.About_01 .box1 .item {
padding: 0 0.7rem;
text-align: center;
font-family: 'MontserratMedium';
}
.About_01 .box1 .item .content1 img {
height: 1.18rem;
}
.About_01 .box1 .item .content2 {
font-size: var(--f36);
line-height: 1;
margin-top: 0.32rem;
}
.About_01 .box1 .item .content3 {
font-size: var(--f16);
line-height: 1.7;
margin-top: 0.25rem;
}
.About_02 {
background: #f0f6fa;
}
.About_02 .box {
padding: 0 var(--interval);
}
.About_02 .box .banner {
padding: 0 1.25rem;
position: relative;
}
.About_02 .box .banner .swiper .swiper-slide .content1 {
font-size: var(--f36);
font-family: 'MontserratMedium';
line-height: 1;
}
.About_02 .box .banner .swiper .swiper-slide .content2 {
margin-top: 0.25rem;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll {
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.1rem;
height: 2.4rem;
padding-left: 18px;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #196cd2;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll::-webkit-scrollbar-track {
border-radius: 2px;
background: rgba(0, 0, 0, 0.1);
}
@-moz-document url-prefix() {
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll {
scrollbar-color: #196cd2 rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll ul li {
font-size: var(--f16);
color: #666;
line-height: 2;
list-style: disc;
margin-bottom: 0.3rem;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll ul li:last-child {
margin-bottom: 0;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll ul li::marker {
color: #196cd2;
}
.About_02 .banner_btn_posi .button .prev {
left: 0;
}
.About_02 .banner_btn_posi .button .next {
right: 0;
}
.About_03 .box {
display: grid;
gap: 0.3rem;
}
.About_03 .box .item {
position: sticky;
position: -webkit-sticky;
top: var(--nav_height);
}
.About_03 .box .item .boxLeft {
background: #fff;
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: 1.55rem;
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
}
.About_03 .box .item .boxLeft .content1 {font-size: var(--f36);color: #111;font-family: 'MontserratMedium';}
.About_03 .box .item .boxLeft .content2 {font-size: var(--f18);color: #333;line-height: 2;margin-top: 0.25rem;}
.About_03 .box .item .boxRight {
width: 9.1rem;
}
.About_03 .box .item .boxRight p {
overflow: hidden;
border-radius: 0.25rem;
}
.About_03 .box .item .boxRight p img {
width: 100%;
}
.About_04 .box {
position: relative;
}
.About_04 .box .f56 {
position: absolute;
left: var(--interval);
top: 0.9rem;
}
.About_04 .box img {
width: 100%;
}
.About_04 .toggle {
margin-top: 0.56rem;
}
.About_04 .toggle ul li {
cursor: pointer;
font-size: var(--f16);
min-width: 1.6rem;
line-height: 0.5rem;
border-radius: 0.8rem;
border: 1px solid #ddd;
text-align: center;
margin-right: 0.1rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
padding: 0 0.3rem;
}
.About_04 .toggle ul .active {
background: #196cd2;
color: #fff;
border-color: #196cd2;
}
.About_04 .toggleMain {
margin-top: 0.45rem;
padding: 0 var(--interval);
}
.About_04 .toggleMain .banner {
position: relative;
}
.About_04 .toggleMain .banner .swiper .swiper-slide {
height: auto;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item {
border-radius: 0.25rem;
overflow: hidden;
background: #f0f6fa;
height: 100%;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figure {
overflow: hidden;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figure img {
width: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption {
padding: 0.5rem 0.35rem 0.35rem;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption .content1 {
font-family: 'MontserratMedium';
font-size: var(--f30);
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption .content2 {
margin: 0.35rem 0;
height: 1px;
background: #ddd;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption .content4 {
font-size: var(--f16);
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li {
margin-top: 0.15rem;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li .top {
font-size: var(--f16);
color: #999;
font-weight: lighter;
}
.About_04 .toggleMain .banner .swiper .swiper-slide .item figcaption .content5 li .bot {
font-size: var(--f16);
margin-top: 0.04rem;
}
.sidebar {
position: fixed;
left: 0.2rem;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
z-index: 7;
display: none;
}
.sidebar ul {
display: grid;
gap: 0.2rem;
border-left: 2px solid #e7e7e7;
}
.sidebar ul li a {
display: block;
font-size: var(--f14);
color: #333;
padding-left: 0.1rem;
position: relative;
width: 1rem;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.sidebar ul li a::after {
content: '';
position: absolute;
left: -2px;
top: 0;
height: 100%;
width: 2px;
background: #196cd2;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.sidebar ul li a:hover {
color: #196cd2;
}
.sidebar ul .active a {
color: #196cd2;
}
.sidebar ul .active a::after {
opacity: 1;
}
.sidebar.active {
opacity: 0;
visibility: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Home_About {
position: relative;
}
.Home_About .imgBg img {
width: 100%;
}
.Home_About .orientation {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.Home_About .orientation .box {
max-width: min(7.1rem, 100%);
color: #fff;
}
.Home_About .orientation .box .content1 {
padding-top: 0.6rem;
}
.Home_About .orientation .box .content2 {
font-size: var(--f16);
line-height: 1.8;
margin-top: 0.32rem;
height: 10.8em;
}
.Home_About .orientation .box .content3 {
margin-top: 0.64rem;
}
.Home_About .orientation .box1 {
display: grid;
grid-template-columns: repeat(3, 1fr);
color: #fff;
margin-top: 1.2rem;
}
.Home_About .orientation .box1 .item .top {
font-size: var(--f16);
}
.Home_About .orientation .box1 .item .top span {
font-size: 1rem;
line-height: 1;
font-family: 'MontserratMedium';
position: relative;
}
.Home_About .orientation .box1 .item .top span em {
opacity: 0;
}
.Home_About .orientation .box1 .item .top span .data {
position: absolute;
left: 0;
top: 0;
opacity: 1;
}
.Home_About .orientation .box1 .item .bot {
margin-top: 0.15rem;
font-size: var(--f24);
font-family: 'MontserratMedium';
}
.Home_News .box .boxLeft {
width: 7.5rem;
position: relative;
}
.Home_News .box .boxLeft div {
position: absolute;
top: 0;
width: 100%;
height: 100%;
left: 0;
visibility: hidden;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Home_News .box .boxLeft div a {
display: block;
border-radius: 0.25rem;
overflow: hidden;
}
.Home_News .box .boxLeft div img {
width: 100%;
}
.Home_News .box .boxLeft .active {
position: initial;
opacity: 1;
visibility: initial;
}
.Home_News .box .boxRight {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
padding-left: 0.9rem;
}
.Home_News .box .boxRight .item {
border-bottom: 1px solid #ddd;
}
.Home_News .box .boxRight .item a {
display: block;
padding: 0.3rem 0;
}
.Home_News .box .boxRight .item:first-child a{
padding-top: 0;
}
.Home_News .box .boxRight .item a .top .left {
font-size: var(--f20);
font-family: 'MontserratMedium';
max-width: 84%;
line-height: 1.5;
max-height: 3em;
color: #111;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Home_News .box .boxRight .item a .top .right {
font-size: var(--f16);
color: #999;
line-height: 0.33rem;
}
.Home_News .box .boxRight .item a .bot {
display: grid;
grid-template-rows: 0fr;
overflow: hidden;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
margin-top: 0rem;
}
.Home_News .box .boxRight .item a .bot > div {
min-height: 0;
}
.Home_News .box .boxRight .item a .bot .content1 {
font-size: var(--f16);
color: #666;
line-height: 1.5;
max-height: 3em;
}
.Home_News .box .boxRight .item a .bot .content2 {
font-size: var(--f16);
color: #196cd2;
font-family: 'MontserratMedium';
margin-top: 0.22rem;
}
.Home_News .box .boxRight .item a .bot .content2 i {
font-size: var(--f14);
font-weight: bold;
}
.Home_News .box .boxRight .item.active a .top .left {
color: #196cd2;
}
.Home_News .box .boxRight .item.active a .bot {
grid-template-rows: 1fr;
margin-top: 0.1rem;
}
.Home_Technologies .desc {
font-size: var(--f16);
color: #111;
margin-top: 0.16rem;
}
.Home_Technologies .box ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.Home_Technologies .box ul li {
-webkit-box-flex: 1;
-webkit-flex: 1;
-ms-flex: 1;
flex: 1;
position: relative;
}
.Home_Technologies .box ul li a {
display: block;
}
.Home_Technologies .box ul li .imgBg {
position: relative;
overflow: hidden;
}
.Home_Technologies .box ul li .imgBg img {
width: 101%;
max-width: 101%;
}
.Home_Technologies .box ul li .imgBg::after {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
background: rgba(0, 38, 154, 0.8);
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0;
-webkit-backdrop-filter: blur(10px);
backdrop-filter: blur(10px);
}
.Home_Technologies .box ul li .orientation1 {
position: absolute;
font-family: 'MontserratMedium';
font-size: var(--f30);
top: 50%;
left: 0;
z-index: 1;
width: 100%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
color: #fff;
text-align: center;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Home_Technologies .box ul li .orientation2 {
position: absolute;
left: 0;
bottom: 0.7rem;
width: 100%;
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-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
opacity: 0;
}
@media screen and (min-width: 1200px) {
.Home_Technologies .box ul li:hover .imgBg::after {
opacity: 1;
}
.Home_Technologies .box ul li:hover .orientation1 {
top: 52%;
}
.Home_Technologies .box ul li:hover .orientation2 {
bottom: 0.94rem;
opacity: 1;
}
}
.Home_Solution {
position: relative;
}
.Home_Solution .box .boxLeft {
width: 8rem;
padding-left: var(--interval);
padding-top: 0.72rem;
padding-right: 1rem;
}
.Home_Solution .box .boxLeft .content1 ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.Home_Solution .box .boxLeft .content1 ul li {
position: relative;
width: 0.72rem;
margin-right: 0.48rem;
}
.Home_Solution .box .boxLeft .content1 ul li .icon1 img {
width: 100%;
}
.Home_Solution .box .boxLeft .content1 ul li .icon2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width: 100%;
}
.Home_Solution .box .boxLeft .content1 ul li .icon2 img {
width: 100%;
}
.Home_Solution .box .boxLeft .content1 ul li .icon3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Home_Solution .box .boxLeft .content1 ul li .icon3 img {
margin: auto;
max-height: 0.32rem;
}
.Home_Solution .box .boxLeft .content1 ul li .icon4 {
opacity: 0;
}
.Home_Solution .box .boxLeft .content1 ul .active .icon2 {
opacity: 1;
}
.Home_Solution .box .boxLeft .content1 ul .active .icon3 {
opacity: 0;
}
.Home_Solution .box .boxLeft .content1 ul .active .icon4 {
opacity: 1;
}
.Home_Solution .box .boxLeft .content2 {
margin-top: 0.6rem;
}
.Home_Solution .title {
position: absolute;
left: var(--interval);
top: 0;
z-index: 1;
margin-top: -0.5rem;
}
.Home_Solution .rotate-height {
position: relative;
height: 420vh;
}
.Home_Solution .rotate-height .rotate-subheight {
height: 415vh;
}
.Home_Solution .rotate-sticky {
height: -webkit-calc(99.1vh);
height: calc(100vh - 0.9rem);
position: -webkit-sticky;
position: sticky;
top: 0.9rem;
overflow: hidden;
}
.Home_Solution .rotate-sticky .rotate-s {
padding-left: var(--interval);
height: 100%;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {
-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;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0%;
bottom: 0%;
right: var(--interval);
-webkit-transform: none;
-ms-transform: none;
transform: none;
}
@media screen and (min-width: 1200px) {
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse {
border-radius: 50%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
/*width: 48rem;*/
width: 52rem;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
left: 0;
}
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card {
/* padding: 0.4rem 0; */
width: 9.6rem;
height: 6.9rem;
position: relative;
left: -9.5rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card p {
overflow: hidden;
border-radius: 0.25rem;
height: 100%;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card img {
width: 100%;
height: 100%;
}
@media screen and (min-width: 1200px) {
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-1 {
-webkit-transform: translate(41%, -25%) rotate(30deg);
-ms-transform: translate(41%, -25%) rotate(30deg);
transform: translate(41%, -25%) rotate(30deg);
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-2 {
-webkit-transform: translate(10%, -15%) rotate(15deg);
-ms-transform: translate(10%, -15%) rotate(15deg);
transform: translate(10%, -15%) rotate(15deg);
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-4 {
-webkit-transform: translate(10%, 15%) rotate(-15deg);
-ms-transform: translate(10%, 15%) rotate(-15deg);
transform: translate(10%, 15%) rotate(-15deg);
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-5 {
-webkit-transform: translate(41%, 25%) rotate(-30deg);
-ms-transform: translate(41%, 25%) rotate(-30deg);
transform: translate(41%, 25%) rotate(-30deg);
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .card-6 {
opacity: 0;
}
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-webkit-flex-flow: column;
-ms-flex-flow: column;
flex-flow: column;
-webkit-box-pack: center;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-ms-flex-align: start;
align-items: flex-start;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
position: absolute;
top: 0%;
z-index: 2;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons {
margin-top: 1.5rem;
margin-bottom: 0.4rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li {
position: relative;
width: 0.72rem;
margin-right: 0.48rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon1 img {
width: 100%;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon2 {
position: absolute;
top: 0;
left: 0;
opacity: 0;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
width: 100%;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon2 img {
width: 100%;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
-webkit-transition: 0.4s;
-o-transition: 0.4s;
transition: 0.4s;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 i {
margin: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%) scale(1);
width: 0.36rem; color: #333;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 path {transition: 0.4s;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon4 {opacity: 0;display: none;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon2 {opacity: 1;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon3 i {color: #fff;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul .active .icon4 {opacity: 1;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame {position: relative;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-1,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-2,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-3,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-4,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .set-5{position: absolute;top: 0%;left: 0%;opacity: 0;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {
gap: 0.2rem;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-flow: column;-ms-flex-flow: column;flex-flow: column;width: 5.2rem;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content4 {font-size: var(--f36); font-weight: bold;font-family: 'MontserratMedium';}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content5 {font-size: var(--f18);font-family: 'MontserratMedium';margin-top: 0.1rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content6 {font-family: 'MontserratLight';font-size: var(--f20);color: #333;margin-top: 0.25rem;line-height: 2;height: 8em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;text-justify: distribute-all-lines;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content7 {margin-top: 0.7rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .active {position: relative;opacity: 1;z-index: 2;}
.ydy_video {position: fixed;top: 0;left: 0;width: 100%;height: 101%;z-index: 99;}
.ydy_video .box {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: 100%;height: 100%;-webkit-transition: 2s;-o-transition: 2s;transition: 2s;opacity: 1;}
.ydy_video .box img {width: 100%;height: 100%;}
.ydy_video .box.active {width: 650%;opacity: 0;}
.ydy_video .title {font-size: var(--f26);width: 100%;bottom: 23%;position: absolute;left: 0;font-family: 'MontserratMedium';z-index: 2;text-align: center;opacity: 0;}
@media screen and (max-width: 1680px) {
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li .icon3 img {margin: auto;max-height: 0.25rem;}
.Pro_Select .box_nav .box_left ul li a,.Pro_Select .box_nav .box_right ul li > p a {font-size: var(--f16);}
.Pro_Select .box_nav .box_right ul li div p a {font-size: var(--f16);}
}
@media screen and (max-width: 1530px) {
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {right: 2rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {width: 6.7rem;}
.Home_Solution .rotate-height {height: 410vh;}
.rotate-subheight {height: 350vh;}
.Header_Container {--w: 8rem;}
.Home_News .box .boxLeft {width: 9rem;}
.Footer_Container .box .boxRight .content2 form input {height: 0.66rem;}
.News_05 .box1 .item .boxBot .button div {line-height: 0.66rem;}
.sidebar {left: 1px;}
.sidebar ul li a {font-size: var(--f14);}
.News_02 .box .content4 .bot ul li img {width: 0.54rem;}
.News_04 .box .boxLeft .content3 {line-height: 1.7;}
.sidebar ul li a{padding-left: 5px;letter-spacing: -0.2px;}
}
@media screen and (max-width: 1400px) {
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons {margin-top: 1.5rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {right: 1.5rem;}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {width: 6.5rem;}
.Home_Solution .rotate-height {height: 420vh;}
.rotate-subheight {height: 350vh;}
.banner_btn .button div,.pu_page .prev a,.pu_page .next a {-webkit-transform: scale(0.9);-ms-transform: scale(0.9);transform: scale(0.9);}
.Advantage_01 .box .item .boxRight .scroll {height: 3rem;overflow: auto;overflow-x: hidden;overflow-y: auto;padding-right: 0.1rem;}
.Advantage_01 .box .item .boxRight .scroll::-webkit-scrollbar {width: 2px;height: 2px;}
.Advantage_01 .box .item .boxRight .scroll::-webkit-scrollbar-thumb {border-radius: 2px;background: #196cd2;}
.Advantage_01 .box .item .boxRight .scroll::-webkit-scrollbar-track {border-radius: 2px;background: rgba(0, 0, 0, 0.1);}
@-moz-document url-prefix() {
.Advantage_01 .box .item .boxRight .scroll {
scrollbar-color: #196cd2 rgba(0, 0, 0, 0.1);
scrollbar-width: thin;
}
}
.sidebar ul li a {
font-size: 10px;
}
.News_05 .box form .layui-input,
.News_05 .box form .layui-select,
.News_05 .box form .layui-textarea,
.Product_08 .box form .layui-input,
.Product_08 .box form .layui-select,
.Product_08 .box form .layui-textarea {
height: 0.78rem;
}
.Product_08 .box form .layui-form-select dl,
.News_05 .box form .layui-form-select dl {
top: 0.9rem;
}
.Product_08 .box form .layui-form-selectup dl,
.News_05 .box form .layui-form-selectup dl {
bottom: 0.8rem;
}
}
@media screen and (max-width: 1280px) {
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox {
right: 1rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card {
width: 8.6rem;
height: 5.9rem;
left: -8.6rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell .list .content6 {
margin-top: 0.3rem;
line-height: 1.5;
height: 6em;
}
.Home_Solution .rotate-height {
height: 420vh;
}
.rotate-subheight {
height: 400vh;
}
.Home_News .box .boxRight {
padding-left: 0.6rem;
}
.sidebar {
display: none !important;
}
}
@media screen and (max-width: 1200px) {
.Home_Solution {
padding: 0 5vw;
}
.Home_Solution .rotate-sticky,
.Home_Solution .rotate-height,
.Home_Solution .rotate-height .rotate-subheight {
height: auto;
}
.Home_Solution .title,
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox,
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper,
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse {
position: initial;
}
.Home_Solution .rotate-sticky .rotate-s {
padding-left: 0;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-headers-frame .rotate-swap-header-cell {
width: 100%;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card {
width: 100%;
height: auto;
left: 0;
display: none;
padding: 0.5rem 0 0.9rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-cards-flexbox .rotate-ellipse .rotate-card.active {
display: block;
}
.Header_Container {
display: none;
}
.Home_Banner .banner video,
.Home_Banner .banner picture img {
height: 60vh;
}
.Home_About .imgBg img {
height: 9rem;
}
.Home_About .orientation .box .content1 {
padding-top: 0;
}
.Home_About .orientation .box1 .item .top span {
font-size: 0.7rem;
}
.Home_About .orientation .box1 {
gap: 0.3rem;
margin-top: 1rem;
}
.Home_About .orientation .box1 .item .bot {
font-size: var(--f16);
}
.Home_Technologies .box ul li .orientation2 {
bottom: 0.3rem;
}
.Home_Technologies .box ul li:hover .orientation2 {
bottom: 0.5rem;
}
.advertisement .imgBg img {
height: 5rem;
}
.advertisement .orientation .box .content2 {
max-width: 6.7rem;
}
.Footer_Container .box .boxLeft {
display: none;
}
.Footer_Container .box .boxRight {
width: 100%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.Footer_Container .box .boxRight .content1 {
width: 100%;
}
.Footer_Container .box .boxRight .content2 {
margin-right: auto;
}
.Footer_Container .box1 {
text-align: center;
}
.Footer_Container .box1 .boxLeft {
width: 100%;
}
.Footer_Container .box1 .boxRight {
width: 100%;
}
.Home_About {
margin-top: -1px;
}
.solution_01 .box .item .orienation {
bottom: 0.9rem;
}
.solution_01 .box .item .imgBg img,
.Inner_Banner .box .item .imgBg img {
min-height: 7rem;
}
.Inner_Banner .box .item .orienation .main .content2,
.solution_01 .box .item .orienation .main .content2 {
line-height: 1.6;
}
.mbx {
bottom: 0.3rem;
}
.Product_01 .box .boxRight .list {
grid-template-columns: repeat(2, 1fr);
}
.Product_01 .box .boxLeft {
width: 2.9rem;
padding-right: 0.1rem;
}
.Product_06 .box .content2 {
padding: 0.7rem 0.5rem;
}
.Product_08 .box_banner .boxLeft {
width: 30%;
}
.Product_08 .box_banner .boxRight {
width: 70%;
}
.Product_08 .box_banner .boxRight .banner_btn {
-webkit-transform: translateX(-22%);
-ms-transform: translateX(-22%);
transform: translateX(-22%);
}
.Product_09 .box .boxRight {
padding: 0 0.2rem;
}
.Product_09 .box .boxRight ul li span img,
.Product_09 .box .boxRight ul li span svg {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.Product_04 .box {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0.3rem;
}
.Product_05 .box .banner .boxMain .boxLeft {
width: 100%;
padding: 0.5rem 0;
}
.Advantage_01 .box .item .boxLeft .swiper-slide .img {
height: auto;
}
.Advantage_01 .box .item {
padding: 0.6rem var(--interval);
}
.Advantage_01 .box .item .boxRight .scroll {
height: 2.8rem;
}
.Advantage_02 .box .item .boxRight {
padding: 0 0.5rem;
}
.Advantage_03 .imgBg img {
min-height: 6rem;
}
.Advantage_05 .box .boxRight {
width: 100%;
margin-top: 0.6rem;
}
.Advantage_05 .box .boxRight .lbt .swiper {
height: 60vh;
}
.About_03 .box {
gap: 1rem;
}
.News_02 .box .content5 .link {
width: 35%;
}
.News_06 .box .banner .swiper .swiper-slide {
width: 8.3rem;
}
.News_05 .box1 .item .boxTop .content2 {
width: 2rem;
}
.News_05 .box1 .item .boxTop .content3 {
width: 3.2rem;
}
.Product_06 .box .content1,
.Product_03 .box .content1,
.Service_03 .box,
.About_02 .box .banner {
padding: 0;
}
.Home_News .box .boxLeft,
.Product_02 .box .boxLeft,
.Advantage_01 .box .item .boxLeft,
.About_03 .box .item .boxLeft,
.News_04 .box .boxLeft {
width: 100%;
padding-right: 0;
}
.Home_News .box .boxRight,
.Product_02 .box .boxRight,
.Advantage_01 .box .item .boxRight,
.About_03 .box .item .boxRight,
.News_04 .box .boxRight {
width: 100%;
padding-left: 0;
margin-top: 0.6rem;
padding-right: 0;
}
.Product_07 .box,
.Advantage_04 .box,
.About_02 .box,
.About_04 .toggleMain {
padding: 0;
}
.Product_07 .box .swiper,
.Advantage_04 .box .swiper,
.About_02 .box .swiper,
.About_04 .toggleMain .swiper {
padding: 0 var(--interval);
}
.Product_08 .box form,
.About_01 .box1,
.News_01 .box,
.News_03 .box {
grid-template-columns: repeat(2, 1fr);
}
.goTop {
display: none !important;
}
.ydy_video {
display: none !important;
visibility: hidden;
opacity: 0;
}
.advertisement .orientation .box .content2 {
max-width: 100%;
margin: 0.5rem 0;
line-height: 1.7;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons {
margin-top: 0.8rem;
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li {
width: 1rem;
}
.Product_08 .box_banner {
--h1: 1rem;
}
.Service_02 .box .boxLeft .main form div input {
padding: 0 0.6rem;
}
.News_02 .box .content5 .link {
width: 100%;
}
.News_02 .box .content5 .next {
text-align: left;
margin-top: 0.3rem;
}
.News_02 .box .content5 .go {
display: none;
}
.News_02 .box .content5 {
padding: 0.3rem 0;
}
.About_03 .box .item {
background: #fff;
}
.Product_07 .box .banner .swiper .swiper-slide .item .content2 {
height: 2.8em;
-webkit-line-clamp: 2;
}
.Advantage_01 .box .item .boxLeft .pic .img img {
max-width: 3.8rem;
}
.Advantage_01 .box .item .boxRight .content3 li {
padding-left: 0.55rem;
}
.Home_News .box .boxRight .item a .top .left {
width: 100%;
max-width: 100%;
}


.Inner_Banner .box .item .orienation1 .main .content1{
max-width: 65%;
}
.solution_01 .box .item .imgBg img{
height: auto;
}
}
@media screen and (max-width: 1200px) and screen and (min-width: 669px) {
.Footer_Container .box .boxRight .content3 {
margin-top: 0;
}
}
.lpk_phone {
display: none;
}
@media screen and (max-width: 699px) {
.Home_Banner .banner .swiper-slide .orientation .content1 {
font-size: 0.5rem;
}
.Home_About .orientation .box .content2 {
height: 7.2em;
-webkit-line-clamp: 4;
}
.Home_About .orientation .box1 .item .bot {
font-size: 12px;
}
.Home_About .orientation .box1 .item .top span {
font-size: 0.6rem;
}
.Home_Technologies .box ul {
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.Home_Technologies .box ul li {
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-ms-flex: 1 50%;
flex: 1 50%;
}
.advertisement .imgBg img {
height: 6rem;
}
.advertisement .img img {
width: 5rem;
}
.button_01 .a,
.button_03 .a,
.button_02 .a,
.About_04 .toggle ul li,
.News_05 .box1 .item .boxBot .button div {
line-height: 0.72rem;
}
.Footer_Container .box .boxRight .content2 form input {
height: 0.72rem;
}
.lpk_pc {
display: none;
}
.lpk_phone {
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;
margin-top: 0.6rem;
}
.solution_02 .box .banner .swiper {
--w: 90vw;
}
.News_05 .box1 .item .boxBot .button div svg {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
}
.banner_btn .button div {
width: 40px;
height: 40px;
}
.Inner_Banner .box .item .orienation .main .content2 .scroll,
.solution_01 .box .item .orienation .main .content2 .scroll {
max-height: 2rem;
overflow: auto;
overflow-x: hidden;
overflow-y: auto;
padding-right: 0.1rem;
}
.Inner_Banner .box .item .orienation .main .content2 .scroll::-webkit-scrollbar,
.solution_01 .box .item .orienation .main .content2 .scroll::-webkit-scrollbar {
width: 2px;
height: 2px;
}
.Inner_Banner .box .item .orienation .main .content2 .scroll::-webkit-scrollbar-thumb,
.solution_01 .box .item .orienation .main .content2 .scroll::-webkit-scrollbar-thumb {
border-radius: 2px;
background: #fff;
}
.Inner_Banner .box .item .orienation .main .content2 .scroll::-webkit-scrollbar-track,
.solution_01 .box .item .orienation .main .content2 .scroll::-webkit-scrollbar-track {
border-radius: 2px;
background: rgba(255, 255, 255, 0.1);
}
@-moz-document url-prefix() {
.Inner_Banner .box .item .orienation .main .content2 .scroll,
.solution_01 .box .item .orienation .main .content2 .scroll {
scrollbar-color: #196cd2 rgba(255, 255, 255, 0.1);
scrollbar-width: thin;
}
}
.Product_01 .box .boxLeft {
width: 100%;
padding-right: 0;
}
.Product_01 .box .boxRight {
margin-top: 0.6rem;
}
.Product_01 .box .boxLeft ul li a {
padding: 0.3rem 0;
}
.News_06 .box .banner .swiper .swiper-slide {
width: 90vw;
}
.Product_08 .box_banner .boxLeft {
width: 50%;
}
.Product_08 .box_banner .boxRight {
width: 50%;
}
.Product_08 .box_banner .boxRight .banner_btn {
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.Product_09 .box .boxLeft,
.Advantage_02 .box .item .boxLeft,
.Service_02 .box .boxLeft {
width: 100%;
padding-right: 0;
}
.Product_09 .box .boxRight,
.Advantage_02 .box .item .boxRight,
.Service_02 .box .boxRight {
width: 100%;
margin-top: 0.5rem;
}
.About_02 .box .banner .swiper .swiper-slide .content2 .scroll {
padding-left: 0.4rem;
}
.About_01 .box1 {
gap: 0.5rem;
}
.Service_03 .box .main,
.Service_03 .box .main2,
.About_01 .box1,
.News_01 .box,
.News_03 .box,
.News_05 .box form {
grid-template-columns: repeat(1, 1fr);
}
.Advantage_02 .box .item .boxRight {
padding: 0;
}
.Product_09 .box .boxRight ul li {
padding-left: 0.7rem;
}
.News_01 .box .item .feng img {
width: 0.48rem;
}
.Service_03 .box .main .item input {
height: 0.72rem;
}
.Product_10 .box {
overflow: auto;
}
.Product_10 .box table {
width: 200%;
}
.Inner_Banner .box .item .orienation1 .main .content1 {
font-size: 0.36rem;
}
.Product_04 .box {
grid-template-columns: repeat(2, 1fr);
}
.Advantage_01 .box .item .boxLeft .page {
bottom: -0.5rem;
}
.mbx .box_ {
font-size: var(--f14);
}
.mbx1 .box_ {
font-size: var(--f14);
}
.Advantage_02 .box {
gap: 0.6rem;
}
.Advantage_03 .orientation .box .content3 .item {
margin: 0;
width: 50%;
}
.Advantage_03 .imgBg img {
min-height: 7rem;
}
.Advantage_05 .box .boxRight .lbt {
gap: 15px;
}
.Service_01 .box .item .content1 {
max-width: 80%;
}
.pu_page .number {
display: none;
}
.pu_page .next {
margin-left: 20px;
}
.Service_02 .box .boxLeft .main ul li a {
padding: 0.26rem 0;
}
.Service_03 .box .privacy svg {
margin-right: 8px;
}
.News_05 .box1 .item .boxTop .content4 p {
width: 0.46rem;
height: 0.46rem;
}
.News_05 .box1 .item .boxTop .content4 p span {
width: 10px;
}
.News_05 .box1 .item .boxTop .content1 {
-webkit-box-flex: 1;
-webkit-flex: 1 50%;
-ms-flex: 1 50%;
flex: 1 50%;
}
.News_05 .box1 .item .boxTop .content2 {
width: 30%;
text-align: right;
}
.News_05 .box1 .item .boxTop .content3 {
width: auto;
margin-top: 0.3rem;
}
.News_05 .box1 .item .boxTop .content4 {
margin-top: 0.3rem;
}
.News_05 .box1 .item .boxTop .content2 img {
-webkit-transform: translateY(-2px) scale(0.8);
-ms-transform: translateY(-2px) scale(0.8);
transform: translateY(-2px) scale(0.8);
}
.Home_Solution .rotate-sticky .rotate-s .rotate-swap-headers-wrapper .rotate-swap-icons ul li {
width: 1.2rem;
margin-right: 0.3rem;
}
.Home_Banner .banner .pc {
display: none;
}
.Home_Banner .banner .phone {
display: block;
}
.Home_Banner .banner .video .play {
display: block;
}

.Inner_Banner .box .item .orienation .main .content2 .scroll,
.solution_01 .box .item .orienation .main .content2 .scroll {
max-height: 1.8rem;
}
}
/*# sourceMappingURL=./style.css.map */