body { --f14: 14px; --f16: 16px; --f18: 0.18rem; --f20: 0.2rem; --f26: 0.26rem; --f30: 0.30rem; --f36: 0.36rem; --f48: 0.48rem; --padding_w: 5.2vw; --f52: 0.52rem; }

@media screen and (max-width: 1300px) {
    body { --f14: 13px; --f16: 14px; --f18: 0.16rem; --f20: 0.18rem; --f52: 0.42rem; --padding_w: 5vw; }
}

html,
body { scroll-behavior: smooth; }

.maodian { position: relative; top: -0.9rem; }
.VisualEditing { transition: .4s; font-size: 16px; color: #8d8d8d; text-decoration: underline; cursor: pointer !important; }

.w1720 { padding-left: 5.2vw; padding-right: 5.2vw; box-sizing: border-box; width: 100%; }

@media screen and (max-width: 1200px) {
    .w1720 { padding-left: 5vw; padding-right: 5vw; }
}

.header { top: 0; z-index: 9; width: 100%; transition: 0.4s; background-color: #fff; }


.header .box .logo { display: flex; align-items: center; }
.header .box .logo a img { height: 59px; }

.header .box .main nav .item { padding: 0 0.2rem; position: relative; }
.header .box .main nav .item:hover::after { height: 1px; background-color: #005d8b; overflow: hidden; position: absolute; left: 0.24rem; width: calc(100% - 0.48rem); top: 0.85rem; content: '' }
.header .box .main nav .item > a { display: block; font-family: "gilroy_regular"; line-height: 1.22rem; font-size: 18px; color: #000 }
.header .box .main nav .item.active > a { color: #fff; font-weight: bold; }
.header .box .main nav .item ul { display: none; position: absolute; left: 50%; top: 1.05rem; z-index: 1; width: 140%; transform: translateX(-50%); border-radius: 10px; background-color: #fff; padding: 0.2rem 0.1rem 0.2rem 0.1rem; }
.header .box .main nav .item ul li { margin-bottom: 0.06rem; text-align: center }
.header .box .main nav .item ul li:last-child { margin-bottom: 0; }
.header .box .main nav .item ul li a { font-size: var(--f14); color: #616161; transition: 0.4s; line-height: 0.26rem; position: relative; text-align: center; }
.header .box .main nav .item ul li a i { color: #ea5504; font-size: var(--f14); position: absolute; left: -0.35rem; top: 50%; transform: translateY(-50%); opacity: 0; transition: 0.4s; }
.header .box .main nav .item ul li a:hover { font-size: var(--f14); color: #005D8B; font-weight: bold }
.header .box .main nav .item ul li a:hover i { left: -0.25rem; opacity: 1; }
.header .box .main nav .item:hover ul { display: block; box-shadow: 0 0 10px rgba(167, 200, 214, .7); }
.header .box .main .AnN { display: flex; align-items: center; }
.header .box .main .AnN .lang { margin: 0 0rem 0 0.35rem; font-size: var(--f18); color: #5F5F5F; }
.header .box .main .AnN .lang a { transition: 0.4s; color: #5F5F5F; }
.header .box .main .AnN .lang a i { font-size: var(--f16); color: #ea5504; font-weight: bold; }
.header .box .main .AnN .lang a:hover, .header .box .main .AnN .lang a.active { color: #FFED00; }
.header .box .main .AnN .search p { cursor: pointer; }
.header.active { transform: translateY(-110%); overflow: hidden; }

.home .header { position: sticky; background-color: initial; position: absolute; }
.home .header .box .logo a img { height: 55px; }
.home .header .box .main nav .item > a { color: #fff; line-height: 0.95rem; text-transform: uppercase }
.home .header .box .main .AnN .lang { color: #D8D4D4; }
.home .header .box .main nav .item ul { background-color: #DEDDF8; top: 0.95rem; }
.home .header .box .main nav .item:hover::after { height: 1px; background-color: #fff; overflow: hidden; position: absolute; left: 0.24rem; width: calc(100% - 0.48rem); top: 0.75rem; content: '' }
.home .header .box .main .AnN .lang a { transition: 0.4s; color: #D8D4D4; }

.mobile_search .close { position: absolute; right: 2rem; top: 0.3rem; }
.mobile_search .close i { font-size: 0.24rem; cursor: pointer; display: inline-block; transition: 0.4s; }
.mobile_search .close i:hover { color: #ea5504; transform: rotate(180deg); }
.Home_Banner { position: relative; }
.Home_Banner .swiper .swiper-slide { position: relative; }
.Home_Banner .swiper .swiper-slide .banner_img { overflow: hidden; }
.Home_Banner .swiper .swiper-slide .banner_img img { width: 100%; height: var(--vh); object-position: center; transform: scale(1.1); transition: 5s; }
.Home_Banner .swiper .swiper-slide .img video { width: 100%; height: var(--vh); }
.Home_Banner .swiper .swiper-slide .orientation { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; padding: 0 1.72rem; }
.Home_Banner .swiper .swiper-slide .orientation .banner_content { color: #fff; overflow: hidden; }
.Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title { font-size: 0.72rem; line-height: 0.74rem; }
.Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title span { width: 100%; font-size: 0.48rem; display: block; margin-top: 0.1rem }
.Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_button { margin-top: 1.45rem; }
.Home_Banner .swiper .swiper-slide-active .banner_img img { transform: scale(1); }
.Home_Banner .sorter { position: absolute; bottom: 0.42rem; left: 50%; transform: translateX(-50%); z-index: 1; }

.Home_Banner .sorter .page div span { border: 1px solid #fff; background: transparent; opacity: 0.6; width: 10px; height: 10px; transition: 0.4s; }
.Home_Banner .sorter .page div .swiper-pagination-bullet-active { border-color: #ea5504; background: #ea5504; opacity: 1; }
.Home_Banner .button p { position: absolute; top: 50%; z-index: 2; }
.Home_Banner .button p i { color: #fff; font-size: 0.28rem; opacity: 0.4; transition: 0.4s; cursor: pointer; }
.Home_Banner .button p i:hover { opacity: 1; }
.Home_Banner .button .prev { left: var(--padding_w); }
.Home_Banner .button .next { right: var(--padding_w); }
.background { background: url(../images/img99.png) no-repeat center top; background-size: 100% auto; }
.subground { background-color: #fff }
.section { background-color: #fff; position: relative }
.section::after { content: ''; width: 100%; position: absolute; bottom: 0px; left: 0; border-bottom: 1px solid #e7e5e6; }
.section .nav { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 0.1rem; }
.section .nav a { color: #161515; font-size: var(--f18); position: relative; display: block; padding: 0.2rem 0; margin: 0 0.2rem; white-space: nowrap; }
.section .nav a:hover, .section .nav a.active { color: #005d8b; }
.section .nav a:hover::after, .section .nav a.active::after { content: ''; width: 100%; position: absolute; bottom: 0px; left: 0; border-bottom: 2px solid #005d8b; z-index: 1 }
.section.section2::after { display:none }
.section.section2 .nav a { color: #161515; font-size: var(--f16); position: relative; display: block; padding: 0.1rem 0; margin: 0 0.1rem; white-space: nowrap; }
.section.section2 .nav a:hover, .section.section2 .nav a.active { color: #005d8b; }
.section.section2 .nav a::before { content: ''; border-radius:0.1rem; width:0.1rem; height:0.1rem; display:inline-block; background-color:#999; margin-right:5px }
.section.section2 .nav a:hover::after, .section.section2 .nav a.active::after { display: none }
.section.section2 .nav a:hover::before, .section.section2 .nav a.active::before { background-color: #005d8b; }


.ypj_a .ypj_btn { cursor: pointer; font-size: var(--f20); color: #fff; width: 2.14rem; line-height: 0.62rem; text-align: center; background-image: linear-gradient(to right,#005d8b,#153fc2); display: block; transition: 0.4s; position: relative; }
.ypj_a .ypj_btn span { position: relative; z-index: 2; }
.ypj_a .ypj_btn::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ff6f1f; transform-origin: left top; }
.ypj_a .ypj_btn::after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ff6f1f; transform-origin: right bottom; }
.ypj_a .ypj_btn::before,
.ypj_a .ypj_btn::after { transform: scale(0); opacity: 1; transition: all 0.4s; }
.ypj_a .ypj_btn:hover::before,
.ypj_a .ypj_btn:hover::after { opacity: 1; transform: scale(1); }
.ypj_a .ypj_btn.on { line-height: 0.5rem; font-size: var(--f16); width: 1.64rem; }
.ypj_a1 .ypj_btn { cursor: pointer; font-size: var(--f20); color: #000; border: 1px solid #000; width: 2.14rem; line-height: 0.62rem; text-align: center; display: block; transition: 0.4s; position: relative; }
.ypj_a1 .ypj_btn span { position: relative; z-index: 2; }
.ypj_a1 .ypj_btn::before { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ff6f1f; transform-origin: left top; }
.ypj_a1 .ypj_btn::after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background: #ff6f1f; transform-origin: right bottom; }
.ypj_a1 .ypj_btn::before,
.ypj_a1 .ypj_btn::after { transform: scale(0); opacity: 1; transition: all 0.4s; }
.ypj_a1 .ypj_btn.on { line-height: 0.5rem; font-size: var(--f16); width: 1.64rem; color: #000; }
.ypj_a1 .ypj_btn:hover { color: #fff; }
.ypj_a1 .ypj_btn:hover::before,
.ypj_a1 .ypj_btn:hover::after { opacity: 1; transform: scale(1); }
.p94 { padding-top: 1.1rem; }
.p94_ { padding-bottom: 0.92rem; }
.HomtTitle { font-size: var(--f26); color: #005D8B; }
.Home_About { min-height: 100vh; }
.Home_About .box .boxLeft { width: 50%; }
.Home_About .box .boxRight { width: 50%; }
.Home_About .box .boxRight .about_title { font-size: var(--f48); line-height: 0.65rem; }
.Home_About .box .boxRight .about_desc { font-size: var(--f18); line-height: 0.35rem; color: #000; margin-top: 0.4rem; }
.Home_About .box .boxRight .about_link { margin-top: 0.74rem; }
.Home_About .box1 { margin-top: 1.5rem; border-radius: 0.2rem; overflow: hidden; position: relative; }
.Home_About .box1 .img img { width: 100%; }
.Home_About .box1 .logo { position: absolute; left: 0.75rem; top: 0.75rem; z-index: 1; }
.Home_About .box1 .data { position: absolute; right: 0rem; bottom: 0.75rem; z-index: 1; display: flex; }
.Home_About .box1 .data .item { color: #fff; width: 3.3rem; margin-right: -0.5rem; }
.Home_About .box1 .data .item .top { display: flex; align-items: center; }
.Home_About .box1 .data .item .top span { font-size: 0.82rem; font-family: 'gilroy_light'; }
.Home_About .box1 .data .item .top svg { margin-left: 0.15rem; }
.Home_About .box1 .data .item .bot { font-size: var(--f18); }
.dongXiao { position: relative; }
.dongXiao .dongXiao_Main { position: relative; z-index: 2; }
.dongXiao .dongXiao1 { position: absolute; top: -1rem; left: 2rem; }
.dongXiao .dongXiao1 img { width: 6.51rem; }
.dongXiao .dongXiao2 { position: absolute; left: 0rem; top: 1.6rem; }
.dongXiao .dongXiao2 img { width: 8.11rem; }
.dongXiao .dongXiao3 { position: absolute; right: 0rem; bottom: 0; }
.dongXiao .dongXiao3 img { width: 5.46rem; }
.public_title .desc { font-size: var(--f48); margin-top: 0.25rem; line-height: 1; font-weight: 600; }
.public_title .desc  strong{color:red}
.m60 { margin-top: 0.6rem; }
.m90 { margin-top: 0.9rem; }
.m130 { margin-top: 1.3rem; }
.Home_Business { overflow: hidden; position: relative; /*cursor: url(../images/img7.png) 50 50, auto;*/ }
.Home_Business .swiper-slide { position: relative; transform: translateX(calc(var(--tran) * -1)); }
.Home_Business .swiper-slide .img { transform: skew(-15deg); overflow: hidden; border-radius: 0.2rem; }
.Home_Business .swiper-slide .img p { transform: skew(15deg) translateX(-calc(var(--tran) / 2)); }
 .Home_Business .swiper-slide .img img { width: 118%; margin-left: -9%;transform: skew(15deg);object-fit:fill;     max-width: none; }
.Home_Business .swiper-slide .orientation { position: absolute; width: 100%; height: 100%; top: 0; box-sizing: border-box; padding: 1.3rem 0; padding-left: 10%; z-index: 1; transition: 1s; display: flex; flex-direction: column; justify-content: space-between; }
.Home_Business .swiper-slide .orientation .content1 { font-size: 0.42rem; color: #fff; }
.Home_Business .swiper-slide .orientation .content2 { color: #ea5504; font-size: 0.22rem; margin-top: 0.22rem; }
.Home_Business .swiper-slide .orientation .content2 p { margin-right: 0.18rem; }
.Home_Business .swiper-slide .orientation .content3 {flex:1 1 0; margin-top: 1rem; width: 6.4rem; display: grid; grid-template-columns: repeat(2, 1fr); font-size: var(--f30); color: #fff; gap: 0.26rem; }
.Home_Business .swiper-slide .orientation .content3 a { color: #fff; }
.Home_Business .swiper-slide .orientation .content3 a span { border: 2px solid #fff; border-radius: 1px; margin-right: 0.1rem; display: inline-block; vertical-align: middle; }
.Home_Business .swiper-slide .orientation .content3 a:hover { color: #153DC3 }
.Home_Business .swiper-slide .orientation .content3 a:hover span { border: 2px solid #153DC3; }
.Home_Business .swiper-slide .orientation .content4 { margin-top: 1rem; }
.Home_Business .swiper-slide .orientation .content4 a { display: flex; width: 0.65rem; height: 0.65rem; background: #FFD100; color: #fff; transition: 0.4s; cursor: pointer; }
.Home_Business .swiper-slide .orientation .content4 a i { margin: auto; font-size: 0.18rem; }
.Home_Business .swiper-slide .orientation .content4 a:hover { width: 0.8rem; }
.Home_Business .swiper-slide .orientation .content5 { position: absolute; top: 0; right: 1rem; }
.Home_Business .swiper-slide .orientation .content5 img { width: 1.3rem; }
.Home_Business .swiper-slide-active .orientation { padding-left: calc(var(--tran) + var(--padding_w)); }
.Home_Business .button { position: absolute; left: 58%; top: 70%; background-color: #fff; width: 5%; height: 5vw; border-radius: 50%; display: flex; align-items: stretch; justify-content: space-around; z-index: 999 }
.Home_Business .button p { cursor: pointer; color: #444444; width: 45%; display: flex; align-items: center; justify-content: space-around }
.Home_Business .button p:hover { color: #F3C905 }
.Home_Business .button .layui-icon { font-size: .26rem; }



.Mouse { position: absolute; top: 0; left: 0; width: 30px; height: 30px; z-index: 2; background: #ea5504; }
.Home_Case { padding-top: 2.3rem; position: relative; }
.Home_Case .box { position: relative; z-index: 1; }
.Home_Case .box .banner .swiper-slide { display: flex; }
.Home_Case .box .banner .swiper-slide .item { width: 4.56rem; transition: 0.6s; border-radius: 0.2rem; overflow: hidden; }
.Home_Case .box .banner .swiper-slide .item:not(:first-child) { margin-left: 0.8rem; }
.Home_Case .box .banner .swiper-slide .item a { display: block; position: relative; }
.Home_Case .box .banner .swiper-slide .item a::after { content: ''; width: 100%; height: 50%; background-image: linear-gradient(to top,#153ec1,#153ec100); position: absolute; bottom: 0; left: 0; z-index: 1; opacity: 1; transition: 0.6s; }
.Home_Case .box .banner .swiper-slide .item a .img { border-radius: 0.2rem; overflow: hidden; }
.Home_Case .box .banner .swiper-slide .item a .img img { height: 6.04rem; width: 100%; }
.Home_Case .box .banner .swiper-slide .item a .title { position: absolute; bottom: 0.5rem; left: 0; width: 100%; text-align: center; max-height: 0.6rem; color: #fff; font-size: 0.26rem; font-weight: bold ; z-index: 2; }

.Home_Case .box .banner .swiper-slide .item a .orientation { position: absolute; bottom: 0; left: 0; width: 100%; height: 2.4rem; padding: 0.3rem 0.4rem 0; color: #fff; opacity: 0; transform: translateY(1rem); transition: 0.6s; background: url(../images/img10.png) no-repeat 50% 50%; }
.Home_Case .box .banner .swiper-slide .item a .orientation .content1 { font-size: 0.30rem; }
.Home_Case .box .banner .swiper-slide .item a .orientation .content2 { font-size: var(--f14); margin-top: 6px; line-height: 0.3rem; font-family: 'gilroy_light' }
.Home_Case .box .banner .swiper-slide .item a .orientation .content3 { margin-top: 0.32rem; }
.Home_Case .box .banner .swiper-slide .item a .orientation .content3 p { display: flex; width: 0.5rem; height: 0.5rem; background: #FFD100; color: #fff; transition: 0.4s; cursor: pointer; }
.Home_Case .box .banner .swiper-slide .item a .orientation .content3 p i { margin: auto; font-size: 0.18rem; }
.Home_Case .box .banner .swiper-slide .item a .orientation .content3 p:hover { width: 0.6rem; }
.Home_Case .box .banner .swiper-slide .active { /*flex: 1.35;*/ width: 6.33rem; }
.Home_Case .box .banner .swiper-slide .active a .orientation { opacity: 1; transform: translateY(0); }
.Home_Case .box .banner .swiper-slide .active a .title { opacity: 0 }
.Home_Case .box .banner .swiper-slide .active a::after { opacity: 0; }

.Home_Case .banner_btn { margin-top: 0.9rem; }
.Home_Case .case_dong1 { position: absolute; right: 0; top: -2.7rem; z-index: -1; }
.Home_Case .case_dong1 img { width: 7.19rem; }
.Home_Case .case_dong2 { position: absolute; left: 0; bottom: -6.3rem; z-index: -1; }
.Home_Case .case_dong2 img { width: 6.38rem; }
.budyy_dong1 { position: absolute; left: 0; bottom: -7.6rem; z-index: 0 }
.budyy_dong1 img { width: 4.27rem; }
.banner_btn .button { display: flex; }
.banner_btn .button p { margin: 0 0.1rem; }
.banner_btn .button p i { font-size: 0.26rem; color: #999; cursor: pointer; transition: 0.4s; }
.banner_btn .button p i:hover { color: #005d8b; }
.Home_News { padding-top: 2.06rem; position: relative; }
.Home_News .box { margin-top: 1.1rem; }
.Home_News .box .swiper .item { display: block; }
.Home_News .box .swiper .item figure { overflow: hidden; transform: scale(0.8); transition: 0.4s; }
.Home_News .box .swiper .item figure img { width: 100%; transition: 0.4s; }
.Home_News .box .swiper .item figcaption { padding: 0 0.35rem; margin-top: 0rem; position: relative; z-index: 1; opacity: 0; transition: 0.4s; }
.Home_News .box .swiper .item figcaption .main { background: #fff; padding: 0.4rem; border-radius: 0.1rem; /* border-bottom: 4px solid #ea5504;*/ webkit-box-shadow: 0 0 10px rgba(167,200,214,.7); -moz-box-shadow: 0 0 10px rgba(167,200,214, .7); box-shadow: 0 0 10px rgba(167,200,214, .7); }
.Home_News .box .swiper .item figcaption .main > div { padding-left: 1rem; position: relative; }
.Home_News .box .swiper .item figcaption .main .content0 { font-size: 0.24rem; color: #055698; position: absolute; top: 0; left: 0; }
.Home_News .box .swiper .item figcaption .main .content0 p { text-align: justify; text-align-last: justify; font-weight: bold }
.Home_News .box .swiper .item figcaption .main .content1 { font-size: 0.24rem; color: #000; transition: 0.4s; }
.Home_News .box .swiper .item figcaption .main .content2 { font-size: var(--f16); color: #666; line-height: 0.32rem; margin-top: 0.26rem; }
.Home_News .box .swiper .item figcaption .main .content3 { margin-top: 0.46rem; font-size: var(--f16); color: #005D8B; }
.Home_News .box .swiper .item figcaption .main .content3 i { font-size: var(--f16); color: #005D8B; margin-left: 0.1rem; }
.Home_News .box .swiper .item:hover figure img { transform: scale(1.1); }
.Home_News .box .swiper .item:hover figcaption .main .content1 { color: #055698; }
.Home_News .box .swiper .swiper-slide-active .item figure { transform: scale(1); }
.Home_News .box .swiper .swiper-slide-active .item figcaption { opacity: 1; margin-top: -0.6rem; }
.Home_News .box .banner { position: relative; }
.Home_News .box .banner .banner_btn { --l: 5.1rem; }
.Home_News .box .banner .banner_btn .button p { position: absolute; top: 1.9rem; z-index: 1; }
.Home_News .box .banner .banner_btn .button .prev { left: var(--l); }
.Home_News .box .banner .banner_btn .button .next { right: var(--l); }
.Home_News .news_dong1 { position: absolute; right: 0; bottom: -7.5rem; z-index: -1; }
.Home_News .news_dong1 img { width: 8.26rem; }
.Home_Buddy { padding-top: 2.2rem; position: relative; }
.Home_Buddy .box .banner { margin: -0.5rem 0; }
.Home_Buddy .box .banner .swiper .swiper-wrapper { padding: 0.4rem 0; transition-timing-function: linear; }
.Home_Buddy .box .banner .swiper .swiper-wrapper .swiper-slide { width: 3.2rem; height: 1.38rem; border-style: solid; border-width: 1px; border-color: #ffffff; display: flex; transform: skewX(-10deg); border-radius: 10px; box-shadow: 0px 20px 30px 0px rgba(171, 171, 171, 0.3); }
.Home_Buddy .box .banner .swiper .swiper-wrapper .swiper-slide figure { margin: auto; text-align: center; }
.Home_Buddy .box .banner .swiper .swiper-wrapper .swiper-slide figure p img { max-width: 80%; max-height: 80%; }
.Home_Buddy .box .banner .swiper .swiper-wrapper .swiper-slide:nth-child(2n-1) { background-image: -moz-linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%); background-image: -webkit-linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%); background-image: -ms-linear-gradient(90deg, #f0f0f0 0%, #ffffff 100%); }
.Home_Buddy .box .banner .swiper .swiper-wrapper .swiper-slide:nth-child(2n) { background-image: -moz-linear-gradient(90deg, #ffffff 0%, #f0f0f0 100%); background-image: -webkit-linear-gradient(90deg, #ffffff 0%, #f0f0f0 100%); background-image: -ms-linear-gradient(90deg, #ffffff 0%, #f0f0f0 100%); }
.Home_District { margin-top: 1.2rem; position: relative; overflow: hidden; padding-top: 3.2rem; display: flex; justify-content: flex-end }
.Home_District .map { width: 13.08rem; position: relative; }
.Home_District .map .img { display: flex; align-items: end; justify-content: flex-end }

.Home_District .map .list .item { width: 10px; height: 10px; position: absolute; }
.Home_District .map .list .item::after { content: ''; width: 10px; height: 10px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) scale(1); background: #ea5504; border-radius: 50%; }
.Home_District .map .list .item span { position: relative; z-index: 2; width: 10px; height: 10px; display: block; background: #FFED00; border-radius: 50%; }
.Home_District .map .list .item span::after { content: ''; position: absolute; border-radius: 50%; border: 1px solid #666; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0.2; }
.Home_District .map .list .active::after { animation: fdj 1.8s infinite ease-in-out; }
.Home_District .map .list .active span { background: #07539E; }

.Home_District .map .list .cq { top: 38.8%; right: 56%; }
.Home_District .map .list .cq span::after { width: 0.7rem; height: 0.7rem; }
.Home_District .map .list .sx { top: 30.8%; right: 56%; }
.Home_District .map .list .sx span::after { width: 0.3rem; height: 0.3rem; }
.Home_District .map .list .ts { top: 27.8%; right: 48.6%; }
.Home_District .map .list .ts span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .tj { top: 30.8%; right: 49.6%; }
.Home_District .map .list .tj span::after { width: 0.3rem; height: 0.3rem; }


.Home_District .map .list .hf { top: 35.8%; right: 50.6%; }
.Home_District .map .list .hf span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .rz { top: 35.8%; right: 47.1%; }
.Home_District .map .list .rz span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .sz { top: 39.3%; right: 48%; }
.Home_District .map .list .sz span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .sh { top: 39.3%; right: 46.2%; }
.Home_District .map .list .sh span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .hz { top: 42.4%; right: 48.6%; }
.Home_District .map .list .hz span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .rb { top: 35.6%; right: 41.4%; }
.Home_District .map .list .rb span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .map .list .dg { top:16%; right: 78.2%; }
.Home_District .map .list .dg span::after { width: 0.5rem; height: 0.5rem; }

.Home_District .map .list .jk { top: 18%; right: 74.8%; }
.Home_District .map .list .jk span::after { width: 0.3rem; height: 0.3rem; }

.Home_District .orientation { position: absolute; top: 1.45rem; left: 0; width: 100%; min-height: 1rem; }
.Home_District .public_title .desc { line-height: 1.5; }
.Home_District .box { margin-top: 1.2rem; }
.Home_District .box .toggle p { font-size: var(--f36); color: #666; cursor: pointer; transition: 0.4s; margin-right: 0.25rem; font-weight: 500 }
.Home_District .box .toggle p:hover { color: #ea5504; }
.Home_District .box .toggle p.active { color: #153ec3; }
.Home_District .box .toggle_main { margin-top: 0.46rem; }
.Home_District .box .toggle_main .item { display: none; }
.Home_District .box .toggle_main .item h5 { font-size: var(--f30); }
.Home_District .box .toggle_main .item .content { margin-top: 0.25rem; display: grid; gap: 0.18rem; }
.Home_District .box .toggle_main .item .content .li { width: 100%; display: flex; align-items: flex-start; justify-content: space-between; padding-bottom: 10px; }
.Home_District .box .toggle_main .item .content .li img { width: 0.24rem; margin-top: 3px }
.Home_District .box .toggle_main .item .content .li p { flex: 1 1 0; font-size: var(--f20); position: relative; padding-left: 10px; line-height: 0.28rem; color: #535252 }
.Home_District .box .toggle_main .item .content .li p em { color: #015C8D; font-size: var(--f26); margin-top: 10px; display: block }

.Home_District .box .toggle_main .active { display: block; }
.public_sub_title { width: 100%; padding-top: 0.7rem }
.public_sub_title .title { text-align: center; font-size: var(--f36); font-weight: 600 }
.public_sub_title .desc { font-size: var(--f18); margin-top: 0.2rem; line-height: 1; text-align: center; display: flex; align-items: stretch; justify-content: center }
.public_sub_title .desc::after { content: ''; width: 3px; background-color: #005d8b; margin: 0 0.2rem }
.public_sub_title .desc::before { content: ''; width: 3px; background-color: #005d8b; margin: 0 0.2rem }
.public_sub_title .info { font-size: var(--f18); margin-top: 0.2rem; line-height: 1.5; text-align: center; display: flex; align-items: stretch; justify-content: center; width: 60%; margin: 0.4rem auto 0; color: #999 }


.news_imgs { width: 100%; display: flex; align-items: stretch; justify-content: space-between }
.news_imgs .imgs { width: 60%; height: 6.3rem; margin-right: 0.3rem; overflow: hidden; }
.news_imgs .imgs .swiper-slide { position: relative; text-align: center; width: 100%; height: 100%; }
.news_imgs .imgs .swiper-slide img { width: 100%; height: 100%; }
.news_imgs .imgs .swiper-slide figcaption { text-indent: 10px; text-align: left; height: 0.9rem; color: #fff; position: absolute; left: 0; bottom: 0; right: 0; background-color: rgba(0,0,0,0.3); background: rgba(0,0,0,0.3); display: flex; flex-direction: column; justify-content: space-between; padding: 0.2rem; box-sizing: border-box }
.news_imgs .imgs .swiper-slide figcaption .title { color: #fff; font-weight: normal; font-size: var(--f18); margin-top: 0; font-weight: bold }
.news_imgs .imgs .swiper-slide figcaption .time { font-size: var(--f14); }
.news_imgs .imgs .swiper-slide:hover { color: #115DB1; text-decoration: underline; text-shadow: none; }

.news_imgs .imgs .swiper-pagination { padding-right: 0.2rem; bottom: 0.2rem; text-align: right; box-sizing: border-box; }
.news_imgs .imgs .swiper-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; background-color: inherit; border: 1px solid #fff; opacity: 1; }
.news_imgs .imgs .swiper-pagination .swiper-pagination-bullet-active { background-color: #ffd100; }

.news_imgs .font_list { width: 37%; background-color: #fbfbfb; padding: 0.3rem; box-sizing: border-box; display: flex; flex-direction: column; }
.news_imgs .font_list .item { width: 100%; height: 30%; margin-bottom: 5%; }
.news_imgs .font_list .item:nth-child(3) { margin: 0 }
.news_imgs .font_list .item figure { width: 100%; font-size: 0.24rem; color: #b4b2b1 }
.news_imgs .font_list .item figcaption { width: 100%; font-size: 0.24rem; color: #303030; line-height: 0.32rem }


.news-wrapper { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: 1.2rem; }
.news-wrapper .swiper-box { width: 59.9%; }
.news-wrapper .swiper-box .info { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; padding: 0.32rem 1.4rem 0.32rem 0.5rem; background-color: rgba(0, 0, 0, 0.7); }
.news-wrapper .swiper-box .title,
.news-wrapper .swiper-box .date { opacity: 0; visibility: hidden; transform: translateY(0.8rem); -webkit-transform: translateY(0.8rem); -moz-transform: translateY(0.8rem); -ms-transform: translateY(0.8rem); -o-transform: translateY(0.8rem); transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
.news-wrapper .swiper-box .title { font-size: 0.28rem; color: #fff; height: 0.3rem; -webkit-line-clamp: 1; margin-top: 0rem; }
.news-wrapper .swiper-box .date { font-family: "mr"; color: #fff; margin-top: 0.13rem; transition-delay: 0.2s; }
.news-wrapper .swiper-box .swiper-slide-active .title,
.news-wrapper .swiper-box .swiper-slide-active .date { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.news-wrapper .swiper-box .swiper-slide:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.news-wrapper .swiper-box .swiper-slide a { display: block; }
.news-wrapper .swiper-box .swiper-slide a .pic { font-size: 0; overflow: hidden; display: block; width: 100%; margin: auto }
.news-wrapper .swiper-box .swiper-slide a .pic img { width: 100% }
.news-wrapper .swiper-box .swiper-pagination { display: block; bottom: 0.35rem; font-size: 0; text-align: right; right: 0.5rem; width: auto; }
.news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet { opacity: 1; background: none; margin: 0 0.09rem; width: 0.12rem; height: 0.12rem; border: 0.02rem solid #fff; transition: background 0.3s ease; -webkit-transition: background 0.3s ease; -moz-transition: background 0.3s ease; -ms-transition: background 0.3s ease; -o-transition: background 0.3s ease; }
.news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:focus,
.news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:active,
.news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet:link { outline: none; }
.news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #fff; }
.news-wrapper .news-box { width: 36.2%; padding: 0.25rem 0.5rem 0; background-color: #f7f7f8; }
.news-wrapper .news-box .title { font-size: 0.24rem; color: #181818; line-height: 0.35rem; height: 0.7rem; }
.news-wrapper .news-box .date { font-size: 0.24rem; margin-bottom: 0.1rem; }
.news-wrapper .news-box li { padding: 0.48rem 0; border-bottom: 1px solid #efeff1; }
.news-wrapper .news-box li:last-child { padding-bottom: 0; border-bottom: none; }
.news-wrapper .news-box li.on .title { color: #082c7e; }





@keyframes fdj {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(12); opacity: 0; }
}

.latestNewsS { padding: 0.46rem 0 0; }
.latestNews .box { margin-top: 0.5rem; }
.latestNews .box .list { display: grid; gap: 0.2rem; }
.latestNews .box .list .item a { line-height: 0.9rem; border: 2px solid #f6f6f6; padding: 0 0.45rem 0 0.85rem; border-radius: 0.15rem; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.latestNews .box .list .item a .time { font-size: 0.18rem; font-family: 'gilroy_regular'; color: #666; width: 1.7rem; }
.latestNews .box .list .item a .title { font-size: 0.2rem; color: #333; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.latestNews .box .list .item a .btn { 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; }
.latestNews .box .list .item a .btn p { width: 0.45rem; height: 0.45rem; border-radius: 50%; background: #e6e6e6; text-align: 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; -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.latestNews .box .list .item a .btn p svg { margin: auto; }
.latestNews .box .list .item a .btn p svg path { -webkit-transition: 0.4s; -o-transition: 0.4s; transition: 0.4s; }
.latestNews .box .list .item a:hover { border-color: #ea5504; }
.latestNews .box .list .item a:hover .title { color: #ea5504; }
.latestNews .box .list .item a:hover .btn p { background: #ea5504; }
.latestNews .box .list .item a:hover .btn p svg path { fill: #fff; }
.mapTop { margin-top: -1.2rem; }
.footer { background: #000000; min-height: 2rem; position: relative; z-index: 1; padding: 0.68rem 0 0; }
.footer .box { align-items: stretch; padding-bottom: 0.5rem }
.footer .box .boxLeft .content1 { display: flex; align-items: flex-end; }
.footer .box .boxLeft .content1 .tel { display: flex; align-items: center; font-size: var(--f20); color: #005D8B; margin-left: 1.1rem; font-weight: 600 }
.footer .box .boxLeft .content1 .tel img { margin-right: 10px; }
.footer .box .boxLeft .content1 .tel em { font-size: var(--f36); margin-bottom: 5px; font-weight: 600; margin-left: 0.1rem }




.footer .box .boxLeft .content2 { margin-top: 0.4rem; }
.footer .box .boxLeft .content2 .item { position: relative; width: 4.25rem; }
.footer .box .boxLeft .content2 .item input { font-size: var(--f20); font-family: 'gilroy_regular'; color: #fff; height: 0.5rem; display: block; width: 100%; background: #1f2228; border: 0; border-radius: 10px; overflow: hidden; padding: 0 0.2rem; }
.footer .box .boxLeft .content2 .item input::placeholder { color: #686866; }
.footer .box .boxLeft .content2 .item p { position: absolute; right: 0.2rem; top: 50%; transform: translateY(-50%); }
.footer .box .boxLeft .content2 .item p input { display: none; }
.footer .box .boxLeft .content2 .item p svg { cursor: pointer; }

.footer .box .boxLeft .boxBot { margin-top: 0.6rem; }
.footer .box .boxLeft .boxBot .item { margin-right: 0.9rem; }
.footer .box .boxLeft .boxBot .item:last-child { margin-right: 0; }
.footer .box .boxLeft .boxBot .item h5 { font-size: var(--f18); color: #005D8B; }
.footer .box .boxLeft .boxBot .item ul { margin-top: 0.4rem; display: grid; gap: 0.12rem; }
.footer .box .boxLeft .boxBot .item ul li a { font-size: var(--f16); color: #999; transition: 0.4s; }
.footer .box .boxLeft .boxBot .item ul li a:hover { color: #fff; }

.footer .box .boxRight { display: flex; flex-direction: column; align-items: flex-end; justify-content: space-between }

.footer .box .boxRight .boxTop p { margin-left: 0.15rem; position: relative; }
.footer .box .boxRight .boxTop p a { display: flex; width: 0.5rem; height: 0.5rem; border-radius: 50%; }
.footer .box .boxRight .boxTop p a img { margin: auto; }
.footer .box .boxRight .boxTop p a:hover { background: #1DA207; }
.footer .box .boxRight .boxTop .wx { background: #1DA207; transition: 0.4s; border-radius: 50%; }
.footer .box .boxRight .boxTop .wx > span { position: absolute; width: 1.4rem; max-width: 1.4rem; left: 50%; top: 140%; transition: 0.4s; transform: translateX(-50%) scale(0); transform-origin: center top; background: #fff; /*padding: 0 0 0.12rem;*/ border-radius: 6px; font-size: var(--f14); text-align: center; color: #666; }
.footer .box .boxRight .boxTop .wx > span img { margin-bottom: 0.06rem; }
.footer .box .boxRight .boxTop .wx > span::after { content: ''; position: absolute; width: 0; height: 0; border-left: 0.06rem solid transparent; border-right: 0.06rem solid transparent; border-bottom: 0.06rem solid #fff; top: -0.06rem; left: 50%; transform: translateX(-50%); }
.footer .box .boxRight .boxTop .wx:hover > span { transform: translateX(-50%) scale(1); }
.footer .box .boxRight .content { font-size: var(--f18); color: #fff; margin-top: 0.74rem; color: #676766; line-height: var(--f36); text-align: right }


.footer .box1 { padding: 0.5rem 0; }
.footer .box1 .left { color: #666666; }
.footer .box1 .left a { color: #666666; display: inline-block; margin-left: 0.1rem; transition: 0.4s; font-size: var(--f14); }
.footer .box1 .left a:hover { color: #fff; }
.footer .box1 .right { display: flex; }
.footer .box1 .right .yqlj { position: relative; }
.footer .box1 .right .yqlj > a { color: #666666; display: inline-block; margin-left: 0.1rem; transition: 0.4s; font-size: var(--f16); cursor: pointer; }
.footer .box1 .right .yqlj > a i { font-size: var(--f16); display: inline-block; }
.footer .box1 .right .yqlj > a:hover { color: #fff; }
.footer .box1 .right .yqlj > a.active i { transform: rotate(180deg); }
.footer .box1 .right .yqlj ul { position: absolute; bottom: 0.3rem; left: 50%; transform: translateX(-50%); width: 1.5rem; background: #11161e; border: 1px solid rgba(255, 255, 255, 0.2); z-index: 1; background: #1f2228; display: none; }
.footer .box1 .right .yqlj ul li a { display: block; color: #999; text-align: center; line-height: 0.36rem; transition: 0.4s; font-size: var(--f14); }
.footer .box1 .right .yqlj ul li a:hover { background: #ea5504; color: #fff; }
.footer .box1 .right .wzdt { margin-left: 0.2rem; }
.footer .box1 .right .wzdt a { color: #666666; display: inline-block; transition: 0.4s; font-size: var(--f16); }
.footer .box1 .right .wzdt a:hover { color: #fff; }
.InnerBanner { position: relative; }
.InnerBanner .img img { width: 100%; }
.InnerBanner .orientation { position: absolute; left: 0; top: 38%; width: 100%; z-index: 1; }
.InnerBanner .orientation .box .boxLeft { font-size: 0.72rem; color: #fff; line-height: 1; display: flex; flex-direction: column; }
.InnerBanner .orientation .box .boxLeft span { font-size: 0.72rem; color: #fff; line-height: 1.4; font-weight: 600 }
.InnerBanner .orientation .box .boxLeft samp { font-size: 0.3rem; color: #fff; line-height: 1.2; font-family: Arial; text-transform: uppercase; }

.InnerBanner .orientation .box .boxRight { display: flex; }
.InnerBanner .orientation .box .boxRight ul { margin: auto; display: flex; }
.InnerBanner .orientation .box .boxRight ul li { margin-left: 0.2rem; }
.InnerBanner .orientation .box .boxRight ul li a { color: #fff; font-size: var(--f18); opacity: 0.5; display: inline-block; padding-bottom: 0.12rem; border-bottom: 2px solid transparent; transition: 0.4s; }
.InnerBanner .orientation .box .boxRight ul li a:hover { color: #ea5504; opacity: 1; }
.InnerBanner .orientation .box .boxRight ul .active a { opacity: 1; border-color: #ea5504; }

.News_List { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.4rem; }
.News_List .item { webkit-box-shadow: 0 0 10px rgba(167,200,214,.7); -moz-box-shadow: 0 0 10px rgba(167,200,214, .7); box-shadow: 0 0 10px rgba(167, 200, 214, .7); }
.News_List .item a { display: block; }
.News_List .item a figure { overflow: hidden; height: 3.8rem; display: flex; align-items: center; justify-content: center }
.News_List .item a figure img { width: 100%; transition: 0.4s; }
.News_List .item a figcaption { background: #f5f5f5; padding: 0.4rem; transition: 0.4s; }
.News_List .item a figcaption .title { font-size: var(--f24); color: #000; transition: 0.4s; height: 0.6rem; line-height: .28rem }
.News_List .item a figcaption .desc { margin-top: 0.25rem; font-size: var(--f18); line-height: 0.28rem; height: 0.56rem; color: #666; transition: 0.4s; }
.News_List .item a figcaption .link { margin-top: 0.3rem; font-size: var(--f16); color: #000; transition: 0.4s; }
.News_List .item a figcaption .link i { color: #ea5504; font-size: var(--f14); font-weight: bold; margin-left: 0.1rem; transition: 0.4s; }
.News_List .item a figcaption .time { font-size: var(--f24); color: #b4b2b1; transition: 0.4s; margin-top: 0.4rem; }

@media screen and (min-width: 1200px) {
    .News_List .item a:hover figure img { transform: scale(1.1); }
    .News_List .item a:hover figcaption { background-image: linear-gradient(to right, #005c8c,#153fc2); }
    .News_List .item a:hover figcaption .time,
    .News_List .item a:hover figcaption .title,
    .News_List .item a:hover figcaption .desc,
    .News_List .item a:hover figcaption .link { color: #fff; }
    .News_List .item a:hover figcaption .time i,
    .News_List .item a:hover figcaption .title i,
    .News_List .item a:hover figcaption .desc i,
    .News_List .item a:hover figcaption .link i { color: #fff; }
}

.pu_page { display: flex; justify-content: center; margin-top: 0.72rem; position: relative; z-index: 1; }
.pu_page a { display: inline-block; line-height: 32px; font-size: var(--f20); font-family: 'gilroy_regular'; text-align: center; margin: 0 0.12rem; padding: 0 3px; transition: 0.4s; border-bottom: 2px solid transparent; }
.pu_page a:hover { color: #ea5504; }
.pu_page .number { margin: 0 0.2rem; }
.pu_page .active { border-color: #ea5504; font-family: 'gilroy_bold'; }
.pu_page .prev a i,
.pu_page .next a i { transition: 0.4s; color: #333; font-size: var(--f20); }
.pu_page .prev a i:hover,
.pu_page .next a i:hover { color: #ea5504; }
.Join_China_Container .box { margin-top: 0.68rem; }
.Join_China_Container .box .content1 { font-size: var(--f52); }
.Join_China_Container .box .content2 { margin-top: 0.86rem; }
.Join_China_Container .box .content2 .item { width: 5.2rem; }
.Join_China_Container .box .content2 .item a { background: #f5f5f5; display: flex; margin-right: 0.68rem; padding: 0.6rem 0; border-radius: 0.1rem; border: 2px solid transparent; transition: 0.4s; }
.Join_China_Container .box .content2 .item a .left { width: 2.6rem; text-align: center; display: flex; }
.Join_China_Container .box .content2 .item a .left img { margin: auto; width: 1.54rem; }
.Join_China_Container .box .content2 .item a .right .name { font-size: 0.26rem; color: #000; }
.Join_China_Container .box .content2 .item a .right .desc { font-size: var(--f16); margin-top: 0.15rem; color: #000; transition: 0.4s; }
.Join_China_Container .box .content2 .item a .right .desc a { color: #000; transition: 0.4s; }
.Join_China_Container .box .content2 .item a .right .desc a:hover { color: #ea5504; }
.Join_China_Container .box .content2 .item a .right .desc i { color: #ea5504; font-size: var(--f14); font-weight: bold; }
.Join_China_Container .box .content2 .item a:hover { border-color: #ea5504; background: transparent; }
.Join_China_Container .box .content2 .item a:hover .right .desc { color: #ea5504; }
.Deliver_Container .box { position: relative; overflow: hidden; border-radius: 0.1rem; }
.Deliver_Container .box .img img { width: 100%; }
.Deliver_Container .box .orientation { position: absolute; left: 0; width: 100%; height: 100%; display: flex; top: 0; }
.Deliver_Container .box .orientation .main { padding: 0 1rem; margin: auto; width: 100%; }
.Deliver_Container .box .orientation .main .content1 { font-size: 0.2rem; color: #ea5504; }
.Deliver_Container .box .orientation .main .contetnt2 { color: #fff; font-size: var(--f52); margin-top: 0.18rem; }
.Deliver_Container .box .orientation .main .content3 { font-size: 0.16rem; color: #fff; line-height: 1.8; margin-top: 0.4rem; }
.Deliver_Container .box .orientation .main .content4 { margin-top: 0.75rem; }
.Deliver_Container .box .orientation .main .content4 a { width: 1.56rem; line-height: 0.5rem; font-size: var(--f16); }
.Join_Global_Container .title { font-size: var(--f52); margin-top: 0.25rem; }
.Join_Global_Container .box { margin-top: 0.28rem; }
.Join_Global_Container .box .list { padding: 0 1.6rem; margin-top: 0.9rem; }
.Join_Global_Container .box .list .item { display: none; }
.Join_Global_Container .box .list .item:last-child { border-bottom: 1px solid #ddd; }
.Join_Global_Container .box .list .item .boxTop { border-top: 1px solid #ddd; line-height: 0.4rem; padding: 0.32rem 0; cursor: pointer; }
.Join_Global_Container .box .list .item .boxTop .content1 { font-size: 0.24rem; color: #333; flex: 1; }
.Join_Global_Container .box .list .item .boxTop .content2 { font-size: var(--f20); color: #666; width: 2.8rem; }
.Join_Global_Container .box .list .item .boxTop .content2 svg { vertical-align: middle; }
.Join_Global_Container .box .list .item .boxTop .content3 { width: 1.7rem; }
.Join_Global_Container .box .list .item .boxTop .content4 { width: 1.16rem; display: flex; align-items: center; }
.Join_Global_Container .box .list .item .boxTop .content4 span { display: block; width: 20px; height: 3px; background: #ea5504; position: relative; }
.Join_Global_Container .box .list .item .boxTop .content4 span::after { content: ''; position: absolute; left: 0; width: 100%; top: 0; height: 100%; background: #ea5504; transition: 0.4s; transform: rotate(90deg); }
.Join_Global_Container .box .list .item .boxTop.active .content4 span::after { transform: rotate(0deg); }
.Join_Global_Container .box .list .item .boxMid { padding: 0.32rem 0; }
.Join_Global_Container .box .list .item .boxMid .content1 { font-size: 0.24rem; color: #333; flex: 1; }
.Join_Global_Container .box .list .item .boxBot { padding-bottom: 0.8rem; display: none; }
.Join_Global_Container .box .list .item .boxBot .content h5 { font-size: var(--f20); color: #666; }
.Join_Global_Container .box .list .item .boxBot .content .div { margin-top: 0.3rem; font-size: var(--f16); color: #666; line-height: 0.3rem; }
.Join_Global_Container .box .list .item .boxBot .content1 { margin-top: 0.76rem; }
.Join_Global_Container .box .list .item .boxBot .content1 a { display: block; width: 1.56rem; line-height: 0.5rem; background: #ea5504; text-align: center; color: #fff; }
.Join_Global_Container .box .list .item .boxBot .content2 { margin-top: 0.56rem; }
.Join_Global_Container .box .list .item .boxBot .content2 .left img { width: 0.75rem; }
.Join_Global_Container .box .list .item .boxBot .content2 .right { display: flex; align-items: center; margin-left: 0.38rem; }
.Join_Global_Container .box .list .item .boxBot .content2 .right h6 { font-size: var(--f18); }
.Join_Global_Container .box .list .item .boxBot .content2 .right p { margin-top: 0.12rem; }
.Join_Global_Container .box .list .item .boxBot .content2 .right p a { color: #ea5504; font-family: 'gilroy_bold'; font-size: 0.28rem; }
.Join_Global_Container .box .list .item .boxBot .content3 .left img { width: 0.59rem; }
.Join_Global_Container .more { margin-top: 0.54rem; text-align: center; font-size: var(--f18); }
.Join_Global_Container .more a { color: #ea5504; }
.Join_Global_Container .more a i { font-size: var(--f18); }
.CorporateGovernance .box { margin-top: 0.72rem; padding: 0 1.6rem; }
.CorporateGovernance .box .swiper { border-top: 2px solid #ddd; }
.CorporateGovernance .box .item a { line-height: 1.1rem; cursor: pointer; transition: 0.4s; border-bottom: 2px solid transparent; position: relative; }
.CorporateGovernance .box .item a::before { content: ''; position: absolute; left: 0; width: 100%; bottom: 0; height: 2px; background: #ddd; transition: 0.4s; }
.CorporateGovernance .box .item a::after { content: ''; position: absolute; left: 0; width: 0%; bottom: 0; height: 2px; background: #ea5504; transition: 0.4s; }
.CorporateGovernance .box .item a .time { font-size: 0.2rem; width: 2.28rem; color: #ea5504; }
.CorporateGovernance .box .item a .name { font-size: 0.24rem; color: #333; flex: 1; transition: 0.4s; }
.CorporateGovernance .box .item a .button svg path { transition: 0.4s; }
.CorporateGovernance .box .item a:hover::after { width: 100%; }
.CorporateGovernance .box .item a:hover .name { color: #000; }
.CorporateGovernance .box .item a:hover .button svg path { fill: #ea5504; }
.banner_btn.on { margin-top: 0.8rem; }
section.Administrator_Container div.w1720 div.title { margin-top: 0.24rem; font-size: var(--f52); }
section.Administrator_Container div.w1720 div.toggle { margin-top: 0.72rem; }
section.Administrator_Container div.w1720 div.toggle ul li p { font-size: 0.32rem; color: #666; margin-right: 0.6rem; transition: 0.4s; cursor: pointer; }
section.Administrator_Container div.w1720 div.toggle ul li.active p { color: #ea5504; }
section.Administrator_Container div.w1720 div.toggle ul li .swiper { display: none; }
section.Administrator_Container div.w1720 div.box { margin-top: 0.72rem; }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide { background: #f5f5f5; padding: 0.4rem 0.6rem; border-radius: 0.2rem; border: 2px solid transparent; transition: 0.4s; width: calc((100% - 35px * 3) / 4); }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content1 { font-size: 0.32rem; }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content2 { font-size: 0.2rem; color: #ea5504; margin-top: 10px; }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content3 { margin-top: 0.54rem; font-size: var(--f16); color: #666; line-height: 0.3rem; height: 1.5rem; padding-right: 5px; overflow: auto; overflow-x: hidden; overflow-y: auto; scrollbar-color: #ff6f1f #fff; /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */ scrollbar-width: thin; /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */ -ms-overflow-style: none; }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content3::-webkit-scrollbar { width: 1px; height: 2px; }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content3::-webkit-scrollbar-thumb { border-radius: 2px; background: #ea5504; }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content3::-webkit-scrollbar-track { border-radius: 2px; background: rgba(255, 255, 255, 0.3); }
section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide:hover { border-color: #ea5504; }
.MajorShareholder .box { padding: 0 1.6rem; margin-top: 0.72rem; }
.MajorShareholder .box table { width: 100%; }
.MajorShareholder .box table tr { border-bottom: 1px solid #ddd; }
.MajorShareholder .box table tr th,
.MajorShareholder .box table tr td { line-height: 0.3rem; padding: 0.32rem 0; text-align: center; font-size: 0.24rem; }
.MajorShareholder .box table tr th { background: #ea5504; color: #fff; }
.ServiceNetwork .toggle { margin-top: 0.54rem; }
.ServiceNetwork .toggle ul li { margin: 0 0.4rem; }
.ServiceNetwork .toggle ul li p { font-size: 0.22rem; color: #666; cursor: pointer; transition: 0.4s; }
.ServiceNetwork .toggle ul li.active p { color: #ea5504; }
.ServiceNetwork .toggle ul li .banner { display: none; }
.ServiceNetwork .box { margin-top: 0.62rem; padding: 0 1.6rem; }
.ServiceNetwork .box .banner { --h: 1.92rem; }
.ServiceNetwork .box .banner .swiper { height: calc(var(--h) * 2 + 35px); }
.ServiceNetwork .box .banner .swiper .swiper-slide { height: var(--h); background: #f5f5f5; border-radius: 0.2rem; }
.ServiceNetwork .box .banner .swiper .swiper-slide a { display: block; padding: 0.56rem 0 0.66rem 0.52rem; position: relative; cursor: pointer; }
.ServiceNetwork .box .banner .swiper .swiper-slide .item .content1 { font-size: 0.32rem; color: #000; transition: 0.4s; }
.ServiceNetwork .box .banner .swiper .swiper-slide .item .content2 { font-size: 0.2rem; color: #ea5504; margin-top: 0.1rem; }
.ServiceNetwork .box .banner .swiper .swiper-slide .item .content3 { position: absolute; right: 0.68rem; top: 50%; transform: translateY(-50%); }
.ServiceNetwork .box .banner .swiper .swiper-slide .item:hover .content1 { color: #ea5504; }
.Stock_Container { padding-bottom: 2rem; }
.Stock_Container .box { margin-top: 1.2rem; }
.Stock_Container .box .boxLeft { width: 48%; padding-right: 1.45rem; }
.Stock_Container .box .boxLeft .content1 { font-size: 0.22rem; margin-top: 0.52rem; }
.Stock_Container .box .boxLeft .content2 { margin-top: 0.26rem; }
.Stock_Container .box .boxLeft .content2 p { font-size: 0.96rem; font-family: 'gilroy_bold'; line-height: 1; display: inline-block; }
.Stock_Container .box .boxLeft .content2 span { margin-left: 0.26rem; font-size: 0.22rem; }
.Stock_Container .box .boxLeft .content2 svg { vertical-align: middle; transform: translateY(-2px); margin-right: 0.35rem; }
.Stock_Container .box .boxLeft .content2 div { margin-left: 0.16rem; display: inline-block; color: red; font-size: 0.2rem; }
.Stock_Container .box .boxLeft .content2 div abbr { font-family: 'gilroy_bold'; }
.Stock_Container .box .boxLeft .content2 div.active { color: green; }
.Stock_Container .box .boxLeft .content2 div.active svg { transform: rotate(180deg); }
.Stock_Container .box .boxLeft .content2 div.active svg path { fill: green; }
.Stock_Container .box .boxLeft .content3 { margin-top: 0.5rem; border-top: 1px solid #ececec; padding-top: 0.5rem; }
.Stock_Container .box .boxLeft .content3 .item .top { font-size: 0.16rem; color: #666; }
.Stock_Container .box .boxLeft .content3 .item .bot { font-size: 0.2rem; font-family: 'gilroy_bold'; margin-top: 7px; }
.Stock_Container .box .boxLeft .content4 { font-size: 0.2rem; color: #666; margin-top: 0.76rem; }
.Stock_Container .box .boxRight { width: 52%; }
.Stock_Container .box .boxRight img { width: 100%; }
.ResearchReport .box { padding: 0 1.6rem; }
.ResearchReport .box .swiper { margin-top: 0.75rem; }
.ResearchReport .box .swiper .swiper-slide { display: grid; gap: 0.2rem; }
.ResearchReport .box .swiper .swiper-slide a { line-height: 1.18rem; background: #f5f5f5; padding: 0 0.5rem; border-radius: 0.2rem; cursor: pointer; }
.ResearchReport .box .swiper .swiper-slide a .left { font-size: 0.32rem; max-width: 80%; color: #000; transition: 0.4s; }
.ResearchReport .box .swiper .swiper-slide a .right { display: flex; align-items: center; }
.ResearchReport .box .swiper .swiper-slide a:hover .left { color: #ea5504; }
.ContactUs .contact { width: 100%; }
.ContactUs .contact .title { font-size: var(--f36); margin-top: 0.16rem; }
.ContactUs .contact .main { display: flex; align-items: stretch; flex-wrap: wrap-reverse; margin-top: 0.6rem }
.ContactUs .contact .main .item { width: 32%; margin-right: 2%; border-top: 1px solid #808080; padding: 0.2rem 0; display: flex; flex-direction: column; font-size: var(--f18) }
.ContactUs .contact .main .item span { margin-top: 0.1rem }
.ContactUs .contact .main .item:nth-child(3), .ContactUs .main .item:nth-child(5) { margin-right: 0 }
.ContactUs .maps { width: 100%; height: 6rem }
.ContactUs .message { width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.7rem 0 }
.ContactUs .message .msg_left { width: 50%; }
.ContactUs .message .msg_left .title { font-size: var(--f36); margin-top: 0.16rem; }
.ContactUs .message .msg_left .title_cn { font-size: var(--f30); margin-top: 0.2rem; color: #A0A0A0; }
.ContactUs .message .msg_left .info { font-size: var(--f18); margin-top: 0.7rem; color: #000; font-family: 'gilroy_light' }

.ContactUs .message .msg_right { width: 50%; }
.ContactUs .message .msg_right .item { display: flex; align-items: center; justify-content: space-between; padding: 0.3rem 0 0.15rem; border-bottom: 1px solid #B3B3B3; flex-wrap: wrap }
.ContactUs .message .msg_right .item .name { color: #010101; font-size: var(--f16); color: #999 }
.ContactUs .message .msg_right .item input { flex: 1 1 0; border: 0; background-color: #fff; margin-left: 0.2rem; font-size: var(--f14); font-family: 'gilroy_light' }
.ContactUs .message .msg_right .item textarea { width: 100%; margin-top: 0.1rem; border: 0; font-size: var(--f14); height: 1rem; font-family: 'gilroy_light' }
.ContactUs .message .msg_right .btns { width: 100%; text-align: right; padding: 0.3rem 0 }
.ContactUs .message .msg_right .btns a.btn { width: 0.9rem; height: 0.4rem; text-align: center; line-height: 0.4rem; font-size: 0.14rem; color: #999; border: 1px solid #969696; border-radius: 0.05rem; display: inline-block }

.MessageBoard .box { margin-top: 0.86rem; padding: 0 1.6rem; }
.MessageBoard .box .list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0 0.54rem; }
.MessageBoard .box .list .item input { width: 100%; height: 0.58rem; display: block; border: 0; border-bottom: 1px solid #ddd; font-size: var(--f16); transition: 0.4s; }
.MessageBoard .box .list .item input:hover { border-color: #ea5504; }
.MessageBoard .box .list1 { margin-top: 0.45rem; }
.MessageBoard .box .list1 textarea { width: 100%; height: 1.14rem; display: block; border: 0; border-bottom: 1px solid #ddd; font-size: var(--f16); transition: 0.4s; resize: none; }
.MessageBoard .box .list1 textarea:hover { border-color: #ea5504; }
.MessageBoard .box .list2 { margin-top: 0.8rem; }
.MessageBoard .box .list2 input { display: none; }
.p160 { padding: 0 1.6rem; margin-top: 0.85rem; }
.DownloadCenter { margin-top: 0.9rem; }
.DownloadCenter .width { width: 0.64rem; }
.DownloadCenter .box { padding: 0 1.6rem; }
.DownloadCenter .box .banner .swiper .swiper-slide figure { padding: 0 0.25rem; }
.DownloadCenter .box .banner .swiper .swiper-slide figure img { width: 100%; }
.DownloadCenter .box .banner .swiper .swiper-slide figcaption { font-size: 0.24rem; line-height: 0.32rem; text-align: center; margin-top: 0.58rem; height: 0.64rem; }
.DownloadCenter .box .banner .swiper .swiper-slide div { margin-top: 0.34rem; }
.DownloadCenter .box .banner .swiper .swiper-slide div a { display: block; width: 1.36rem; line-height: 0.48rem; border: 1px solid #ea5504; text-align: center; font-size: var(--f16); color: #000; transition: 0.4s; }
.DownloadCenter .box .banner .swiper .swiper-slide div a svg { vertical-align: middle; margin-right: 0.06rem; }
.DownloadCenter .box .banner .swiper .swiper-slide div a svg path { transition: 0.4s; }
.DownloadCenter .box .banner .swiper .swiper-slide div a:hover { color: #fff; background: #ea5504; }
.DownloadCenter .box .banner .swiper .swiper-slide div a:hover svg path { fill: #fff; }
.QA .box .list .item { display: none; position: relative; }
.QA .box .list .item:first-child { border-top: 1px solid #ddd; transition: 0.4s; }
.QA .box .list .item::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #ddd; }
.QA .box .list .item::after { content: ''; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background: #ea5504; z-index: 1; transition: 0.4s; }
.QA .box .list .item .top { font-size: 0.24rem; color: #666; position: relative; line-height: 0.35rem; padding: 0.36rem 0.36rem 0.36rem 0.7rem; cursor: pointer; transition: 0.4s; }
.QA .box .list .item .top em { position: absolute; font-family: 'gilroy_bold'; font-size: 0.26rem; color: #e0e0e0; left: 0; top: 0.36rem; }
.QA .box .list .item .top span { position: absolute; right: 0; top: 50%; transform: translateY(-50%); display: block; width: 21px; height: 3px; background: #ea5504; }
.QA .box .list .item .top span::after { content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #ea5504; transform: rotate(90deg); transition: 0.4s; }
.QA .box .list .item .active { color: #000; }
.QA .box .list .item .active span::after { transform: rotate(0deg); }
.QA .box .list .item .bot { padding: 0rem 0.36rem 0.5rem 0.7rem; font-size: var(--f16); line-height: 0.3rem; color: #666; position: relative; display: none; }
.QA .box .list .item .bot em { position: absolute; font-family: 'gilroy_bold'; font-size: 0.26rem; color: #e0e0e0; left: 0; top: 0rem; }
.QA .box .list .item:hover::after { width: 100%; }
.QA .box .list .item:hover .top { color: #000; }
.QA .box .list .item:active .top span::after { transform: rotate(0deg); }
.QA .box .more { margin-top: 0.54rem; }
.TechnicalConnection .box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem; }
.TechnicalConnection .box .item { border-radius: 0.2rem; border: 2px solid #ea5504; padding: 0.45rem 0.6rem; position: relative; overflow: hidden; transition: 0.4s; }
.TechnicalConnection .box .item .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: 0.4s; }
.TechnicalConnection .box .item .img img { width: 100%; height: 100%; }
.TechnicalConnection .box .item .content1 { position: relative; z-index: 1; }
.TechnicalConnection .box .item .content1 p { width: fit-content; }
.TechnicalConnection .box .item .content1 p img { height: 0.66rem; }
.TechnicalConnection .box .item .content1 p .img2 { position: absolute; left: 0; top: 0; opacity: 0; transition: 0.4s; }
.TechnicalConnection .box .item .content2 { font-size: 0.38rem; font-family: 'gilroy_bold'; color: #000; margin-top: 0.7rem; position: relative; z-index: 1; transition: 0.4s; }
.TechnicalConnection .box .item .content3 { font-size: var(--f16); color: #999; margin-top: 7px; position: relative; z-index: 1; transition: 0.4s; }
.TechnicalConnection .box .item:hover { border-color: transparent; }
.TechnicalConnection .box .item:hover .img { opacity: 1; }
.TechnicalConnection .box .item:hover .content1 p .img2 { opacity: 1; }
.TechnicalConnection .box .item:hover .content1 p .img1 { opacity: 0; }
.TechnicalConnection .box .item:hover .content2,
.TechnicalConnection .box .item:hover .content3 { color: #fff; }
.Case_List .title,
.SocialResponsibility .title { font-size: var(--f52); margin-top: 0.2rem; }
.Case_List .box,
.SocialResponsibility .box { margin-top: 0.72rem; }
.Case_List .box .list,
.SocialResponsibility .box .list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0.5rem 0.42rem; }
.Case_List .box .list .item a,
.SocialResponsibility .box .list .item a { display: block; }
.Case_List .box .list .item a figure,
.SocialResponsibility .box .list .item a figure { width: 100%; overflow: hidden; }
.Case_List .box .list .item a figure img,
.SocialResponsibility .box .list .item a figure img { width: 100%; transition: 0.4s; }
.Case_List .box .list .item a figcaption,
.SocialResponsibility .box .list .item a figcaption { margin-top: -0.35rem; position: relative; z-index: 1; padding: 0 0.32rem; }
.Case_List .box .list .item a figcaption .main,
.SocialResponsibility .box .list .item a figcaption .main { border-bottom: 4px solid #ea5504; background: #fff; border-radius: 0.1rem; position: relative; padding: 0.32rem 0.32rem 0.32rem 1.24rem; }
.Case_List .box .list .item a figcaption .content1,
.SocialResponsibility .box .list .item a figcaption .content1 { font-size: 0.22rem; color: #000; line-height: 0.3rem; height: 0.6rem; transition: 0.4s; }
.Case_List .box .list .item a figcaption .content2,
.SocialResponsibility .box .list .item a figcaption .content2 { font-size: 0.16rem; line-height: 0.24rem; color: #666; height: 0.48rem; margin-top: 0.18rem; }
.Case_List .box .list .item a figcaption .content3,
.SocialResponsibility .box .list .item a figcaption .content3 { margin-top: 0.46rem; font-size: var(--f16); color: #000; }
.Case_List .box .list .item a figcaption .content3 i,
.SocialResponsibility .box .list .item a figcaption .content3 i { font-size: var(--f16); color: #ea5504; margin-left: 0.1rem; }
.Case_List .box .list .item a figcaption .content4,
.SocialResponsibility .box .list .item a figcaption .content4 { position: absolute; font-size: var(--f20); color: #ea5504; left: 0.32rem; top: 0.32rem; }
.Case_List .box .list .item a:hover figure img,
.SocialResponsibility .box .list .item a:hover figure img { transform: scale(1.1); }
.Case_List .box .list .item a:hover figcaption .content1,
.SocialResponsibility .box .list .item a:hover figcaption .content1 { color: #ea5504; }
.SocialResponsibility .box .list .item a figcaption .main .content1 { height: auto; }
.News_Info .box { padding: 0 2.6rem; }
.News_Info .box .content1 { font-size: var(--f52); }
.News_Info .box .content2 { font-size: 0.2rem; color: #ea5504; margin-top: 0.22rem; padding-bottom: 0.45rem; border-bottom: 1px solid #ccc; }
.News_Info .box .content3 { font-size: var(--f18); line-height: 0.35rem; color: #666; padding: 0.74rem 0 0; }
.News_Info .box .content4 { margin-top: 0.8rem; }
.News_Info .box .content4 div { border-bottom: 1px solid #ccc; }
.News_Info .box .content4 div a { line-height: 0.8rem; }
.News_Info .box .content4 div a .left { font-size: var(--f20); color: #ea5504; width: 1.36rem; }
.News_Info .box .content4 div a .center { flex: 1; font-size: 0.22rem; color: #000; transition: 0.4s; }
.News_Info .box .content4 div a .right { font-size: 0.18rem; color: #666; }
.News_Info .box .content4 div a:hover .center { color: #ea5504; }
.News_Info .box .content5 { margin-top: 0.8rem; }
.ManufacturingCenter .HomtTitle { margin-bottom: 0.25rem; }
.ManufacturingCenter .box { margin-bottom: 0.84rem; }
.ManufacturingCenter .box:last-child { margin-bottom: 0; }
.ManufacturingCenter .box .title { font-size: var(--f52); }
.ManufacturingCenter .box .toggle { margin-top: 0.66rem; }
.ManufacturingCenter .box .toggle ul li { font-size: 0.32rem; margin-right: 0.9rem; cursor: pointer; }
.ManufacturingCenter .box .toggle ul .active { color: #ea5504; }
.ManufacturingCenter .box .toggle_main > div { display: none; }
.ManufacturingCenter .box .toggle_main .active { display: block; }
.ManufacturingCenter .box .toggle_main .content1 { font-size: var(--f16); line-height: 1.6; color: #666; }
.ManufacturingCenter .box .toggle_main .content2 { margin-top: 0.7rem; position: relative; }
.ManufacturingCenter .box .toggle_main .content2 .img { position: relative; border-radius: 0.2rem; overflow: hidden; }
.ManufacturingCenter .box .toggle_main .content2 .img::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(1, 87, 138, 0.8) 100%); z-index: 1; transition: 0.4s; }
.ManufacturingCenter .box .toggle_main .content2 p { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 1; }
.ManufacturingCenter .box .toggle_main .content2 p img { width: 0.92rem; }
.AsiaPacificRegion .box { margin-top: -0.5rem; }
.AsiaPacificRegion .box .main { position: relative; width: 13.84rem; }
.AsiaPacificRegion .box .main img { width: 100%; }
.AsiaPacificRegion .box .main .list .item { position: absolute; top: 0; cursor: pointer; }
.AsiaPacificRegion .box .main .list .item .dian { width: 11px; height: 11px; background: #ea5504; border-radius: 50%; cursor: pointer; position: relative; }
.AsiaPacificRegion .box .main .list .item .dian::after { content: ''; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%) scale(0); width: 50px; height: 50px; border-radius: 50%; transition: 0.4s; border: 1px solid #ea5504; }
.AsiaPacificRegion .box .main .list .item span { position: absolute; top: 50%; transform: translateY(-50%); display: block; white-space: nowrap; font-size: var(--f18); }
.AsiaPacificRegion .box .main .list .active .dian::after { animation: fd 2s linear infinite; }
.AsiaPacificRegion .box .main .list .beiJing { left: 71.2%; top: 29.8%; }
.AsiaPacificRegion .box .main .list .beiJing span { right: 150%; }
.AsiaPacificRegion .box .main .list .chengDu { left: 65.4%; top: 44.8%; }
.AsiaPacificRegion .box .main .list .chengDu span { right: 150%; }
.AsiaPacificRegion .box .main .list .shangHai { left: 76.6%; top: 44.2%; }
.AsiaPacificRegion .box .main .list .shangHai span { left: 150%; }
.AsiaPacificRegion .box .main .list .xiagnGang { left: 70.4%; top: 56.2%; }
.AsiaPacificRegion .box .main .list .xiagnGang span { left: 150%; }
.AsiaPacificRegion .box .main .list .shenZhen { left: 69.7%; top: 55.6%; }
.AsiaPacificRegion .box .main .list .shenZhen .dian { width: 6px; height: 6px; }
.AsiaPacificRegion .box .main .list .beiJing .dian { width: 16px; height: 16px; }
.AsiaPacificRegion .box .main .list .shenZhen span { right: 150%; }
.AsiaPacificRegion .box .main .list .jiLongPo { left: 60.2%; top: 80.2%; }
.AsiaPacificRegion .box .main .list .jiLongPo span { left: 150%; }
.AsiaPacificRegion .box .main .list .xingJiaPo { left: 62.3%; top: 84.2%; }
.AsiaPacificRegion .box .main .list .xingJiaPo span { left: 150%; }
.AsiaPacificRegion .box .main .list .yaJiaDa { left: 64.6%; top: 93.6%; }
.AsiaPacificRegion .box .main .list .yaJiaDa span { left: 150%; }
.AsiaPacificRegion .box .main .list .xingSan { left: 62%; top: 83.5%; }
.AsiaPacificRegion .box .main .list .xingSan .dian { width: 6px; height: 6px; }
.AsiaPacificRegion .box .main .list .xingSan span { right: 150%; }
.AsiaPacificRegion .box1 { margin-top: -3.3rem; position: relative; z-index: 1; }
.AsiaPacificRegion .box1 .item { display: none; }
.AsiaPacificRegion .box1 .item h5 { font-size: var(--f52); }
.AsiaPacificRegion .box1 .item ul { margin-top: 0.45rem; }
.AsiaPacificRegion .box1 .item ul li { margin-right: 0.96rem; }
.AsiaPacificRegion .box1 .item ul li:last-child { margin-right: 0; }
.AsiaPacificRegion .box1 .item ul li .icon img { height: 0.52rem; }
.AsiaPacificRegion .box1 .item ul li .text { font-size: 0.22rem; color: #666; display: flex; align-items: center; margin-left: 0.28rem; }
.AsiaPacificRegion .box1 .active { display: block; }
.AsiaPacificRegion .box2 { margin-top: 0.5rem; margin-bottom: 0.4rem; }
.AsiaPacificRegion .box2 ul li { font-size: 0.22rem; margin-right: 0.3rem; }
.AsiaPacificRegion .box2 ul .active { color: #ea5504; }

@keyframes fd {
    0% { transform: translate(-50%, -50%) scale(0); opacity: 1; }
    70% { opacity: 1; }
    100% { transform: translate(-50%, -50%) scale(1); opacity: 0; }
}

.GroupStructure { margin-top: 3.4rem; }
.GroupStructure .title { font-size: var(--f52); text-align: center; margin-top: 0.76rem; }
.GroupStructure .box { text-align: center; margin-top: 0.45rem; }
.CompanyIntroduction .title { font-size: var(--f52); line-height: 0.75rem; margin-top: 0.64rem; }
.CompanyIntroduction .box { border-radius: 0.2rem; overflow: hidden; margin-top: 0.7rem; }
.CompanyIntroduction .box img { width: 100%; }
.CompanyIntroduction .box1 { margin-top: 0.9rem; }
.CompanyIntroduction .box1 .left { width: 35%; font-size: var(--f36); line-height: 0.45rem; }
.CompanyIntroduction .box1 .right { width: 50%; }
.CompanyIntroduction .box1 .right .content1 { font-size: var(--f16); line-height: 1.7; color: #666; }
.CompanyIntroduction .box1 .right .content2 { margin-top: 0.7rem; }
.CompanyIntroduction .box1 .right .content2 a { font-size: var(--f16); color: #000; display: inline-block; border-bottom: 2px solid #ea5504; padding-bottom: 4px; transition: 0.4s; }
.CompanyIntroduction .box1 .right .content2 a i { color: #ea5504; transform: translateX(0.05rem); display: inline-block; }
.CompanyIntroduction .box1 .right .content2 a:hover { color: #ea5504; }
.CompanyIntroduction_lb .box { padding-left: var(--padding_w); }
.CompanyIntroduction_lb .box .banner .swiper-slide { width: 7.2rem; padding-right: 0.45rem; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main { background: #f5f5f5; border-radius: 0.2rem; padding: 0.45rem 0.5rem; border: 2px solid #f5f5f5; transition: 0.4s; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main .left p { width: 1.74rem; height: 1.74rem; border-radius: 50%; overflow: hidden; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main .left p img { width: 100%; height: 100%; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main .right { flex: 1; padding-left: 0.64rem; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main .right .content1 { font-size: 0.22rem; line-height: 0.35rem; height: 0.7rem; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main .right .content2 { margin-top: 1.2rem; font-size: 0.96rem; height: 0.8rem; text-align: right; font-family: 'gilroy_Medium'; color: #e4e4e4; }
.CompanyIntroduction_lb .box .banner .swiper-slide .main:hover { background: transparent; border-color: #ea5504; }
.QualificationHonor .title { font-size: var(--f52); margin-top: 0.25rem; }
.QualificationHonor .toggle { margin-top: 0.66rem; }
.QualificationHonor .toggle ul li { font-size: 0.32rem; margin-right: 0.9rem; cursor: pointer; }
.QualificationHonor .toggle ul li .banner { display: none; }
.QualificationHonor .toggle ul .active { color: #ea5504; }
.QualificationHonor .toggle_box .box { margin-top: 0.74rem; }
.QualificationHonor .toggle_box .box .banner .item figure { height: 3rem; border-radius: 0.2rem; background: #f5f5f5; display: flex; }
.QualificationHonor .toggle_box .box .banner .item figure img { margin: auto; max-width: 80%; max-height: 70%; }
.QualificationHonor .toggle_box .box .banner .item figcaption { font-size: var(--f18); text-align: center; margin-top: 0.34rem; }
.DevelopmentCourse .box { margin-top: 1.4rem; }
.DevelopmentCourse .box .banner .item { cursor: pointer; text-align: center; }
.DevelopmentCourse .box .banner .item .boxTop { font-size: 0.3rem; font-family: 'gilroy_bold'; color: #999; transition: 0.4s; }
.DevelopmentCourse .box .banner .item .boxCenter { position: relative; margin: 0.2rem 0 0.45rem; }
.DevelopmentCourse .box .banner .item .boxCenter::before { content: ''; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 2px; background: #cccccc; }
.DevelopmentCourse .box .banner .item .boxCenter::after { content: ''; position: absolute; left: -50%; top: 50%; transform: translateY(-50%); width: 0%; height: 2px; background: #ea5504; z-index: 1; }
.DevelopmentCourse .box .banner .item .boxCenter span { display: block; margin: auto; width: 10px; height: 10px; background: #999; position: relative; z-index: 2; transition: 0.4s; }
.DevelopmentCourse .box .banner .item .boxBot { font-size: var(--f16); line-height: 0.32rem; color: #666; height: 0.96rem; padding: 0 0.5rem; opacity: 0; transition: 0.4s; }
.DevelopmentCourse .box .banner .item:hover .boxTop { color: #ea5504; }
.DevelopmentCourse .box .banner .active .item .boxTop span { color: #000; }
.DevelopmentCourse .box .banner .active .item .boxCenter span { background: #ea5504; }
.DevelopmentCourse .box .banner .active .item .boxBot { opacity: 1; }
.DevelopmentCourse .box .banner .on .item .boxCenter::after { width: 100%; }
.DevelopmentCourse .box .banner .on1 .item .boxCenter::after { width: 100%; transition: 0.4s; }
.DevelopmentCourse .box1 img { width: 100%; }
.DevelopmentCourse .banner_btn { height: 0; transform: translateY(-1.4rem); position: relative; z-index: 1; }
.VisionMission { padding: 2rem 0 0; position: relative; }
.VisionMission .title_toggle { position: absolute; right: var(--padding_w); top: 1.84rem; z-index: 2; }
.VisionMission .title_toggle ul { display: grid; gap: 0.12rem; }
.VisionMission .title_toggle ul li { font-size: 0.2rem; color: #666; cursor: pointer; text-align: right; transition: 0.4s; }
.VisionMission .title_toggle ul .active { color: #000; font-weight: bold; }
.VisionMission .toggle > div { display: none; }
.VisionMission .toggle .active { display: block; }
.VisionMission .title { font-size: var(--f52); margin-top: 0.25rem; }
.VisionMission .box { margin-top: -1.9rem; padding: 0 3.45rem; }
.VisionMission .box img { width: 10.13rem; }
.VisionMission .info { position: absolute; right: var(--padding_w); bottom: 0.94rem; z-index: 2; }
.VisionMission .info .content1 { font-family: 'gilroy_bold'; font-size: 0.32rem; text-align: center; }
.VisionMission .info .content1 span { color: #ea5504; }
.VisionMission .info .content2 { margin-top: 0.9rem; }
.ProductIntroduction .box { margin-top: 0.64rem; border: 2px solid #cccccc; border-radius: 0.2rem; }
.ProductIntroduction .box .boxLeft { width: 10.4rem; padding: 0.94rem 0 1.7rem; position: relative; }
.ProductIntroduction .box .boxLeft .banner { width: 7rem; margin: auto; }
.ProductIntroduction .box .boxLeft .banner .item { position: relative; }
.ProductIntroduction .box .boxLeft .banner .item .img img { width: 100%; }
.ProductIntroduction .box .boxLeft .banner .item .play { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ProductIntroduction .box .boxLeft .banner .item .play img { width: 1rem; cursor: pointer; }
.ProductIntroduction .box .boxLeft .banner .item .img:hover .play { opacity: 1; }
.ProductIntroduction .box .boxLeft .banner_btn p { position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; }
.ProductIntroduction .box .boxLeft .banner_btn .prev { left: 4vw; }
.ProductIntroduction .box .boxLeft .banner_btn .next { right: 4vw; }


.ProductIntroduction .box .boxLeft .swiper-pagination { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); }
.ProductIntroduction .box .boxLeft .swiper-pagination span { border: 1px solid #666; background: transparent; opacity: 0.6; width: 10px; height: 10px; transition: 0.4s; }
.ProductIntroduction .box .boxLeft .swiper-pagination .swiper-pagination-bullet-active { border-color: #ea5504; background: #ea5504; opacity: 1; }
.ProductIntroduction .box .boxRight { flex: 1; padding: 0 0.8rem 0 0.25rem; display: flex; align-items: center; }
.ProductIntroduction .box .boxRight .main .content1 { font-size: 0.42rem; }
.ProductIntroduction .box .boxRight .main .content2 { font-size: var(--f16); line-height: 0.3rem; color: #666; margin-top: 0.38rem; margin-bottom: 0.7rem; }
.ProductAdvantage .box .list { border-top: 1px solid #e6e6e6; }
.ProductAdvantage .box .list .item { padding: 0.38rem 0; border-bottom: 1px solid #e6e6e6; }
.ProductAdvantage .box .list .item .icon { width: 2rem; }
.ProductAdvantage .box .list .item .icon img { max-height: 100%; }
.ProductAdvantage .box .list .item .tit { font-size: 0.24rem; display: flex; align-items: center; width: 4rem; }
.ProductAdvantage .box .list .item .desc { flex: 1; font-size: var(--f16); color: #666; line-height: 1.6; }
.ApplicationField .title { font-size: var(--f52); margin-top: 0.25rem; }
.ApplicationField .desc { font-size: var(--f16); color: #666; line-height: 1.7; margin-top: 0.5rem; }
.ApplicationField .box { margin-top: 0.5rem; }
.ApplicationField .box .banner .swiper-slide { position: relative; }
.ApplicationField .box .banner .swiper-slide figure { border-radius: 0.2rem; overflow: hidden; position: relative; }
.ApplicationField .box .banner .swiper-slide figure img { width: 100%; transition: 0.4s; }
.ApplicationField .box .banner .swiper-slide figure::after { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 50%, rgba(1, 87, 138, 0.8) 100%); z-index: 1; transition: 0.4s; opacity: 0; }
.ApplicationField .box .banner .swiper-slide figcaption { position: absolute; left: 0; bottom: 0.45rem; z-index: 1; font-size: 0.32rem; color: #fff; text-align: center; width: 100%; }
.ApplicationField .box .banner .swiper-slide:hover figure img { transform: scale(1.1); }
.ApplicationField .box .banner .swiper-slide:hover figure::after { opacity: 1; }
.SpecificationParameter .box .scroll { overflow: auto; }
.SpecificationParameter .box .main { margin-top: 0.9rem; }
.SpecificationParameter .box .main .banner .swiper-slide .content1 { font-size: 0.24rem; text-align: center; }
.SpecificationParameter .box .main .banner .swiper-slide .content2 { border: 1px solid #ccc; border-radius: 0.5rem; overflow: hidden; margin-top: 0.56rem; }
.SpecificationParameter .box .main .banner .swiper-slide .content3 { font-size: var(--f16); line-height: 1.8; text-align: center; color: #666; margin-top: 0.6rem; height: 0.6rem; }
.ProductAtlas .box { margin-top: 0.45rem; }
.ProductAtlas .box .banner .swiper-slide .item figure { border-radius: 0.2rem 0.2rem 0 0; overflow: hidden; position: relative; }
.ProductAtlas .box .banner .swiper-slide .item figure img { width: 100%; }
.ProductAtlas .box .banner .swiper-slide .item figure .play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 1; cursor: pointer; }
.ProductAtlas .box .banner .swiper-slide .item figure .play img { width: 0.75rem; }
.ProductAtlas .box .banner .swiper-slide .item figcaption { background: #f5f5f5; padding: 0.5rem 0.4rem; }
.ProductAtlas .box .banner .swiper-slide .item figcaption .title { font-size: 0.24rem; }
.ProductAtlas .box .banner .swiper-slide .item figcaption .desc { font-size: var(--f16); line-height: 1.6; color: #666; margin-top: 0.2rem; height: 0.5rem; overflow: auto; overflow-x: hidden; overflow-y: auto; scrollbar-color: #ea5504 #fff; scrollbar-width: thin; -ms-overflow-style: none; padding-right: 10px; }
.ProductAtlas .box .banner .swiper-slide .item figcaption .desc::-webkit-scrollbar { width: 1px; height: 2px; }
.ProductAtlas .box .banner .swiper-slide .item figcaption .desc::-webkit-scrollbar-thumb { border-radius: 2px; background: #ea5504; }
.ProductAtlas .box .banner .swiper-slide .item figcaption .desc::-webkit-scrollbar-track { border-radius: 2px; }
.ProductInfo .box { font-size: var(--f16); color: #666; line-height: 1.6; }
.layer_Down { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 11; display: none; }
.layer_Down .box { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 6.9rem; padding: 0.48rem 0.4rem 0.68rem; border-radius: 0.2rem; }
.layer_Down .box .close { position: absolute; top: 0.4rem; right: 0.4rem; }
.layer_Down .box .close i { font-size: 0.22rem; font-weight: bold; color: #999; display: inline-block; cursor: pointer; transition: 0.4s; }
.layer_Down .box .close i:hover { color: #ea5504; transform: rotate(90deg); }
.layer_Down .box .title { font-size: 0.38rem; margin-bottom: 0.48rem; text-align: center; }
.layer_Down .box .item { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10px; margin-bottom: 10px; }
.layer_Down .box .item div { position: relative; }
.layer_Down .box .item div svg { position: absolute; left: 0.18rem; top: 50%; transform: translateY(-50%); }
.layer_Down .box .item div svg path { transition: 0.4s; fill: #999; }
.layer_Down .box .item div:hover svg path { fill: #ea5504; }
.layer_Down .box .item input { font-size: var(--f16); height: 0.54rem; display: block; width: 100%; padding: 0 0.45rem; border: 1px solid #ccc; border-radius: 0.1rem; transition: 0.4s; color: #000; }
.layer_Down .box .item input::placeholder { color: #999; transition: 0.4s; }
.layer_Down .box .item input:hover { border-color: #ea5504; }
.layer_Down .box .item input:hover::placeholder { color: #000; }
.layer_Down .box .item1 { margin-top: 0.42rem; }
.layer_Down .box .item1 input { display: none; }

.product_list { width: 100%; display: flex; align-items: center; flex-wrap: wrap }
.product_list .item { width: 32%; margin-right: 2%; margin-bottom: 0.3rem; border-radius: 0.1rem; webkit-box-shadow: 0 0 10px rgba(167,200,214,.7); -moz-box-shadow: 0 0 10px rgba(167,200,214, .7); box-shadow: 0 0 10px rgba(167, 200, 214, .7); }
.product_list .item:nth-child(3n+3) { margin-right: 0 }
.product_list .item figure { width: 100%; height: 15vw; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0.1rem 0.1rem 0 0; }
.product_list .item figure img { min-width: 100%; min-height: 100%; transition: 0.4s; }
.product_list .item figcaption { width: 100%; height: 0.7rem; line-height: 0.7rem; background: #fff; border-radius: 0 0 0.1rem 0.1rem; text-align: center; font-size: var(--f20) }
.product_list .item a:hover figcaption { background-color: #06549c; color: #fff }
.product_list .item a:hover figure img { transform: scale(1.1); }


.product_list1 { width: 100%; display: flex; align-items: center; height: 42vw; }
.product_list1 .item { width: 32%; border-radius: 0.1rem; webkit-box-shadow: 0 0 10px rgba(167,200,214,.7); -moz-box-shadow: 0 0 10px rgba(167,200,214, .7); box-shadow: 0 0 10px rgba(167, 200, 214, .7); height: 18.6vw }
.product_list1 .item figure { width: 100%; height: 15vw; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0.1rem 0.1rem 0 0; }
.product_list1 .item figure img { min-width: 100%; min-height: 100%; transition: 0.4s; }
.product_list1 .item figcaption { width: 100%; height: 3.6vw; line-height: 3.6vw; background: #fff; border-radius: 0 0 0.1rem 0.1rem; text-align: center; font-size: var(--f20) }
.product_list1 .item a:hover figcaption { background-color: #06549c; color: #fff }
.product_list1 .item a:hover figure img { transform: scale(1.1); }


.product_list2 { width: 100%; display: flex; align-items: center; }
.product_list2 .item { width: 32%; border-radius: 0.1rem; webkit-box-shadow: 0 0 10px rgba(167,200,214,.7); -moz-box-shadow: 0 0 10px rgba(167,200,214, .7); box-shadow: 0 0 10px rgba(167, 200, 214, .7); }

.product_list2 .item figure { width: 100%; height: 15vw; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0.1rem 0.1rem 0 0; }
.product_list2 .item figure img { min-width: 100%; min-height: 100%; transition: 0.4s; }
.product_list2 .item figcaption { width: 100%; height: 0.7rem; line-height: 0.7rem; background: #fff; border-radius: 0 0 0.1rem 0.1rem; text-align: center }
.product_list2 .item a:hover figcaption { background-color: #06549c; color: #fff }
.product_list2 .item a:hover figure img { transform: scale(1.1); }


.ApplicationField.jcsc { background: url(../images/intellect_bg.jpg) no-repeat; background-size: cover }
.ApplicationField.rzzl { background: url(../images/intellect_bg2.jpg) no-repeat; background-size: cover }

.jcsc .prev, .scsb .prev { left: -0.5rem; background-image: url(../images/prev3.png); background-size: cover; font-size: 0; width: 0.36rem; height: 0.36rem; }
.jcsc .prev:hover, .scsb .prev:hover { background-image: url(../images/prev4.png); background-size: cover }
.jcsc .next, .scsb .next { right: -0.5rem; background-image: url(../images/next3.png); background-size: cover; font-size: 0; width: 0.36rem; height: 0.36rem; }
.jcsc .next:hover, .scsb .next:hover { background-image: url(../images/next4.png); background-size: cover }
.jcsc .next i, .jcsc .prev i, .scsb .next i, .scsb .prev i { display: none }

.ApplicationField .pic { width: 80%; margin: 0.7rem auto 0; }
.pic-swiper { width: 100%; overflow: inherit; margin: auto; position: relative; display: block; }
.pic-swiper .swiper { width: 100%; }
.pic-swiper .swiper-slide { width: 48%; overflow: hidden; transition: all 0.3s ease; /* 调整过渡效果 */ }
.pic-swiper .swiper-slide img { width: 100%; display: block; transition: transform 0.8s ease; -webkit-transition: transform 0.8s ease; }
.pic-swiper .swiper-slide .name { width: 100%; color: #000; background-color: #fff; line-height: 0.5rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: var(--fs16); text-align: center }
.pic-swiper .swiper-slide:hover img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.pic-swiper .swiper-slide.swiper-slide-active, .pic-swiper .swiper-slide.swiper-slide-duplicate-active { transform: scale(2); z-index: 999; opacity: 1; transition-duration: 0ms; }

.pic-swiper .swiper-btn { width: 0.36rem; height: 0.36rem; display: inline-block; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; }
.pic-swiper .prev { left: -0.5rem; background-image: url(../images/prev3.png) }
.pic-swiper .prev:hover { left: -0.5rem; background-image: url(../images/prev4.png); }
.pic-swiper .next { right: -0.5rem; background-image: url(../images/next3.png) }
.pic-swiper .next:hover { background-image: url(../images/next4.png) }



.join .box .tab-box { margin: 0.9rem 0; border-bottom: solid 1px #eee; }
.join .box .tab-box .box-container { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ }
.join .box .tab-box a { position: relative; width: 33.33%; border: solid 1px #eee; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; padding: 0.4rem 0.7rem; border-bottom: none; border-right: none; }
.join .box .tab-box a:last-child { border-right: solid 1px #eee; }
.join .box .tab-box a:hover:before,
.join .box .tab-box a.on:before { opacity: 1; visibility: visible; }
.join .box .tab-box a:hover .name,
.join .box .tab-box a.on .name { color: #fff; }
.join .box .tab-box a:hover p,
.join .box .tab-box a.on p { color: rgba(255, 255, 255, 0.4); }
.join .box .tab-box a:hover .key,
.join .box .tab-box a.on .key { background: #fff; color: #082c7e; }
.join .box .tab-box a:before { content: ""; width: 100%; height: 100%; background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%); background-blend-mode: normal, normal; position: absolute; left: 0; top: 0; z-index: 0; opacity: 0; visibility: hidden; transition: opacity 0.3s ease; -webkit-transition: opacity 0.3s ease; -moz-transition: opacity 0.3s ease; -ms-transition: opacity 0.3s ease; -o-transition: opacity 0.3s ease; }
.join .box .tab-box .key { width: 0.82rem; height: 0.82rem; line-height: 0.82rem; background-color: #f2f4f8; border-radius: 50%; text-align: center; font-size: 0.3rem; font-family: "mr"; font-weight: 700; color: #082c7e; margin-right: 0.5rem; z-index: 1 }
.join .box .tab-box .info { flex: 1; overflow: hidden; line-height: 0.3rem; z-index: 1 }
.join .box .tab-box .name { font-size: 0.3rem; font-weight: 700; }
.join .box .tab-box p { font-size: var(--fs16); color: rgba(34, 34, 34, 0.3); font-family: "light"; text-transform: uppercase; margin-top: 0.1rem; }

.join .box .swiper-box .box-container { position: relative; background-color: #fff; box-shadow: 0px 5px 0.35rem 0px rgba(5, 20, 44, 0.08); }
.join .box .swiper-box .swiper-slide { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ }
.join .box .swiper-box .swiper-slide:hover .pic img { transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); }
.join .box .swiper-box .swiper-slide-active .info,
.join .box .swiper-box .swiper-slide-active .pic { opacity: 1; visibility: visible; transform: translateX(0); -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); }
.join .box .swiper-box .swiper-slide-active .pic img { float: right }
.join .box .swiper-box .info,
.join .box .swiper-box .pic { width: 50%; opacity: 0; visibility: hidden; transition: all 0.6s ease; -webkit-transition: all 0.6s ease; -moz-transition: all 0.6s ease; -ms-transition: all 0.6s ease; -o-transition: all 0.6s ease; }
.join .box .swiper-box .info { transform: translateX(1rem); -webkit-transform: translateX(1rem); -moz-transform: translateX(1rem); -ms-transform: translateX(1rem); -o-transform: translateX(1rem); }
.join .box .swiper-box .pic { transform: translateX(-1rem); -webkit-transform: translateX(-1rem); -moz-transform: translateX(-1rem); -ms-transform: translateX(-1rem); -o-transform: translateX(-1rem); }
.join .box .swiper-box .title { font-size: 0.32rem; line-height: 0.6rem; text-align: justify; }
.join .box .swiper-box .key { font-size: 2.5rem; color: rgba(51, 51, 51, 0.05); line-height: 2rem; position: absolute; right: 1.04rem; bottom: -0.6rem; z-index: 0; font-family: "mm"; }
.join .box .swiper-box .info { position: relative; padding: 1.67rem 1.72rem 0 1.48rem; }
.join .box .swiper-box .info:before { content: ""; width: 0.92rem; height: 0.86rem; background-image: url(../images/icon.png); background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0.8rem; top: 1.12rem; z-index: -1; }
.join .box .swiper-box .btn-box { font-size: 0; position: absolute; left: 1.48rem; bottom: 1.42rem; z-index: 10; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; }
.join .box .swiper-box .btn-box span { color: #999; font-family: "mr"; }
.join .box .swiper-box .btn-box span.current { color: #082c7e; font-size: 18px; }
.join .box .swiper-box .swiper-btn { position: relative; transform: none; top: -2px; width: 9px; height: 18px; background-size: contain; background-repeat: no-repeat; background-position: center center; }
.join .box .swiper-box .prev { margin-right: 0.2rem; background-image: url(../images/join-l.png); }
.join .box .swiper-box .prev:hover { background-image: url(../images/join-l2.png); }
.join .box .swiper-box .next { margin-left: 0.2rem; background-image: url(../images/join-r.png); }
.join .box .swiper-box .next:hover { background-image: url(../images/join-r2.png); }

.join .join_nav { width: 100%; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: stretch; justify-content: center; margin-top: 1.2rem }
.join .join_nav li { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ flex-direction: column; align-items: center; justify-content: space-between; position: relative; width: 40%; cursor: pointer }
.join .join_nav li .icon { width: 0.54rem; height: 0.54rem; }
.join .join_nav li .icon .init { width: 100% }
.join .join_nav li .icon .on { width: 100%; display: none }
.join .join_nav li .title { font-size: var(--f36); color: #666464; margin-top: 0.2rem }
.join .join_nav li.on .init { display: none }
.join .join_nav li.on .on { display: inherit }
.join .join_nav li.on .title { color: #055698 }
.join .join_nav li:first-child::after { content: ''; height: 100%; width: 1px; background-color: #C8C8C8; position: absolute; right: 0; top: 0 }

.join .join_list { width: 100%; margin-top: 0.6rem }
.join .join_list .list { display: none }
.join .join_list .list.on { display: inherit }
.join .join_list .list li { width: 100%; overflow: hidden; border-bottom: 1px solid #E6E6E6 }
.join .join_list .list .c { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center }
.join .join_list .list .c span { width: 18%; display: block; height: 1.1rem; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; justify-content: center; overflow: hidden; font-size: var(--f30) }
.join .join_list .list .c span:first-child { width: 22%; justify-content: flex-start; padding-left: 2% }
.join .join_list .list .c i { width: 0.43rem; height: 0.43rem; background: url(../images/join_jia.jpg) no-repeat; background-size: cover; cursor: pointer }
.join .join_list .list .on .c span:first-child { color: #005d8b }
.join .join_list .list .on .c i { background: url(../images/join_jian.jpg) no-repeat; background-size: cover; }
.join .join_list .list .title { background: #EDEDED }
.join .join_list .list .title .c span { height: 1.3rem; }


.join .join_list .list .join_content { display: none; width: 100%; box-sizing: border-box; padding: 0.3rem 0.4rem; border-top: 1px solid #E6E6E6 }
.join .join_list .list .join_content .content { width: 100%; overflow: hidden; padding-bottom: 0.3rem }


.join .join_list .list .join_content .email { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ }

.join .join_list .list .join_content .email .img { margin-right: 0.2rem }
.join .join_list .list .join_content .email .info { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; flex-direction: column; justify-content: center; font-size: var(--f16); color: #000 }
.join .join_list .list li.on .join_content { display: block }
/*分页*/
.pagelist { width: 100%; height: auto; text-align: center; position: relative; overflow: hidden; margin-top: 0.5rem; font-family: 'gilroy_light' }
.pagelist li { display: inline-block; width: 40px; height: 40px; line-height: 40px; text-align: center; background-color: #f2f2f2; margin: 0px 3px; border: 1px solid #e4e4e4; transition: all 0.3s ease; border-radius: 3px }
.pagelist li a { display: block; width: 40px; height: 40px; line-height: 40px; }
.pagelist li.active, .pagination li:hover { color: #ffffff; background-image: linear-gradient(to right,#005782,#163ec2); border-color: #163ec2; }
.pagelist li a:hover { color: #fff }

.CompanyIntroduction .box2 { margin-top: 1.5rem; border-radius: 0.2rem; overflow: hidden; position: relative; }
.CompanyIntroduction .box2 .img img { width: 100%; }
.CompanyIntroduction .box2 .logo { position: absolute; left: 0.75rem; top: 0.75rem; z-index: 1; }
.CompanyIntroduction .box2 .data { position: absolute; left: 0; right: 0rem; bottom: 0.75rem; z-index: 1; display: flex; justify-content: center }
.CompanyIntroduction .box2 .data .item { color: #fff; width: 3.3rem; margin-right: -0.5rem; text-align: center }
.CompanyIntroduction .box2 .data .item .top { display: flex; align-items: center; justify-content: center }
.CompanyIntroduction .box2 .data .item .top span { font-size: 0.6rem; font-family: 'gilroy_light'; }
.CompanyIntroduction .box2 .data .item .top svg { margin-left: 0.15rem; }
.CompanyIntroduction .box2 .data .item .bot { font-size: var(--f18); font-family: "gilroy_light" }



.CorporateCulture .box { position: relative; }
.CorporateCulture .box .swiper-box { position: relative; }
.CorporateCulture .box .swiper-slide.swiper-slide-active .info { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); }
.CorporateCulture .box .swiper-slide .info { position: absolute; left: 0; top: 1.18rem; z-index: 10; width: 100%; text-align: center; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; transform: translateY(1rem); -webkit-transform: translateY(1rem); -moz-transform: translateY(1rem); -ms-transform: translateY(1rem); -o-transform: translateY(1rem); opacity: 0; visibility: hidden; }
.CorporateCulture .box .info h3 { font-size: 0.3rem; color: #fff; line-height: 0.4rem; font-weight: initial }
.CorporateCulture .box .info .en { font-size: 0.24rem; font-family: "ml"; line-height: 0.3rem; color: #fff; margin-top: 0.1rem; margin-bottom: 0.3rem }
.CorporateCulture .box .info .inner { position: relative; display: inline-block; padding: 0 1.6rem; }

/*.CorporateCulture .box .info .inner:before,
.CorporateCulture .box .info .inner:after { display: inline-block; font-size: 3rem; color: #fff; opacity: 0.1; font-family: Arial; position: absolute; height: 0.8rem; line-height: 0.8rem; }
.CorporateCulture .box .info .inner:before { content: "“"; left: 0; top: 80%; }
.CorporateCulture .box .info .inner:after { content: "”"; right: 0; top: 140%; }*/


.CorporateCulture .box .cate-box { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; }
.CorporateCulture .box .cate-box .box-container { display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ }
.CorporateCulture .box .cate-box a { position: relative; display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */ display: -moz-flex; /* Firefox 18+ */ display: -ms-flexbox; /* IE 10 */ align-items: center; width: 25%; background-color: #fff; box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.05); padding: 0.39rem 0.2rem 0.39rem 0.5rem; }
.CorporateCulture .box .cate-box a:last-child:after { border-right: solid 1px #eee; }
.CorporateCulture .box .cate-box a:before,
.CorporateCulture .box .cate-box a:after { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease; }
.CorporateCulture .box .cate-box a:before { background-image: linear-gradient(-90deg, #0b59c3 0%, #082c7e 100%); background-blend-mode: normal, normal; opacity: 0; visibility: hidden; }
.CorporateCulture .box .cate-box a:after { box-sizing: border-box; border: solid 1px #eee; border-right: none; }
.CorporateCulture .box .cate-box a.on:before { opacity: 1; visibility: visible; }
.CorporateCulture .box .cate-box a.on:after { opacity: 0; visibility: hidden; }
.CorporateCulture .box .cate-box a.on .icon { border-color: #fff; }
.CorporateCulture .box .cate-box a.on .name { color: #fff; }
.CorporateCulture .box .cate-box a.on p { color: rgba(255, 255, 255, 0.6); }
.CorporateCulture .box .cate-box .icon,
.CorporateCulture .box .cate-box .info { position: relative; z-index: 10; }
.CorporateCulture .box .cate-box .icon { width: 0.82rem; height: 0.82rem; background-color: #fff; border: solid 1px #eee; border-radius: 50%; margin-right: 0.3rem; }
.CorporateCulture .box .cate-box .icon img { width: 100%; }
.CorporateCulture .box .cate-box .info { flex: 1; overflow: hidden; }
.CorporateCulture .box .cate-box .name,
.CorporateCulture .box .cate-box p { transition: color 0.3s ease; -webkit-transition: color 0.3s ease; -moz-transition: color 0.3s ease; -ms-transition: color 0.3s ease; -o-transition: color 0.3s ease; }
.CorporateCulture .box .cate-box .name { font-size: 0.28rem; color: #222; line-height: 0.3rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.CorporateCulture .box .cate-box p { color: rgba(34, 34, 34, 0.3); font-family: "ml"; text-transform: uppercase; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 0.24rem; margin-top: 0.1rem; }

.DevelopmentHistory { padding-top: 0.5rem; background-color: #fbfbfb }
.DevelopmentHistory .box1 { width: 100%; display: flex; align-items: stretch; justify-content: space-between; margin-top: 0.8rem; flex-wrap: wrap }
.DevelopmentHistory .box1 .item { width: 25%; display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; padding: 0.1rem 0; cursor: pointer }
.DevelopmentHistory .box1 .item .icon { height: 0.55rem; }
.DevelopmentHistory .box1 .item .icon img { height: 100%; }
.DevelopmentHistory .box1 .item .icon .init { opacity: 1; }
.DevelopmentHistory .box1 .item .icon .on { opacity: 1; display: none }
.DevelopmentHistory .box1 .item .title { font-size: 0.24rem; font-weight: 400; line-height: 0.3rem; margin-top: 0.2rem; }
.DevelopmentHistory .box1 .item .time { font-size: 0.24rem; color: #727272; line-height: 0.24rem; text-transform: uppercase; margin-top: 0.1rem; }
.DevelopmentHistory .box1 .item::after { content: ''; position: absolute; width: 1px; height: 100%; right: 0px; top: 0; background-color: #D5D5D5 }
.DevelopmentHistory .box1 .item .show_box { position: absolute; width: 90%; padding: 0.2rem; box-sizing: border-box; box-shadow: 0 0 0.1rem rgba(167, 200, 214, .7); display: none; z-index: 1; background-color: #fff; top: 1.6rem; border-radius:0.1rem }
.DevelopmentHistory .box1 .item .show_box p { width: 100%; font-size: 0.16rem; line-height: 0.25rem; color: #666; padding-bottom: 0.1rem; }
.DevelopmentHistory .box1 .item:last-child::after { display: none }
.DevelopmentHistory .box1 .item:hover .icon .init { display: none }
.DevelopmentHistory .box1 .item:hover .icon .on { display: inline }
.DevelopmentHistory .box1 .item:hover .show_box { display:inline-block}


.DevelopmentHistory .box2 { display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; align-items: stretch; margin-top: 0.9rem; }
.DevelopmentHistory .box2 .pic { width: 45%; }
.DevelopmentHistory .box2 .pic img { width: 100% }
.DevelopmentHistory .box2 .info { width: 54%; background: url(../images/DevelopmentHistory_bg.png) no-repeat; background-size: 100% auto; padding: 0.2rem 0.8rem; box-sizing: border-box }
.DevelopmentHistory .box2 .desc { font-size: var(--f18); line-height: 0.3rem; text-align: justify; color: #353535 }


.CorporateHonor { padding-top: 0.5rem; }

.CorporateHonor .list { margin-top: 0.9rem; }
.CorporateHonor .list ul { display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; -webkit-box-pack: justify; -ms-flex-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; flex-flow: wrap; }
.CorporateHonor .list li { width: 49.15%; height: 1.1rem; background-color: #fff; box-shadow: 0px 2px 0.3rem 0px rgba(0, 0, 0, 0.08); display: flex; display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */ display: -moz-box; /* Firefox 17- */ display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; /* IE 10 */ align-items: center; transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; margin-top: 1.7%; padding: 0 0.4rem; position:relative }
.CorporateHonor .list li:nth-child(-n+2) { margin-top: 0; }
.CorporateHonor .list li:hover { box-shadow: 0px 2px 0.3rem 0px rgba(8, 44, 126, 0.2); }
.CorporateHonor .list li .year { font-size: 0.28rem; color: #777; font-family: "mr"; width: 0.98rem; padding-right: 0.1rem; border-right: 1px solid #ededed; }
.CorporateHonor .list li .title { font-size: 0.2rem; line-height: 0.3rem; margin: 0 0.3rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; flex: 1; }
.CorporateHonor .list li .icon { width: 18px; height: 20px; background-size: contain; background-repeat: no-repeat; background-position: center center; background-image: url(../images/a-icon.png); }
.worldwide-wrapper + .footer-wrapper .pagebg { display: none; }
.CorporateHonor .list li img {max-width:50%; position:absolute; top:1rem; left:1rem; z-index:1; display:none }
.CorporateHonor .list li:hover img, .CorporateHonor .list li:active img { display: block }

.CorporateHonor .list .loading { text-align: center; margin-top: 0.76rem; }
.CorporateHonor .list .loading a { display: inline-block; color: #082c7e; font-weight: 700; line-height: 0.34rem; }
.CorporateHonor .list .loading a:hover img { transform: rotateY(180deg); }
.CorporateHonor .list .loading img { display: inline-block; width: 0.34rem; margin-right: 0.15rem; vertical-align: middle; position: relative; top: -2px; transition: transform 0.5s ease; -webkit-transition: transform 0.5s ease; -moz-transition: transform 0.5s ease; -ms-transition: transform 0.5s ease; -o-transition: transform 0.5s ease; }

.OurPartner { background-color: #fbfbfb }
.OurPartner .list { margin-top: 0.9rem; }
.OurPartner .list ul { display: flex; display: -webkit-box; display: -moz-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; flex-flow: wrap; }
.OurPartner .list li { position: relative; width: 23.5%; margin-top: 2%; margin-right: 2%; background-color: #fff; border-left: 1px solid #F0F0F0; border-radius: 0.15rem; }
.OurPartner .list li .pic { height: 1.34rem; object-fit: contain; width: 100%; position: relative; display: flex; align-content: center; justify-content: center; align-items: center; }
/*.OurPartner .list li .pic:before { content: ''; position: absolute; width: 1px; height: 95%; left: 0; top: 2.5%; background-color: #F0F0F0; z-index: 0; border-radius: 0.15rem }*/
.OurPartner .list li .pic.a img { width: 0.28rem }
.OurPartner .list li:nth-child(-n+4) { margin-top: 0; }
.OurPartner .list li:nth-child(4n) { margin-right: 0; }

.OurPartner .pic img { max-height: 90%; max-width: 90%; object-fit: contain; }
.OurPartner .list li:hover .pic { box-shadow: 0px 2px 0.3rem 0px rgba(8, 44, 126, 0.2); background-color: #fff; border-radius: 0.15rem }





@media screen and (max-width: 1520px) {
    .Home_News .box .banner .banner_btn { --l: 4.6rem; }
    .header .box .main nav .item > a { font-size: 16px; }
    body { --f16: 15px; --f52: 0.46rem; }
    .p160,
    .MessageBoard .box { margin-top: 0.72rem; }
    .DownloadCenter .box,
    .p160,
    .Join_Global_Container .box .list,
    .CorporateGovernance .box,
    .MajorShareholder .box,
    .ServiceNetwork .box,
    .ResearchReport .box,
    .MessageBoard .box { padding: 0 1.2rem; }
    .News_Info .box { padding: 0 2rem; }
    .ResearchReport .box .swiper .swiper-slide a .left { font-size: 0.24rem; }
    .InnerBanner .orientation .box .boxLeft { font-size: 0.6rem; }
    .InnerBanner .orientation .box .boxLeft span { font-size: 0.6rem; }
    .InnerBanner .orientation .box .boxLeft samp { font-size: 0.28rem; }

    .news-wrapper .news-box { padding-top: 0; }
    .news-wrapper .swiper-box .title { font-size: 0.26rem; }
    .news-wrapper .first-box { margin-bottom: 1rem; }
    .News_List .item a figure { height: 3.5rem; }
}

@media screen and (max-width: 1400px) {
    .ProductIntroduction .box .boxLeft { width: 7.4rem; padding: 0.94rem 0 1.1rem; }
    .ProductIntroduction .box .boxLeft .banner { width: 5rem; }
    .ProductIntroduction .box .boxLeft .swiper-pagination { bottom: 0.5rem; }
    .ProductAtlas .box .banner .swiper-slide .item figcaption .desc { height: 0.9rem; }
    .ManufacturingCenter .box .toggle ul li,
    section.Administrator_Container div.w1720 div.toggle ul li p,
    .ServiceNetwork .box .banner .swiper .swiper-slide .item .content1 { font-size: 0.24rem; }

    body { --f14: 13px; --f16: 15px; --f52: 0.32rem; --f18: 17px; --f20: 19px; --f26: 25px; --f30: 30px; --f36: 0.25rem; --f48: 0.35rem; --f52: 0.42rem; }
    .News_List { gap: 0.3rem; }
    section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide { padding: 0.3rem 0.4rem; }
    section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content1 { font-size: 0.22rem; }
    .Stock_Container .box .boxLeft .content2 p { font-size: 0.86rem; }
    .ContactUs .box .box_main .list { grid-template-columns: repeat(3, 1fr); }

.Home_Business .swiper-slide .orientation .content3 { margin-top: 0.6rem; width: 6.4rem; display: grid; grid-template-columns: repeat(2, 1fr); font-size: var(--26); color: #fff; gap: 0.26rem; }

    .footer .box .boxRight .boxBot .item { margin-right: 0.7rem; }

    .footer .box .boxLeft .content2 .item { width: 4.85rem; }
    .AsiaPacificRegion .box1 { margin-top: -2.2rem; }
    .AsiaPacificRegion .box .main { width: 12.84rem; }

    .news_imgs .imgs { height: 5.6rem }


    .join .box .tab-box a { padding: 0.32rem 0.5rem; }
    .join .box .tab-box .key { margin-right: 0.3rem; }
    .join .box .tab-box .name { font-size: 0.26rem; }
    .join .box .swiper-box .info { padding: 1.1rem 1.5rem 0 1.1rem; }
    .join .box .swiper-box .btn-box { left: 1.1rem; bottom: 1rem; }
    .join .box .swiper-box .title { font-size: 0.26rem; line-height: 0.52rem; }
    .join .box .swiper-box .info:before { top: 0.8rem; }
    .join .box .swiper-box .key { font-size: 1.7rem; right: 0.7rem; }
    .join .box .box-2 .info { padding-left: 0.36rem; padding-right: 0.26rem; }
    .join .box .tab-box .key { width: 0.78rem; height: 0.78rem; line-height: 0.78rem; font-size: 0.28rem; }


    .news-wrapper .news-box li { padding: 0.44rem 0; }
    .news-wrapper .news-box { padding-top: 0.16rem; }
    .news-wrapper .list li { margin-top: 0.6rem; }
    .news-wrapper .swiper-box .title { font-size: 0.24rem; }
    .news-wrapper .desc { font-size: 14px; line-height: 24px; height: 48px; margin-bottom: 0.26rem; }
    .news-wrapper .list .info { padding-bottom: 0.4rem; }
    .News_List .item a figure { height: 3.2rem; }
}

@media screen and (max-width: 1300px) {
    .public_title .desc { margin-top: 0.2rem; font-size: 0.35rem; }
    .header .box .main nav .item > a { font-size: 14px; }
    .Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title { font-size: 0.48rem; line-height: 0.74rem; }
    .Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title span { font-size: 0.32rem; line-height: 0.54rem; }
    .Home_About .box .boxRight .about_title { line-height: 0.65rem; }
    .Home_About .box1 .logo svg { transform: scale(0.6); transform-origin: left top; }

    .Home_Business .swiper-slide .orientation .content1 { font-size: 0.36rem; }
    .Home_Business .swiper-slide .orientation .content5 img { width: 1rem; }
    .Home_Business .button { left: 57.7%; }
    .Home_Case .box .banner .swiper-slide .item:not(:first-child) { margin-left: 0.3rem; }
    .Home_News,
    .Home_Buddy { padding-top: 1.6rem; }
    .Home_District .map { width: 80%; margin-right: -28%; }
    .mapTop { margin-top: 0rem; }

    .ProductIntroduction .box .boxLeft .banner { width: 5.7rem; }
    .InnerBanner .orientation .box .boxLeft { font-size: 0.46rem; }
    .InnerBanner .orientation .box .boxLeft span { font-size: 0.46rem; }
    .InnerBanner .orientation .box .boxLeft samp { font-size: 0.22rem; }

    .ProductIntroduction .box .boxRight .main .content1 { font-size: 0.34rem; }

    .Home_Case .box .banner .swiper-slide .item a .orientation .content2 { font-size: 0.14rem; line-height: 0.25rem; }

    .Home_District .box .toggle p.about_desc,
    .ApplicationField .box .banner .swiper-slide figcaption,
    .ProductAdvantage .box .list .item .tit,
    .ProductAtlas .box .banner .swiper-slide .item figcaption .title,
    .DownloadCenter .box .banner .swiper .swiper-slide figcaption,
    .QA .box .list .item .top,
    .QualificationHonor .toggle ul li,
    .VisionMission .info .content1,
    .ManufacturingCenter .box .toggle ul li,
    section.Administrator_Container div.w1720 div.toggle ul li p,
    .ServiceNetwork .box .banner .swiper .swiper-slide .item .content1,
    .Join_Global_Container .box .list .item .boxTop .content1,
    .CorporateGovernance .box .item a .name,
    .ResearchReport .box .swiper .swiper-slide a .left,
    .ContactUs .box .box_main h5,
    .Home_District .box .toggle p { font-size: 0.22rem; }

    .Case_List .box .list .item a figcaption .main,
    .SocialResponsibility .box .list .item a figcaption .main { padding: 0.22rem 0.22rem 0.22rem 1rem; }
    .Case_List .box .list .item a figcaption .content3,
    .SocialResponsibility .box .list .item a figcaption .content3 { margin-top: 0.26rem; font-size: 14px; }
    .Case_List .box .list .item a figcaption .content3 i,
    .SocialResponsibility .box .list .item a figcaption .content3 i { font-size: 12px; }
    .Case_List .box .list .item a figcaption .content1,
    .SocialResponsibility .box .list .item a figcaption .content1 { font-size: 0.2rem; }
    .DownloadCenter .box,
    .p160,
    .Join_Global_Container .box .list,
    .CorporateGovernance .box,
    .MajorShareholder .box,
    .ServiceNetwork .box,
    .ResearchReport .box,
    .MessageBoard .box { padding: 0 0.8rem; }
    .DownloadCenter .width { width: 0.3rem; }
    .Join_Global_Container .box .list .item .boxTop .content2 svg,
    .Join_Global_Container .box .list .item .boxTop .content4 span { transform: scale(0.6); }
    .CorporateGovernance .box .item a .button svg,
    .ResearchReport .box .swiper .swiper-slide a .right svg { transform: scale(0.8); }
    .ContactUs .box .box_main .list .item .content1 { font-size: 0.2rem; }

    .Home_News .box .banner .banner_btn { --l: 4.3rem; }

    .product_list .item figure { height: 15vw; }

    .product_list .item figcaption { height: 0.6rem; line-height: 0.6rem; }

    .product_list1 .item figure { height: 15vw; }

    .product_list2 .item figure { height: 15vw; }

    .product_list2 .item figcaption { height: 0.6rem; line-height: 0.6rem; }

    .news_imgs .imgs { height: 5.3rem }

    .CompanyIntroduction .box1 .data .item .top span { font-size: 0.62rem; }
}

@media screen and (max-width: 1200px) {

    .header { display: none; }
    .Home_Banner .swiper .swiper-slide .banner_img img { height: 60vh; }
    .Home_Banner .swiper .swiper-slide .orientation { padding: 0 0.72rem; }
    .Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title { font-size: 0.32rem; line-height: 1.5; }
    .Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title span { font-size: 0.22rem; line-height: 1.3; }
    .Home_About .box .boxLeft,
    .Home_About .box .boxRight { width: 100%; }
    .Home_About .box .boxRight,
    .public_title .desc { margin-top: 0.2rem; font-size: 0.3rem; }
    body { --f14: 13px; --f16: 15px; --f52: 0.32rem; --f18: 17px; --f20: 19px; --f26: 25px; --f30: 29px; --f36: 0.2rem; --f48: 0.22rem; --f52: 0.52rem; }
    .Home_About .box .boxRight .about_title { line-height: 1.5; }
    .Home_About .box1,
    .Home_About .box .boxRight .about_link { margin-top: 0.7rem; }
    /* .Home_About .box1 .img img { min-height: 4rem; }*/
    .Home_About .box1 .logo { left: 5vw; top: 5vw; }
    .Home_About .box1 .logo svg { transform: scale(0.4); }

    .dongXiao .dongXiao1 img { width: 2.22rem; }
    .dongXiao .dongXiao2 img { width: 2.97rem; }
    .dongXiao .dongXiao3 img { width: 2.2rem; }
    .Home_Business .swiper-slide .img { transform: skew(-10deg); }
    .Home_Business .swiper-slide .img p { transform: skew(10deg) translateX(-calc(var(--tran) / 2)); }
  

    .Home_Case .case_dong1 { top: -1rem; }
    .Home_Case .case_dong1 img { width: 2.34rem; }
    .Home_Business .swiper-slide .orientation .content4 { margin-top: 0.3rem;     }
    .Home_Business .swiper-slide .orientation .content4 a { width: 0.45rem;    height: 0.45rem;}
    .Home_Business .button { left: 68%; width: 7%; height: 7vw; }
    .Home_Case { padding: 0.92rem 0 0; }
    .Home_Case .box .banner .swiper-slide .item a .orientation { background-size: 100% 100%; }
    .Home_Case .case_dong2 img { width: 2.67rem; }
    .Home_Case .case_dong2 { bottom: -2.2rem; }
    .Home_News,
    .Home_Buddy { padding-top: 0.92rem; }
    .Home_News .box { margin-top: 0.7rem; padding: 0 5vw; }
    .Home_News .box .swiper .item figure { transform: scale(1); }
    .Home_News .news_dong1 { bottom: -1rem; }
    .Home_News .news_dong1 img { width: 2.48rem; }
    .Home_District .orientation { top: 0; }
    .Home_District .box { margin-top: 0.3rem; }
    .Home_District { padding: 0 0 0.5rem; }
    .footer .box { padding-bottom: 0rem; }
    .footer .box .boxLeft .content1 { display: none; }
    .footer .box .boxLeft { width: 100%; margin-bottom: 0.3rem; }
    .footer .box .boxLeft .content2 { margin-top: 0; width: 100%; }
    .footer .box .boxLeft .content2 .item { width: 100%; }
    .footer .box .boxLeft .boxBot { display: none; }
    .footer .box .boxRight { width: 100%; align-items: flex-start; }
    .footer .box .boxRight .content { margin-top: 0.4rem; margin-bottom: 0.5rem; text-align: left; }
    .footer .box1 { padding: 0.35rem 0; }
    .footer .box1 .left { width: 100%; }
    .footer .box1 .right { width: 100%; margin-top: 0.2rem; }
    .footer .box1 .right .yqlj > a { margin-left: 0; }
    .footer .box .boxLeft .content5 { display: none; }
    .footer .box .boxRight .boxTop p { margin-left: 0; margin-right: 0.15rem; }
    .MobileMain .Language a { font-size: var(--f20); }
    .MobileMain .Language a i { color: #ea5504; }
    .mobile_search { top: 58px; }
    .mobile_search .close { right: 0.4rem; top: 0.2rem; }
    .InnerBanner .orientation .box .boxLeft { font-size: 0.32rem; }
    .InnerBanner .orientation .box .boxLeft span { font-size: 0.32rem; }
    .InnerBanner .orientation .box .boxLeft samp { font-size: 0.16rem; }

    .InnerBanner .img img { width: 100%; min-height: 3rem; }
    .ProductIntroduction .box .boxLeft { width: 100%; padding: 0.54rem 0 1.1rem; }
    .ProductIntroduction .box .boxRight { padding-bottom: 0.54rem; }
    .ProductIntroduction .box .boxRight .main .content1 { font-size: 0.24rem; }
    .DownloadCenter .box,
    .p160,
    .Join_Global_Container .box .list,
    .CorporateGovernance .box,
    .MajorShareholder .box,
    .ServiceNetwork .box,
    .ResearchReport .box,
    .MessageBoard .box { padding: 0 0; }
    .ProductAdvantage .box .list .item .icon { width: 1rem; display: flex; align-items: center; }
    .ProductAdvantage .box .list .item .tit { font-size: 0.22rem; width: 2.6rem; padding-right: 0.5rem; }
    .Case_List .box .list,
    .SocialResponsibility .box .list { grid-template-columns: repeat(2, 1fr); }
    .TechnicalConnection .box .item .content2 { font-size: 0.26rem; }
    .TechnicalConnection .box .item { padding: 0.35rem 0.3rem; }
    .TechnicalConnection .box .item .content1 p img { height: 0.56rem; }
    .CompanyIntroduction .title { line-height: 1.5; margin-top: 0 }
    .CompanyIntroduction .box1 .left { font-size: 0.2rem; line-height: 1.8; }
    .Home_About .box2 { margin-top: 0.7rem; }
    /* .Home_About .box1 .img img { min-height: 4rem; }*/
    .CompanyIntroduction .box2 .logo { left: 5vw; top: 5vw; }
    .CompanyIntroduction .box2 .logo svg { transform: scale(0.4); }
    .CompanyIntroduction .box2 .data .item { width: 2.5rem; }
    .CompanyIntroduction .box2 .data .item .top span { font-size: 0.42rem; }

    .VisionMission .title_toggle { position: initial; }
    .VisionMission { padding: 0.9rem 0 0; }
    .VisionMission .title_toggle ul { display: flex; }
    .VisionMission .box { margin-top: 0.5rem; padding: 0; }
    .VisionMission .toggle { margin-top: 0.5rem; }
    .VisionMission .info .content2 { margin-top: 0.4rem; }
    .AsiaPacificRegion .box1 { margin-top: 0; }
    .AsiaPacificRegion .box1 .item ul li .icon img { height: 0.42rem; }
    .AsiaPacificRegion .box1 .item ul li { margin-right: 0.56rem; }
    .AsiaPacificRegion .box1 .item ul li .text,
    .News_Info .box .content4 div a .center,
    .MajorShareholder .box table tr th,
    .MajorShareholder .box table tr td { font-size: 0.2rem; }
    .GroupStructure { margin-top: 0.92rem; }
    .GroupStructure .title { margin-top: 0.7rem; }
    .News_Info .box { padding: 0; }
    .News_List { grid-template-columns: repeat(2, 1fr); gap: 0.3rem; }
    .News_List .item a figcaption { padding: 0.4rem 0.3rem; }
    .Join_China_Container .box .content2 .item a .left { width: 1.6rem; }
    .Join_China_Container .box .content2 .item a .left img { width: 1.14rem; }
    .Join_China_Container .box .content2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0.2rem; }
    .Join_China_Container .box .content2 .item { width: auto; }
    .Join_China_Container .box .content2 .item a { margin-right: 0; }
    .Deliver_Container .box .img img { min-height: 5rem; }
    .Deliver_Container .box .orientation .main { padding: 0 0.5rem; }
    .Join_Global_Container .box .list .item .boxTop { display: grid; grid-template-columns: repeat(2, 1fr); position: relative; }
    .Join_Global_Container .box .list .item .boxTop .content4 { position: absolute; right: 0; top: 50%; transform: translateY(-50%); }
    .ServiceNetwork .box .banner .swiper .swiper-slide .item .content3 { position: initial; transform: translateY(0%); margin-top: 0.2rem; }
    .ServiceNetwork .box .banner .swiper .swiper-slide a { padding: 0.36rem 0 0.36rem 0.32rem; }
    .Stock_Container .box .boxLeft,
    .Stock_Container .box .boxRight { width: 100%; padding-right: 0; }
    .Stock_Container .box .boxRight { margin-top: 0.5rem; }
    .Stock_Container { padding-bottom: 0.92rem; }
    .Stock_Container .box { margin-top: 0.3rem; }
    .CorporateGovernance .box .item a .time { width: 1.6rem; }
    .CorporateGovernance .box .item a .button svg,
    .ResearchReport .box .swiper .swiper-slide a .right svg { transform: scale(1); }
    .ResearchReport .box .swiper .swiper-slide a { line-height: 0.38rem; padding: 0.3rem 0.3rem; }
    .ContactUs .box .box_main .list { grid-template-columns: repeat(2, 1fr); }
    .ContactUs .main div { font-size: 0.36rem; }
    .Home_News .box .banner .banner_btn { --l: -0.4rem; }
    .Home_Banner .button p { display: none; }
    .Home_Banner .swiper .swiper-slide .orientation { padding: 0 5vw; }
    .Home_About .box1 .data .item .top svg { transform: scale(0.7); }
    .Home_News .box .swiper .item figcaption { opacity: 1; }
    .budyy_dong1 img { width: 3rem; }
    .ProductIntroduction .box .boxRight { padding: 0 0.25rem 0.5rem 0.25rem; }
    .QA .box .list .item .top span { transform: translateY(-50%) scale(0.8); }
    .Home_Case .box .banner .swiper-slide .item { width: 100%; }
    .ProductIntroduction .box .boxLeft .banner_btn { margin: 0 !important; }
    .ProductIntroduction .box .boxLeft .banner_btn .prev { left: 0; }
    .ProductIntroduction .box .boxLeft .banner_btn .next { right: 0; }
    .Home_News .box .banner .banner_btn .button p { }
    .Home_News .box .banner .banner_btn .button p { position: initial; }
    .Home_News .box .banner .banner_btn { /*margin-top: 0.4rem !important;*/ /*padding-bottom:0.9rem ;*/ }
    .Home_News .box .banner .banner_btn .button { justify-content: center; }
    .latestNews .box .list .item a { padding: 0 0.2rem; }
    .latestNews .box .list .item a .title { padding-right: 0.3rem; }


    .product_list .item figure { height: 15vw; }
    .product_list .item figcaption { height: 0.55rem; line-height: 0.55rem; }

    .product_list1 .item figure { height: 15vw; }

    .product_list2 .item figure { height: 15vw; }
    .product_list2 .item figcaption { height: 0.55rem; line-height: 0.55rem; }

    .news_imgs .imgs { height: 5rem }

    .DevelopmentHistory .box2 .info { padding: 0.2rem 0.5rem; }

    .News_List .item a figure { height: 30vw }
}

@media screen and (max-width: 1000px) {
    .public_sub_title .info { width: 100% }
    .news_imgs .imgs { height: 3rem; margin-right: 0.2rem; }
    .news_imgs .font_list { padding: 0.15rem; }
    .news_imgs .font_list .item figure { font-size: 0.16rem; }
    .news_imgs .font_list .item figcaption { font-size: 0.16rem; line-height: 0.25rem }

    .CorporateCulture .box .swiper-slide .info { top: 0.3rem }
    .CorporateCulture .box .info .inner { padding: 0 0.2rem; }
    .CorporateCulture .box .info h3 { font-size: 0.2rem; color: #fff; line-height: 0.35rem; }
    .CorporateCulture .box .info .en { font-size: 0.2rem; color: #fff; line-height: 0.35rem; margin-top: 0rem; margin-bottom: 0.3rem; }
    .CorporateCulture .box .cate-box { position: static; padding-left: 0; padding-right: 0; }


    .CorporateCulture .box .cate-box .box-container { flex-flow: wrap; padding-left: 0; padding-right: 0; }
    .CorporateCulture .box .cate-box a { width: 50%; padding: 0.1rem 0.1rem; }

    .CorporateCulture .box .cate-box .icon { width: 0.4rem; height: 0.4rem; margin-right: 0.2rem; }
    .CorporateCulture .box .cate-box .name { font-size: 0.16rem; line-height: 0.25rem; }
    .CorporateCulture .box .cate-box p { line-height: 0.2rem; font-size: 0.12rem; margin-top: 0rem; }

    .DevelopmentHistory .box1 .item .title { font-size: 0.2rem; }
    .DevelopmentHistory .box1 .item .time { font-size: 0.2rem; }

    .DevelopmentHistory .box2 .info { padding: 0.05rem 0.1rem; }
    .DevelopmentHistory .box2 .desc { line-height: 0.25rem; }

    .Home_Business .swiper-slide .orientation { padding: 0.5rem 0; padding-left: 10%; }
    .Home_Business .swiper-slide .orientation .content3 { right: 0.2rem; width: 100%; font-size: var(--f20);        margin-top: 0.3rem;gap: 0.16rem; }
    .Home_Business .swiper-slide .orientation .content5 { right: 0.2rem; }

    .CorporateHonor .list li { width: 100%; height: auto; padding: 0.2rem 0.3rem; margin-bottom: 0.2rem; }
    .CorporateHonor .list li:last-child { margin-bottom: 0; }
    .CorporateHonor .list li .year { font-size: 0.28rem; width: 1rem; padding-right: 0.15rem; }
    .CorporateHonor .list li .title { font-size: 0.22rem; line-height: 0.46rem; }
    .CorporateHonor .list li .icon { width: 0.3rem; height: 0.4rem; }
    .CorporateHonor .list .loading { margin-top: 0.8rem; }


    .OurPartner .list li { position: relative; width: 32.29%; margin-top: 1.565%; margin-right: 1.565%; background-color: #fff; }
    .OurPartner .list li:nth-child(4n) { margin-right: 1.565%; }
    .OurPartner .list li:nth-child(-n+4) { margin-top: 1.565%; }

    .OurPartner .list li:nth-child(-n+3) { margin-top: 0; }
    .OurPartner .list li:nth-child(3n) { margin-right: 0; }
    .product_list1 { height: 66vw; }
    .product_list1 .item { height: 31vw; }
    .product_list1 .item figcaption { height: 5.5vw; line-height: 5.5vw; }
    .product_list1 .item figure { height: 25vw; }

    .product_list2 .item figure { height: 25vw; }
    .product_list2 .item figcaption { height: 0.55rem; line-height: 0.55rem; }

    .join .box .tab-box { margin-bottom: 0.3rem; }
    .join .box .tab-box a { padding: 0.4rem 0.26rem; flex-flow: wrap; }
    .join .box .tab-box .key { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.26rem; margin: 0 auto; }
    .join .box .tab-box .info { flex: 0 0 100%; line-height: 0.38rem; text-align: center; }
    .join .box .tab-box .name { font-size: 0.2rem; }
    .join .box .tab-box p { font-size: 0.14rem; line-height: 0.25rem; }


    .join .box .swiper-box .box-container { padding: 0.15rem 0.15rem 0; }
    .join .box .swiper-box .swiper-slide { flex-flow: wrap; flex-direction: column-reverse; }
    .join .box .swiper-box .title { font-size: 0.2rem; line-height: 0.3rem; }
    .join .box .swiper-box .key { font-size: 0.4rem; line-height: .6rem; right: 0.2rem; bottom: -0.15rem; }
    .join .box .swiper-box .info,
    .join .box .swiper-box .pic { width: 100%; }
    .join .box .swiper-box .info { padding: 0.3rem 0.3rem .7rem; }
    .join .box .swiper-box .info:before { width: 0.3rem; left: 0; top: 0.15rem; height: 0.5rem }
    .join .box .swiper-box .btn-box { left: 0.2rem; bottom: 0.3rem; }
    .join .box .swiper-box .btn-box span.current { font-size: 16px; }
    .join .box .swiper-box .swiper-btn { top: -2px; width: 7px; height: 16px; }
    .join .box .swiper-box .prev { margin-right: 0.2rem; }
    .join .box .swiper-box .next { margin-left: 0.2rem; }

    .join .join_nav li .title { font-size: var(--f26); }
    .join .join_nav li .icon { width: 0.45rem; height: 0.45rem; }
    .join .join_list .list .c span { height: 0.6rem; font-size: var(--f20) }
    .join .join_list .list .c i { width: 0.3rem; height: 0.3rem; }
    .join .join_list .list .title .c span { height: 0.8rem; }
    .join .join_list .list .join_content { padding: 0.2rem 0.3rem; }

    .news-wrapper .first-box { margin-bottom: 0.3rem; }
    .news-wrapper .swiper-box { width: 100%; }
    .news-wrapper .swiper-box .info { padding: 0.2rem 1rem 0.2rem 0.36rem; }
    .news-wrapper .swiper-box .title { font-size: 0.25rem; height: 0.35rem; line-height: 0.35rem }
    .news-wrapper .swiper-box .swiper-pagination { bottom: 0.3rem; right: 0.3rem; }
    .news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet { width: 0.14rem; height: 0.14rem; }
    .news-wrapper .news-box { display: none; }
    .news-wrapper .desc { font-size: 0.28rem; line-height: 0.48rem; height: auto; max-height: 0.96rem; margin: 0.1rem auto 0.2rem; }
    .news-wrapper .swiper-box .date { font-size: 0.16rem; line-height: 0.3rem; margin-top: 0.1rem; }

    .ContactUs .contact .title { font-size: var(--f26) }
    .ContactUs .contact .main { align-items: stretch; }
    .ContactUs .contact .main .item { font-size: 0.16rem; width: 49%; margin-right: 2% !important }
    .ContactUs .contact .main .item:nth-child(2n+2) { margin-right: 0% !important }

    .ContactUs .maps { height: 4rem; margin-top: 0.3rem }
    .ContactUs .message .msg_left { width: 100%; }
    .ContactUs .message .msg_left .info { margin-top: 0.3rem; }
    .ContactUs .message .msg_right { width: 100%; }
    .ContactUs .message .msg_left .title { font-size: var(--f26) }
    .ContactUs .message .msg_left .title_cn { font-size: var(--f20) }
    .ContactUs .message .msg_left .info { font-size: var(--f16) }

    .Home_About .box2 { margin-top: 0.4rem; }

    .News_List .item a figure { height: 30vw }

    .News_List .item a figcaption { padding: 0.2rem 0.15rem; }
    .News_List .item a figcaption .title { margin-top: 0.1rem; }
    .News_List .item a figcaption .desc { margin-top: 0.1rem; }
    .News_List .item a figcaption .time { margin-top: 0.1rem; }
}

@media screen and (max-width: 800px) {
    .w1720 { padding-left: 1vw; padding-right: 1vw; }
    .HomtTitle, .public_title { font-size: var(--f20); }
    .public_title .desc { margin-top: 0.2rem; font-size: var(--f26); }
    .Home_About .box .boxRight .about_title { font-size: var(--f26); }

    .Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title { font-size: 0.28rem; line-height: 1.5; }
    .Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title span { font-size: 0.18rem; line-height: 1.2; }


    .Home_Business .button { left: 66.5%; width: 8%; height: 8vw; }

    .Home_District .map { margin-bottom: 4rem }

    .product_list { width: 94%; margin: auto }
    .product_list .item { width: 48%; margin-right: 4% !important }
    .product_list .item:nth-child(2n+2) { margin-right: 0 !important }
    .product_list .item figure { height: 25vw; }
    .product_list .item figcaption { height: 0.6rem; line-height: 0.6rem; }


    .product_list1 { height: 66vw; }
    .product_list1 .item { height: 31vw; }
    .product_list1 .item figcaption { height: 5.5vw; line-height: 5.5vw; }
    .product_list1 .item figure { height: 25vw; }

    .product_list2 { width: 100%; margin: auto; }
    .product_list2 .item { width: 48%; }
    .product_list2 .item figure { height: 25vw; }
    .product_list2 .item figcaption { height: 0.6rem; line-height: 0.6rem; }

    .news_imgs .imgs { height: 3rem; margin-right: 0.15rem; }
    .news_imgs .font_list { padding: 0.1rem; }
    .news_imgs .font_list .item figure { font-size: 0.16rem; }
    .news_imgs .font_list .item figcaption { font-size: 0.16rem; line-height: 0.25rem }

    .DevelopmentHistory .box1 .item { width: 50%; border-bottom: 1px solid #D5D5D5; padding: 0.2rem 0 }
    .DevelopmentHistory .box1 .item:nth-last-child(-n+2) { border-bottom: 0 }
    .DevelopmentHistory .box1 .item:nth-child(2):after { display: none }
    .DevelopmentHistory .box1 .item .show_box {width:96% }
    .DevelopmentHistory .box1 .item .show_box p { font-size: 0.14rem; }


    .DevelopmentHistory .box2 { flex-wrap: wrap; margin-top: 0.5rem; }
    .DevelopmentHistory .box2 .pic { width: 100% }
    .DevelopmentHistory .box2 .info { width: 100%; margin-top: 0.1rem; padding: 0.1rem 0.2rem; }

    .CorporateHonor .list li .year { font-size: 0.26rem; width: 1rem; padding-right: 0.15rem; }
    .CorporateHonor .list li .title { font-size: 0.2rem; line-height: 0.4rem; }
    .CorporateHonor .list li .icon { width: 0.28rem; height: 0.35rem; }

    .CorporateHonor .list .loading { margin-top: 0.6rem; }


    .OurPartner .list li { position: relative; width: 49%; margin-top: 2%; margin-right: 2%; background-color: #fff; }
    .OurPartner .list li:nth-child(4n) { margin-right: 2%; }
    .OurPartner .list li:nth-child(-n+4) { margin-top: 2%; }

    .OurPartner .list li:nth-child(-n+3) { margin-top: 2%; }
    .OurPartner .list li:nth-child(3n) { margin-right: 2%; }

    .OurPartner .list li:nth-child(-n+2) { margin-top: 0; }
    .OurPartner .list li:nth-child(2n) { margin-right: 0; }
    .OurPartner .list li .pic { height: 1rem }
    .pic-swiper .swiper-slide .name { line-height: 0.3rem; font-size: var(--fs14); }


    .join .box .tab-box { margin: 0.3rem 0 0.1rem; }
    .join .box .tab-box a { padding: 0.2rem 0.15rem; flex-flow: wrap; }
    .join .box .tab-box .key { width: 0.5rem; height: 0.5rem; line-height: 0.5rem; font-size: 0.22rem; margin: 0 auto; }
    .join .box .tab-box .info { flex: 0 0 100%; line-height: 0.38rem; text-align: center; }
    .join .box .tab-box .name { font-size: 0.18rem; }
    .join .box .tab-box p { font-size: 0.12rem; line-height: 0.2rem; margin: auto }

    .Home_About .box2 { margin-top: 0.3rem; }
    .DevelopmentHistory .box2 .desc { line-height: 0.3rem; font-family: 'gilroy_light' }

    .News_List .item a figure { height: 30vw }
    .News_List .item a figcaption { padding: 0.2rem 0.15rem; }
    .News_List .item a figcaption .title { margin-top: 0; }
    .News_List .item a figcaption .desc { margin-top: 0.1rem; font-size: var(--f16); font-family: "gilroy_light",FangSong }
    .News_List .item a figcaption .time { margin-top: 0.1rem; }
}

@media screen and (max-width: 669px) {
    .m130 { margin-top: 0.4rem; }
    .Home_About { min-height: auto }
    .Home_About .box2 { margin-top: 0.2rem; }
    .Home_News .box .banner .banner_btn { /*margin-top: 0.4rem !important;*/ padding-bottom: 0.9rem; }
    .ProductIntroduction .box .boxLeft .banner_btn { display: none; }
    .MobileMain .HeaderMobile .box .logo a img { height: 20px; }
    .MobileMain .HeaderMobile .box .button .search p svg { transform: scale(0.8); }
    .Home_About .box1 .data .item { width: 1.9rem; }
    .Home_About .box1 .data .item .bot { width: 80%; }
    .Home_About .box1 .logo svg { transform: scale(0.25); }
    .Home_About .box1 .data { right: 0; }
    .Home_About .box1 .data .item { width: 1.4rem; margin: 0; }
    .Home_About .box1 .data .item .top span { font-size: 0.36rem; }
    .Home_About .box1 .data .item .top svg { transform: scale(0.5); }
    .Home_Business .swiper-slide { transform: 0; }
    .Home_Business .swiper-slide .img,
    .Home_Business .swiper-slide .img p { transform: skew(0deg); }

    .Home_Business .swiper-slide .orientation { padding: 0.15rem 5vw; overflow: hidden; }
    .Home_Business .swiper-slide .orientation .content5 img { width: 0.8rem; }
    .Home_Business .swiper-slide .orientation .content1 { font-size: 0.26rem; }
    .Home_Business .banner { padding: 0 5vw; }
    .Home_Business .swiper-slide .orientation .content3 { margin-top: .2rem;  gap: 0.05rem;        font-size: var(--f14); }
    .Home_Business .swiper-slide .orientation .content3 a { font-size: var(--f14); }
    .Home_Business .swiper-slide .img img { height: 3.2rem; width: 100%; transform: skew(0deg); max-width: 100%; margin: auto; }
    .Home_Business .button { display: none }
    .Home_Case .box .banner .swiper-slide .item a .orientation { padding: 0.4rem 0.4rem 0; }
    .banner_btn { margin-top: 0.6rem !important; }
    .Home_News .box .swiper .item figcaption { padding: 0 0.2rem; }
    .Home_News .box .swiper .swiper-slide .item figcaption { opacity: 1; margin-top: -0.4rem; }
    .Home_Buddy { padding-top: 0; }
    .Home_Buddy .box .banner .swiper .swiper-wrapper .swiper-slide { width: 2rem; height: 1.1rem; }
    .Home_District .map { display: none; }
    .Home_District .map .img { opacity: 0; }
    .Home_District .orientation { position: initial; }
    .footer .box .boxRight .boxTop { justify-content: flex-start; }
    body { --f14: 12px; --f16: 14px; --f52: 0.37rem; --f18: 16px; --f20: 0.2rem; --f26: 0.23rem; --f30: 0.25rem; --f36: 0.32rem; --f48: 0.35rem; }

    .ProductIntroduction .box .boxLeft .banner { width: 90%; }
    .ProductAdvantage .box .list .item .desc { flex: 1 100%; width: 100%; margin-top: 0.2rem; }
    .p94 { padding-top: 0.72rem; }
    .p94_ { padding-bottom: 0.72rem; }
    .Case_List .box .list,
    .SocialResponsibility .box .list { grid-template-columns: repeat(1, 1fr); }
    .pu_page .number { display: none; }
    .DownloadCenter .box .banner .swiper .swiper-slide figure { padding: 0; }
    .HomtTitle { font-size: var(--f16); }
    .Home_About .box .boxRight .about_title { font-size: var(--f20); }
    .public_title .desc { margin-top: 0.2rem; font-size: var(--f20); }
    .DownloadCenter,
    .CompanyIntroduction .box1 { margin-top: 0.7rem; }
    .CompanyIntroduction .box1 .left,
    .CompanyIntroduction .box1 .right { width: 100%; }
    .CompanyIntroduction .box1 .right { margin-top: 0.3rem; }

    .CompanyIntroduction .box2 .data .item { width: 1.9rem; }
    .CompanyIntroduction .box2 .data .item .bot { width: 100%; font-size: var(--f14); }
    .CompanyIntroduction .box2 .logo svg { transform: scale(0.25); }
    .CompanyIntroduction .box2 .data { right: 0; }
    .CompanyIntroduction .box2 .data .item { width: 32%; margin: 0; }
    .CompanyIntroduction .box2 .data .item .top span { font-size: 0.36rem; }
    .CompanyIntroduction .box2 .data .item .top svg { transform: scale(0.5); }

    .CompanyIntroduction_lb .box .banner .swiper-slide { width: 100%; padding-right: 5vw; }
    .CompanyIntroduction_lb .box .banner .swiper-slide .main .left p { width: 1.34rem; height: 1.34rem; }
    .CompanyIntroduction_lb .box .banner .swiper-slide .main { padding: 0.45rem 0.3rem; }
    .CompanyIntroduction_lb .box .banner .swiper-slide .main .right { padding-left: 0.4rem; }
    .CompanyIntroduction_lb .box .banner .swiper-slide .main .right .content2 { margin-top: 0.8rem; font-size: 0.86rem; height: auto; line-height: 1; }
    .DevelopmentCourse .banner_btn { margin-top: 0 !important; }
    .AsiaPacificRegion .box1 .item ul li { margin-right: 0.56rem; margin-bottom: 0.4rem; }
    .AsiaPacificRegion .box1 .item h5 { display: none; }
    .AsiaPacificRegion .box2 ul li { font-size: 0.24rem; }
    .GroupStructure { margin-top: 0.7rem; }
    .Home_News .box .banner .banner_btn { --l: -0.3rem; }
    .footer .box .boxRight .boxTop p { transform: scale(0.8); }
    .TechnicalConnection .box .item .content2 { margin-top: 0.4rem; }
    .TechnicalConnection .box { grid-template-columns: repeat(1, 1fr); }
    .DevelopmentCourse .banner_btn { transform: translateY(-0.7rem); }
    .ManufacturingCenter .box .toggle ul li { margin-right: 0.5rem; }
    .ManufacturingCenter .box .toggle_main .content2 .img img { min-height: 3rem; }
    .News_Info .box .content4 div a .left { width: 0.86rem; }
    .News_Info .box .content4 div a .center { padding-right: 0.5rem; }
    .News_List { grid-template-columns: repeat(1, 1fr); gap: 0.2rem; }
    .News_List .div1 { grid-area: auto; }
    .News_List .div1 a .orientattion { bottom: 0.28rem; }
    .Join_China_Container .box .content2 { grid-template-columns: repeat(1, 1fr); }
    .Join_China_Container .box .content1 { line-height: 1.5; }
    body { --f52: 0.28rem; }
    .Deliver_Container .box .orientation .main { padding: 0 0.3rem; }
    .Deliver_Container .box .orientation .main .content4 { margin-top: 0.35rem; }
    .CorporateGovernance .box .item a .time { width: 1.4rem; }
    .CorporateGovernance .box .item a { line-height: 0.4rem; padding: 0.2rem 0; }
    .CorporateGovernance .box .item a .name { padding-right: 0.2rem; }
    section.Administrator_Container div.w1720 div.box div.banner div.swiper div.swiper-wrapper div.swiper-slide div.content3 { margin-top: 0.44rem; }
    .InnerBanner .orientation .box .boxRight { width: 100%; margin-top: 0.3rem; }
    .InnerBanner .orientation .box .boxRight ul { flex-wrap: wrap; }
    .InnerBanner .orientation { bottom: 0.06rem; }
    .InnerBanner .orientation .box .boxRight ul li { margin-left: 0; margin-right: 0.2rem; margin-bottom: 0.1rem; }
    .ServiceNetwork .toggle ul li { margin: 0 0.3rem 0.2rem; }
    .ServiceNetwork .box .banner .swiper .swiper-slide .item .content2 { margin-top: 0.2rem; }
    .ServiceNetwork .box { margin-top: 0.42rem; }
    .Stock_Container .box .boxLeft .content2 p { font-size: 0.76rem; }
    .ContactUs .box .box_main .list { grid-template-columns: repeat(1, 1fr); }
    .MessageBoard .box .list { grid-template-columns: repeat(1, 1fr); gap: 0 0.54rem; }
    .MessageBoard .box .list .item input { height: 0.68rem; }
    .InnerBanner .orientation { bottom: 0.26rem; }


    .ApplicationField .box { margin-top: 0.4rem }
    .product_list .item { width: 100%; margin-right: 0% !important }
    .product_list .item figure { height: 40vw; }
    .product_list .item figcaption { height: 0.5rem; line-height: 0.5rem; }

    .product_list1 { height: 48vw; }
    .product_list1 .item { width: 100%; }
    .product_list1 .item figure { height: 40vw; }
    .product_list1 .item figcaption { height: 8vw; line-height: 8vw; }

    .product_list2 .item { width: 100%; }
    .product_list2 .item figure { height: 40vw; }
    .product_list2 .item figcaption { height: 0.5rem; line-height: 0.5rem; }

    .news_imgs { flex-wrap: wrap }
    .news_imgs .imgs { height: 3rem; margin-right: 0; width: 100%; }
    .news_imgs .imgs .swiper-slide figcaption { height: 0.7rem; padding: 0.1rem }
    .news_imgs .font_list { padding: 0.1rem; width: 100% }
    .news_imgs .font_list .item figure { font-size: 0.16rem; }
    .news_imgs .font_list .item figcaption { font-size: 0.16rem; line-height: 0.25rem }
    .news_imgs .imgs .swiper-pagination { padding-right: 0.1rem; bottom: 0.1rem; }


    .CorporateCulture .box .swiper-slide .info { top: 0.2rem }
    .CorporateCulture .box .info .inner { padding: 0 0.2rem; }
    .CorporateCulture .box .info h3 { font-size: 0.18rem; color: #fff; line-height: 0.3rem; }
    .CorporateCulture .box .info .en { font-size: 0.18rem; color: #fff; line-height: 0.3rem; margin-top: 0rem; margin-bottom: 0.3rem; }


    .Home_Business .swiper-slide .orientation .content4 { margin-top: 0.2rem; }

    .DownloadCenter .box .banner .swiper .swiper-slide figure { text-align: center; }
    .DownloadCenter .box .banner .swiper .swiper-slide figure img { width: 80%; }
    .MajorShareholder .box table tr th, .MajorShareholder .box table tr td { padding: 0.15rem 0; }

    .DevelopmentHistory .box2 .info { width: 100%; margin-top: 0.1rem; padding: 0.1rem 0.15rem; }

    .CorporateHonor .list li { width: 100%; height: auto; padding: 0.2rem 0.35rem; margin-bottom: 0.15rem; }

    .CorporateHonor .list li .year { font-size: 0.2rem; width: 0.7rem; padding-right: 0.1rem; }
    .CorporateHonor .list li .title { font-size: 0.16rem; line-height: 0.35rem; }
    .CorporateHonor .list li .icon { width: 0.18rem; height: 0.3rem; }
    .CorporateHonor .list .loading { margin-top: 0.4rem; }




    .join .box .swiper-box .box-container { padding: 0.15rem 0.15rem 0; }
    .join .box .swiper-box .swiper-slide { flex-flow: wrap; flex-direction: column-reverse; }
    .join .box .swiper-box .title { font-size: 0.16rem; line-height: 0.3rem; }
    .join .box .swiper-box .key { font-size: 0.4rem; line-height: .6rem; right: 0.2rem; bottom: -0.15rem; }
    .join .box .swiper-box .info,
    .join .box .swiper-box .pic { width: 100%; }
    .join .box .swiper-box .info { padding: 0.3rem 0.3rem .7rem; }
    .join .box .swiper-box .info:before { width: 0.3rem; left: 0; top: 0.15rem; height: 0.4rem }
    .join .box .swiper-box .btn-box { left: 0.2rem; bottom: 0.3rem; }
    .join .box .swiper-box .btn-box span.current { font-size: 16px; }
    .join .box .swiper-box .swiper-btn { top: -2px; width: 7px; height: 16px; }
    .join .box .swiper-box .prev { margin-right: 0.2rem; }
    .join .box .swiper-box .next { margin-left: 0.2rem; }


    .join .join_nav li .title { font-size: var(--f22); }
    .join .join_nav li .icon { width: 0.4rem; height: 0.4rem; }
    .join .join_list .list .c span { height: 0.6rem; font-size: 0.12rem }
    .join .join_list .list .c i { width: 0.26rem; height: 0.26rem; }
    .join .join_list .list .title .c span { height: 0.8rem }
    .join .join_list .list .join_content { padding: 0.1rem 0.15rem; }
    .join .join_list .list .join_content .content { font-size: 0.12rem }
    .join .join_list .list .join_content .email .img { width: 0.4rem }
    .join .join_list .list .join_content .email .info { font-size: 0.14rem; line-height: 0.22rem }


    .news-wrapper .first-box { margin-bottom: 0.3rem; }
    .news-wrapper .swiper-box { width: 100%; }
    .news-wrapper .swiper-box .info { padding: 0.1rem 0.2rem 0.1rem 0.2rem; }
    .news-wrapper .swiper-box .title { font-size: 0.18rem; height: 0.3rem; line-height: 0.3rem }
    .news-wrapper .swiper-box .swiper-pagination { bottom: 0.2rem; right: 0.2rem; }
    .news-wrapper .swiper-box .swiper-pagination .swiper-pagination-bullet { width: 0.1rem; height: 0.1rem; }
    .news-wrapper .news-box { display: none; }
    .news-wrapper .desc { font-size: 0.28rem; line-height: 0.48rem; height: auto; max-height: 0.96rem; margin: 0.1rem auto 0.2rem; }
    .news-wrapper .swiper-box .date { font-size: 0.14rem; line-height: 0.2rem; margin-top: 0.05rem; }

    .DevelopmentHistory .box2 .desc { line-height: 0.3rem; font-family: 'gilroy_light' }
}
/*# sourceMappingURL=./style.css.map */