.indexContainer>.swiper-wrapper>.swiper-slide,
.indexContainer>.swiper-wrapper>.swiper-slide>*{height: 100%;}
.indexContainer>.swiper-wrapper>.swiper-slide.index_footer{height: auto;}

.indexContainer .more_btn a{width: 170px;height: 36px;line-height: 36px;background-color: #fff;font-size: 1.6em;color: #000;display: inline-block;letter-spacing: 1px;border-radius: 20px;position: relative;transition: all .5s ease-out;}

@keyframes float {form{transform: translateY(0);opacity: 0;}50%{transform: translateY(5px);opacity: 1;}to{transform: translateY(0);opacity: 0;}}
@keyframes mouse {form{height: 2px;opacity: .2;}50%{height: 7px;;opacity: 1;}to{height: 2px;opacity: .2;}}

.indexContainer>.swiper-wrapper>.swiper-slide .mouse{position: absolute;bottom: 5px;left: calc(50% - 9px);z-index: 99;width: 18px;height: 60px;}
.indexContainer>.swiper-wrapper>.swiper-slide .mouse .item{width: 100%;height: 26px;border: 1px solid rgba(255, 255, 255, .5);border-radius: 20px;position: relative;}
.indexContainer>.swiper-wrapper>.swiper-slide .mouse .item::after{position: absolute;content: '';width: 2px;height: 2px;background-color: #fff;left: calc(50% - 1px);top: 6px;animation: mouse 2.4s ease-in-out infinite;}
.indexContainer>.swiper-wrapper>.swiper-slide .mouse span{width: 8px;height: 4px;background: url(../images/icon_mouse01.png);display: block;margin: 5px auto;transition: all .3s ease-out;animation: float 2.4s ease-in-out infinite;}
.indexContainer>.swiper-wrapper>.swiper-slide .mouse span:last-child{animation-delay: .1s;}

.ani_window::before,
.ani_window::after{content: '';position: absolute;top: 0;width: 100%;height: 100%;z-index: -1;background-color: rgba(0, 0, 0, .2);opacity: 1;transition: all 2s ease-out;}
.ani_window::before{left: 0;}
.ani_window::after{right: 0;}

.index_video{background-color: #000;display: flex;justify-content: center;align-items: center;}
.index_video .video-js{width: 100%;}
.index_video .video-js video{width: 100%;height: 100%;object-fit: cover;}
.index_video .video-js .vjs-control-bar{background: none !important;bottom: 10px;left: 10px;}
.index_video .video-js .vjs-tech{pointer-events: none;}

.index_about{background: url(../images/bg_index01.jpg) no-repeat center/cover;}
.index_about .wrapper_min,
.index_culture .wrapper_min{text-align: center;display: flex;flex-direction: column;justify-content: center;}
.index_about h2,
.index_culture h2,
.index_news h2{color: #fff;letter-spacing: 2px;font-family: 'Source Han Sans Medium';font-weight: normal;line-height: 1.2;}
.index_about p,
.index_culture p,
.index_products p{color: rgba(255, 255, 255, .65);font-size: 1.6em;letter-spacing: 1px;}
.index_about p,
.index_culture p{margin: 66px 0 110px;}

.index_culture{background: url(../images/bg_index02.jpg) no-repeat center/cover;}

.index_products{position: relative;display: flex;flex-direction: column;justify-content: center;}
.index_products .section_title,
.index_products p,
.index_products .more_btn,
.swiper_products_tab{position: relative;z-index: 2;}
.index_products p{text-align: center;margin-top: 62px;}

.swiper_products_tab{margin: 18vh 0;}
.swiper_products_tab .swiper-slide{height: 60px;line-height: 60px;background-color: rgba(255, 255, 255, .5);text-align: center;border-radius: 30px;cursor: pointer;transition: all .5s ease-out;}
.swiper_products_tab .swiper-slide h3{font-size: 1.8em;color: #000;;font-weight: normal;font-family: 'Source Han Sans Medium';}
.swiper_products_tab .swiper-slide:hover,
.swiper_products_tab .swiper-slide.swiper-slide-thumb-active{background-color: #fff;}

.swiper_products_pic{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
.swiper_products_pic .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: 1s linear 2s;transform:scale(1.1,1.1);}
.swiper_products_pic .swiper-slide::before{content: '';position: absolute;top: 0;width: 100%;height: 100%;z-index: 5;background-color: rgba(0, 0, 0, .1);transition: all 1.2s ease-out;}
.swiper_products_pic .swiper-slide-active img,
.swiper_products_pic .swiper-slide-duplicate-active img{transition:6s linear;transform:scale(1,1);}

.index_news{background: #f7f5f5;padding-top: 64px;}
.index_news .section{display: flex;flex-direction: column;justify-content: center;}
.index_news .section_title h2{color: #000;}
.index_news .more_btn a{background-color: #e6e3e3;}
.swiper_index_news{margin: 6.5vh auto;padding: 0 76px;position: relative;}
.swiper_index_news .swiper{width: 100%;}
.swiper_index_news .swiper-slide{background-color: #fff;border-radius: 30px;overflow: hidden;height: auto;}
.swiper_index_news .swiper-slide .pic_constant .inner::after{padding-top: 55.6%;}
.swiper_index_news .swiper-slide .pic_constant .inner img{transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;}
.swiper_index_news .swiper-slide .txt{padding: 30px 40px;}
.swiper_index_news .swiper-slide .title{font-size: 2.4em;margin: 10px 0 40px;color: #000;line-height: 1.3;transition: all .3s ease-out;}
.swiper_index_news .swiper-slide .type_name{font-size: 1.4em;color: #999;}
.swiper_index_news .swiper-slide .date{font-size: 1.8em;color: #999;}
.swiper_index_news .swiper-button-prev,
.swiper_index_news .swiper-button-next{width: 56px;height: 56px;border-radius: 50%;background-color: #a5a4a4;transition: all .3s ease-out;}
.swiper_index_news .swiper-button-prev{left: 0;}
.swiper_index_news .swiper-button-next{right: 0;}
.swiper_index_news .swiper-button-prev::after,
.swiper_index_news .swiper-button-next::after{color: #fff;font-size: 22px;}
.swiper_index_news .swiper-slide:hover .pic_constant .inner img{transform: scale(1.02);}

.page_banner{width: 100%;}
.page_banner> img{width: 100%;}
.page_banner .bar{padding: 10px 30px;border: 1px solid #fff;font-size: 1.8em;color: rgba(255, 255, 255, .8);border-radius: 10px;}
.page_banner .type_name{line-height: 1;color: rgba(255, 255, 255, .9);position: absolute;top: 0;left: calc(3% + 130px);font-family: 'Source Han Sans Regular';font-weight: normal;}
.page_banner .type_name::after{content: '';width: 0;height: 3px;background-color: var(--primary-color);display: block;margin-top: 20px;transition: all 2s ease-out .5s;}
.page_banner.ani .type_name::after{width: 2.5em;}

.page_banner.page_join_banner .title{position: absolute;bottom: 51%;left: 50%;transform: translateX(-50%);}
.page_banner.page_join_banner .title p{font-size: 6em;color: #fff;line-height: 1.3;}
.page_banner.page_join_banner .title p:first-child{font-family: 'Source Han Sans Regular';}
.page_banner.page_join_banner .title p:last-child{font-family: 'Source Han Sans Bold';}
.page_banner.page_join_banner .category{position: absolute;bottom: 40px;left: 0;width: 100%;display: flex;justify-content: center;}
.page_banner.page_join_banner ul{display: flex;justify-content: center;border-radius: 10px;overflow: hidden;padding: 20px 0;background-color: rgba(164, 170, 175, .6);}
.page_banner.page_join_banner ul li a{display: block;line-height: 1;font-size: 1.7em;padding: 0 40px;border-right: 1px solid rgba(255, 255, 255, .5);color: rgba(255, 255, 255, .8);}
.page_banner.page_join_banner ul li:last-child a{border: none;}
.page_banner.page_join_banner ul li a:hover{color: #fff;}

.about_title{height: 160px;line-height: 160px;font-family: 'Source Han Sans Regular';font-weight: normal;color: #0d0d0d;}
.page_about h3{font-size: 3.6em;font-family: 'Source Han Sans Regular';font-weight: normal;}
.page_about .main{height: 800px;}
.page_about .main .desc{width: 734px;margin: 50px auto 0;line-height: 1.8;}

.page_about .about .main{display: flex;flex-direction: column;justify-content: center;}
.page_about .about ul{margin-top: 200px;}
.page_about .about ul li b{font-size: 6.4em;font-family: 'bahnschrift';font-weight: normal;}
.page_about .about ul li span,
.page_about .about ul li p{font-size: 1.8em;}

.page_about .concept .main::after{content: '';display: block;width: calc(90% - 520px);height: 100%;background: url(../images/bg_about05.jpg) no-repeat center/cover;position: absolute;top: 0;right: 0;}
.page_about .concept .main{display: flex;flex-direction: column;justify-content: center;}
.page_about .concept .cont{width: 400px;}
.page_about .concept .cont ul li:not(:last-child){margin-right: 50px;}

.page_about .address{background-color: #f7f5f5;}
.page_about .address .tab{width: 44%;padding: 0 100px;background-color: #fff;border-radius: 30px 0 0 30px;display: flex;flex-direction: column;justify-content: center;}
.page_about .address .tab li{display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid #d2d2d7;cursor: pointer;padding: 30px 0;}
.page_about .address .tab li:last-child{border-bottom: none;}
.page_about .address .tab li .title{display: flex;justify-content: space-between;align-items: center;font-size: 3.6em;}
.page_about .address .tab li .title img{height: 12px;object-fit: contain;transition: all .3s ease-out;}
.page_about .address .tab li .cont{font-size: 1.6em;max-height: 0;line-height: 17px;overflow: hidden;transition: all .3s ease-out;}
.page_about .address .tab li.on .arrow img{transform: rotate(180deg);}
.page_about .address .tab li.on .cont{max-height: 56px;padding-top: 20px;}
.swiper_about_pic{width: 56%;}
.swiper_about_pic .inner{width: 100%;}
.swiper_about_pic .inner::after{content: '';padding-top: 84.5%;display: block;}
.swiper_about_pic .swiper{width: 100%;height: 100%;border-radius: 0 30px 30px 0;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0;transition: all .5s ease-out;}
.swiper_about_pic .swiper.on{display: block;z-index: 2;opacity: 1;}
.swiper_about_pic img{width: 100%;height: 100%;object-fit: cover;}
.swiper_about_pic .swiper-button-next, 
.swiper_about_pic .swiper-button-prev{width: 36px;height: 36px;border-radius: 50%;background-color: #86868b;bottom: 20px;top: auto;}
.swiper_about_pic .swiper-button-next{right: 40px;}
.swiper_about_pic .swiper-button-prev{right: 110px;left: auto;}
.swiper_about_pic .swiper-button-next::after, 
.swiper_about_pic .swiper-button-prev::after{font-size: 14px;color: #fff;}
.swiper_about_pic .swiper-pagination{bottom: 26px;}
.swiper_about_pic .swiper-pagination-bullet-active{background-color: rgba(255, 255, 255, .8)}

.page_core{letter-spacing: 1px;}
.page_core h2{font-family: 'Source Han Sans Regular';font-weight: normal;}
.page_core .color_gray{color: #999;}
.page_core .address{background-color: #f7f9fc;display: flex;padding-left: calc(3% + 130px);}
.page_core .address .txt{width: 370px;padding-top: 150px;}
.page_core .address .txt h3{font-size: 3.4em;font-weight: normal;line-height: 1.2;}
.swiper_address{width: calc(100% - 370px);cursor: none;}
.swiper_address .swiper-slide{border-radius: 40px;overflow: hidden;position: relative;height: auto;display: flex;flex-direction: column;}
.swiper_address .swiper-slide img{width: 100%;}
.swiper_address .swiper-slide .main{flex: 1;width: 100%;background: url(../images/bg_adress.jpg) no-repeat center/cover;padding: 40px 5% 40px 10%;display: flex;justify-content: space-between;align-items: flex-end;color: #999;}
.swiper_address .swiper-slide .main h2{font-size: 3.6em;color: #0d0d0d;line-height: 1.2;margin-bottom: 20px;}
.swiper_address .swiper-slide .main .desc{width: 45%;text-align:justify;text-justify:newspaper;}
.swiper_address .swiper-button-next, 
.swiper_address .swiper-button-prev{width: 50%;height: 100%;top: 0;margin: 0;z-index: 10;}
.swiper_address .swiper-button-next{right: 0;cursor: url(../images/next01.png), auto;}
.swiper_address .swiper-button-prev{left: 0;cursor: url(../images/prev01.png), auto;}
.swiper_address .swiper-button-next::after, 
.swiper_address .swiper-button-prev::after{content: '';}

.page_core .section .inner{display: flex;justify-content: space-between;padding-right: 3%;}
.page_core .section .inner img{width: 100%;}
.page_core .section .inner .big{width: 65%;padding: 50px 0 180px;}
.page_core .section .inner .txt{width: 33%;display: flex;flex-direction: column;justify-content: space-between;}
.page_core .section .inner .top h2{font-size: 6.2em;line-height: 1;}
.page_core .section .inner .btm p{width: 70%;font-size: 1.6em;color: #0d0d0d;margin-bottom: 20px;text-align:justify;text-justify:newspaper;}

.page_core .section.reverse  .inner{padding-right: 0;padding-left: 3%;}
.page_core .section.reverse  .inner .txt{text-align: right;}
.page_core .section.reverse  .inner .btm p{margin-left: auto;}

.page_core .brand{margin-top: 5vh;display: flex;flex-wrap: wrap;background-color: #f5f5f0;box-shadow: 0 2px 4px #e2e2e2;padding: 20px 50px;border-radius: 18px;}
.page_core .brand li{width: calc(100% / 8);display: flex;justify-content: center;align-items: center;padding: 30px 5px;}
.page_core .brand li img{filter: grayscale(100%);}
.page_core .brand li:hover img{filter: none;}

.page_core .service{width: 85%;margin: 80px auto 0;display: flex;justify-content: space-between;}
.page_core .service li{background-color: #f5f7f9;box-shadow: 0 0 4px #e2e2e2;border-radius: 18px;padding: 50px 90px;display: flex;position: relative;z-index: 1;overflow: hidden;}
.page_core .service li .txt{margin-left: 23px;}
.page_core .service li h3{color: #000;font-size: 3.6em;line-height: 1;}
.page_core .service li p{font-size: 1.8em;color: #999;line-height: 1.8;margin-top: 25px;}

.page_products{background-color: #f7f5f5;}
.page_products .top{padding: 50px 0;border-bottom: 1px solid #edebeb;}
.page_products .top p{width: 1040px;margin: 0 auto;text-align: center;line-height: 2;font-size: 1.6em;color: #0d0d0d;}

.page_products .nav{padding: 60px 10% 0;}
.page_products .nav ul{display: flex;justify-content: space-between;}
.page_products .nav ul li{font-size: 1.4em;line-height: 1.8;letter-spacing: 1px;}
.page_products .nav ul li> p{color: #bfbebd;margin-bottom: 8px;}
.page_products .nav ul li .children{color: #a6a4a4;}
.page_products .nav ul li .children p.on a,
.page_products .nav ul li a:hover{color: var(--primary-color);}

.page_products .list{display: flex;flex-wrap: wrap;padding: 80px 0;}
.page_products .list li{width: calc(33.33% - 26px);margin: 39px 39px 0 0;border-radius: 20px;overflow: hidden;}
.page_products .list li:nth-child(3n){margin-right: 0;}
.page_products .list li .pic_constant .inner::after{padding-top: 75%;}
.page_products .list li .pic_constant img{transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;}
.page_products .list li .txt{background-color: #fff;padding: 40px 20px;text-align: center;color: #0d0d0d;transition: all .3s ease-out;}
.page_products .list li .txt p:first-child{font-family: 'Source Han Sans Regular';}
.page_products .list li .txt p:last-child{font-family: 'Source Han Sans Medium';}
.page_products .list li:hover .pic_constant img{transform: scale(1.03);}

.page_products_detail{background-color: #f7f5f5;color: #0d0d0d;font-family: 'Source Han Sans Regular';}
.page_products_detail h5{font-size: 1.8em;color: #8b8a8a;}
.page_products_detail .title h2{font-family: 'Source Han Sans Medium';}
.page_products_detail .border_radius{border-radius: 20px;}
.page_products_detail .info_section{align-items: center;}
.page_products_detail .info_section h5{margin-bottom: 5px;}
.page_products_detail .info_section p{font-size: 1.8em;line-height: 1.8;}
.page_products_detail .info_section .pic{width: 60%;}
.page_products_detail .info_section .info{width: 35%;}
.page_products_detail .info_section .title{border-top: 3px solid var(--primary-color);padding-top: 10px;}
.page_products_detail .info_section .others{border-top: 1px solid #c6c4c4;padding-top: 6px;margin-top: 50px;}
.page_products_detail .info_section .o_list p{position: relative;padding-left: 10px;}
.page_products_detail .info_section .o_list p::before{content: '';width: 3px;height: 3px;border-radius: 5px;position: absolute;top: 14px;left: 0;background-color: #0d0d0d;}

.page_products_detail .config ul li{width: 23%;border-top: 1px solid #c6c4c4;padding-top: 6px;margin-top: 40px;}
.page_products_detail .config h2{font-family: 'Source Han Sans Regular';font-weight: normal;}
.page_products_detail .config h5{margin-bottom: 5px;}
.page_products_detail .config p{font-size: 1.5em;line-height: 1.8;}
.page_products_detail .config .colors{display: flex;flex-wrap: wrap;margin-top: 10px;}
.page_products_detail .config .colors .item{margin: 0 13px 10px 0;position: relative;z-index: 5;}
.page_products_detail .config .colors .item:last-child{margin-right: 0;}
.page_products_detail .config .colors span{width: 34px;height: 34px;border-radius: 40px;display: block;}
.page_products_detail .config .colors .title{position: absolute;bottom: 105%;left: -23px;width: 80px;padding: 4px 0;background-color: #fff;border: 1px solid #eee;border-radius: 50px;text-align: center;font-size: 1.6em;opacity: 0;}
.page_products_detail .config .colors .item:hover .title{opacity: 1;}

.page_products_detail .swiper_more{padding-bottom: 40px;margin-top: 40px;}
.page_products_detail .swiper_more .swiper-slide{border-radius: 20px;overflow: hidden;}
.page_products_detail .swiper_more .swiper-slide .pic_constant .inner::after{padding-top: 75%;}
.page_products_detail .swiper_more .swiper-slide .txt{background-color: #fff;padding: 30px 20px;text-align: center;color: #0d0d0d;transition: all .3s ease-out;}
.page_products_detail .swiper_more .swiper-slide:hover .pic_constant img{transform: scale(1.03);}
.page_products_detail .swiper_more .swiper-slide .txt p:first-child{font-family: 'Source Han Sans Regular';}
.page_products_detail .swiper_more .swiper-slide .txt p:last-child{font-family: 'Source Han Sans Medium';}
.page_products_detail .swiper_more .swiper-button-next, 
.page_products_detail .swiper_more .swiper-button-prev{width: 50px;height: 50px;background-color: rgba(255, 255, 255, .5);border-radius: 50%;font-size: 18px;color: #000;}
.page_products_detail .swiper_more .swiper-button-next::after, 
.page_products_detail .swiper_more .swiper-button-prev::after{font-size: inherit;color: inherit;font-weight: bold;}
.page_products_detail .swiper_more .swiper-button-next:hover,
.page_products_detail .swiper_more .swiper-button-prev:hover{background-color: var(--primary-color);color: #fff;}
.page_products_detail .swiper_more .swiper-pagination-clickable .swiper-pagination-bullet{background-color: #000;}

.page_case{background-color: #f7f5f5;padding-bottom: 0 !important;}
.page_case .list li{width: calc(50% - 20px);margin: 20px 40px 20px 0;}
.page_case .list li:nth-child(2n){margin-right: 0;}
.page_case .list li .pic_constant{cursor: pointer;}
.page_case .list li .pic_constant .inner::after{padding-top: 67%;}
.page_case .list li .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;text-align: center;color: #fff;z-index: 4;}
.page_case .list li .txt h5{font-size: 2em;opacity: 0;margin-bottom: 10px;}
.page_case .list li .txt p{font-size: 1.2em;opacity: 0;}
.page_case .list li .txt::before{content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .2);transition: all .5s ease-out;z-index: -1;opacity: 0;}
.page_case .list li:hover .txt::before{opacity: 1;}
.page_case .list li:hover .txt h5,
.page_case .list li:hover .txt p{opacity: 1;transition: all 1s ease-out;}
.page_case .list li .imgs{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99999;visibility: hidden;opacity: 0;}
.page_case .list li .imgs::before{content: '';display: block;position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;background-color: rgba(255, 255, 255, .5);backdrop-filter: blur(18px) brightness(1.2);-webkit-backdrop-filter: blur(18px) brightness(1.2);}
.page_case .list li .imgs .section{width: 100%;height: 100%;padding: 100px 0 100px 3%;}
.page_case .list li .imgs.toggle{visibility: visible;opacity: 1;}
.page_case .list li .imgs.toggle .swiper{transform: translateX(0);}
.page_case .list li .swiper{width: 100%;height: 100%;transform: translateX(100%);z-index: 2;transition: all .5s ease-out .5s;}
.page_case .list li .swiper .swiper-slide{width: auto;max-width: 100%;display: flex;justify-content: center;align-items: center;}
.page_case .list li .swiper .swiper-slide img{max-width: 100%;max-height: 100%;}
.page_case .list li .swiper .swiper-button-next, 
.page_case .list li .swiper .swiper-button-prev{width: 80px;height: 80px;background-color: rgba(0,0,0, .1);border-radius: 50%;font-size: 36px;color: #fff;backdrop-filter: blur(10px) brightness(1.2);-webkit-backdrop-filter: blur(10px) brightness(1.2);opacity: 1;transition: all .3s ease-out;}
.page_case .list li .swiper .swiper-button-next.swiper-button-disabled, 
.page_case .list li .swiper .swiper-button-prev.swiper-button-disabled{opacity: .1;}
.page_case .list li .swiper .swiper-button-next{right: 6%;}
.page_case .list li .swiper .swiper-button-prev{left: 6%;}
.page_case .list li .swiper .swiper-button-next::after, 
.page_case .list li .swiper .swiper-button-prev::after{font-size: inherit;color: inherit;}
.page_case .list li .swiper .swiper-button-next:hover,
.page_case .list li .swiper .swiper-button-prev:hover{opacity: .9;}
.page_case .list li .close{position: fixed;top: -100px;right: 10px;width: 80px;height: 80px;z-index: 99999;cursor: pointer;font-size: 30px;color: #333;display: flex;justify-content: center;align-items: center;background-color: #fff;border-radius: 80px;transition: top .5s ease-out .8s;}
.page_case .list li .close:hover{background-color: #333;color: #fff;}
.page_case .list li .imgs.toggle .close{top: 10px;}

.page_news{background-color: #f7f5f5;font-family: 'Source Han Sans Medium';}

.page_news .top{border-radius: 25px;overflow: hidden;}
.page_news .top .pic_constant{width: 65%;}
.page_news .top .pic_constant .inner::after{padding-top: 61%;}
.page_news .top .pic_constant img{border-radius: 30px 0 0 30px;}
.page_news .top .txt{width: 35%;background-color: #fff;padding: 30px 40px;display: flex;flex-direction: column;justify-content: space-between;}
.page_news .top .title{font-size: 3.2em;}
.page_news .top .txt p{color: #999;}
.page_news .top .pic_constant:hover img{transform: scale(1.02);}

.page_news .list li{width: calc(50% - 20px);background-color: #fff;border-radius: 30px;overflow: hidden;margin: 40px 40px 0 0 ;}
.page_news .list li:nth-child(2n){margin-right: 0;}
.page_news .list li .pic_constant img{transition: transform 400ms cubic-bezier(0.4, 0, 0.25, 1) 0ms;}
.page_news .list li .pic_constant .inner::after{padding-top: 55.6%;}
.page_news .list li .type_name{font-size: 1.4em;color: #999;}
.page_news .list li .date{font-size: 1.8em;color: #999;}
.page_news .list li .txt{padding: 40px;}
.page_news .list li .title{font-size: 2.4em;margin: 12px 0 60px;color: #000;line-height: 1.3;transition: all .3s ease-out;}
.page_news .list li:hover .pic_constant img{transform: scale(1.02);}
.page_news .layui-flow-more{margin: 100px auto 0;}
.page_news .layui-flow-more a cite{color: #0d0d0d;border-radius: 40px;background-color: #e6e3e3;padding: 6px 30px;}

.page_news_detail{background-color: #fff;padding: 120px 0 0;}
.page_news_detail .cont{width: 650px;margin: 0 auto;}
.page_news_detail .top p{color: #999;line-height: 2;}
.page_news_detail .top h1{color: #0d0d0d;font-size: 4.8em;line-height: 1.2;margin-top: 20px;font-family: 'Source Han Sans Bold';}
.page_news_detail .detail{padding: 100px 0 50px;border-bottom: 2px solid #eee;}

.page_news_detail .latest{padding: 50px 0;}
.page_news_detail .latest h2{font-family: 'Source Han Sans Bold';font-size: 2.4em;}
.page_news_detail .latest li{padding: 30px 0;border-bottom: 1px solid #eee;display: flex;justify-content: space-between;}
.page_news_detail .latest li:last-child{border-bottom: 0;padding-bottom: 0;}
.page_news_detail .latest li .pic_constant{width: 31%;border-radius: 10px;overflow: hidden;}
.page_news_detail .latest li .pic_constant .inner::after{padding-top: 49.2%;}
.page_news_detail .latest li .pic_constant:hover img{transform: scale(1.05);}
.page_news_detail .latest li .txt{width: 65%;display: flex;flex-direction: column;justify-content: space-between;}
.page_news_detail .latest li .type_name{font-size: 1.2em;color: #999;font-family: 'Source Han Sans Medium';}
.page_news_detail .latest li .title{font-size: 1.9em;color: #0d0d0d;font-family: 'Source Han Sans Bold';}
.page_news_detail .latest li .date{font-size: 1.4em;color: #999;font-family: 'Source Han Sans Medium';margin-top: 10px;}


.detail p{font-size: 1.9em;color: #0d0d0d;padding: 5px 0;letter-spacing: 1px;}
.detail img{margin: 5px 0;border-radius: 15px;}

.pager-list{ text-align:center; margin: 60px 0 0;}
.pager-list ul{ display: inline-flex;}
.pager-list li{ padding:0 10px;}
.pager-list li i.prev::after,
.pager-list li i.next::after{font-family: swiper-icons;font-size: 12px;font-style: normal;}
.pager-list li i.prev::after{content: 'prev';}
.pager-list li i.next::after{content: 'next';}
.pager-list li> *{ display: inline-flex;align-items: center; padding: 0 16px;height: 40px;line-height: 38px;font-size: 1.4em;color: #555;background-color: #f6f6f6;}
.pager-list li a:hover{ background: var(--primary-color) !important; color:#fff !important; }
.pager-list li.active> *{ color:#fff !important; background: var(--primary-color) !important;}
.pager-list li.disabled> *{ cursor:auto;}
.pager-list li.active> span:hover, 
.pager-list li.active> a:hover{ background:var(--primary-color) !important; color: #fff !important;}

.turn_page{margin-top: 80px;}
.turn_page li{width: 48%;color: #7c7c7c;}
.turn_page li a{display: inline-block;position: relative;max-width: 100%;}
.turn_page li:first-child a{padding-left: 50px;}
.turn_page li:last-child a{padding-right: 50px;}
.turn_page li a::after{content: '';display: block;position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;border: 1px solid #dcdcdc;border-radius: 100%;}
.turn_page li:first-child a::after{background: url(../images/icon_arrow01.png) no-repeat center/10px;left: 0;}
.turn_page li:last-child a::after{background: url(../images/icon_arrow02.png) no-repeat center/10px;right: 0;}
.turn_page li span{font-size: 1.8em;}
.turn_page li p{font-size: 1.4em;width: 100%;}
.turn_page li:last-child{text-align: right;}
.turn_page li:last-child p{margin-left: auto;}
.turn_page li a:hover::after{border-color: var(--primary-color);}
.turn_page li:first-child a:hover::after{background-image: url(../images/icon_arrow03.png);}
.turn_page li:last-child a:hover::after{background-image: url(../images/icon_arrow04.png);}

.page_join{color: #121212;}
.page_join h2{font-family: 'Source Han Sans Medium';font-size: 4.8em;}
.page_join .section_top_space{padding-top: 100px;}
.page_join .bg_filter{backdrop-filter: blur(10px) brightness(1.2);-webkit-backdrop-filter: blur(10px) brightness(1.2);}
.page_join .swiper-pagination-bullet{background-color: #fff;margin: 0 5px;width: 5px;height: 5px;}

.page_join .prospect .wrapper_min{background: url(../images/bg_prospect.jpg) no-repeat center/cover;border-radius: 10px;padding: 110px 0 40px;}
.page_join .prospect .txt{padding: 0 20px;}
.page_join .prospect ul{padding: 200px 100px 0;}
.page_join .prospect ul li{width: 26%;background-color: rgba(255, 255, 255, .05);border-radius: 20px;border: 1px solid rgba(255, 255, 255, .2);padding: 50px;text-align: center;}
.page_join .prospect ul li img{margin: 0 auto;}
.page_join .prospect ul li h5{font-size: 2.5em;color: #fff;margin: 30px 0 15px;}
.page_join .prospect ul li p{font-size: 1.5em;color: rgba(255, 255, 255, .8);}

.page_join .advantage .section_a,
.page_join .advantage .section_b,
.page_join .advantage .section_d,
.page_join .advantage .section_e{height: 640px;}
.page_join .advantage .section_a{border-radius: 10px;padding: 150px 100px;background: url(../images/bg_advantage01.jpg) no-repeat center/cover;display: flex;justify-content: space-between;align-items: center;}
.page_join .advantage .section_a .txt,
.page_join .advantage .section_b .txt{width: 260px;line-height: 1.3;}
.page_join .advantage .section_a ul{width: 550px;}
.page_join .advantage .section_a ul li{width: calc(50% - 10px);padding: 30px;margin: 10px 0;border: 1px solid rgba(255, 255, 255, .05);border-radius: 20px;background-color: rgba(10, 24, 39, .3);}
.page_join .advantage .section_a ul li b{font-size: 6.4em;color: #fff;font-family: 'bahnschrift';font-weight: normal;}
.page_join .advantage .section_a ul li span{font-size: 1.8em;color: #fff;}
.page_join .advantage .section_a ul li p{font-size: 1.5em;color: rgba(255, 255, 255, .8);}

.page_join .advantage .section_b{border-radius: 10px;padding: 50px 100px;background: url(../images/bg_advantage02.jpg) no-repeat center/cover;display: flex;justify-content: space-between;align-items: center;}
.page_join .advantage .section_b .swiper{width: 50%;border-radius: 15px;margin: 0;}
.page_join .advantage .section_b .swiper .swiper-slide{height: auto;}
.page_join .advantage .section_b .swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.page_join .advantage .section_b .swiper .swiper-slide p{position: absolute;bottom: 0;left: 0;width: 100%;padding: 30px 20px;background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));font-size: 2em;color: #fff;text-align: center;transition: all .3s ease-out;}
.page_join .swiper-button-next, 
.page_join .swiper-button-prev{width: 50%;height: 100%;top: 0;margin: 0;z-index: 10;}
.page_join .swiper-button-next{right: 0;cursor: url(../images/next01.png), auto;}
.page_join .swiper-button-prev{left: 0;cursor: url(../images/prev01.png), auto;}
.page_join .swiper-button-next::after, 
.page_join .swiper-button-prev::after{content: '';}

.page_join .advantage .section_c{border-radius: 10px;padding: 35px 100px;background: url(../images/bg_advantage03.jpg) no-repeat center/cover;}
.page_join .advantage .section_c .txt{text-align: center;}
.page_join .advantage .section_c .txt p{width: 540px;margin: 10px auto 50px;}
.page_join .advantage .section_c ul li{width: calc(50% - 8px);margin: 8px 0;}
.page_join .advantage .section_c ul li:first-child{width: 60%;}
.page_join .advantage .section_c ul li:nth-child(2){width: calc(40% - 16px);}
.page_join .advantage .section_c ul li img{width: 100%;height: 100%;border-radius: 20px;}

.page_join .advantage .section_d{border-radius: 10px;padding: 50px 100px;background: url(../images/bg_advantage04.jpg) no-repeat center/cover;text-align: center;}
.page_join .advantage .section_d .txt p{width: 540px;margin: 10px auto 70px;}
.page_join .advantage .section_d ul{background-color: #fff;border-radius: 20px;}
.page_join .advantage .section_d ul li{width: 20%;padding: 80px 30px;position: relative;}
.page_join .advantage .section_d ul li::after{content: '';width: 1px;height: 20px;background-color: #eee;position: absolute;right: 0;top: 60%;display: block;}
.page_join .advantage .section_d ul li:last-child:after{display: none;}
.page_join .advantage .section_d ul li img{width: 50px;height: 50px;object-fit: contain;margin: 0 auto;}
.page_join .advantage .section_d ul li h5{font-size: 2em;margin: 20px 0 15px;line-height: 1.2;}
.page_join .advantage .section_d ul li p{font-size: 1.4em;color: rgba(0, 0, 0, .65);line-height: 1.3;}

.page_join .advantage .section_e{border-radius: 10px;padding: 50px 0 0 100px;background: url(../images/bg_advantage05.jpg) no-repeat center/cover;text-align: center;}
.page_join .advantage .section_e .txt p{margin: 10px auto 100px;}
.page_join .advantage .section_e .cont{padding: 10px 130px 20px 50px;background: url(../images/bg_advantage06.png) no-repeat center/cover;}
.page_join .advantage .section_e .item:first-child{width: 60%;position: relative;}
.page_join .advantage .section_e .item:last-child{width: 40%;}
.page_join .advantage .section_e .item:first-child::after{content: '';width: 1px;height: 50%;background-color: rgba(255, 255, 255, .1);position: absolute;right: -15px;top: 25%;display: block;}
.page_join .advantage .section_e .item p{font-size: 1.9em;color: #fff;text-align: center;}
.page_join .advantage .section_e .item:first-child ul li{width: 25%;}
.page_join .advantage .section_e .item:last-child ul li{width: 50%;}
.page_join .advantage .section_e .item ul li{height: 80px;display: flex;justify-content: center;align-items: center;}

.page_join .image_chain .cont{align-items: center;}
.page_join .image_chain .txt{width: 434px;}
.page_join .image_chain .txt ul li{font-size: 2.5em;width: 50%;padding: 10px 0;}
.page_join .image_chain .txt ul li span{font-family: 'bahnschrift';margin-right: 5px;}
.page_join .swiper_image_chain{width: calc(90% - 434px);margin: 0;}
.page_join .swiper_image_chain .swiper-slide{height: auto;}
.page_join .swiper_image_chain .swiper-slide img{height: 100%;width: 100%;object-fit: cover;border-radius: 10px;}
.page_join .swiper_image_chain .swiper-pagination-bullet{opacity: .6;}
.page_join .swiper_image_chain .swiper-pagination-bullet-active{background-color: #222;}

.page_join .cooperate .cont{align-items: center;}
.page_join .cooperate .txt{width: 470px;}
.page_join .cooperate .txt h2,
.page_join .cooperate .txt h3{font-family: 'Source Han Sans Medium';}
.page_join .cooperate .txt h3{font-size: 2.5em;}
.page_join .cooperate .pic{width: calc(92% - 470px);}
.page_join .cooperate .txt ul li{display: flex;align-items: center;line-height: 1;padding: 15px 0;}
.page_join .cooperate .txt ul li span{width: 40px;height: 40px;line-height: 38px;text-align: center;border-radius: 12px;border: 1px solid #0d0d0d;font-size: 2em;font-family: 'bahnschrift';}
.page_join .cooperate .txt ul li:nth-of-type(even) span{background-color: #0d0d0d;color: #fff;}
.page_join .cooperate .txt ul li>div{flex: 1;padding-left: 15px;}
.page_join .cooperate .txt ul li h5{font-size: 2em;margin-bottom: 8px;}
.page_join .cooperate .txt ul li p{font-size: 1.4em;color: rgba(0, 0, 0, .5);}

.page_join .progress ul li{position: relative;}
.page_join .progress ul li::after{content: '';position: absolute;top: 35px;width: 100%;height: 1px;background-color: #eee;display: block;}
.page_join .progress ul li p{font-size: 2.5em;padding-left: 8px;}
.page_join .progress ul li .num{width: 72px;height: 72px;line-height: 54px;padding: 10px;background-color: #fff;position: relative;z-index: 1;margin-bottom: 8px;}
.page_join .progress ul li .num span{width: 100%;height: 100%;text-align: center;border-radius: 10px;border: 1px solid #9e9e9e;background-color: #fff;font-size: 2.5em;color: #9e9e9e;font-family: 'bahnschrift';display: block;margin-bottom: 10px;}
.page_join .progress .top{padding-left: 10%;}
.page_join .progress .top h2{line-height: 1.2;}
.page_join .progress .top ul{width: 74%;display: flex;}
.page_join .progress .top ul li{width: 19.1%;}
.page_join .progress .top ul li::after{left: 0;}
.page_join .progress .top ul li:last-child::after{width: 200%;}
.page_join .progress .btm{padding: 100px 10% 0 10%;display: flex;justify-content: flex-end;}
.page_join .progress .btm ul{width: 35%;display: flex;justify-content: space-between;position: absolute;left: 10%;}
.page_join .progress .btm ul li{width: 33.333%;}
.page_join .progress .btm ul li::after{right: 100%;}
.page_join .progress .top ul li:first-child .num span,
.page_join .progress .btm ul li:last-child .num span{background-color: #0d0d0d;color: #fff;}

.page_join .form{width: 54%;}
.page_join .form .tel{font-size: 2.5em;}
.page_join .form .layui-form p{font-size: 1.4em;color: rgba(0, 0, 0, .35);padding: 4px 0;}
.page_join .form input{width: 100%;height: 50px;border: 1px solid #ededed;background-color: #f7f5f5;border-radius: 10px;padding: 0 10px;font-size: 14px;}
.page_join .form .item{align-items: flex-end;}
.page_join .form .submit{font-size: 1.6em;color: #fff;background-color: var(--primary-color);cursor: pointer;}

.mouse{position: absolute;z-index: 9;width: 42px;height: 34px;border-radius: 13px;backdrop-filter: blur(10px) brightness(1.2);-webkit-backdrop-filter: blur(10px) brightness(1.2);}

.page_join_footer .footer .ewm li:hover,
.page_join_footer .footer .ewm li .img{background-color: #e1e3e6;}
.page_join_footer .footer .ewm li::after{background-color: #fff;}


@media screen and (max-width: 1600px){
    .page_about .address .tab{padding: 0 50px}
    .page_about .address .tab li .title{font-size: 3em;}
    
    .page_core .service li{padding: 50px;}

    .page_join .prospect ul{padding: 100px 60px 0;}
    .page_join .prospect ul li{width: 31%;padding: 40px 30px;}

    /* .page_join .advantage .section_a{padding: 100px 60px;}
    .page_join .advantage .section_b,
    .page_join .advantage .section_c,
    .page_join .advantage .section_d{padding: 50px 60px;}
    .page_join .advantage .section_e{padding: 50px 0 0 60px;}
    .page_join .advantage .section_e .cont{padding: 5px 30px 10px 0;}
    .page_join .advantage .section_d ul li{padding: 60px 20px;} */
    .page_join .progress ul li p{font-size: 2.2em;}
}

@media screen and (max-width: 1440px){
    .swiper_index_news .swiper-slide .txt{padding: 20px 30px;}
    .swiper_index_news .swiper-slide .title{margin: 10px 0 20px;}

    .page_join .advantage .section_d ul li{padding: 70px 18px;}
    .page_join .advantage .section_d ul li h5{font-size: 1.9em;}
    
}

@media screen and (max-width: 1366px){
    .page_products .list li .txt{padding: 30px 20px;}

}

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