body { --f14: 14px; --f16: 16px; --f18: 0.18rem; --f20: 0.2rem; --f24: 0.24rem; --f26: 0.26rem; --f28: 0.28rem; --f30: 0.30rem; --f36: 0.36rem; --f48: 0.48rem; --padding_w: 5.2vw; --f52: 0.52rem; --f60: 0.6rem; --f72: 0.72rem; letter-spacing:1px }

@media screen and (max-width: 1300px) {
    body { --f14: 13px; --f16: 14px; --f18: 0.16rem; --f20: 0.18rem; --f24: 0.20rem; --f26: 0.22rem; --f28: 0.23rem; --f30: 0.24rem; --f36: 0.28rem; --f48: 0.36rem; --f52: 0.42rem; --f60: 0.52rem; --f72: 0.62rem; --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; }
}
.none { display:none !important}
.header { top: 0; z-index: 9; width: 100%; transition: all 1s; -moz-transition: all 1s; -webkit-transition: all 1s; position: fixed; }
.header .nav { width: 100%; position:relative}

.header .box .logo { display: flex; align-items: center; }
.header .box .logo a { height: 39px; width: 416px; background: url(../images/logo_m.png) no-repeat; background-size: cover; display: block }

.header .box .main nav .item { padding: 0 0.2rem;  }
/*.header .box .main nav .item:hover > a::after, .header .box .main nav .item.active > a::after { height: 2px; background-color: #174897; overflow: hidden; position: absolute; left: 0; width: 100%; bottom: 0; content: '' }*/
.header .box .main nav .item > a { display: block; font-family: "gilroy_regular"; line-height: 1rem; font-size: 18px; color: #fff; position:relative }
.header .box .main nav .item.active > a, .header .box .main nav .item:hover > a { color: #174897; font-weight: bold; }


.header .box .main nav .item .gnbsub { position: absolute; width: 100%; left: 0; top: 1.2rem; z-index: -6; visibility: hidden; opacity: 0; padding-bottom: 0.5rem; box-shadow: 0 5px 15px rgba(0,0,0,0.15); background: #ffffffe6; border-top: 1px solid #ededed; padding-top: 0.5rem; transition: all 0.3s ease; display: block; }
.header .box .main nav .item .gnbsub .gnbsubm { width: 10rem; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; margin-left: 40%; }

.header .box .main nav .item .gnbsub  .gnbsubml { flex:1 1 0 }
.header .box .main nav .item .gnbsub .gnbsubml li {width:100%; }
.header .box .main nav .item .gnbsub .gnbsubml li .gnbsubh { padding: 20px 0; border-bottom: 1px solid #ededed;  transition: all 0.3s ease; }
.header .box .main nav .item .gnbsub .gnbsubml li .gnbsubh:hover { border-bottom: 1px solid #164797; }
.header .box .main nav .item .gnbsub .gnbsubml li dl { width: 100%; display: flex; align-items: center; flex-wrap: wrap; padding: 0.15rem 0; gap: 0.15rem 0.25rem }

.header .box .main nav .item .gnbsub .gnbsubml li dl dd  { width: 47%; }
.header .box .main nav .item .gnbsub .gnbsubml li dl dd a { font-size: var(--f16); }
.header .box .main nav .item .gnbsub .gnbsubml li dl dd a:hover { color: #164797; }

.header .box .main nav .item .gnbsub .gnbsubmr { width: 3.1rem; margin-left:0.85rem; }
.header .box .main nav .item .gnbsub .gnbsubmr img {width:100% }
.header .box .main nav .item .gnbsub .gnbsubi { position: absolute; width: 5px; height: 100%; right: 0; top: 0; }

.header .box .main nav .item .gnbsub  .gnbsubi:before, .gnbsubi:after { position: absolute; content: ''; left: 0; top: 0; width: 100%; height: 100%; transition: all 0.3s ease; }

.header .box .main nav .item .gnbsub .gnbsubi:before { background: url(../images/ico001.png) center no-repeat; background-size: 100% auto; }

.header .box .main nav .item .gnbsub .gnbsubi:after { background: url(../images/ico002.png) center no-repeat; opacity: 0; background-size: 100% auto; }







.header .box .main nav .item .gnbsub .gnbsubh a { font-size: var(--f18); display: block; position: relative; height: 20px; color: #2f2e2e; line-height: 20px; }

.header .box .main nav .item .gnbsub .gnbsubh a:hover { color: #164797; }

.header .box .main nav .item .gnbsub  .gnbsubh a:hover .gnbsubi:after { opacity: 1; }

.header .box .main nav .item .gnbsub  .gnbsubh a:hover .gnbsubi:before { opacity: 0; }

.header .box .main nav .item .gnbsub_invester .gnbsubdl { display: flex;  justify-content: space-between }
.header .box .main nav .item .gnbsub_invester li { float: left; width: 42% !important; margin-right: 2% !important; box-sizing: border-box; }
.header .box .main nav .item .gnbsub_invester .gnbsubdl::after { content: ""; display: block; clear: both; }



.header .box .main nav .item:hover .gnbsub { top: 1rem; visibility: visible; opacity: 1; z-index: 10; }


.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; position: relative; display: flex; align-items: center; }
.header .box .main .AnN .lang .diqiu { width: 23px; height: 23px; background: url(../images/diqiu0.png) no-repeat; background-size: cover; margin-right: 10px; transition: 0.4s; -webkit-transform: rotate (360deg); animation: rotation 2.8s linear infinite; -moz-animation: rotation 2.8s linear infinite; -webkit-animation: rotation 2.8s linear infinite; -o-animation: rotation 2.8s linear infinite; }
.header .box .main .AnN .lang a { line-height: 1rem; transition: 0.4s; color: #fff; }
.header .box .main .AnN .lang a i { font-size: var(--f14); color: #fff; font-weight: bolder; margin-left: 5px; }
/*.header .box .main .AnN .lang a:hover, .header .box .main .AnN .lang a.active { color: #FFED00; }*/
.header .box .main .AnN .lang ul { display: none; position: absolute; left: 85%; top: 0.85rem; z-index: 1; width: 150%; transform: translateX(-75%); background-color: #fff; }
.header .box .main .AnN .lang ul li { margin-bottom: 0.06rem; text-align: center }
.header .box .main .AnN .lang ul li:last-child { margin-bottom: 0; }
.header .box .main .AnN .lang ul li a { font-size: var(--f14); background-color: #fff; color: #000; transition: 0.4s; line-height: 0.3rem; position: relative; text-align: center; width: 100%; display: block }
.header .box .main .AnN .lang 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 .AnN .lang ul li a:hover { font-size: var(--f14); background-image: linear-gradient(to right,#2A4684,#683962,#CE242B); font-weight: bold }
.header .box .main .AnN .lang ul li a:hover i { left: -0.25rem; opacity: 1; }
.header .box .main .AnN .lang:hover ul { display: block; box-shadow: 0 0 10px rgba(167, 200, 214, .7); }
@-webkit-keyframes rotation {
    from { -webkit-transform: rotate(0deg); }
    to { -webkit-transform: rotate(360deg); }
}

.header .box .main .AnN .search p { cursor: pointer; }
.header.active { background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.header.active .box .logo a { height: 39px; width: 416px; background: url(../images/logo.png) no-repeat; background-size: cover }
.header.active .box .main nav .item > a { color: #000; }
.header.active .box .main nav .item ul li a { color: #616161; }
.header.active .box .main nav .item.active > a, .header .box .main nav .item:hover > a { color: #174897; font-weight: bold; }
.header.active .box .main .AnN .lang .diqiu { width: 23px; height: 23px; background: url(../images/diqiu.png) no-repeat; background-size: cover; margin-right: 10px; }
.header.active .box .main .AnN .lang a { color: #616161; }
.header.active .box .main .AnN .lang a i { color: #616161; }
.header.active .box .main .AnN .lang ul li a:hover { color: #fff }

.header.subheader { position:relative; }
.header.subheader { background: #fff; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .1); box-shadow: 0 0 10px rgba(0, 0, 0, .1); }
.header.subheader .box .logo a { height: 39px; width: 416px; background: url(../images/logo.png) no-repeat; background-size: cover }
.header.subheader .box .main nav .item > a { color: #000; }
.header.subheader .box .main nav .item ul li a { color: #616161; }
.header.subheader .box .main nav .item.active > a, .header .box .main nav .item:hover > a { color: #174897; font-weight: bold; }
.header.subheader .box .main .AnN .lang a { color: #616161; }
.header.subheader .box .main .AnN .lang a i { color: #616161; }
.header.subheader .box .main .AnN .lang ul li a:hover { color: #fff }


.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.6rem; line-height: 0.74rem; text-align:center }
.Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_title span { width: 100%; font-size: var(--f30); display: block; margin-top: 0.1rem;text-align:center }
.Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_button { margin: 1.45rem auto 0;  }
.Home_Banner .swiper .swiper-slide .orientation .banner_content .banner_button .ypj_a {text-align:center }
.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: #174796; background: #174796; 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); }

.index_title .title { font-size: var(--f28); font-family: 'gilroy_bold'; font-weight: 600 }
.index_title .desc { font-size: var(--f24); color: #737373; text-transform: uppercase; margin-top: 0.2rem; line-height: 1; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between }
.index_title .linear { height: 4px; width: 12px; background-image: linear-gradient(to right,#2A4684,#683962,#CE242B); margin: 0.1rem 0 0 }
.index_title .info { font-size: var(--f18); margin-top: 0.2rem; line-height: 2; text-align: center; width: 100%; margin: 0.4rem auto 0; color: #737373 }


.index_about { width: 100%; background: url(../images/index-about.jpg) no-repeat; background-size: 100% 100%; padding: 1.1rem 0 1.8rem; }
.index_about .box { display: flex; align-items: stretch; justify-content: space-between; width: 94%; margin-top: 0.7rem; margin-left: 3% }
.index_about .box .left { margin-left: 10%; width: 30%; display: flex; justify-content: space-between; flex-direction: column; padding: 0.2rem 0 }
.index_about .box .left .text { font-size: var(--f14); line-height: var(--f24); color: #000000;text-align: justify; /* 实现两端对齐 */ text-justify: inter-word; /* 调整单词间的间隔 */ }
.index_about .box .left .items { width: 80%; display: flex; justify-content: space-between; flex-wrap: wrap; }
.index_about .box .left .items .item { width: 50%; padding: 12px 0; }
.index_about .box .left .items .item .n { width: 100%; color: #164797; font-weight: bold }
.index_about .box .left .items .item .n span { font-size: var(--f30); }
.index_about .box .left .items .item .n samp { font-size: 12px }
.index_about .box .left .items .item .t { width: 100%; color: #666; font-size: 12px; }
.index_about .box .left .btns { width: 100%; }
.index_about .box .left .btns a { width: 1.6rem; height: 0.45rem; text-align: center; line-height: 0.45rem; color: #fff; font-size: 12px; font-weight: bold; background-image: linear-gradient(to right,#174796,#d10707); display: block; border-radius: 0.2rem 0 0.2rem 0 }
.index_about .box .left .btns a:hover { background-image: linear-gradient(to right,#072e6f,#b10405); }

.index_about .box .right { width: 50%; }
.index_about .box .right .img { width: 100%; position: relative; cursor: pointer }
.index_about .box .right img { width: 100%; border-radius: 1rem 0 1rem 0 }
.index_about .box .right .img::after { content: ''; background: url(../images/play.png) no-repeat; background-size: cover; width: 96px; height: 97px; position: absolute; z-index: 1; top: calc(50% - 48px); left: calc(50% - 48px); transition: 0.4s; }
.index_about .box .right .img:hover::after { width: 110px; height: 110px; top: calc(50% - 55px); left: calc(50% - 55px) }

.index_product { width: 100%; background: url(../images/index-product.jpg) no-repeat; background-size: 100% 100%; padding: 1.1rem 0; }
.index_product .box { width: 94%; margin-top: 0.2rem; margin-left: 3% }
.index_product .box .nav { display: flex; align-items: center; justify-content: center; width: 100%; column-gap: 0.2rem; font-size: var(--f30); line-height: 0.6rem; }
.index_product .box .nav .item { color: #656061; position: relative; cursor: pointer }
.index_product .box .nav .item.cur::after { content: ''; height: 7px; width: 100%; background-image: linear-gradient(to right, #2A4684, #683962, #CE242B); position: absolute; left: 0; bottom: 0; }

.index_product .box .list { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; margin-top: 0.8rem; }
.index_product .box .list .item { width: 23.5%; margin-right: 2%; margin-bottom: 0.3rem; border-radius: 0.1rem; background-image: radial-gradient(circle, #fff,#dce9ff, #d0e2ff); padding: 0.3rem; box-sizing: border-box }
.index_product .box .list .item:nth-child(4n+4) { margin-right: 0 }
.index_product .box .list .item figure { width: 100%; height: 10vw; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0.1rem 0.1rem 0 0; box-sizing: border-box }
.index_product .box .list .item figure img { max-width: 100%; max-height: 100%; transition: 0.4s; }
.index_product .box .list .item figcaption { width: 100%; text-align: center; font-size: var(--f14); }
.index_product .box .list .item:hover img { max-width: 110%; max-height: 110%; }
.index_product .box .list .item:hover { background-image: radial-gradient(circle, #fff,#E6EEF8, #AAC6EE, #91B5E9); }
.index_product .box .list .item:hover figcaption { color: #164797 }


.index_intellect { width: 100%; background: url(../images/index-intellect.jpg) no-repeat; background-size: 100% 100%; padding: 3rem 0 1.6rem; position:relative }
.index_intellect .sy_cr_mc { background: rgba(255, 255, 255, 0.2); position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; }
.index_intellect .str_left { width: 50%; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/img12s.png) no-repeat right; height: 100%; display: none; }
.index_intellect .str_right { width: 50%; position: absolute; top: 0; right: 0; z-index: 0; background: url(../images/img12b2.png) no-repeat left; height: 100%; display: none; }
.index_intellect .str_left1 { width: 52%; position: absolute; top: 0; left: 0; z-index: 0; background: url(../images/img12b.png) no-repeat right; height: 100%; display: none; }
.index_intellect .str_right1 { width: 52%; position: absolute; top: 0; right: 0; z-index:0; background: url(../images/img12b1.png) no-repeat left; height: 100%; display: none; }
.index_intellect .w1720 { z-index: 2 ; }
.index_intellect .box { width: 100%; display: flex; align-items: stretch; justify-content: space-between; }
.index_intellect .box .left { width: 36%; margin-left: 10%; display: flex; align-items: center; justify-content: space-between; flex-direction: column;  transform: translate(0, 0) !important; opacity: 1; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
.index_intellect .box .left .title { color: #fff; font-size: var(--f36); font-weight: bold }
.index_intellect .box .left .desc { color: #fff; font-size: var(--f18); line-height: var(--f30); text-transform: uppercase; }
.index_intellect .box .left .text { font-size: var(--f14); line-height: var(--f24); color: #fff; font-weight: initial; margin-top: 0.3rem; text-align: justify; /* 实现两端对齐 */ text-justify: inter-word; /* 调整单词间的间隔 */ }
.index_intellect .box .left .items { width: 100%; display: flex; justify-content: space-between; margin-top: 0.2rem }
.index_intellect .box .left .items .item { padding: 12px 0; }
.index_intellect .box .left .items .item .n { width: 100%; color: #fff; font-weight: bold; text-align: center }
.index_intellect .box .left .items .item .n span { font-size: var(--f36); }
.index_intellect .box .left .items .item .n samp { font-size: var(--f24); }
.index_intellect .box .left .items .item .t { width: 100%; color: #fff; font-size: var(--f14); text-align: center }
.index_intellect .box .left .btns { width: 100%; }


.index_intellect .box .right { width: 36%; margin-right: 5%; display: flex; align-items: center; justify-content: space-between; flex-direction: column; transform: translate(0, 0) !important; opacity: 1; -webkit-transition: 1s; -moz-transition: 1s; -ms-transition: 1s; -o-transition: 1s; transition: 1s; }
.index_intellect .box .right .title { color: #fff; font-size: var(--f36); font-weight: bold }
.index_intellect .box .right .desc { color: #fff; font-size: var(--f18); line-height: var(--f30); text-transform: uppercase; }
.index_intellect .box .right .text { font-size: var(--f14); line-height: var(--f24); color: #fff; font-weight: initial; margin-top: 0.3rem; text-align: justify; /* 实现两端对齐 */ text-justify: inter-word; /* 调整单词间的间隔 */ }
.index_intellect .box .right .items { width: 100%; display: flex; justify-content: space-between; margin-top: 0.8rem }
.index_intellect .box .right .items .item { padding: 12px 0; }
.index_intellect .box .right .items .item .n { width: 100%; color: #fff; font-weight: bold; text-align: center }
.index_intellect .box .right .items .item .n span { font-size: var(--f36); }
.index_intellect .box .right .items .item .n samp { font-size: var(--f24); }
.index_intellect .box .right .items .item .t { width: 100%; color: #fff; font-size: var(--f14); text-align: center }
.index_intellect .box .right .btns { width: 100%; }


.index_news { width: 100%; background-image: url(../images/index-news.jpg),linear-gradient(to bottom, #f8f5f5,#f8f5f5); background-repeat: no-repeat; background-size: auto 100%; padding: 1.1rem 0 0; }
.index_news .box { width: 100%; display: flex; align-items: stretch; justify-content: space-between; }
.index_news .box .svg-section { position: relative; padding: 50px 0; z-index: 5; overflow: hidden; width: 300px; margin-left: 15%; height: 900px; z-index: 0 }
.index_news .box .svg-section .svg-container { width: 300px; margin: 0 auto; position: relative; height: 1000px; }

#news-svg { width: 100%; height: 100%; }

/* 图标容器 - 精确定位 */
#icon-container { position: fixed; /* 改为fixed定位解决误差 */ width: 60px; height: 60px; transform: translate(-50%, -50%); pointer-events: none; z-index: 20; will-change: transform; /* 优化性能 */ }
#moving-icon { width: 100%; height: 100%; filter: drop-shadow(0 0 5px rgba(0,0,0,0.3)); transition: transform 0.2s ease; }

/* 圆点样式 */
.dot { fill: none; stroke-width: 1px; transition: all 0.3s ease; }
.dot-gray { stroke: #c4c4c4; }
.dot-active { stroke: #000; fill: none; }
.index_news .box .inewlist { width: 65%; padding-bottom: 1rem }
.index_news .box .inewlist .item { padding: 40px 0; border-bottom: 1px solid #eae9e9; display: flex; align-items: stretch; justify-content: space-between }
.index_news .box .inewlist .item img { width: 36.4%; }
.index_news .box .inewlist .item .fr { margin-left: 1rem; flex: 1 1 0; }
.index_news .box .inewlist .item .fr .name { font-size: var(--f16); line-height: var(--f48); color: #333; }
.index_news .box .inewlist .item .fr .time { font-size: 12px; line-height: var(--f24); color: #656565; }
.index_news .box .inewlist .item .fr .sm { margin-top: 25px; font-size: 12px; line-height: var(--f20); color: #666; }
.index_news .box .inewlist .item .fr .more { background: #164797; border-radius: 0.1rem 0 0.1rem 0; margin-top: 25px; width: 1.2rem; height: 0.4rem; line-height: 0.4rem; color: #fff; text-align: center; overflow: hidden; font-size: var(--f14); transition: 0.4s; }
.index_news .box .inewlist .item:hover .more { background-image: linear-gradient(to right,#174796,#d10707); }



.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); font-weight: 500; 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: 3px 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 { margin: auto; cursor: pointer; font-size: var(--f20); color: #fff; width: 2.14rem; line-height: 0.62rem; text-align: center; background-image: linear-gradient(to right, #174796, #d10707); border-radius: 0.2rem 0 0.2rem 0; 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-image: linear-gradient(to right, #072e6f,#b10405); transform-origin: left top; border-radius: 0.2rem 0 0.2rem 0; }
.ypj_a .ypj_btn::after { content: ''; position: absolute; right: 0; top: 0; width: 100%; height: 100%; background-image: linear-gradient(to right, #072e6f,#b10405); transform-origin: right bottom; border-radius: 0.2rem 0 0.2rem 0; }
.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; }

.mapTop { margin-top: -1.2rem; }
.footer { background: #174897; min-height: 2rem; position: relative; z-index: 1; padding: 1rem 0 0; }
.footer .box { align-items: stretch; padding-bottom: 0.5rem }
.footer .box .boxLeft .logo { display: flex; align-items: flex-end; }
.footer .box .boxLeft .logo img { height: 39px; width: 416px; }


.footer .box .boxRight { display: flex; align-items: flex-end; justify-content: space-between; flex-wrap: wrap; gap: 20px 30px }

.footer .box .boxRight .item { width: 28%; }
.footer .box .boxRight .item a { font-size: var(--f16); color: #fff; transition: 0.4s; }
.footer .box .boxRight .item a:hover { color: #FE6808; }


.footer .box1 { padding: 0.5rem 0; letter-spacing: 0px;  }
.footer .box1 .left { color: #C0CDE3; font-family: "微软雅黑",sans-serif }
.footer .box1 .left p { padding: 5px 0 }
.footer .box1 .left a { color: #C0CDE3; display: inline-block; margin-left: 0.1rem; transition: 0.4s; font-size: var(--f14); }
.footer .box1 .left a:hover { color: #FE6808; }
.footer .box1 .right { display: flex; align-items: center; justify-content: space-between }
.footer .box1 .right .item { height: 46px; min-width: 46px; border: 1px solid #345FA5; border-radius: 33px; margin-right: 10px; padding: 6px; display: flex; align-items: center; justify-content: center; position: relative; cursor: pointer }
.footer .box1 .right .item span { margin-left: 5px; color: #C0CDE3; font-weight: bold; font-size:var(--f16)}
.footer .box1 .right .item .content { min-width: 200%; left: -50%; border-radius: 10px; min-height: 30px; color: #174897; background-color: #fff; position: absolute; bottom: 60px; display: none; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; padding: 2px; }
.footer .box1 .right .item .content img { width: 100%; }
.footer .box1 .right .item:hover .content { display: flex }

.footer .box1 .right .wzdt { margin-left: .6rem; position: relative; padding: 3px 0; cursor: pointer }

.footer .box1 .right .wzdt span { display: flex; align-items: center; width: 140px; height: 40px; background: #fff; justify-content: space-evenly; color: #174796; border-radius: 2px cursor:pointer }
.footer .box1 .right .wzdt span::after { content: ''; width: 0; height: 0; border-left: 5px solid transparent; /* 左边框 */ border-right: 5px solid transparent; /* 右边框 */ border-top: 5px solid black; /* 上边框，颜色可以根据需要更改 */ }
.footer .box1 .right .wzdt .content { min-width: 110%; left: -5%; border-radius: 5px; min-height: 30px; color: #174897; background-color: #fff; position: absolute; bottom: 50px; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; padding: 10px; z-index: 1; display: none }
.footer .box1 .right .wzdt .content a { width: 100%; text-align: center; display: block; line-height: 30px; color: #174897; border-bottom: 1px dotted #17489750 }
.footer .box1 .right .wzdt .content a:last-child { border: 0 }

.footer .box1 .right .wzdt:hover .content { display: block }
.footer .box1 .right .wzdt a:hover { color: #FE6808; }

.InnerBanner { position: relative; }
.InnerBanner .img img { width: 100%; }
.InnerBanner .orientation { position: absolute; left: 10%; top: 40%; width: 80%; z-index: 1; }
.InnerBanner .orientation .box .boxLeft { font-size: 0.52rem; color: #fff; line-height: 1; display: flex; flex-direction: column; font-family: 'gilroy_bold' }
.InnerBanner .orientation .box .boxLeft span, .InnerBanner .orientation .box .boxLeft a { font-size: 0.42rem; letter-spacing: 5px; color: #fff; line-height: 1.4; font-weight: 800; text-shadow: 4px 4px 6px #a8afca50, /* 右下 */ -4px 4px 6px #a8afca50, /* 左上 */ -4px -4px 6px #a8afca50, /* 左下 */ 4px -4px 6px #a8afca50; /* 右上 */ }
.InnerBanner .orientation .box .boxLeft samp { font-size: 0.25rem; color: #fff; line-height: 1.2; font-weight: 600; font-family: Arial; text-transform: unset; text-shadow: 4px 4px 6px #a8afca50, /* 右下 */ -4px 4px 6px #a8afca50, /* 左上 */ -4px -4px 6px #a8afca50, /* 左下 */ 4px -4px 6px #a8afca50; /* 右上 */ }
.InnerBanner .orientation .box .boxLeft.pro a::after {content:''; width:0.39rem; height:0.39rem; background: url(../images/next2.png) right center no-repeat; background-size:0.39rem 0.39rem; padding-right:0.5rem; }

.InnerBanner .orientation .box .boxLeft.pro a.last{ margin-top:0.5rem }

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

.public_sub_title { width: 100%; display: flex; flex-direction: column; align-items: center; }
.public_sub_title .title { text-align: center; font-size: var(--f48); font-family: 'gilroy_bold'; font-weight: 600 }
.public_sub_title .desc { font-size: var(--f24); color: #737373; text-transform: uppercase; margin-top: 0.2rem; line-height: 1; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: space-between }
.public_sub_title .linear { height: 7px; width: 75px; background-image: linear-gradient(to right,#2A4684,#683962,#CE242B); margin: 0.1rem 0 0 }
.public_sub_title .info { font-size: var(--f18); margin-top: 0.2rem; line-height: 2; text-align: center; width: 100%; margin: 0.4rem auto 0; color: #737373 }

.public_sub_title2 { width: 100%; display: flex; flex-direction: column; align-items: center; position: relative }
.public_sub_title2 .title { text-align: center; font-size: var(--f36); font-family: 'gilroy_bold'; font-weight: 600; z-index: 1 }
.public_sub_title2 .desc { font-size: var(--f72); color: #F3F3F3; text-transform: uppercase; display: flex; align-items: center; justify-content: center; position: absolute; top: -0.2rem; width: 100%; z-index: 0 }

.CompanyIntroduction { background-color: #fff; }
.CompanyIntroduction .box { border-radius: 0.2rem; overflow: hidden; margin-top: 0.7rem; }
.CompanyIntroduction .box img { width: 100%; }
.CompanyIntroduction .box1 { margin-top: 0.5rem; display: flex; align-items: start; background: url(../images/about-bg1.png) top left no-repeat; background-size: auto }
.CompanyIntroduction .box1 .left { flex:1 1 0; margin-right:8%; font-size: var(--f36); line-height: 0.45rem; }
.CompanyIntroduction .box1 .left .public_sub_title { padding-top: 0rem; align-items: start }
.CompanyIntroduction .box1 .left .content1 { margin-top: 1rem; font-size: var(--f16); line-height: 3; color: #333; }
.CompanyIntroduction .box1 .left .content1 p { text-align: justify; /* 实现两端对齐 */ text-justify: inter-word; /* 调整单词间的间隔 */ }
.CompanyIntroduction .box1 .right { max-width: 581px; display: flex; justify-content: center }
.CompanyIntroduction .box1 .right img { width:100%}
.CompanyIntroduction .box2 { width: 100%; margin-top: 0.9rem; display: flex; align-items: center; justify-content: space-between }
.CompanyIntroduction .box2 .item { width: 20%; border: 2px solid #F2F5FA; border-radius: 10px; padding: 2% 0; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.CompanyIntroduction .box2 .item img { width: 48px; }
.CompanyIntroduction .box2 .item span { font-size: var(--f48); font-family: 'gilroy_bold'; font-weight: 600 }
.CompanyIntroduction .box2 .item samp { font-size: var(--f18); font-family: 'gilroy_bold'; font-weight: 400 }

.DevelopmentHistory { padding-top: 0.5rem; background: url(../images/our_history.jpg) no-repeat; background-size: 100% 100%; position: relative }

.DevelopmentHistory .box { width: 100%; display: flex; align-items: center; margin: 0.5rem 0px 0; box-sizing: border-box; }
.DevelopmentHistory .box .list { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; justify-content: space-between }
.DevelopmentHistory .box .list img { width: 100% }
.DevelopmentHistory .box .items { width: 33% }
.DevelopmentHistory .box .items .title { color: #010101; font-size: var(--f24); line-height: var(--f36); text-align: center; margin-bottom: 0.8rem }
.DevelopmentHistory .box .item { width: 90%; border-radius: 0.1rem; padding: 0.1rem 0; display: flex; justify-content: space-between; font-size: var(--f16); line-height: var(--f24) }

.DevelopmentHistory .box .item span { color: #1b498c; font-family: "gilroy_Medium" }
.DevelopmentHistory .box .item samp { flex: 1 1 0; margin-left: 0.25rem; color: #636161; font-family: 'gilroy_regular'; }
.DevelopmentHistory .box .items.one .title { margin-bottom: 0.5rem }
.DevelopmentHistory .box .list .items.two { margin-top: -1.1rem; }
.DevelopmentHistory .box .list .items.three { margin-top: -2.2rem; }
.DevelopmentHistory .box .list .items.three .title { width: 85% }

.CorporateHonor { padding-top: 0.5rem; background-color: #fff }

.CorporateHonor .list { margin-top: 0.9rem; display: flex; flex-wrap: wrap; align-items: stretch; }
.CorporateHonor .list .item { width: 22.75%; margin-right: 3%; margin-bottom: 2%; }
.CorporateHonor .list .item figure { width: 100%; height: 2.5rem; overflow: hidden; display: flex; align-items: center; justify-content: center }
.CorporateHonor .list .item img { width: 100%; height: 100%; object-fit: inherit; transition: all 0.5s; }
.CorporateHonor .list .item figcaption { width: 100%; text-align: center; color: #000000; font-size: var(--f18); padding: 0.1rem 0; }

.CorporateHonor .list .item:nth-child(4n) { margin-top: 0; margin-right: 0 }
.CorporateHonor .list .item:hover img { width: 110%; height: 110%; }


.OurPartner { padding-top: 0.5rem; background: url(../images/Cooperative_Clients.jpg) no-repeat; background-size: 100% 100% }
.OurPartner .list { margin: 0.9rem auto 0; position: relative; width: 100%; }
.OurPartner .list .swiper { margin: auto; width: calc(100% - 150px) }
.OurPartner .list ul { display: flex; flex-flow: wrap; align-items: stretch; }
.OurPartner .list li { position: relative; background-color: #fff; 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.a img { width: 0.28rem; max-height: 1.3rem }


.OurPartner .banner_btn { width: 100%; position: absolute; top: calc(50% - 26px); z-index: 1; }
.OurPartner .banner_btn .button { width: 100%; display: flex; align-items: center; justify-content: space-between }
.OurPartner .banner_btn .button .prev { width: 52px; height: 52px; background: url(../images/icon-prev1.png) no-repeat; background-size: cover; background-position: 0 0; cursor: pointer }
.OurPartner .banner_btn .button .next { width: 52px; height: 52px; background: url(../images/icon-next1.png) no-repeat; background-size: cover; background-position: 0 0; cursor: pointer }
.OurPartner .banner_btn .button span:hover { background-position: -52px 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 }
.OurPartner .public_sub_title .title { color: #fff; }
.OurPartner .public_sub_title .desc { color: #fff; }




.OurVision { padding-top: 0.8rem; background: #fff }
.OurVision .box { background: url(../images/about-bg.jpg) no-repeat; background-size: 100% 100%; padding: 110px; height: 5.2rem; box-sizing: border-box; display: flex; flex-direction: column; justify-content: space-between; color: #fff }
.OurVision .box h5 { font-size: var(--f48); font-weight: bolder }
.OurVision .box p { font-size: var(--f24); line-height: 2; letter-spacing: 2px }




.contentbox { padding-top: 0.8rem; background: #fff }
.contentbox .box { width: 100%; margin-top: 0.5rem; display: flex; align-items: stretch; justify-content: space-between; }
.contentbox .box .map { width: 70%; }
.contentbox .box .content { background: #1B4580; flex: 1 1 0; padding: 0.5rem; display: flex; flex-direction: column; color: #fff; }
.contentbox .box .content .title { font-size: var(--f24); width: 100%; }
.contentbox .box .content .desc { font-size: var(--f16); color: #fff; width: 100%; margin-bottom: 0.3rem; }
.contentbox .box .content .item { width: 100%; margin-top: 0.3rem; padding-left: 0.3rem; box-sizing: border-box; line-height: 2 }
.contentbox .box .content .item span { font-size: var(--f14); display: block; font-weight: bold }
.contentbox .box .content .item samp { font-size: var(--f16); display: block }
.contentbox .box .content .item01 { background: url(../images/address.png) left 0.03rem no-repeat; }
.contentbox .box .content .item02 { background: url(../images/tel.png) left 0.05rem no-repeat; }
.contentbox .box .content .item03 { background: url(../images/email.png) left 0.05rem no-repeat; }

.messagebox { padding-top: 0.5rem; background: #fff }
.messagebox .box { width: 100%; margin-top: 0.5rem; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 0.2rem; }
.messagebox .box input { border: 1px solid #D0D0D0; border-radius: 10px; padding: 0.1rem; display: flex; align-items: center; font-size: var(--f16); }
.messagebox .box .input { flex: 1 1 0; height: 0.6rem; }
.messagebox .box img { width: 2rem; height: 0.6rem; border-radius: 10px; }
.messagebox .box .code { width: 2.6rem; height: 0.6rem; }
.messagebox .box .textarea { width: 100%; height: 2.6rem; border: 1px solid #D0D0D0; border-radius: 0.1rem; padding: 0.1rem; }
.messagebox .box p { width: 100%; font-size: var(--f16); }
.messagebox .box .btns { width: 100%; display: flex; align-items: center; justify-content: flex-end; }
.messagebox .box .btns .btn { height: 0.6rem; width: 2.5rem; display: flex; align-items: center; justify-content: center; background-image: linear-gradient(to right,#325B97,#D6393F); border: 0; border-radius: 10px; font-size: var(--f24); color: #fff }

.productbox { padding-top: 0.5rem; background: #fff }

.product_list { width: 100%; display: flex; align-items: center; flex-wrap: wrap; margin-top: 0.2rem; }
.product_list .item { width: 48%; margin-right: 4%; margin-bottom: 0.7rem; border-radius: 0.1rem; background-color: #F5F5F5 }
.product_list .item:nth-child(4n) { margin-right: 0 }
.product_list .item figure { width: 100%; height: 22vw; display: flex; align-items: center; justify-content: center; overflow: hidden; border-radius: 0.1rem 0.1rem 0 0; padding: 0.4rem; box-sizing: border-box }
.product_list .item figure img { max-width: 100%; max-height: 100%; transition: 0.4s; }
.product_list .item figcaption { width: 100%; height: 0.7rem; line-height: 0.7rem; border-radius: 0 0 0.1rem 0.1rem; text-indent: 0.2rem; font-size: var(--f20) }
.product_list .item:hover figure img { max-width: 110%; max-height: 110%; }
.product_list .item:hover { background-image: radial-gradient(circle, #fff,#E6EEF8, #AAC6EE, #91B5E9); }
.product_list .item:hover figcaption { color: #fff }

.newsbox { padding-top: 0.5rem; background: #fff }
.news_list { width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; margin-top: 0.2rem; }
.news_list .item { width: 32%; margin-right: 2%; margin-bottom: 0.7rem; color: #202020; background-color: #fff; border: 1px solid #eaeaea; padding: 20px; box-sizing: border-box }
.news_list .item:nth-child(3n+3) { margin-right: 0 }
.news_list .item .time { color: #4b4b4b; font-size: var(--f14); text-align: right; width: 100%; }
.news_list .item .title { width: 100%;  line-height: 0.3rem;  border-radius: 0 0 0.1rem 0.1rem; font-size: var(--f18); font-weight: 400; margin: 5px 0 10px; font-family: 'gilroy_light'; letter-spacing:1px; box-sizing: border-box }
.news_list .item .img { width: 100%; height: 2.52rem; margin-top: 0.1rem; display: flex; align-items: center; justify-content: center; overflow: hidden }
.news_list .item .img img { min-width: 100%; min-height: 100%; }
.news_list .item .desc { color: #5b5b5b; font-size: var(--f14); width: 100%; margin-top: 0.25rem }
.news_list .item .info { color: #1b498c; font-size: var(--f16); width: 100%; display: flex; align-items: center; justify-content: flex-end; }
.news_list .item .info::after { content: ''; width: 0.15rem; height: 0.15rem; background: url(../images/next.png) no-repeat; background-size: 100% 100%; margin-left: 0.1rem; margin-right: 0.05rem }
.news_list .item:hover { color: #1b498c; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }

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


.intellectbox { padding-top: 0.5rem; background: #fff }
.intellectbox .intellect_box_info { width: 100%; font-size: var(--f18); color: #484848; line-height: var(--f36); text-align: center; margin-top: 0.5rem; }
.intellectbox .intellect_box_nav { width: 100%; display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; row-gap: 0.44rem; margin-top: 0.5rem; }
.intellectbox .intellect_box_nav li { height: 0.55rem; width: 30%; background-image: linear-gradient(to right,#164898,#3C7BD6,#164898); border-radius: 0.1rem; font-size: var(--f18); font-weight: 500; color: #fff; display: flex; align-items: center; justify-content: center }
.intellectbox .intellect_box_nav li:last-child { width: 100% }

.intellectbox .intellect_box_list { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; margin-top: 0.6rem; margin-bottom: 0.9rem; row-gap: 0.8rem; }
.intellectbox .intellect_box_list .item { width: 47%; background-color: #E7E7E9; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem }
.intellectbox .intellect_box_list .item img { width: 100%; border-radius: 0.1rem }


.intellectbox .intellect_box_list2 { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; margin-top: 0.6rem; margin-bottom: 0.9rem; row-gap: 0.8rem; }
.intellectbox .intellect_box_list2 .item { width: 22%; display: flex; align-items: center; flex-direction: column; font-size: var(--f18); color: #1F1F1F; font-weight: bolder }
.intellectbox .intellect_box_list2 .item .img { width: 100%; height: 2.2rem; overflow: hidden; border-radius: 0.1rem }
.intellectbox .intellect_box_list2 .item .img img { min-width: 100%; min-height: 100%; border-radius: 0.1rem }
.intellectbox .intellect_box_list2 .item span { width: 100%; height: 0.55rem; line-height: 0.55rem; text-align: center; display: block }
.intellectbox .intellect_box_list2 .item:hover { color: #1b498c; }
.intellectbox .intellect_box_list2 .item:hover .img { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1); }

.intellectbox .intellect_box_title { width: 100%; color: #171718; font-size: var(--f24); font-weight: 400; display: flex; align-items: center; margin-top: 0.8rem }
.intellectbox .intellect_box_title:before { content: ''; width: 7px; height: 23px; background: url(../images/intellect_title.jpg) no-repeat; background-size: cover; margin-right: 0.1rem; }

.intellectbox .intellect_box_list3 { width: 100%; display: flex; align-items: stretch; justify-content: space-between; flex-wrap: wrap; margin-top: 0.2rem; row-gap: 0.8rem; }
.intellectbox .intellect_box_list3 .item { width: 47%; background-color: #E7E7E9; display: flex; align-items: center; justify-content: center; border-radius: 0.1rem }
.intellectbox .intellect_box_list3 .item img { width: 100%; border-radius: 0.1rem }


.joinbox { padding-top: 0.5rem; background: #fff }
.joinbox .join_list { width: 100%; margin-top: 0.5rem; }
.joinbox .join_list .item { width: 100%; margin: 0.2rem 0; padding: 0 0.35rem; background-color: #F5F5F5; border-radius: 0.1rem; }
.joinbox .join_list .item .title { width: 100%; box-sizing: border-box; display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 0.35rem 0; }
.joinbox .join_list .item .title .t { flex: 1 1 0; font-size: var(--f24); color: #1F1F1F; font-weight: bold; }
.joinbox .join_list .item .title .time { width: 250px; font-size: var(--f18); color: #1F1F1F; margin-right: 1rem }
.joinbox .join_list .item .title .more { font-size: var(--f18); color: #1F1F1F; margin-right: 0.15rem }
.joinbox .join_list .item .title .layui-icon { color: #666; font-size: var(--f24); }
.joinbox .join_list .item .title .layui-icon:before { content: "\e602"; }
.joinbox .join_list .item .content { width: 100%; border-top: 2px solid #E1E1E1; height: 0; transition: all 1.5s; overflow: hidden; opacity: 0; }
.joinbox .join_list .item .content .t { width: 100%; font-size: var(--f18); color: #1F1F1F; font-weight: bolder; margin-top: 0.4rem; line-height: 0.3rem; }
.joinbox .join_list .item .content .c { width: 100%; font-size: var(--f18); color: #1F1F1F; line-height: 0.3rem; }
.joinbox .join_list .item .content .btns { width: 100%; margin-top: 0.3rem }
.joinbox .join_list .item .content .btns .btn { width: 2.2rem; height: 0.57rem; line-height: 0.57rem; text-align: center; font-size: var(--f18); color: #fff; font-weight: bolder; border-radius: 0.1rem; background-image: linear-gradient(to right,#1E488B,#D0232B); display: block }
.joinbox .join_list .item.active .title .layui-icon:before { content: "\e61a"; }
.joinbox .join_list .item.active .content { display: block; opacity: 1; height: auto; padding-bottom: 0.35rem }
/*分页*/
.pagelist { width: 100%; height: auto; text-align: center; position: relative; overflow: hidden; margin-top: 0.5rem; font-family: 'gilroy_light'; background-color: #F5F5F5; padding: 20px 0 }
.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 }
.pagelist2 { width: 100%; height: auto; text-align: center; position: relative; overflow: hidden; margin-top: 0.5rem; font-family: 'gilroy_light'; display: flex; align-items: center; justify-content: center; column-gap: 0.2rem; background-color: #F5F5F5; padding: 20px 0 }
.pagelist2 a { font-size: var(--f24); color: #464646 }
.pagelist2 .prev { width: 0.56rem; height: 0.56rem; background: url(../images/page-prev.png) no-repeat; background-size: cover; background-position: 0 0; cursor: pointer }
.pagelist2 .next { width: 0.56rem; height: 0.56rem; background: url(../images/page-next.png) no-repeat; background-size: cover; background-position: 0 0; cursor: pointer }
.pagelist2 a:hover { background-position: -56px 0; color: #FE6808 }

@media screen and (max-width: 1520px) {
    .Home_News .box .banner .banner_btn { --l: 4.6rem; }
    .footer .box1 .right .wzdt { margin-left: .2rem; }
    .header .box .main nav .item > a { font-size: 16px; }
    body { --f16: 15px; --f52: 0.46rem; }
    .p160,
    .MessageBoard .box { margin-top: 0.72rem; }

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

    .index_about .box .left { margin-left: 0%; width: 40%; }
    .index_news .box .svg-section { margin-left: 5%; height: 800px; }
    .index_intellect .box .left { margin-left: 3%; width: 39%; }

    .DevelopmentHistory .box .list .items.three { margin-top: -2rem; }
}

@media screen and (max-width: 1400px) {
    body { --f14: 13px; --f16: 15px; --f18: 17px; --f20: 19px; --f26: 25px; --f28: 28px; --f30: 30px; --f36: 0.25rem; --f48: 0.35rem; --f52: 0.42rem; }
    .header .box .main .AnN .lang { margin: 0 0rem 0 0.15rem; }
    .header .box .main nav .item { padding: 0 0.16rem; }
    .footer .box .boxRight .boxBot .item { margin-right: 0.7rem; }
    .footer .box1 .right .wzdt { margin-left: .1rem; }
    .footer .box .boxLeft .content2 .item { width: 4.85rem; }
    .index_intellect .box .left { margin-left: 5%; width: 41%; }

    .DevelopmentHistory .box .list .items.two { margin-top: -0.9rem; }
    .DevelopmentHistory .box .list .items.three { margin-top: -1.8rem; }

    .public_sub_title2 .desc { font-size: 0.6rem; top: -0.2rem; }
}

@media screen and (max-width: 1300px) {
    body { --f14: 13px; --f16: 15px; --f18: 17px; --f20: 19px; --f26: 25px; --f28: 27px;  --f30: 29px; --f36: 0.2rem; --f48: 0.22rem; --f52: 0.52rem; }
    .header .box .main .AnN .lang { margin: 0 0rem 0 0.1rem; }
    .header .box .main nav .item { padding: 0 0.15rem; }
    .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; }
    .footer .box1 .right .wzdt { margin-left: .1rem; }

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

    .index_intellect .box .left { margin-left: 3%; width: 43%; }


    .index_news .box .inewlist .item .fr { margin-left: 0.5rem; }

    .OurPartner .list { margin: 0.4rem auto 0; position: relative; width: 100%; }
    .public_sub_title2 .desc { font-size: 0.5rem; top: -0.2rem; }

    .intellectbox .intellect_box_info { line-height: 1.5; }
    .intellectbox .intellect_box_nav { row-gap: 0.3rem; }
    .intellectbox .intellect_box_nav li { font-size: var(--f16); width: 32%; }

    .joinbox .join_list .item .title .time { margin-right: 0.6rem; width: 250px; }
}

@media screen and (max-width: 1200px) {
    body { --f14: 13px; --f16: 15px; --f18: 17px; --f20: 19px; --f24: 22px; --f26: 24px; --f28: 24px; --f30: 0.18rem; --f36: 0.2rem; --f48: 0.22rem; --f52: 0.52rem; }
    .CompanyIntroduction .box1 .left .content1 { margin-top: 0.5rem; }
    .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; }

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



    .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.pro { margin-top:-0.5rem }
    .InnerBanner .orientation .box .boxLeft span, .InnerBanner .orientation .box .boxLeft a { font-size: 0.32rem; }
    .InnerBanner .orientation .box .boxLeft samp { font-size: 0.16rem; }

    .InnerBanner .orientation .box .boxLeft.pro a::after { content: ''; width: 0.3rem; height: 0.3rem; background: url(../images/next2.png) right center no-repeat; background-size: 0.3rem 0.3rem; padding-right: 0.3rem; }

    .InnerBanner .img img { width: 100%; min-height: 3rem; }

    .Home_Banner .button p { display: none; }
    .Home_Banner .swiper .swiper-slide .orientation { padding: 0 5vw; }



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


    .index_intellect .box .left { margin-left: 0%; width: 46%; padding: 0 }
    .index_news .box .svg-section { margin-left: 0%; height: 800px; }
    .index_about { padding: 0.5rem 0 0.5rem; }
    .index_about .box .right img { border-radius: 0.5rem 0 0.5rem 0; }
    .index_product { padding: 0.5rem 0 0.5rem; }
    .index_intellect { padding: 2rem 0 1rem; }
    .index_news { padding: 0.5rem 0 0.5rem; }
    .index_product .box .list .item { padding: 0.1rem; margin-bottom: 2vw; }

    .CompanyIntroduction .box1 .left { width: 100%; margin:0 }
    .CompanyIntroduction .box1 .right { display: none }
    .CompanyIntroduction .box2 { margin-top: 0.5rem; }
    .CompanyIntroduction .box2 .item { width: 23%; padding: 1% 0; }
    .CompanyIntroduction .box2 .item img { width: 40px; }
    .CompanyIntroduction .box2 .item span { font-size: var(--f24); }
    .CompanyIntroduction .box2 .item samp { font-size: var(--f14); }
    .DevelopmentHistory .box .list .items.three { margin-top: -1.6rem; }

    .CorporateHonor .list .item figure { height: 16vw; }

    .intellectbox .intellect_box_info { font-size: var(--f14); }
    .intellectbox .intellect_box_nav li { font-size: var(--f14); width: 32%; padding: 0.1rem; box-sizing: border-box }
    .intellectbox .intellect_box_list { row-gap: 0.4rem; }
    .intellectbox .intellect_box_list .item { width: 48.5%; }
    .intellectbox .intellect_box_list2 { row-gap: 2vw; }
    .intellectbox .intellect_box_list2 .item span { font-size: var(--f14); height: 0.35rem; line-height: 0.35rem; }

    .intellectbox .intellect_box_list2 .item .img { height: 14vw }

    .joinbox .join_list .item .title .time { margin-right: 0.6rem; width: 200px; }
}

@media screen and (max-width: 1000px) {
    body { --f14: 12px; --f16: 14px; --f18: 16px; --f20: 18px; --f24: 20px; --f26: 22px; --f28: 23px; --f30: 24px; --f36: 26px; --f48: 30px; --f52: 36px; }

    .footer { padding: 0.5rem 0 0; }
    .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 }


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

    .index_about .box { margin-top: 0.2rem; margin-left: 0%; width: 100%; }
    .index_about .box .right { width: 55% }
    .index_about .box .left { padding: 0 }
    .index_product .box { width: 100%; margin-left: 0%; }
    .index_product .box .nav { line-height: 0.4rem; }
    .index_product .box .nav .item.cur::after { height: 4px; }
    .index_product .box .list { margin-top: 0.3rem; }

    .index_intellect { padding: 1rem 0 0.5rem; }
    .index_intellect .box .left { width: 48% }
    .index_intellect .box .right { width: 48%; margin-right: 0%; }
    .index_intellect .box .right .desc { margin-top: 0.05rem; }
    .index_news .box { position: relative }
    .index_news .box .svg-section { display: none }
    .index_news .box .inewlist { padding-bottom: 10px; margin: auto; width: 100% }

    .DevelopmentHistory .box { margin: 0rem 0px 0; }
    .DevelopmentHistory .box .item { padding: 0.05rem 0; }
    .DevelopmentHistory .box .list .items.two { margin-top: -0.3rem; }
    .DevelopmentHistory .box .list .items.three { margin-top: -0.6rem; }
    .DevelopmentHistory .box .items .title { margin-bottom: 0.3rem !important; }

    .CorporateHonor .list .item { width: 48%; margin-right: 4%; }
    .CorporateHonor .list .item:nth-child(4n+4) { margin-right: 4% }
    .CorporateHonor .list .item:nth-child(2n+2) { margin-right: 0 !important }
    .CorporateHonor .list .item figure { height: 30vw; }

    .OurVision .box { height: auto; padding: 50px; }

    .public_sub_title { padding-top: 0 !important }

    .public_sub_title2 .desc { font-size: 0.35rem; top: -0.04rem; }


    .news_list .item { width: 49%; margin-bottom: 3vw; }
    .news_list .item .img { height: 30vw; }
    .news_list .item:nth-child(2n+2) { margin-right: 0 }
    .news_list .item .title { line-height: 0.25rem; }

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

    .contentbox .box .map { width: 100%; height: 40vw }
    .p94_ { padding-bottom: 0.22rem; }
    .messagebox { padding-top: 0.3rem; }

    .messagebox .box { margin-top: 0.2rem; gap: 2vw 0; }
    .messagebox .box .input { max-width: 28%; height: 0.5rem; }
    .messagebox .box .code { width: 20%; height: 0.5rem; height: 0.5rem; }
    .messagebox .box img { max-width: 20%; height: 0.5rem; }
}

@media screen and (max-width: 800px) {
    .w1720 { padding-left: 1vw; padding-right: 1vw; }
    .footer { padding: 0.25rem 0 0; }
    .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 }

    .index_about { padding: 0.2rem 0 0.2rem; }
    .index_about .box { align-items: center }
    .index_about .box .right img { border-radius: 0.5rem 0 0.5rem 0; }
    .index_about .box .left { width: 44% }
    .index_about .box .left .items { width: 100%; text-align: center }
    .index_about .box .left .btns { display: flex; justify-content: center }
    .index_product { padding: 0.2rem 0 0.2rem; }
    .index_intellect { padding: 0.5rem 0 0.3rem; }
    .index_news { padding: 0.2rem 0 0.2rem; }
    .index_product .box .list .item { padding: 0.1rem; margin-bottom: 2vw; }
    .index_news .box .inewlist .item { padding: 0.1rem 0; }
    .index_news .box .inewlist .item .fr { margin-left: 0.2rem; }

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

    .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; }
    .footer .box1 .right .item { padding: 5px; height: 44px; min-width: 44px; }
    .DevelopmentHistory .box { overflow-x: auto; display: flow-root; }
    .DevelopmentHistory .box .list { width: 150% }
    .DevelopmentHistory .box .list img { width: 150%; }
    .DevelopmentHistory .box .items .title { color: #010101; font-size: var(--f16); line-height: var(--f24); }
    .DevelopmentHistory .box .item { font-size: var(--f14); line-height: var(--f18); width: 90%; }
    .DevelopmentHistory .box .item samp { margin-left: 0.1rem; }
    .CompanyIntroduction .box1 .left .content1 { margin-top: 0.2rem; }
    .public_sub_title .title { line-height: 1.5 }
    .public_sub_title .linear { margin: 0.05rem 0 0; }
    .public_sub_title .desc { margin-top: 0.1rem; }

    .OurPartner .list { margin: 0.3rem auto 0; position: relative; width: 100%; }


    .intellectbox .intellect_box_list2 { margin-top: 0.3rem; gap: 3vw 2vw; justify-content: flex-start }
    .intellectbox .intellect_box_list2 .item { width: 31.95%; }
    .intellectbox .intellect_box_list2 .item .img { height: 18vw; }
    .intellectbox .intellect_box_list3 { margin-top: 0.3rem; gap: 3vw 5vw; justify-content: flex-start }

    .joinbox .join_list .item { padding: 0 0.25rem; margin: 0.1rem 0; }
    .joinbox .join_list .item .title { padding: 0.25rem 0; }


    .messagebox .box { margin-top: 0.2rem; gap: 2vw 0; }

    .messagebox .box .code { width: 20%; height: 0.4rem; height: 0.4rem; }
    .messagebox .box img { max-width: 20%; height: 0.4rem; }
    .contentbox .box .content { padding: 0.25rem }
    .contentbox .box .content .item { padding-left: 0.4rem; margin-top: 0.1rem; line-height: 1.8 }
    .contentbox .box .map { width: 100%; height: 60vw; }

    .pagelist2 .prev, .pagelist2 .next { width: 0.355rem; height: 0.35rem;  }
    .pagelist2 a:hover { background-position: -0.355rem 0; }
}
@media screen and (max-width: 669px) {
    body { --f14: 12px; --f16: 14px; --f18: 16px; --f20: 18px; --f24: 20px; --f26: 22px; --f28: 23px; --f30: 24px; --f36: 26px; --f48: 30px; --f52: 36px; }
    body { font-size: 12px }
    .footer .box .boxLeft .logo { width: 96% }
    .footer .box .boxLeft .logo img { max-width: 100%; height: auto }
    .footer .box .boxRight { gap: 10px; }

    .footer .box1 .right .wzdt { margin-left: 10px; }
    .footer .box1 .right .wzdt span { width: 100px; height: 34px; }
    .footer .box1 .right .wzdt .content a { font-size: 12px; }
    .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); }

    .footer .box .boxRight .boxTop { justify-content: flex-start; }


    .p94 { padding-top: 0.72rem; }
    .p94_ { padding-bottom: 0.42rem; }

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

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

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

    .index_about { background-size: auto 100% }
    .index_about .box { flex-direction: column; align-items: center }
    .index_about .box .left { width: 96%; }
    .index_about .box .right { width: 96%; margin-top: 20px; }

    .index_product .box .list .item { width: 48%; margin-right: 4%; }
    .index_product .box .list .item:nth-child(2n+2) { margin-right: 0 }
    .index_product .box .list .item figure { height: 30vw; }

    .index_intellect { background-size: auto 100% }
    .index_intellect .box { flex-direction: column; align-items: center }
    .index_intellect .box .left { width: 96%; }
    .index_intellect .box .right { width: 96%; margin-top: 60px; }
    .index_intellect .box .right .desc { margin: 0 }
    .index_intellect .box .right .text { margin-top: 0.1rem; }
    .index_intellect .box .right .items { margin-top: 0.2rem; }
    .index_news .box .inewlist .item .fr .name { line-height: var(--f24); }
    .index_news .box .inewlist .item .fr .sm { margin-top: 5px; line-height: 16px; -webkit-line-clamp: 2; }
    .index_news .box .inewlist .item .fr .more { margin-top: 5px; width: 1.2rem; height: 0.35rem; line-height: 0.4rem; font-size: 12px; }

    .DevelopmentHistory .box .list { width: 180% }
    .DevelopmentHistory .box .list img { width: 180%; }
    .OurVision .box { height: auto; padding: 30px; }
    .OurVision .box h5 { font-size: var(--f24); }
    .OurVision .box p { font-size: var(--f14); }

    .public_sub_title2 .desc { font-size: 0.35rem; top: -0.08rem; }
    .public_sub_title2 .title { font-size: var(--f24); }

    .intellectbox .intellect_box_list2 { margin-top: 0.3rem; gap: 3vw 3.6vw; justify-content: flex-start }
    .intellectbox .intellect_box_list2 .item { width: 48%; }
    .intellectbox .intellect_box_list2 .item .img { height: 26vw; }
    .intellectbox .intellect_box_nav li { font-size: var(--f12); width: 48%; }


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



    .joinbox .join_list .item { padding: 0 0.15rem; margin: 0.1rem 0; }
    .joinbox .join_list .item .title { padding: 0.15rem 0; }
    .joinbox .join_list .item .title .t { font-size: var(--f16); }
    .joinbox .join_list .item .title .time { margin-right: 0.3rem; font-size: var(--f14); width: 1.8rem }
    .joinbox .join_list .item .title .more { font-size: var(--f14); color: #1F1F1F; margin-right: 0.1rem; }
    .joinbox .join_list .item .content .t { font-size: var(--f14); margin-top: 0.2rem; line-height: 1.5; }
    .joinbox .join_list .item .content .c { font-size: var(--f14); color: #1F1F1F; line-height: 1.5; }
    .joinbox .join_list .item .content .btns { width: 100%; margin-top: 0.15rem; }
    .joinbox .join_list .item .content .btns .btn { width: 1.8rem; height: 0.5rem; line-height: 0.5rem; font-size: var(--f16); }

    .messagebox { padding-top: 0rem; }
    .messagebox .box .input { width: 48%; max-width: 48%; height: 0.4rem; flex: auto }
    .messagebox .box .code { width: 48%; max-width: 48%; height: 0.4rem; height: 0.4rem; }
    .messagebox .box img { margin-left:28% }
}

@media screen and (max-width: 450px) {
    body { --f12: 10px; --f14: 12px; --f16: 14px; --f18: 16px; --f20: 18px; --f24: 20px; --f28: 21px; --f26: 22px; --f30: 24px; --f36: 26px; --f48: 30px; --f52: 36px; }

    .index_news .box .inewlist .item .fr .more { margin-top: 5px; width: 1.5rem; height: 0.4rem; line-height: 0.4rem }

    .public_sub_title2 .desc { font-size: 0.3rem; top: -0.04rem; }
    .public_sub_title2 .title { font-size: var(--f16); }

    .intellectbox .intellect_box_list { margin-top: 0.3rem; margin-bottom: 0.6rem; }
}