.w1720 { padding-left: 1rem; padding-right: 1rem; } .w1560 { padding-left: 1.8rem; padding-right: 1.8rem; } .w1200 { width: 1200px; margin: 0 auto; } .p120 { padding-top: 1.2rem; } .p120_ { padding-bottom: 1.2rem; } .p160_ { padding-bottom: 1.6rem; } .p80 { padding-top: 0.8rem; } .p80_ { padding-bottom: 0.8rem; } .p100 { padding-top: 1rem; } .p100_ { padding-bottom: 1rem; } .pc_header { transition: 0.4s; z-index: 5; width: 100%; position: fixed; top: 0; } .pc_header .left a img { height: 0.4rem; filter: brightness(100); } .pc_header .right .nav .item > p { padding: 0 0.24rem; } .pc_header .right .nav .item > p a { cursor: pointer; line-height: 1rem; color: #fff; position: relative; } .pc_header .right .nav .item > p a::before { transition: 0.4s; content: ''; position: absolute; bottom: 30%; left: 0; width: 0%; height: 2px; background: #e45d26; } .pc_header .right .nav .item > p a::after { opacity: 0; /*transition: 0.4s;*/ content: ''; position: absolute; bottom: 0%; left: 50%; transform: translateX(-50%); border-top: 10px solid transparent; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 10px solid #ffffff; } .pc_header .right .nav .item.active > p a::before { width: 100%; } .pc_header .right .nav .item .down { display: none; width: 150%; background: #fff; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; overflow: hidden; border-radius: 12px; } .pc_header .right .nav .item .down a { transition: 0.4s; line-height: 3; color: #333; } .pc_header .right .nav .item .down a:hover { color: #fff; background: #2b51b0; } .pc_header .right .nav .item .drop_down { display: none; width: 100%; background: #fff; position: absolute; left: 0; padding: 0.5rem 0; } .pc_header .right .nav .item .drop_down .down_box { display: grid; grid-template-columns: repeat(4, 1fr); grid-column-gap: 0.4rem; } .pc_header .right .nav .item .drop_down .grid1 { grid-area: 1 / 1 / 2 / 2; } .pc_header .right .nav .item .drop_down .grid1 .top { background: #f5f5f5; border-radius: 12px; margin-bottom: 0.26rem; } .pc_header .right .nav .item .drop_down .grid1 .top .input { flex: 1; } .pc_header .right .nav .item .drop_down .grid1 .top .input input { width: 100%; border: none; min-height: 0.7rem; padding-left: 0.28rem; background: none; color: #333; } .pc_header .right .nav .item .drop_down .grid1 .top .input input::placeholder { color: #000; } .pc_header .right .nav .item .drop_down .grid1 .top .label { cursor: pointer; } .pc_header .right .nav .item .drop_down .grid1 .top .label .btn { width: 0.7rem; height: 100%; border-radius: 12px; background: #2b51b0; } .pc_header .right .nav .item .drop_down .grid1 .bottom .big_txt { color: #333; font-weight: bold; padding-bottom: 6px; } .pc_header .right .nav .item .drop_down .grid1 .bottom .item { position: relative; margin-bottom: 0.18rem; } .pc_header .right .nav .item .drop_down .grid1 .bottom .item .em_img img { width: 100%; border-radius: 12px; } .pc_header .right .nav .item .drop_down .grid1 .bottom .item .em_about { position: absolute; top: 50%; left: 0.28rem; } .pc_header .right .nav .item .drop_down .grid1 .bottom .item .em_about p { color: #333; } .pc_header .right .nav .item .drop_down .grid1 .bottom .item:last-child { margin-bottom: 0; } .pc_header .right .nav .item .drop_down .grid3 { grid-area: 1 / 2 / 2 / 5; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 0.4rem; } .pc_header .right .nav .item .drop_down .grid3 .item { background: #edf2ff; border-radius: 12px; } .pc_header .right .nav .item .drop_down .grid3 .item .top { background: #2b51b0; padding: 0.22rem 0.42rem; border-radius: 12px; } .pc_header .right .nav .item .drop_down .grid3 .item .top .title { border-left: 5px solid #fff; padding-left: 10px; } .pc_header .right .nav .item .drop_down .grid3 .item .top .title h1 { font-size: 0.3rem; color: #fff; font-weight: 400; line-height: 1.1; padding-bottom: 6px; } .pc_header .right .nav .item .drop_down .grid3 .item .top .title p { color: rgba(255, 255, 255, 0.4); line-height: 1; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom { padding: 0.36rem 0.42rem; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li { padding-left: 15px; margin-bottom: 0.2rem; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .big_title { color: #000; font-weight: bold; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .small_title a { color: #666; padding: 6px 0; display: flex; align-items: center; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .small_title a p { flex: 1; margin-right: 0.3rem; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .small_title a p span { background: linear-gradient(to right, rgba(43, 81, 177, 0.6), rgba(43, 81, 177, 0.6)) no-repeat right bottom; background-size: 0 2px; transition: background-size 0.6s; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .small_title a svg { transition: 0.4s; opacity: 0; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .small_title a:hover p span { background-position-x: left; background-size: 100% 2px; color: #2b51b0; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li .small_title a:hover svg { opacity: 1; } .pc_header .right .nav .item .drop_down .grid3 .item .bottom .li:last-child { margin-bottom: 0; } .pc_header .right .nav .item:first-child > p a::after { opacity: 0 !important; } .pc_header .right .nav .item:hover > p a::before { width: 100%; } .pc_header .right .nav .item:hover > p a::after { opacity: 1; } .pc_header .right .nav .relative { position: relative; } .pc_header .right .lang { margin-left: 0.56rem; } .pc_header .right .lang a { transition: 0.4s; padding: 6px 12px; border-radius: 20px; border: 1px solid #fff; color: #fff; } .pc_header .right .lang a:hover { background: #fff; color: #333; } .pc_header .right .lang a.active { background: #fff; color: #333; } .pc_header.active { background: #f5f5f5; } .pc_header.active .left a img { filter: brightness(1); } .pc_header.active .right .nav .item > p a { color: #333; } .pc_header.active .right .lang a { border: 1px solid #333; color: #333; } .pc_header.active .right .lang a:hover { background: #333; color: #fff; } .pc_header.active .right .lang a.active { background: #333; color: #fff; } .pc_footer .footer_top { background: #1c1d20; padding-bottom: 1rem; position: relative; } .pc_footer .footer_top::before { content: ''; width: 100%; height: 1px; position: absolute; top: 1.1rem; left: 0; background: #262629; } .pc_footer .footer_top .left .logo a { line-height: 1.1rem; } .pc_footer .footer_top .left .logo a img { height: 0.23rem; } .pc_footer .footer_top .left .cooperation { padding-top: 0.38rem; } .pc_footer .footer_top .left .cooperation p { background: linear-gradient(to right, #63a7b3, #3365db); background-clip: text; -webkit-background-clip: text; color: transparent; font-weight: bold; padding-bottom: 0.08rem; } .pc_footer .footer_top .left .cooperation a { font-size: 0.3rem; background: linear-gradient(to right, #63a7b3, #3365db); background-clip: text; -webkit-background-clip: text; color: transparent; font-family: var(--GilroyBold); } .pc_footer .footer_top .left .email { margin-top: 0.24rem; } .pc_footer .footer_top .left .email p { color: #fff; padding-bottom: 0.06rem; } .pc_footer .footer_top .left .email a { color: #fff; } .pc_footer .footer_top .left .city { margin-top: 0.3rem; } .pc_footer .footer_top .left .city .ind { cursor: pointer; margin-right: 0.28rem; text-align: center; } .pc_footer .footer_top .left .city .ind img { opacity: 0; } .pc_footer .footer_top .left .city .ind p { color: #666; padding-bottom: 6px; position: relative; } .pc_footer .footer_top .left .city .ind p::before { transition: 0.4s; content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #2b51b0; } .pc_footer .footer_top .left .city .ind:last-child { margin-right: 0; } .pc_footer .footer_top .left .city .ind:hover img { opacity: 1; } .pc_footer .footer_top .left .city .ind:hover p { color: #fff; } .pc_footer .footer_top .left .city .ind:hover p::before { width: 100%; } .pc_footer .footer_top .left .city .ind.active img { opacity: 1; } .pc_footer .footer_top .left .city .ind.active p { color: #fff; } .pc_footer .footer_top .left .city .ind.active p::before { width: 100%; } .pc_footer .footer_top .left .address { margin-top: 0.3rem; } .pc_footer .footer_top .left .address p { color: #fff; display: none; } .pc_footer .footer_top .left .address p.active { display: block; } .pc_footer .footer_top .right .item { margin-right: 1.3rem; } .pc_footer .footer_top .right .item .one_a { line-height: 1.1rem; } .pc_footer .footer_top .right .item .one_a a { color: #fff; } .pc_footer .footer_top .right .item .one_a a:hover { color: #2b51b0; } .pc_footer .footer_top .right .item .list_a { padding-top: 0.38rem; } .pc_footer .footer_top .right .item .list_a .li .first a { margin-bottom: 0.16rem; color: #fff; } .pc_footer .footer_top .right .item .list_a .li .first a:hover { color: #2b51b0; } .pc_footer .footer_top .right .item .list_a .li .level a { color: #666; margin-bottom: 0.12rem; } .pc_footer .footer_top .right .item .list_a .li .level a:hover { color: #2b51b0; } .pc_footer .footer_top .right .item:last-child { margin-right: 0; } .pc_footer .footer_bottom { background: #151619; padding: 0.4rem 0; } .pc_footer .footer_bottom .left a { color: #666; } .pc_footer .footer_bottom .left .a1 { margin-left: 0.2rem; } .pc_footer .footer_bottom .left .a1:hover { color: #2b51b0; } .pc_footer .footer_bottom .left .a1 img { margin-right: 6px; } .pc_footer .footer_bottom .right { cursor: pointer; position: relative; } .pc_footer .footer_bottom .right p span { color: #fff; margin-left: 6px; } .pc_footer .footer_bottom .right .show { transition: 0.4s; position: absolute; bottom: 150%; left: 50%; transform: translateX(-50%); transform-origin: center bottom; width: 1rem; } .public_link { transition: 0.4s; display: inline-block; } .public_link a { cursor: pointer; min-width: 230px; height: 62px; background: #2b51b0; border-radius: 12px; color: #fff; justify-content: space-around; } .public_link:hover { transform: translateY(-5px); } .public_link.white a { background: none; border: 2px solid #fff; } .public_title { font-size: 0.48rem; color: #333; } .public_title.white { color: #fff; } .public_title.center { text-align: center; } .public_title2 { font-size: 0.36rem; color: #333; } .public_banner { position: relative; } .public_banner .banner_img img { width: 100%; } .public_banner .banner_title { width: 100%; position: absolute; top: 50%; transform: translateY(-20%); color: #fff; } .public_banner .banner_title h1 { font-size: 0.54rem; padding-bottom: 0.1rem; } .public_crumbs { border-bottom: 1px solid #e7e7e7; } .public_crumbs .box .left { line-height: .8rem; } .public_crumbs .box .left a { color: #666; margin: 0 4px; } .public_crumbs .box .left a:hover { color: #2b51b0; } .public_crumbs .box .left i { margin-right: 4px; } .public_crumbs .box .left i:first-of-type { margin-right: 10px; } .public_crumbs .box .left span { color: #333; } .public_crumbs .box .right .item { margin: 0 0.4rem; } .public_crumbs .box .right .item a { position: relative; color: #666; line-height: 0.8rem; font-weight: bold; } .public_crumbs .box .right .item a::before { transition: 0.4s; content: ''; position: absolute; bottom: -1px; left: 0; width: 0%; height: 4px; background: #2b51b0; border-radius: 6px; } .public_crumbs .box .right .item a:hover { color: #2b51b0; } .public_crumbs .box .right .item a:hover::before { width: 100%; } .public_crumbs .box .right .item a.active { color: #2b51b0; } .public_crumbs .box .right .item a.active::before { width: 100%; } .public_crumbs .box .right .item:first-child { margin: 0 0.4rem 0 0; } .public_crumbs .box .right .item:last-child { margin: 0 0 0 0.4rem; } .public_crumbs .box .right .line { width: 1px; height: 18px; background: #d4d4d4; } .public_anchor { position: relative; top: -1rem; } .public_page .prev a, .public_page .next a { transition: 0.4s; width: 0.46rem; height: 0.46rem; background: #e6e6e6; border-radius: 50%; } .public_page .prev a svg, .public_page .next a svg { transition: 0.4s; } .public_page .prev a:hover, .public_page .next a:hover { background: #2b51b0; } .public_page .prev a:hover svg path, .public_page .next a:hover svg path { fill: #fff; } .public_page .prev { margin-right: 0.2rem; } .public_page .next { margin-left: 0.2rem; } .public_page .next svg { transform: rotate(180deg); } .public_page .nav_number a { position: relative; color: #666; height: 0.46rem; line-height: 0.46rem; margin: 0 0.25rem; } .public_page .nav_number a::before { transition: 0.4s; content: ''; position: absolute; bottom: 0; left: 0; width: 0%; height: 2px; background: #e45d26; } .public_page .nav_number a.active { color: #000; } .public_page .nav_number a.active::before { width: 100%; } .public_page .nav_number a:hover { color: #000; } .public_page .nav_number a:hover::before { width: 100%; } .swiper_toggle .prev, .swiper_toggle .next { cursor: pointer; } .swiper_toggle .prev svg, .swiper_toggle .next svg { transition: 0.4s; } .swiper_toggle .prev:hover svg path, .swiper_toggle .next:hover svg path { fill: #2b51b0; } .swiper_toggle .prev { margin-right: 0.5rem; } .swiper_toggle .next { margin-left: 0.5rem; } .swiper_toggle .next svg { transform: rotate(180deg); } .swiper_toggle .pagination { position: relative; bottom: auto; left: auto; width: auto; } .swiper_toggle .pagination .swiper-pagination-bullet { transition: 0.4s; opacity: 1; width: 0.14rem; height: 0.14rem; border-radius: 4px; background: none; border: 2px solid #cecece; margin: 0 0.12rem; } .swiper_toggle .pagination .swiper-pagination-bullet-active { background: #2b51b0; border: 2px solid #2b51b0; } .miao_bottom .om_box, .bus_bottom .om_box { justify-content: space-around; } .miao_bottom .om_box .item, .bus_bottom .om_box .item { text-align: center; } .miao_bottom .om_box .item .i1 .number, .bus_bottom .om_box .item .i1 .number { color: #2b51b0; } .miao_bottom .om_box .item .i1 .number img, .bus_bottom .om_box .item .i1 .number img { width: 2.11rem; } .miao_bottom .om_box .item .i1 .number p, .bus_bottom .om_box .item .i1 .number p { font-size: 0.72rem; font-weight: bold; line-height: 1; } .miao_bottom .om_box .item .i1 .number span, .bus_bottom .om_box .item .i1 .number span { font-size: 0.3rem; } .miao_bottom .om_box .item .i1 .number span sup, .bus_bottom .om_box .item .i1 .number span sup { font-size: 14px; } .miao_bottom .om_box .item .i2, .bus_bottom .om_box .item .i2 { margin-top: 0.3rem; font-size: 0.24rem; color: #333; } .miao_bottom .mycanvas, .bus_bottom .mycanvas { z-index: -1; position: absolute; bottom: 0; left: 0; } .bus_bottom .mycanvas img { width: 100%; } .index_banner .mySwiper1 .swiper-slide { position: relative; } .index_banner .mySwiper1 .swiper-slide .slide_img img { width: 100%; height: 100vh; } .index_banner .mySwiper1 .swiper-slide .slide_title { width: 100%; position: absolute; top: 50%; transform: translateY(-50%); } .index_banner .mySwiper1 .swiper-slide .slide_title .contont1 i { display: inline-block; width: 0.4rem; height: 3px; background: #fff; } .index_banner .mySwiper1 .swiper-slide .slide_title .contont1 span { font-size: 0.3rem; color: #fff; font-weight: 100; margin-left: 0.14rem; flex: 1; } .index_banner .mySwiper1 .swiper-slide .slide_title .contont2 { font-size: 0.6rem; color: #fff; padding: 0.2rem 0 1rem; } .index_banner .mySwiper1 .swiper_switch { z-index: 2; width: 100%; position: absolute; bottom: 0.8rem; } .index_banner .mySwiper1 .swiper_switch .pagination { position: relative; width: auto; bottom: auto; left: auto; } .index_banner .mySwiper1 .swiper_switch .pagination .swiper-pagination-bullet { transition: 0.4s; opacity: 1; width: 0.14rem; height: 0.14rem; border-radius: 4px; border: 2px solid #fff; background: none; margin: 0 0.2rem 0 0; } .index_banner .mySwiper1 .swiper_switch .pagination .swiper-pagination-bullet:last-child { margin: 0; } .index_banner .mySwiper1 .swiper_switch .pagination .swiper-pagination-bullet:hover { background: #fff; } .index_banner .mySwiper1 .swiper_switch .pagination .swiper-pagination-bullet-active { background: #fff; } .index_banner .mySwiper1 .swiper_switch .scrool { text-align: center; } .index_banner .mySwiper1 .swiper_switch .scrool img { height: 32px; animation: gif 1s linear infinite; } .index_banner .mySwiper1 .swiper_switch .scrool p { color: #fff; padding-top: 0.2rem; } .index_banner .mySwiper1 .swiper_switch .toggle .prev, .index_banner .mySwiper1 .swiper_switch .toggle .next { transition: 0.4s; cursor: pointer; width: 0.62rem; height: 0.62rem; border: 1px solid #fff; border-radius: 12px; } .index_banner .mySwiper1 .swiper_switch .toggle .prev:hover, .index_banner .mySwiper1 .swiper_switch .toggle .next:hover { background: #fff; } .index_banner .mySwiper1 .swiper_switch .toggle .prev:hover svg path, .index_banner .mySwiper1 .swiper_switch .toggle .next:hover svg path { fill: #2b51b0; } .index_banner .mySwiper1 .swiper_switch .toggle .prev { margin-right: 0.2rem; } @keyframes gif { 0% { transform: translateY(-5px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-5px); } } .index_about .in_box .left { width: 50%; } .index_about .in_box .left .title2 { font-size: 0.3rem; color: #333; padding: 0.2rem 0 0.8rem; } .index_about .in_box .left .desc p { color: #666; line-height: 2; } .index_about .in_box .left .about_btn { margin-top: 0.6rem; } .index_about .in_box .right { width: 50%; } .index_about .in_box .right img { max-width: 72%; } .index_business { position: relative; overflow: hidden; } .index_business .bus_top .desc { width: 50%; color: #fff; line-height: 2; padding: 0.47rem 0 1.1rem; } .index_business .bus_center .item { width: 33.33%; position: relative; padding-bottom: 2rem; overflow: hidden; } .index_business .bus_center .item .tit { line-height: 1; font-size: 0.36rem; color: #fff; padding-left: 0.2rem; border-left: 4px solid #97b6b4; } .index_business .bus_center .item .desc { padding: 0.24rem 0 0.5rem; font-size: 0.3rem; color: #fff; line-height: 1.2; } .index_business .bus_center .item .svg { display: inline-block; transition: .4s; } .index_business .bus_center .item .svg:hover { margin-left: 6px; } .index_business .bus_center .item .img { position: absolute; bottom: 0; right: 22%; text-align: center; } .index_business .bus_center .item .img .g1 { animation: upDown 2s linear infinite; } .index_business .bus_center .item .img .g1 img { height: 2.6rem; } .index_business .bus_center .item .img .g2 img { height: 0.48rem; } .index_business .bus_center .item2 .img { right: -6%; } .index_business .bus_center .item3 .img { right: -10%; } .index_business .bus_bottom { padding: 1.86rem 0 2.9rem; } .moveWidth { width: calc(100% / 9); } .index_memorabilia { position: relative; } .index_memorabilia .me_about { z-index: 2; position: absolute; top: .7rem; left: 1rem; } .index_memorabilia .bk_img img { width: 100%; } .index_memorabilia .bkWhite_img { transition: 0.6s; overflow: hidden; position: absolute; width: calc(100% / 9); height: 100%; top: 0; left: 0; } .index_memorabilia .bkWhite_img img { width: 100vw; height: 100%; } .index_memorabilia .memor_swiper { z-index: 2; width: 100%; position: absolute; bottom: 0.8rem; left: 0; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide { width: 50%; margin: 0 auto; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .number { text-align: center; font-size: 1.2rem; line-height: 1; font-family: var(--GilroyBold); color: #e45d26; padding-bottom: 0.38rem; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc { padding-top: 0.38rem; border-top: 1px solid rgba(255, 255, 255, 0.3); font-size: 0.26rem; color: #fff; line-height: 1.2; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc p { line-height: 1.5; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-prev, .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next { top: auto; bottom: 0; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-prev::after, .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next::after { display: none; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-prev svg, .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next svg { transition: 0.4s; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-prev:hover svg path, .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next:hover svg path { fill: #e45d26; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-prev { left: 0; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next { right: 0; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-button-next svg { transform: rotate(180deg); } .index_memorabilia .figure { z-index: 3; cursor: pointer; position: absolute; top: 0; left: 0; transition: 0.4s; opacity: 0.5; } .index_memorabilia .figure p span { transition: 0.4s; font-size: 0.3rem; color: #fff; padding-left: 6px; } .index_memorabilia .figure.active { opacity: 1; } .index_memorabilia .figure1 { top: 58%; left: 4%; } .index_memorabilia .figure2 { top: 47%; left: 14%; } .index_memorabilia .figure3 { top: 44%; left: 23.5%; } .index_memorabilia .figure4 { top: 35%; left: 33%; } .index_memorabilia .figure5 { top: 32%; left: 45%; } .index_memorabilia .figure6 { top: 28%; left: 55%; } .index_memorabilia .figure7 { top: 23%; left: 65%; } .index_memorabilia .figure8 { top: 14%; left: 74%; } .index_memorabilia .figure9 { top: 4.5%; left: 86%; } .index_news { background: #f6faff; } .index_news .news_list { margin-top: 0.7rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-column-gap: 0.35rem; } .index_news .news_list .item { background: #fff; } .index_news .news_list .item .one { position: relative; } .index_news .news_list .item .one .img { overflow: hidden; } .index_news .news_list .item .one .img img { transition: 0.4s; width: 100%; } .index_news .news_list .item .one .img::before { z-index: 1; transition: 0.4s; content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); } .index_news .news_list .item .one .about1 { z-index: 2; min-width: 150px; height: 48px; position: absolute; top: 0; left: 0; background: #4c6ab9; color: #fff; padding-left: 0.24rem; border-radius: 0 0 22px 0; } .index_news .news_list .item .one .about1 span { margin-left: 8px; } .index_news .news_list .item .one .about2 { z-index: 2; width: 100%; position: absolute; bottom: 0.3rem; color: #fff; font-size: 0.24rem; } .index_news .news_list .item .one .about2 p { padding: 0 0.5rem; line-height: 1.5; } .index_news .news_list .item .one:hover .img img { transform: scale(1.05); } .index_news .news_list .item .multiple { padding: 0.4rem 0.5rem 0.58rem; display: grid; grid-row-gap: 0.26rem; } .index_news .news_list .item .multiple .li a { color: #333; } .index_news .news_list .item .multiple .li a span { flex: 1; margin-right: 0.3rem; } .index_news .news_list .item .multiple .li a svg { transition: 0.4s; opacity: 0; } .index_news .news_list .item .multiple .li:hover a { color: #2b51b0; } .index_news .news_list .item .multiple .li:hover a svg { opacity: 1; } .index_news .news_list .item:nth-child(2) .one .about1 { background: #5b9e9a; } .index_news .news_list .item:nth-child(3) .one .about1 { background: #757676; } .about_miaoshun { padding-top: 1.7rem; position: relative; overflow: hidden; } .about_miaoshun .miao_top .m_left { width: 47%; padding-left: 0.8rem; } .about_miaoshun .miao_top .m_left .desc { padding: 0.5rem 0 0.38rem; } .about_miaoshun .miao_top .m_left .desc p { color: #666; line-height: 2; height: 2.3rem; overflow: auto; padding-right: .2rem; } .about_miaoshun .miao_top .m_left .desc p::-webkit-scrollbar { width: 2px; } .about_miaoshun .miao_top .m_left .desc p::-webkit-scrollbar-thumb { border-radius: 2px; background: #2b51b0; } .about_miaoshun .miao_top .m_left .desc p::-webkit-scrollbar-track { border-radius: 2px; background: rgba(102, 102, 102, 0.5); } .about_miaoshun .miao_top .m_left .mission { color: #2b51b0; line-height: 1.6; } .about_miaoshun .miao_top .m_right { width: 47%; } .about_miaoshun .miao_top .m_right img { border-radius: 20px; width: 100%; } .about_miaoshun .miao_bottom { padding: 1.3rem 0 1.1rem; } .platform { overflow: hidden; } .platform .round { position: relative; } .platform .round .ro_roto { position: relative; } .platform .round .ro_roto .ro_bj { text-align: center; } .platform .round .ro_roto .ro_bj img { width: 6.77rem; animation: rotate 50s linear infinite; } .platform .round .ro_roto .ro_img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .platform .round .ro_roto .ro_img img { width: 5.15rem; } .platform .round .post { width: 4.7rem; position: absolute; } .platform .round .post .ti1 .left img { width: 1.05rem; } .platform .round .post .ti1 .right { font-size: 0.36rem; color: #fff; padding: 0 0 0 0.2rem; } .platform .round .post .ti2 { display: grid; grid-row-gap: 0.4rem; padding: 0 0.24rem 0 0; border-right: 2px solid #fff; } .platform .round .post .ti2 .item { color: #fff; text-align: right; } .platform .round .post .ti2 .item h3 { font-size: 0.24rem; padding-bottom: 0.1rem; } .platform .round .post .ti2 .item p { line-height: 2; } .platform .round .post1 { top: 10%; left: 0; } .platform .round .post2 { top: 68%; left: 7%; } .platform .round .post3 { top: 10%; right: 0; } .platform .round .post3 .ti1 { flex-direction: row-reverse; } .platform .round .post3 .ti1 .right { padding: 0 0.2rem 0 0; } .platform .round .post3 .ti2 { padding: 0 0 0 0.24rem; border-right: none; border-left: 2px solid #fff; } .platform .round .post3 .ti2 .item { text-align: left; } .management { position: relative; } .management .man_swiper { position: relative; margin-top: 0.8rem; } .management .man_swiper .mySwiper5 .swiper-slide .slide { cursor: pointer; position: relative; text-align: center; } .management .man_swiper .mySwiper5 .swiper-slide .slide .slide_img { width: 100%; } .management .man_swiper .mySwiper5 .swiper-slide .slide .slide_img img { max-width: 60%; border-radius: 12px; } .management .man_swiper .mySwiper5 .swiper-slide .slide .slide_title { padding: 0.5rem 0; } .management .man_swiper .mySwiper5 .swiper-slide .slide .slide_title .contont1 { font-size: 0.36rem; color: #000; } .management .man_swiper .mySwiper5 .swiper-slide .slide .slide_title .contont2 { font-size: 0.24rem; color: #666; padding: 0.1rem 0 0.3rem; } .management .man_swiper .mySwiper5 .swiper-slide .slide::before { z-index: -1; content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 88%; background: #fff; border-radius: 12px; } .management .man_swiper .swiper_toggle { margin-top: 0.9rem; } .management .man_swiper .swiper_toggle .prev:hover svg path, .management .man_swiper .swiper_toggle .next:hover svg path { fill: #fff; } .management .man_swiper .swiper_toggle .pagination .swiper-pagination-bullet { border: 2px solid #fff; } .management .man_swiper .swiper_toggle .pagination .swiper-pagination-bullet-active { background: #fff; border: 2px solid #fff; } .management .popover { display: none; z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); } .management .popover .pop_box { position: relative; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 73%; min-height: 7rem; background: #fff; border-radius: 12px; } .management .popover .pop_box .sing { width: 75%; } .management .popover .pop_box .sing .item { display: none; } .management .popover .pop_box .sing .item .it_left { width: 29%; } .management .popover .pop_box .sing .item .it_left img { width: 100%; } .management .popover .pop_box .sing .item .it_right { width: 71%; } .management .popover .pop_box .sing .item .it_right .title { border-bottom: 1px solid #dddddd; padding-left: 0.6rem; } .management .popover .pop_box .sing .item .it_right .title .t1 { font-size: 0.36rem; color: #333; } .management .popover .pop_box .sing .item .it_right .title .t2 { font-size: 0.24rem; color: #333; padding: 0.1rem 0 0.4rem; } .management .popover .pop_box .sing .item .it_right .desc { padding-left: 0.6rem; padding-top: 0.3rem; color: #666; line-height: 2; } .management .popover .pop_box .sing .item.active { display: flex; } .management .popover .pop_box .close { transition: 0.6s; position: absolute; right: 20px; top: 20px; cursor: pointer; } .management .popover .pop_box .close:hover { transform: rotate(180deg); } .management .popover .pop_box .close:hover svg path { fill: #2b51b0; } .honor_qualification .honor_img { padding: 0.5rem 0 2.9rem; } .honor_qualification .honor_img img { width: 100%; } .certificate .honor_swiper { position: relative; margin-top: -1.7rem; } .certificate .honor_swiper .mySwiper3 { padding: 0 0 3px 3px; } .certificate .honor_swiper .mySwiper3 .swiper-slide .slide { text-align: center; background: #fff; padding: 0.6rem 0.34rem 0; box-shadow: 0 0 20px rgba(0, 0, 0, 0.1); } .certificate .honor_swiper .mySwiper3 .swiper-slide .slide .img { margin-bottom: 0.5rem; } .certificate .honor_swiper .mySwiper3 .swiper-slide .slide .img img { max-width: 100%; height: 1.66rem; } .certificate .honor_swiper .mySwiper3 .swiper-slide .slide .title { padding: 0.24rem 0; border-top: 1px solid #f6f6f6; } .certificate .honor_swiper .mySwiper3 .swiper-slide .slide .title p { color: #333; line-height: 28px; height: 56px; } .certificate .honor_swiper .swiper_toggle { margin-top: 0.8rem; } .quality .left { width: 50%; padding-left: 0.8rem; } .quality .left .desc { font-size: .32rem; color: #333; padding: 0.3rem 0 0.8rem; } .quality .left .shuju .item { margin-right: 0.9rem; } .quality .left .shuju .item .em1 p { font-size: 0.48rem; background: linear-gradient(to right, #3159aa, #528dac); -webkit-background-clip: text; background-clip: text; color: transparent; font-weight: bold; line-height: 1; } .quality .left .shuju .item .em1 span { color: #5fa2ac; } .quality .left .shuju .item .em1 span sup { font-size: 14px; } .quality .left .shuju .item .em2 { color: #333; padding-top: 0.14rem; } .quality .left .shuju .item:last-child { margin-right: 0; } .quality .left .major .ma_txt { color: #333; padding: 1rem 0 0.24rem; } .quality .left .major .ma_list p img { height: 1.1rem; } .quality .right { width: 49%; } .quality .right img { width: 100%; } .disinfection .desin_swiper { padding-left: 0.8rem; } .disinfection .desin_swiper .mySwiper4 .swiper-slide { text-align: center; } .disinfection .desin_swiper .mySwiper4 .swiper-slide .slide { transition: 0.4s; background: #f0f0f0; border-radius: 20px; overflow: hidden; } .disinfection .desin_swiper .mySwiper4 .swiper-slide .slide .img img { width: 100%; } .disinfection .desin_swiper .mySwiper4 .swiper-slide .slide .title { font-size: 0.24rem; color: #333; padding: 0.22rem; } .disinfection .desin_swiper .mySwiper4 .swiper-slide .slide:hover { background: #2b51b0; } .disinfection .desin_swiper .mySwiper4 .swiper-slide .slide:hover .title { color: #fff; } .disinfection .desin_swiper .swiper_toggle { margin-top: 0.58rem; } .services .ser_left { width: 28%; background: #f1f1f1; } .services .ser_left .left_box { padding: 0.7rem 1rem; position: sticky; top: 1rem; left: 0; height: calc(100vh - 1rem); overflow-y: auto; } .services .ser_left .item { border-bottom: 2px solid #d1d1d1; } .services .ser_left .item .one .one_down { line-height: 1rem; cursor: pointer; } .services .ser_left .item .one .one_down span { transition: 0.4s; font-size: 24px; flex: 1; } .services .ser_left .item .one .one_down svg { transition: 0.4s; } .services .ser_left .item .one .two { display: none; } .services .ser_left .item .one .two .two_down { margin-bottom: 10px; } .services .ser_left .item .one .two .two_down.active .two_title { background: #2b51b0; color: #fff; } .services .ser_left .item .one .two .two_down .two_title { transition: 0.4s; cursor: pointer; line-height: 0.7rem; background: #fff; padding-left: 0.2rem; font-size: 22px; color: #666; } .services .ser_left .item .one .two .two_down .two_title:hover { background: #2b51b0; color: #fff; } .services .ser_left .item .one .two .two_down .three { padding: 0.5rem 0; display: none; } .services .ser_left .item .one .two .two_down .three .three_down { margin-bottom: 0.5rem; } .services .ser_left .item .one .two .two_down .three .three_down.active .three_title { border-left: 3px solid #e45d26; } .services .ser_left .item .one .two .two_down .three .three_down:last-child { margin-bottom: 0; } .services .ser_left .item .one .two .two_down .three .three_down .three_title { transition: 0.4s; cursor: pointer; color: #333; padding-left: 0.2rem; border-left: 3px solid #c6c6c6; border-radius: 2px; } .services .ser_left .item .one .two .two_down .three .three_down .three_title:hover { border-left: 3px solid #e45d26; } .services .ser_left .item .one .two .two_down .three .three_down .four { display: none; padding: 0.5rem 0 0; } .services .ser_left .item .one .two .two_down .three .three_down .four .four_down { padding-left: 0.24rem; } .services .ser_left .item .one .two .two_down .three .three_down .four .four_down a { line-height: 0.4rem; color: #666; } .services .ser_left .item .one .two .two_down .three .three_down .four .four_down a:hover { color: #000; } .services .ser_left .item .one .two .two_down .three .three_down .four .four_down a.active { color: #000; } .services .ser_left .item.active .one .one_down span { color: #2b51b0; } .services .ser_left .item.active .one .one_down svg { transform: rotateX(180deg); } .services .ser_left .item.active .one .one_down svg path { fill: #2b51b0; } .services .ser_right { width: 72%; padding: 1.3rem 1rem 1.2rem; } .services .ser_right .head_title { font-size: 0.56rem; color: #2b51b0; } .services .ser_right .services_details { margin-top: 0.56rem; } .services .ser_right .services_details .de_left { width: 46%; } .services .ser_right .services_details .de_left img { width: 100%; } .services .ser_right .services_details .de_right { width: 46%; } .services .ser_right .services_details .de_right .desc { text-align: justify; color: #666; line-height: 1.8; } .services .ser_right .services_details .de_right .trait .tar_title { color: #333; font-size: 0.36rem; padding: 0.7rem 0 0.3rem; } .services .ser_right .services_details .de_right .trait ul li { width: 50%; margin-bottom: 0.16rem; } .services .ser_right .services_details .de_right .trait ul li i { display: inline-block; width: 0.12rem; height: 0.12rem; background: #2b51b0; border-radius: 50%; margin: 6px 8px 0 0; } .services .ser_right .services_details .de_right .trait ul li span { flex: 1; color: #666; } .services .ser_right .process { padding-top: 1rem; } .services .ser_right .process .process_img { margin-top: 0.5rem; padding-left: 0.2rem; } .services .ser_right .process .process_img img { width: 100%; } .services .ser_right .standard { padding-top: 1rem; } .services .ser_right .standard .standard_list { margin-top: 0.5rem; display: grid; grid-template-columns: repeat(5,1fr); gap: .2rem; } .services .ser_right .standard .standard_list .item { } .services .ser_right .standard .standard_list .item .em_top { position: relative; } .services .ser_right .standard .standard_list .item .em_top .top_bk { width: 100%; } .services .ser_right .standard .standard_list .item .em_top .top_bk img { width: 100%; } .services .ser_right .standard .standard_list .item .em_top .top_center { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); text-align: center; } .services .ser_right .standard .standard_list .item .em_top .top_center img { width: .58rem; } .services .ser_right .standard .standard_list .item .em_top .top_center p { color: #020202; margin-top: .2rem; font-weight: bold; } .services .ser_right .standard .standard_list .item .em_bottom { } .services .ser_right .standard .standard_list .item .em_bottom .li { margin-top: .12rem; } .services .ser_right .standard .standard_list .item .em_bottom .li i { display: inline-block; width: .08rem; height: .08rem; background: #2849a6; border-radius: 50%; margin-top: 8px; } .services .ser_right .standard .standard_list .item .em_bottom .li p { flex: 1; color: #666; margin-left: 8px; line-height: 1.6; } .services .ser_right .standard .standard_list .item .em_bottom .li span { color: #000; font-weight: bold; } .services .ser_right .standard .standard_warning { margin-top: .7rem; color: #666; text-align: right; } .services .ser_right .standard .standard_warning p span { color: #2849a6; } .services .ser_right .parameter { padding-top: 0.7rem; } .services .ser_right .parameter .par_table { margin-top: 0.5rem; width: 100%; border-radius: 12px 12px 0 0; overflow-x: auto; } .services .ser_right .parameter .par_table table { text-align: center; border-color: #dcdcdc; } .services .ser_right .parameter .par_table table tbody tr td { /*width: 260px;*/ font-size: 16px; color: #333; /*line-height: 0.7rem;*/ padding: .26rem 5px; } .services .ser_right .parameter .par_table table tbody tr td p { line-height: initial; } .services .ser_right .parameter .par_table table tbody tr:first-child { background: #2b51b0; } .services .ser_right .parameter .par_table table tbody tr:first-child td { color: #fff; } .services .ser_right .parameter .par_table::-webkit-scrollbar { height: 5px; } .services .ser_right .parameter .par_table::-webkit-scrollbar-thumb { border-radius: 2px; background: #2b51b0; } .services .ser_right .parameter .par_table::-webkit-scrollbar-track { border-radius: 2px; background: rgba(102, 102, 102, 0.5); } .services .ser_right .guide { padding-top: 0.8rem; } .services .ser_right .guide .guide_video { position: relative; width: 100%; margin: 0.5rem auto 0; } .services .ser_right .guide .guide_video .myvideo { width: 100%; } .services .ser_right .guide .guide_video .play { cursor: pointer; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .services .ser_right .guide .guide_video .play img { width: 1rem; } .services .ser_right .related { padding-top: 0.7rem; } .services .ser_right .related .rela_swiper { position: relative; margin-top: 0.6rem; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide .slide_img { width: 100%; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide .slide_img img { width: 100%; transition: 0.4s; opacity: 0; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide .slide_title { width: 100%; height: 100%; position: absolute; top: 0; left: 0; transition: 0.6s; padding: 0.2rem 0.25rem 0; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide .slide_title .title { font-size: 0.24rem; color: #000; margin-bottom: 0.26rem; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide .slide_title .desc { color: #666; line-height: 28px; height: 84px; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide .slide_title .anniu { margin-top: 0.4rem; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide:hover .slide_img img { opacity: 1; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide:hover .slide_title { padding: 0.44rem 0.25rem 0; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide:hover .slide_title .title { color: #fff; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide:hover .slide_title .desc { color: #fff; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide.active .slide_img img { opacity: 1; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide.active .slide_title { padding: 0.44rem 0.25rem 0; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide.active .slide_title .title { color: #fff; } .services .ser_right .related .rela_swiper .mySwiper2 .swiper-slide.active .slide_title .desc { color: #fff; } .services .ser_right .related .rela_swiper .swiper_toggle { margin-top: 0.3rem; } .td_width { width: 260px; } .download { background: #f1f1f1; } .download .download_list { margin-bottom: 0.5rem; display: grid; grid-row-gap: 10px; } .download .download_list .item a { transition: 1s; padding: 0 0.45rem; line-height: .7rem; background: #fff; } .download .download_list .item a .contont1 { margin-right: 0.6rem; } .download .download_list .item a .contont1 svg { filter: brightness(0.6); transform: scale(.8); } .download .download_list .item a .contont2 { /*font-size: 0.22rem;*/ color: #000; flex: 1; font-weight: bold; } .download .download_list .item a .contont2 p { width: 85%; } .download .download_list .item a .contont3 { font-family: var(--GilroyMedium); margin-right: 2rem; color: #666; } .download .download_list .item a .contont4 span { color: #000; margin-left: 6px; } .download .download_list .item a:hover { background: linear-gradient(to right, #3055a6, #62a4ab); } .download .download_list .item a:hover .contont1 svg { filter: brightness(1); } .download .download_list .item a:hover .contont2 { color: #fff; } .download .download_list .item a:hover .contont3 { color: #fff; } .download .download_list .item a:hover .contont4 span { color: #fff; } .download .download_list .item a:hover .contont4 svg path { fill: #fff; } .faq .faq_list { display: grid; grid-row-gap: 0.22rem; margin-bottom: 0.5rem; } .faq .faq_list .item { position: relative; } .faq .faq_list .item .left { padding: 0.5rem 0; width: 42%; } .faq .faq_list .item .left p { width: 24%; padding-top: 0.24rem; font-size: 0.3rem; color: #333; } .faq .faq_list .item .left p span { font-size: 0.2rem; } .faq .faq_list .item .left .img { width: 76%; transition: 0.4s; } .faq .faq_list .item .left .img img { width: 100%; border-radius: 12px; } .faq .faq_list .item .right { width: 58%; padding: 0 0.7rem 0 0.8rem; } .faq .faq_list .item .right .title { font-size: 0.24rem; color: #000; padding-bottom: 0.34rem; } .faq .faq_list .item .right .desc { color: #666; line-height: 30px; height: 90px; } .faq .faq_list .item .right .tubiao { margin-top: 0.5rem; } .faq .faq_list .item::before { transition: 0.6s; opacity: 0; z-index: -1; content: ''; position: absolute; top: 0; right: 0; width: 70%; height: 100%; background: #2b51b0; border-radius: 12px; } .faq .faq_list .item:hover::before { opacity: 1; } .faq .faq_list .item:hover .left .img { transform: translateX(-0.3rem); } .faq .faq_list .item:hover .right .title { color: #fff; } .faq .faq_list .item:hover .right .desc { color: rgba(255, 255, 255, 0.5); } .faq .faq_list .item:hover .right .tubiao svg path { fill: #e45d26; } .academic_article .article_list { margin-bottom: 0.9rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 0.5rem; grid-column-gap: 0.66rem; } .academic_article .article_list .item { background: #f1f1f1; } .academic_article .article_list .item .it_img { overflow: hidden; } .academic_article .article_list .item .it_img img { transition: 0.4s; width: 100%; } .academic_article .article_list .item .it_title { padding: 0.2rem 0.36rem 0.5rem; } .academic_article .article_list .item .it_title .contont1 { line-height: 1.4; margin-bottom: 0.2rem; } .academic_article .article_list .item .it_title .contont2 { color: #666; line-height: 1.6; } .academic_article .article_list .item:hover .it_img img { transform: scale(1.05); } .academic_article .article_list .item:hover .it_title .contont1 { color: #2b51b0; } .news .box_top .left { width: 64%; overflow: hidden; border-radius: 20px; } .news .box_top .left img { transition: 0.4s; width: 100%; display: none; } .news .box_top .left img.active { display: block; } .news .box_top .left:hover img { transform: scale(1.05); } .news .box_top .right { width: 33%; padding-left: 0.36rem; } .news .box_top .right .item a { padding: 0.36rem 0; border-bottom: 1px solid #e6e6e6; } .news .box_top .right .item a .contont1 { color: #2b51b0; font-family: var(--GilroyBold); padding-bottom: 6px; } .news .box_top .right .item a .contont2 { transition: 0.4s; padding: 0 0.32rem 0 0; font-size: 0.24rem; color: #333; font-weight: 100; line-height: 1.5; } .news .box_top .right .item a:hover .contont2 { color: #000; font-weight: bold; } .news .box_bottom .bot_list { margin: 0.7rem 0 0.9rem; display: grid; grid-template-columns: repeat(3, 1fr); grid-row-gap: 0.5rem; } .news .box_bottom .item a { transition: 1s; padding: 0.42rem; border-right: 1px solid #e7e7e7; } .news .box_bottom .item a .it_img img { width: 100%; border-radius: 20px; } .news .box_bottom .item a .it_title .contont1 { color: #2b51b0; font-family: var(--GilroyBold); padding: 0.42rem 0 6px; } .news .box_bottom .item a .it_title .contont2 { font-size: 0.24rem; color: #333; line-height: 1.7; height: .81rem; } .news .box_bottom .item a .it_title .contont3 { padding: 0.5rem 0 0.16rem; } .news .box_bottom .item a:hover { background: #2b51b0; border-radius: 12px; } .news .box_bottom .item a:hover .it_title .contont1 { color: #fff; } .news .box_bottom .item a:hover .it_title .contont2 { color: #fff; } .news .box_bottom .item a:hover .it_title .contont3 svg path { fill: #e45d26; } .news_details .top_title { border-bottom: 1px solid #ccc; } .news_details .top_title h1 { font-size: 0.38rem; color: #000; } .news_details .top_title p { font-size: 0.22rem; color: #666; padding: 0.16rem 0 0.3rem; } .news_details .compiler { padding-top: 0.5rem; } .news_details .compiler p { font-size: 16px; color: #333; line-height: 2; } .news_details .compiler img { max-width: 100%; } .corporate_culture .left { width: 51%; } .corporate_culture .left .public_title { padding: 0.2rem 0 0.36rem; } .corporate_culture .left .desc { text-align: justify; color: #666; line-height: 2; } .corporate_culture .left .culture_list { margin-top: 1rem; display: grid; grid-row-gap: 0.66rem; } .corporate_culture .left .culture_list .item { border-left: 3px solid #98b6b3; } .corporate_culture .left .culture_list .item span { font-size: 0.26rem; color: #000; line-height: 1; padding-left: 0.24rem; } .corporate_culture .left .culture_list .item span:last-child { color: #666; } .corporate_culture .right { width: 38%; } .corporate_culture .right img { width: 100%; border-radius: 12px; } .welfare_treatment .treatment_list { padding: 0.66rem 0.36rem 0; display: grid; grid-template-columns: repeat(6, 1fr); gap: 0.36rem 1.73rem; } .welfare_treatment .treatment_list .item { text-align: center; } .welfare_treatment .treatment_list .item img { width: 1rem; /*height: 1rem;*/ transition: 0.4s; } .welfare_treatment .treatment_list .item p { padding-top: 0.1rem; color: #fff; font-size: 0.22rem; } .welfare_treatment .treatment_list .item:hover img { transform: translateY(-5px); } .talent .desc { padding-top: 0.4rem; color: #666; line-height: 2; } .talent .talent_img { text-align: center; margin-top: 0.5rem; } .talent .talent_img img { width: 88%; } .recruitment { background: #f1f1f1; } .recruitment .recruitment_list { margin-bottom: 0.6rem; } .recruitment .recruitment_list .thead .one { padding: 0 0.4rem; background: linear-gradient(to right, #3055a6, #62a4ab); line-height: 0.8rem; color: #fff; border-radius: 12px 12px 0 0; } .recruitment .recruitment_list .thead .one .contont1 { width: 40%; } .recruitment .recruitment_list .thead .one .contont2 { width: 10%; } .recruitment .recruitment_list .thead .one .contont3 { width: 20%; } .recruitment .recruitment_list .thead .one .contont4 { width: 10%; } .recruitment .recruitment_list .tbody { display: grid; grid-row-gap: 10px; } .recruitment .recruitment_list .tbody .item { padding: 0 0.4rem; background: #fff; } .recruitment .recruitment_list .tbody .item .one { cursor: pointer; line-height: 0.7rem; } .recruitment .recruitment_list .tbody .item .one .contont1 { width: 40%; font-weight: bold; } .recruitment .recruitment_list .tbody .item .one .contont1 i { transition: 0.4s; display: inline-block; width: 0px; height: 0.27rem; background: #e45d26; border-radius: 6px; } .recruitment .recruitment_list .tbody .item .one .contont2 { width: 10%; color: #666; } .recruitment .recruitment_list .tbody .item .one .contont3 { width: 20%; color: #666; } .recruitment .recruitment_list .tbody .item .one .contont4 { width: 10%; } .recruitment .recruitment_list .tbody .item .one .contont4 span { width: 0.14rem; height: 2px; background: #d4d4d4; position: relative; } .recruitment .recruitment_list .tbody .item .one .contont4 span::before { transition: 0.4s; content: ''; position: absolute; width: 100%; height: 100%; background: #d4d4d4; transform: rotate(90deg); } .recruitment .recruitment_list .tbody .item .two { display: none; border-top: 1px solid #e1e1e1; padding: 0.36rem 0; } .recruitment .recruitment_list .tbody .item .two .two_top { margin-bottom: 0.36rem; } .recruitment .recruitment_list .tbody .item .two .two_top .it { width: 50%; } .recruitment .recruitment_list .tbody .item .two .two_top .it h3 { color: #000; font-weight: bold; padding: 0 0 0.2rem; } .recruitment .recruitment_list .tbody .item .two .two_top .it .message { color: #666; line-height: 2; } .recruitment .recruitment_list .tbody .item.active .one .contont1 i { width: 5px; margin-right: 0.16rem; } .recruitment .recruitment_list .tbody .item.active .one .contont4 span::before { transform: rotate(0); } .online_map .left { width: 45%; } .online_map .left .map { width: 100%; height: 100%; } .online_map .left .map .BMapLabel { display: none !important; } .online_map .left .hide { display: none; } .online_map .left .hide img { width: 100%; } .online_map .left .active { display: block; } .online_map .right { width: 48%; padding-top: 0.66rem; } .online_map .right .city { display: inline-flex; border-bottom: 2px solid #f3f3f3; } .online_map .right .city p { cursor: pointer; transition: 0.4s; position: relative; font-size: 0.24rem; color: #666; padding-bottom: 0.1rem; margin-right: 0.48rem; } .online_map .right .city p:last-child { margin-right: 0; } .online_map .right .city p::before { transition: 0.4s; content: ''; position: absolute; bottom: -1px; left: 0; width: 0%; height: 2px; background: #2b51b0; } .online_map .right .city p.active { font-size: 0.36rem; color: #2b51b0; } .online_map .right .city p.active::before { width: 100%; } .online_map .right .city p:hover { font-size: 0.36rem; color: #2b51b0; } .online_map .right .city p:hover::before { width: 100%; } .online_map .right .address .ss { display: none; } .online_map .right .address .ss h3 { color: #000; font-size: 0.3rem; font-weight: 400; padding: 0.36rem 0; } .online_map .right .address .ss p { margin-bottom: 0.12rem; } .online_map .right .address .ss p a { color: #000; font-size: 0.22rem; margin-left: 0.16rem; } .online_map .right .address .ss p:last-child { margin-bottom: 0; } .online_map .right .address .ss.active { display: block; } .online_message { background: #eef1f9; overflow: hidden; } .online_message .message_list { position: relative; } .online_message .message_list .left { width: 62%; padding-left: 1.4rem; } .online_message .message_list .left .form { padding: 1rem; } .online_message .message_list .left .form form { display: grid; grid-row-gap: 0.2rem; } .online_message .message_list .left .form .item .input { border: 2px solid #eee; border-radius: 12px; padding-left: 0.2rem; } .online_message .message_list .left .form .item .input p { margin-right: 2px; } .online_message .message_list .left .form .item .input p sup { font-size: 18px; color: #de363c; font-weight: bold; } .online_message .message_list .left .form .item .input input { flex: 1; min-height: 0.6rem; border: none; background: none; } .online_message .message_list .left .form .item .input input::placeholder { color: #666; } .online_message .message_list .left .form .one { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0.2rem; } .online_message .message_list .right { z-index: 2; width: 38%; } .online_message .message_list .right img { width: 100%; } .online_message .message_list .yuan1 { position: absolute; bottom: 30%; left: 0; } .online_message .message_list .yuan1 img { width: 0.64rem; animation: rotate 6s infinite linear; transform-origin: 45% 45%; } .online_message .message_list .yuan2 { position: absolute; bottom: 1%; left: 0; } .online_message .message_list .yuan2 img { width: 1.88rem; animation: rotate 30s infinite linear; transform-origin: 40% 45%; } .online_message .message_list .yuan3 { position: absolute; top: 10%; right: -0.3rem; } .online_message .message_list .yuan3 img { width: 1.35rem; animation: rotate 10s infinite linear; transform-origin: 45% 45%; } .search_from { background: #f1f1f1; } .search_from form { width: 6rem; margin: 0 auto; background: #fff; border-radius: 12px; overflow: hidden; } .search_from form .input { flex: 1; } .search_from form .input input { width: 100%; border: none; min-height: 0.7rem; padding-left: 0.28rem; background: none; color: #333; } .search_from form .label { cursor: pointer; } .search_from form .label .btn { width: 0.7rem; height: 100%; border-radius: 12px; background: #2b51b0; } .search_result { background: #f1f1f1; } .search_result .result_list { display: grid; grid-row-gap: 10px; } .search_result .item a { transition: 0.4s; padding: 0 .4rem; line-height: .7rem; border-radius: 12px; background: #fff; } .search_result .item a .title { flex: 1; color: #000; } .search_result .item a .title p { width: 85%; } .search_result .item a .svg svg { transition: 0.4s; } .search_result .item a:hover { background: linear-gradient(to right, #3055a6, #62a4ab); } .search_result .item a:hover .title { color: #fff; } .search_result .item a:hover .svg svg path { fill: #e45d26; } @keyframes rotate { 100% { transform: rotate(-1turn); } } @keyframes _rotate { 100% { transform: rotate(1turn); } } @keyframes upDown { 0% { transform: translateY(-6px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-6px); } } @media (max-width: 1700px) { } @media (max-width: 1500px) { .services .ser_right .standard .standard_list { /*grid-template-columns: repeat(4,1fr);*/ } .services .ser_left .item .one .one_down span { font-size: 20px; } .services .ser_left .item .one .two .two_down .two_title { font-size: 18px; } .services .ser_left .item .one .two .two_down .three .three_down .three_title { font-size: 16px; } .services .ser_left .item .one .two .two_down .three .three_down .four .four_down a { font-size: 14px; } .about_miaoshun .miao_top .m_left .desc p { height: 2.4rem; } .w1720 { padding-left: 0.8rem; padding-right: 0.8rem; } .w1560 { padding-left: 1.4rem; padding-right: 1.4rem; } .w1200 { width: 75%; } .index_memorabilia .me_about { left: .8rem; } .services .ser_left .left_box { padding: 0.7rem 0.8rem; } .services .ser_right { padding: 1.3rem 0.8rem 1.2rem; } .public_link a { min-width: 188px; height: 56px; } .index_business .bus_center .item1 .img { right: 13%; } .index_business .bus_center .item2 .img { right: -15%; } .index_memorabilia .figure1 { top: 57%; left: 3%; } .index_memorabilia .figure2 { top: 47%; left: 13%; } .index_memorabilia .figure3 { top: 43%; left: 23%; } .index_memorabilia .figure4 { top: 35%; left: 32%; } .index_memorabilia .figure5 { top: 30%; left: 45%; } .index_memorabilia .figure8 { top: 13%; left: 74%; } .index_memorabilia .memor_swiper { bottom: 0.6rem; } .pc_footer .footer_top .right .item { margin-right: 1rem; } .platform .round .post2 { top: 72%; left: 5%; } .quality .left .shuju .item { margin-right: 0.6rem; } .quality .left .major .ma_list p img { height: 0.96rem; } .about_miaoshun .miao_top .m_left, .quality .left { padding-left: 0.6rem; } .services .ser_right .services_details .de_right .trait ul li { width: 100%; } .services .ser_right .services_details .de_right .trait ul { height: 1.7rem; overflow: auto; } .services .ser_right .services_details .de_right .trait ul::-webkit-scrollbar { width: 2px; height: 2px; } .services .ser_right .services_details .de_right .trait ul::-webkit-scrollbar-thumb { border-radius: 2px; background: #2d52ae; } .services .ser_right .services_details .de_right .trait ul::-webkit-scrollbar-track { border-radius: 2px; background: rgba(154, 154, 154, 0.6); } .pc_header .right .lang a { padding: 4px 12px; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .number { font-size: 1rem; } .platform .round .post1, .platform .round .post3 { top: 2%; } } @media (max-width: 1400px) { .about_miaoshun .miao_top .m_left .desc p { height: 2.3rem; } } @media (max-width: 1300px) { .f20 { font-size: 18px; } .f18 { font-size: 16px; } .f16 { font-size: 14px; } .f14 { font-size: 13px; } } @media (max-width: 1200px) { .services .ser_left { display: none; } .services .ser_right .standard .standard_list { grid-template-columns: repeat(3,1fr); } .public_crumbs .box .right { display: none; } .about_miaoshun .miao_top .m_left .desc p { height: auto; padding-right: 0; } .pc_header, .pc_footer .footer_top .right { display: none; } .index_banner .mySwiper1 .swiper-slide .slide_img img { height: calc(100vh - 58px); } .w1720, .w1560 { padding-left: 5vw; padding-right: 5vw; } .index_memorabilia .me_about { left: 5vw; top: .3rem; } .index_business { background: url('/template/default/pc/skin/images/73_1.jpg') no-repeat !important; background-size: cover !important; } .management { background: url('/template/default/pc/skin/images/56_1.jpg') no-repeat !important; background-size: cover !important; } .index_business .bus_center .item { width: 50%; } .index_business .bus_top .desc { width: 100%; } .miao_bottom .om_box, .bus_bottom .om_box { justify-content: flex-start; } .miao_bottom .om_box .item, .bus_bottom .om_box .item { width: 33.33%; display: flex; flex-direction: column; align-items: center; margin-bottom: 0.5rem; } .bus_bottom .om_box .item .i1 .number p, .bus_bottom .om_box .item .i2, .bus_bottom .om_box .item .i1 .number span { color: #fff; } .bus_bottom .om_box .item .i1 .number img { filter: brightness(100); } .index_news .news_list { grid-template-columns: repeat(1, 1fr); grid-row-gap: 0.35rem; } .pc_footer .footer_top .left { width: 100%; } .pc_footer .footer_bottom .left { width: 70%; } .pc_footer .footer_bottom .left a { line-height: 2.4; } .pc_footer .footer_bottom .right { width: 30%; display: flex; justify-content: flex-end; } .about_miaoshun .miao_top .m_left, .quality .left, .disinfection .desin_swiper { padding-left: 0; } .pc_footer .footer_bottom .left .a1:nth-last-of-type(2) { margin-left: 0; } .about_miaoshun .miao_top .m_left, .about_miaoshun .miao_top .m_right { width: 100%; } .about_miaoshun .miao_top .m_right { margin-top: 0.5rem; } .platform .round .post { width: 100%; position: relative; top: auto; left: auto; right: auto; } .platform .round .post .ti1 { justify-content: flex-start; } .platform .round .post .ti2 { border-left: 2px solid #fff; border-right: none; padding: 0 0 0 0.24rem; margin-top: 0.3rem; } .platform .round .post .ti2 .item { text-align: left; } .platform .round .post3 .ti1 { flex-direction: row; } .platform .round .post3 .ti1 .right { padding: 0 0 0 0.2rem; } .platform .round .post { margin-top: 0.5rem; } .management .popover .pop_box { width: 85%; } .quality .left { width: 100%; } .quality .right { width: 100%; margin-top: 0.5rem; } .services .ser_left, .services .ser_right { width: 100%; } .services .ser_left .left_box, .services .ser_right { padding: 0.7rem 5vw; } .download .download_list .item a .contont1 { margin-right: 0.3rem; } .download .download_list .item a .contont3 { margin-right: 1rem; } .faq .faq_list .item .left, .faq .faq_list .item .right { width: 100%; } .faq .faq_list .item .right { padding: 0 5vw 0.5rem; } .faq .faq_list .item::before { width: 100%; } .faq .faq_list .item:hover .left p { color: #fff; } .academic_article .article_list, .news .box_bottom .bot_list { grid-template-columns: repeat(2, 1fr); grid-row-gap: 0.4rem; grid-column-gap: 0.4rem; } .news .box_top .left, .news .box_top .right { width: 100%; } .news .box_top .right { padding-left: 0; } .w1200 { width: 90%; } .welfare_treatment .treatment_list { grid-template-columns: repeat(4, 1fr); gap: 0.36rem 1rem; } .recruitment .recruitment_list .thead .one .contont2, .recruitment .recruitment_list .tbody .item .one .contont2 { display: none; } .recruitment .recruitment_list .thead .one .contont1, .recruitment .recruitment_list .tbody .item .one .contont1 { width: 50%; } .recruitment .recruitment_list .thead .one .contont3, .recruitment .recruitment_list .tbody .item .one .contont3 { width: 40%; } .recruitment .recruitment_list .tbody .item .two .two_top .it { width: 100%; margin-bottom: 0.36rem; } .recruitment .recruitment_list .tbody .item .two .two_top .it:last-child { margin-bottom: 0; } .online_map .left, .online_map .right { width: 100%; } .online_message .message_list .left { padding-left: 0; width: 100%; } .online_message .message_list .left .form { padding: 0.8rem 0.5rem; } .online_message .message_list .left .form .one { grid-template-columns: repeat(1, 1fr); } .online_message .message_list .right { display: none; } .online_message .message_list .yuan1 { left: -5vw; } .online_message .message_list .yuan2 { left: -3vw; bottom: -8vw; } .online_message .message_list .yuan3 { top: 0; } .index_memorabilia .bk_img img { height: 50vh; } .index_memorabilia .figure { display: none; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide { width: 80%; } .pc_footer .footer_bottom .left, .pc_footer .footer_bottom .right { width: 100%; text-align: center; } .pc_footer .footer_bottom .left a { width: 100%; } .pc_footer .footer_bottom .left a.a1 { margin-left: 0; justify-content: center; } .pc_footer .footer_bottom .right .show { position: relative; bottom: auto; left: auto; transform: translateX(0); margin: 0 auto; } .pc_footer .footer_bottom .right { justify-content: center; margin-top: 0.3rem; flex-direction: column-reverse; } .pc_footer .footer_bottom .right p { /*width: 100%;*/ display: inline-block; margin: .3rem 0 0; } .miao_bottom .mycanvas, .bus_bottom .mycanvas { display: none; } .index_business .bus_bottom { padding: 1.86rem 0 1rem; } .index_about .in_box .left, .index_about .in_box .right { width: 100%; } .index_about .in_box .right { margin-top: 0.5rem; } } @media (max-width: 750px) { .search_result .item a { padding: 0 .2rem; } .download .download_list .item a .contont1 svg { transform: scale(.6); } .services .ser_right .standard .standard_list { grid-template-columns: repeat(2,1fr); } .management .popover .pop_box .sing .item .it_left { width: 100%; text-align: center; } .management .popover .pop_box .sing .item .it_left img { width: 50%; } .management .popover .pop_box .sing .item .it_right { width: 100%; margin-top: .4rem; } .management .popover .pop_box .sing .item .it_right .title { padding-left: 0; } .management .popover .pop_box .sing .item .it_right .desc { padding-left: 0; } .management .popover .pop_box .sing .item .it_right .desc p { height: 2rem; overflow: auto; padding-right: .16rem; } .management .popover .pop_box .sing .item .it_right .desc p::-webkit-scrollbar { width: 2px; } .management .popover .pop_box .sing .item .it_right .desc p::-webkit-scrollbar-thumb { border-radius: 2px; background: #2b51b0; } .management .popover .pop_box .sing .item .it_right .desc p::-webkit-scrollbar-track { border-radius: 2px; background: rgba(102, 102, 102, 0.5); } .management .popover .pop_box { padding: 5% 0 ; } .HeaderMobile .box .button .search .btn svg { width: 22px; height: 22px; } .f20 { font-size: 16px; } .p120 { padding-top: 0.8rem; } .p120_ { padding-bottom: 0.8rem; } .public_banner .banner_img img { height: 40vh; } .public_link a { min-width: 136px; height: 44px; } .index_news .news_list .item .multiple { padding: 0.4rem 0.3rem; } .index_news .news_list .item .one .about2 p { padding: 0 0.3rem; } .index_memorabilia .bk_img img { height: 60vh; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc { font-size: .2rem; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc p { line-height: 20px; height: 60px; overflow: auto; padding-right: .14rem; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc p::-webkit-scrollbar { width: 2px; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc p::-webkit-scrollbar-thumb { border-radius: 2px; background: rgba(255, 255, 255, 1); } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc p::-webkit-scrollbar-track { border-radius: 2px; background: rgba(102, 102, 102, 0.5); } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .number { font-size: .6rem; } .index_memorabilia .memor_swiper .mySwiper6 .swiper-slide .slide .desc br { display: none; } .miao_bottom .om_box .item, .bus_bottom .om_box .item { width: 50%; } .index_business .bus_center .item { width: 100%; } .public_title { font-size: 0.4rem; } .index_banner .mySwiper1 .swiper-slide .slide_title .contont1 span { font-size: .24rem; } .index_banner .mySwiper1 .swiper-slide .slide_title .contont2 { font-size: 0.4rem; } .index_banner .mySwiper1 .swiper_switch { bottom: 0.5rem; } .index_banner .mySwiper1 .swiper_switch .scrool { display: none; } .index_banner .mySwiper1 .swiper_switch .toggle .prev, .index_banner .mySwiper1 .swiper_switch .toggle .next { width: 0.5rem; height: 0.5rem; } .index_banner .mySwiper1 .swiper_switch .toggle .prev svg, .index_banner .mySwiper1 .swiper_switch .toggle .next svg { transform: scale(0.8); } .about_miaoshun { padding-top: 1rem; } .platform .round .ro_roto .ro_bj img { width: 4.5rem; } .platform .round .ro_roto .ro_img img { width: 4rem; } .quality .left .shuju .item { width: 50%; margin-right: 0; margin-bottom: 0.3rem; } .quality .left .major .ma_list p { width: 33.33%; text-align: center; margin-bottom: 0.3rem; } .services .ser_left .item .one .two .two_down .three .three_down .three_title, .services .ser_left .item .one .two .two_down .three .three_down .four .four_down a { font-size: 14px; } .services .ser_right .head_title { font-size: 0.4rem; } .services .ser_right .services_details .de_left, .services .ser_right .services_details .de_right { width: 100%; } .services .ser_right .services_details .de_right { margin-top: 0.5rem; } .services .ser_right .guide .guide_video { width: 100%; } .services .ser_right .guide .guide_video .play img { width: 0.8rem; } .download .download_list .item a { padding: 0 0.2rem; } .download .download_list .item a .contont3 { display: none; } .public_page .nav_number a { display: none; } .public_page .nav_number a.active { display: block; } .faq .faq_list .item:hover .left .img { transform: translateX(-10px); } .academic_article .article_list, .news .box_bottom .bot_list { grid-template-columns: repeat(1, 1fr); } .news .box_bottom .item a { padding: 0.2rem; border-right: none; } .news_details .compiler p { font-size: 14px; } .corporate_culture .left { width: 100%; } .corporate_culture .right { width: 100%; margin-top: 0.6rem; } .welfare_treatment .treatment_list { grid-template-columns: repeat(3, 1fr); gap: 0.36rem 0rem; padding: 0.66rem 0 0; } .talent .talent_img img { width: 100%; } .recruitment .recruitment_list .thead .one .contont3, .recruitment .recruitment_list .tbody .item .one .contont3 { display: none; } .recruitment .recruitment_list .thead .one .contont1, .recruitment .recruitment_list .tbody .item .one .contont1 { width: 90%; } .recruitment .recruitment_list .thead .one, .recruitment .recruitment_list .tbody .item { padding: 0 0.2rem; } .uploadLayer .box { width: 4.2rem; } .uploadLayer .box .main1 img { width: 1.24rem; } .uploadLayer .box .main2 input { width: 188px; line-height: 50px; } .online_map .right .address .ss p a { font-size: 14px; } .online_message .message_list .yuan2 img { width: 1.44rem; } .online_message .message_list .yuan3 img { width: 1.22rem; } .mobile_search .input input { min-height: 52px; } .search_from form { width: 90%; } .public_anchor{ top: -58px; } }