.index_map{width:100%;display: flex;justify-content: center;align-items: center;background-image: url("../images/map_bg.jpg");background-size: cover;background-position: top center;background-repeat: no-repeat;height: 766px;margin:64px auto 75px;border-radius: 20px;}
.index_map ul{width:100%;display: flex;justify-content: center;}
.index_map li{padding:0 55px 0 60px;border-left:1px solid #fff;color:#fff;font-weight: normal;}
.index_map li:first-child{border-left:0;}
.index_map li p{width: auto;display: inline-block;position: relative;font-size:54px;line-height: 60px;}
.index_map li h2{width: 100%;display: block;font-size:14px;line-height: 32px;}
.index_map li p span{font-size:14px;display: inline-block;position: absolute;right:-15px;line-height: 32px;}
.index_map li p span.span_end{bottom:0;}
.index_map li p span.span_start{top:0;right:-10px;}
.index_btn{width:265px;height: 40px;line-height: 38px;font-size:14px;text-align: center;color:#fff;border:1px solid #fff;border-radius: 20px;background: unset;display: flex;justify-content: center;align-items: center;margin: auto;}
.index_btn img{width: 27px;height: 9px;object-fit: contain;display: block;margin-left:13px;}
.index_map .index_btn{margin-top:76px;}
@media screen and (max-width: 1670px) {
    .index_map{height: 45.868vw;}
    .index_map li{padding:0 3.293vw 0 3.5928vw;}
    .index_map .index_btn{margin-top:4.55vw;}
}
@media screen and (max-width: 750px) {
    .index_btn{width: 35.333vw;height: 5.333vw;line-height: 5.066vw;font-size:1.866vw;border-radius: 2.667vw;padding:0 10px;}
    .index_btn img{width: 3.6vw;height: 1.2vw;margin-left:1.733vw;}
}
@media screen and (max-width: 640px) {
    .index_map{height: auto;padding:5vw 0;}
    .index_map ul{flex-wrap: wrap;}
    .index_map li{width: 50%;margin-bottom: 20px;text-align: center;}
    .index_map li:nth-child(3){border-left:0;}
}
@media screen and (max-width: 640px) {
    .index_btn{width: 45vw;}
}

.index_product{width: 100%;display:flex;justify-content: space-between;flex-wrap: wrap;overflow-x: hidden;}
.index_product_list{width:calc(50% - 6px);background: #fcfcfc;display: block;padding-top:50px;text-align: center;margin-bottom: 12px;}
.index_product_list a{display: block;overflow: hidden}
.index_product_list p{width:100%;/*font-size:35px;*/font-size:20px;line-height: 50px;color:#333333;display: block;margin-bottom: 20px;position: relative;z-index:2;}
.index_product_list span{width:160px;font-size:14px;line-height: 38px;color:#8cc63e;display: block;position: relative;z-index:2;transition: all ease .5s;height: 40px;overflow: hidden;margin:0 auto;border:1px solid #000;color:#000;border-radius:20px;}
.index_product_list span i{width:100%;height: 38px;font-size:14px;line-height: 38px;position: relative;top:0;vertical-align:top;display: block;transition: .3s;}
.index_product_list span:hover i{top:-40px;}
.index_product_list span i::after{content:attr(data-title);position: absolute;top:100%;left:0;color:#8cc63e;width:100%;transition: all ease .3s;}


.index_product_list img{height: 22.2395vw;object-fit: contain;display: block;margin:0 auto;transition: all ease .5s;}
.index_product_list:hover img{transform: scale(1.2);}
@media screen and (max-width: 750px) {
    .index_product_list{padding-top:6.666vw;}
    .index_product_list p{font-size:4.666vw;line-height: 6.666vw;margin-bottom: 10px;}
    
    .index_product_list span{line-height:5.066vw;height:5.333vw;border-radius:2.666vw;width:21.333vw;}
    .index_product_list span i{line-height:5.066vw;height:5.066vw;}
    .index_product_list span:hover i{margin-top:-5.333vw;}
}

.like_evs{width:100%;height: 100vh;position: relative;background: #fcfcfc;overflow-x: hidden;}
.like_evs_bg{width:100%;height: 100vh;position: absolute;top:0;right:0;bottom:0;left:0;overflow-x: hidden;}
.like_evs_bg img{height: 100vh;object-fit: contain;display: block;margin:0 0 0 auto;}
.like_evs .main{position: relative;z-index:4;display: flex;justify-content: flex-start;align-items: center;height: 100vh;}
.like_evs_main h2{width:100%;/*font-size:60px;*/font-size:24px;/*line-height: 80px;*/line-height: 40px;color:#000;display: block;margin-bottom: 30px;}
.like_evs_main dl,.like_evs_main dt,.like_evs_main dd{width:100%;display: block;}
.like_evs_main dt{/*font-size:22px;*/font-size:14px;line-height: 30px;color:#333;}
.like_evs_main dd{font-size:18px;line-height: 36px;color:#333;padding-left:24px;position: relative;}
.like_evs_main dd::before{content:'';width: 8px;height: 8px;background: #000;border-radius: 50%;position: absolute;top:50%;left:0;transform: translateY(-50%);}
.like_evs_main .index_btn{border-color: #000;color:#000;width:160px;margin:55px auto 0 0 ;}
@media screen and (max-width: 960px) {
    .like_evs .main{background: rgba(252,252,252,0.7);}
}
@media screen and (max-width: 750px) {
    .like_evs_main h2{font-size:8vw;line-height: 10.666vw;margin-bottom: 4vw;}
    .like_evs_main dt{font-size:2.933vw;line-height: 5.333vw;}
    .like_evs_main dd{font-size:2.4vw;line-height: 4.8vw;padding-left:3.2vw;}
    .like_evs_main .index_btn{width: 21.333vw;margin:7.333vw auto 0 0 ;}
    .like_evs_main dd::before{width: 1.0666vw;height:  1.0666vw; }
}

.index_system{width:100%;height: 100vh;display: flex;justify-content: center;align-items: center;position: relative;overflow: hidden;}
.index_system_bg{width:100%;height: 100vh;background-repeat: no-repeat;background-position: center;background-size: cover;animation: kenburns-top 6s linear both reverse 0.5s;position: absolute;top:0;right:0;bottom:0;left:0;overflow: hidden;}



.index_system_main{width:100%;text-align: center;color:#fff;position: relative;z-index:2;}
.index_system_main h2{width:100%;/*font-size:60px;*/font-size:24px;line-height: 40px;}
.index_system_main .index_btn{width:160px;margin:55px auto 0 ;font-weight: 600;}
@media screen and (max-width: 750px) {
    .index_system_main h2{font-size:8vw;line-height: 8vw;}
    .index_system_main .index_btn{width: 21.333vw;margin:7.333vw auto}
}

.index_title{width:100%;text-align: center;/*font-size:36px;*/font-size:24px;line-height: 40px;color:#000;margin:50px auto 40px;display: block;font-weight: 600;}
.index_news{width:100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.index_news_list{width:32%;display: block;margin-right: 2%;}
.index_news_list:nth-child(3){margin-right: 0;}
.index_news_list a{width:100%;display: block;}
.index_news_list_img{width:100%;height: 330px;display: block;border-radius: 10px;overflow: hidden;}
.index_news_list_img img{width: 100% !important;height: 100% !important;object-fit: cover;display: block;transition: .5s;}
.index_news_list_img:hover img{transform: scale(1.2);}
.index_news_list h2{width:100%;font-size:20px;line-height: 32px;color:#000;margin:20px 0 10px;}
.index_news_list p{width:100%;font-size:14px;line-height: 24px;color:#717171;display: block;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.index_news_list span{font-size:13px;width:100%;display: block;color:#000;line-height: 30px;margin-top:10px;}
@media screen and (max-width: 1670px) {
    .index_news_list_img{height: 19.76vw;}
}
@media screen and (max-width: 750px) {
    .index_title{font-size:24px;line-height: 30px;}
}
@media screen and (max-width: 640px) {
    .index_news_list{width: 100%;margin-right: 0;margin-bottom: 4%;}
    .index_news_list_img{height: 51.5625vw;}
}

.index_contact{width:100%;background-size: cover;background-position: top center;background-repeat: no-repeat;padding:190px 0 155px;margin-top:80px;overflow-x: hidden;}
.index_contact h2{width:100%;color:#fff;display: block;text-align: center;font-size:24px;line-height: 32px;font-weight: normal;letter-spacing: 5px;margin-bottom: 70px;}

@media screen and (max-width: 640px) {
    .index_contact h2{font-size:3.75vw;line-height: 4.2666vw;margin-bottom: 9.333vw;}
    .index_btn{width: 21.333vw;}
}

.index_btn{position: relative;overflow: hidden;}
.index_btn p{position: relative;z-index:2;height: 100%;}
.index_btn p{
    white-space: nowrap;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
    z-index: 3
}
.index_btn p span{
    transition: transform .3s ease-in-out;
    transform: translateY(-100%)}
.index_btn p span:first-child{color:#fff;}
.index_btn p span:last-child{color:#242424;}

.index_btn::before{content:'';width:5px;height: 5px;position: absolute;top:50%;right:10%;z-index:1;background: #fff;display: block;border-radius: 50%;transform: translate(-50%, -50%) scale(0);transition: transform .4s ease-in-out}
.index_btn:hover::before{background: #242424;transform: translate(-50%, -50%) scale(120);}
.index_btn:hover{color:#fff;border-color: #242424;}
.index_btn:hover p span{transform: translateY(0);}


.index_map .index_btn p span:first-child,.index_system .index_btn p span:first-child,.index_contact .index_btn p span:first-child{color:#242424;}
.index_map .index_btn p span:last-child,.index_system .index_btn p span:last-child,.index_contact .index_btn p span:last-child{color:#fff;}
.index_map .index_btn:hover::before,.index_system .index_btn:hover::before,.index_contact .index_btn:hover::before{background: #fff;}
.index_map .index_btn:hover,.index_system .index_btn:hover,.index_contact .index_btn:hover{border-color: #fff;}


.info_main{width: 96%;max-width: 1200px;margin:0 auto;}

/*   关于我们   */
.banner{width:100%;display: block;height: 100vh;position: relative;z-index:998;overflow-x: hidden;}
.banner a ,.banner a img{width: 100%;height: 100%;object-fit: cover;display: block;position: relative;}
.banner_title_info{width:100%;text-align: center;position: absolute;top:50%;left:0;transform: translateY(-50%);color:#fff;font-size:38px;line-height: 46px;font-weight: 600;}
.banner_sub_img{max-width: 100%;max-height: 100%;object-fit: contain;display: block;margin:0 auto;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.banner_sub_img img{max-width: 100%;max-height: 100%;object-fit: contain;display: block;margin:0 auto;}

.info_title{width: 100%;text-align: center;/*font-size:32px;*/font-size:24px;line-height: 42px;color:#333;display: block;}
.info_intro{width:100%;text-align: center;font-size:18px;line-height: 36px;color:#888;display: block;}
.info_screen_img{width: 100%;object-fit: contain;display: block;}
.info_screen_img img{width: 100%;object-fit: contain;display: block;margin:0 auto;max-width:100% !important;height:auto !important;}
@media screen and (max-width: 640px) {
    .info_title{font-size: 5vw;line-height: 6.5625vw;}
    .info_intro{font-size:2.8125vw;line-height: 5.625vw;}
}

.about_major{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.about_major_left{width: 38%;display: block;}
.about_major_left h2{width:100%;font-size:24px;line-height: 48px;color:#333;display: block;font-weight: normal;}
.about_major_left p{width: 100%;font-size:18px;line-height: 36px;color:#888;display: block;margin-top:24px;}
.about_major_right{width: 56%;display: flex;justify-content: flex-end;flex-wrap: wrap;}
.about_major_right .item{width: 29.33%;display: block;margin-right: 3%;}
.about_major_right .item:nth-child(3n){margin-right: 0;width: 22%;}
.about_major_right .item_title{width: 100%;display: flex;justify-content: flex-start;align-items: flex-end;color:#8cc63e;}
.about_major_right .item_title h2{font-size:50px;line-height: 50px;font-weight: normal;display: block;margin-right: 5px;}
.about_major_right .item_title span{font-size:14px;line-height: 22px;display: block;}
.about_major_right .item_title img{width: 28px;object-fit: contain;display: block;margin-left:15px;}
.about_major_right .item p{width: 100%;font-size:14px;line-height: 28px;color:#888;display: block;margin-top:10px;}

.about_major_two .about_major_left{order:2;}
.about_major_two_img{width: 41%;max-width: 490px;object-fit: contain;display: block;}
.about_major_two_img img{width: 100%;object-fit: contain;display: block;}

@media screen and (max-width: 750px) {
    .about_major_left,.about_major_right{width:100%;}
    /*.about_major_left p{margin-top:10px;margin-bottom: 10px;}*/
    .about_major_right .item{width:33.33%;margin-right: 0;padding-right: 3%;margin-bottom: 20px;}
    .about_major_right .item:nth-child(3n){margin-right: 0;width: 33.33%;}
    .about_major_two_img{max-width: unset;width: 100%;margin-bottom: 20px;}
    .about_major_two_img img{width: auto;margin:0 auto;max-width: 100%;}
}
@media screen and (max-width: 640px) {
    .about_major_right .item_title h2{font-size:7.8125vw;line-height: 7.8125vw;}
    .about_major_right .item_title img{width: 4.375vw;}
    .about_major_left h2{font-size:5vw;line-height: 7vw;}
    .about_major_left p{font-size:2.8125vw;line-height: 5.625vw;margin-top:3.75vw;margin-bottom: 1.5625vw;}
}
@media screen and (max-width: 500px) {
    .about_major_right .item{width:50%;margin-right: 0;padding-right: 3%;}
    .about_major_right .item:nth-child(3n){margin-right: 0;width: 50%;}
}

.about_line{width:100%;display: block;position: relative;}
.about_line_bg{width: 100%;display: block;position: absolute;top:0;left:0;height: 100%;}
.about_line_bg img{width: 100%;height: 100%;object-fit: cover;display: block;}
.about_line_text{width: 100%;position: relative;top:0;z-index:2;padding:210px 2% 240px;text-align: center;color:#fff;}
.about_line_text h2{width:100%;font-size:24px;line-height: 64px;display: block;font-weight: normal;}
.about_line_text p{width: 100%;font-size:18px;line-height: 36px;display: block;margin-top:30px;}
@media screen and (max-width: 750px) {
    .about_line_text{padding:28vw 2% 32vw;}
}
@media screen and (max-width: 640px) {
    .about_line_text h2{font-size:5vw;line-height: 10vw;}
    .about_line_text p{font-size:2.8125vw;line-height: 5.625vw;margin-top:4.6875vw;}
}
.about_chairman{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: flex-end;}
.about_chairman img{width: 36.25%;display: block;object-fit: contain;}
.about_chairman_text{width: 57%;display: block;}
.about_chairman_text h2{width: 100%;font-size:24px;line-height: 64px;font-weight: normal;color:#000;display: block;margin-bottom: 20px;}
.about_chairman_text p{width: 100%;font-size:18px;line-height: 36px;color:#999;display: block;text-align: justify;font-family:'华文行楷';}
@media screen and (max-width: 750px) {
    .about_chairman img{width: auto;max-width: 100%;margin:0 auto;}
    .about_chairman_text{width: 100%;}
}
@media screen and (max-width: 640px) {
    .about_chairman_text h2{font-size:5vw;line-height: 10vw;margin: 3.125vw 0;}
    .about_chairman_text p{font-size:2.8125vw;line-height: 5.625vw;}
}

.history{width:100%;background: #fff;padding:45px 25px 70px 30px;display: flex;justify-content: flex-end;flex-wrap: wrap;position: relative;}
.history_page{width:49.5%;overflow-y: auto;display: block;position: absolute;top:45px;left:30px;bottom:70px;padding-top:30px;}
.history_page_list{width:100% !important;display: block;background: unset !important;border-radius: unset !important;opacity: 1 !important;height:auto !important;padding:5px 0;}
.history_page_list.swiper-pagination-bullet.swiper-pagination-bullet-active{background: #fafafa !important;}
.history_page .swiper-container{height: 100%;overflow-y: auto;}
.history_page .swiper-wrapper{flex-wrap: wrap;display: block;height: 100%;}
.history_page .swiper-slide{height: auto !important;}

.history_page .swiper-slide.swiper-slide-active{background: #fafafa;}

.history_page_list h2{width:100%;padding-left:18px;font-size:20px;line-height: 36px;position: relative;color:#8cc63e;font-weight: normal;}
.history_page_list h2::before{content:'';width:5px;height: 5px;background: #8cc63e;border-radius: 50%;position: absolute;left:0;top:15px;}
.history_page_list p{width: 100%;font-size:16px;line-height: 32px;color:#888;display: block;padding-left:40px;}
.history_page .swiper-container::-webkit-scrollbar{width: 10px;border-radius: 5px;}
.history_page .swiper-container::-webkit-scrollbar-button{display: none;}
.history_page .swiper-container::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: #8cc63e;
}
.history_page .swiper-container::-webkit-scrollbar-track {
    border-radius: 10px;
    background: #f5f5f5;
}
.history_right{width: 44.978%;display: block;}
.history_container .swiper-slide a{width: 100%;display: block;}
.history_swiper_img{width: 100%;object-fit: cover;display: block;border-radius: 10px;overflow: hidden;}
.history_swiper_img img{width: 100%;height: 375px;object-fit: cover;display: block;transition: .5s;}
.history_swiper_img:hover img{transform: scale(1.2);}
.history_container .swiper-slide a span{width: 100%;font-size:16px;line-height: 36px;color:#888;display: block;margin-top:10px;}
.history_container .swiper-slide a p{width: 100%;font-size:18px;line-height: 36px;color:#333;display: block;}
.history_container .swiper-slide .history_page_list{display: none;}

.swiper-button-next.history_next, .swiper-button-prev.history_prev{position: absolute;top:50%;width:15px;height: 25px;display: block;margin-top:0;background-size: 100%;transform:translateY(-50%);display:none;z-index:9;}
.swiper-button-next.history_next{right:10px;
    background-image:url('../images/right_icon.png');}
.swiper-button-prev.history_prev{left:10px;box-sizing: unset;
    
    background-image:url('../images/left_icon.png');
}
/*.swiper-button-prev.history_prev::after{content:'';width: 2px; height: 25px;position: absolute;top:0;right:-20px;background: #333;}*/
.history_operate{width: 100%;}
.history_total{flex-grow: 1;display: flex;justify-content: flex-end;align-items: flex-end;font-weight: normal;}
.history_total span{font-size:30px;line-height: 30px;color:#8cc63e;display: block;}
.history_total label{font-size:30px;line-height: 30px;color:#333;display: block;}
.history_total i,.history_total .swiper-pagination-total{font-size:14px;line-height: 14px;color:#333;display: block;}
@media screen and (max-width: 750px) {
    
    .swiper-button-next.history_next, .swiper-button-prev.history_prev{display:block;}
    
    .history{padding:6vw 3.333vw 9.333vw 4vw;}
    .history_page{top:6vw;left:0;padding-top:4vw;position: relative;order:2;overflow-x: auto;}
    .history_right,.history_page{width: 100%;}
    .history_swiper_img img{height: 50vw;}
    .history_page .swiper-wrapper{flex-wrap: nowrap;display: flex;height: 100%;}
    .history_page .swiper-slide{height: auto;width:auto;padding:0 10px 0 10px;}
}
@media screen and (max-width: 640px) {
    .history_container .swiper-slide a span{font-size:14px;line-height: 20px;margin-top:5px;}
    .history_container .swiper-slide a p{font-size:16px;line-height: 24px;}
    .swiper-button-next.history_next, .swiper-button-prev.history_prev{width:30px;height: 30px;background-size:10px;background-position:center;}
    .swiper-button-prev.history_prev{margin-right: 10px;}
    .swiper-button-next.history_next{margin-left:10px;}
    /*.swiper-button-prev.history_prev::after{height: 20px;right:-10px;}*/
    /*.history_operate{margin-top:20px;}*/
    .history_total span{font-size:20px;line-height: 20px;}
    .history_page_list h2{font-size:16px;line-height: 24px;}
    .history_page_list p{font-size:14px;line-height: 20px;}
}

.about_partner ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.about_partner{width:100%;display: block;}
.about_partner li{width:23.75%;margin-right: 1.6666%;height: 120px;margin-top:30px;border:1px solid #dcdcdc;border-radius: 5px;}
.about_partner li:nth-child(4n){margin-right: 0;}
.about_partner li a{width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.about_partner li a img{max-width: 100%;max-height: 100%;object-fit: contain;display: block;transition: .5s;}
.about_partner li a:hover img{transform: scale(1.2);}

/*  生态系统  */
.system_list{width: 100%;display: flex;justify-content: flex-start;align-items: flex-start;margin-top:105px;flex-wrap: wrap;}
.system_list_img{width: 51%;display: block;}
.system_list_img img{width: 100%;object-fit: contain;display: block;}
.system_list_text{width: 49%;display: block;padding-top:30px;padding-left:35px;}
.system_list_text h2{width: 100%;/*font-size:32px;*/font-size:24px;line-height: 60px;color:#333;display: block;font-weight: normal;}
.system_list_text p{width: 100%;font-size:18px;line-height: 32px;color:#888;display: block;margin-bottom: 20px;}
.system_list_text span{width: 100%;font-size:16px;line-height: 32px;color:#888;padding-left:50px;position: relative;display: block;}
.system_list_text span::before{content:'';width: 5px;height: 5px;background: #888;border-radius: 50%;position: absolute;top:50%;left:34px;transform: translateY(-50%);}
.system_list:nth-child(2n) .system_list_text{padding-left:0;}
.system_list:nth-child(2n) .system_list_img{order: 2;}

.system_case .index_news_list_img{height: 250px;}
@media screen and (max-width: 1670px) {
    .system_case .index_news_list_img{height: 14.97vw;}
}
@media screen and (max-width: 640px) {
    .system_case .index_news_list_img{height: 39.0625vw;}
    .system_list_img,.system_list_text{width: 100%;}
    .system_list_text{padding-left:0;margin-bottom: 20px;}
    .system_list_img{order: 2;}
    .system_list,.system_list_img {margin-top:15vw;}
    .system_list:last-child,.system_list_last{padding-bottom:15vw;}
}


.contact_term{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_term .item{width: 30.833%;display: block;background: #fff;padding:30px 40px 35px;margin-bottom: 20px;}
.contact_term .item_p{width: 100%;font-size:16px;line-height: 32px;color:#333;display: block;position: relative;}
.contact_term .item_p::before{content:'';width: 52px;height: 41px;position: absolute;top:-10px;left:-20px;}
.contact_term .item_p::after{content:'';width: 52px;height: 41px;position: absolute;bottom:-10px;right:-20px;transform: rotateZ(180deg);}
.contact_term .item_p::before,.contact_term .item_p::after{background: url("../images/douhao.png") center center no-repeat;background-size: 100%;}
.contact_term .item_intro{width: 100%;display: flex;justify-content: flex-start;align-items: center;margin-top:35px;}
.contact_term .item_intro img{margin-right: 10px;width: 62px;height: 62px;object-fit: contain;display: block;}
.contact_term .item_intro span{width: auto;font-size:16px;line-height: 32px;color:#333;display: block;word-break: break-all;}
@media screen and (max-width: 640px) {
    .contact_term .item{width:100%;}
}


.online_shop{width:100%;display: flex;justify-content: flex-start;flex-wrap: nowrap;align-items: stretch;height: 100%;}
.online_shop_left{width: 25.58333%;display: block;min-width: 25.5833%}
.online_shop_left dl,.online_shop_left dt,.online_shop_left dd{width:100%;display: block;}
.online_shop_left dt{font-size:24px;line-height: 32px;color:#333;margin-bottom: 20px;white-space: nowrap;}
.online_shop_left dd{font-size:14px;line-height: 32px;color:#888;padding-left:50px;position: relative;}
.online_shop_left dd::before{content:'';width:5px;height: 5px;border-radius: 50%;background: #888;position: absolute;top:13px;left:34px;display: block;}
.online_shop ul{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.online_shop li{width:25%;display: block;height: 100%;position:relative;}
.online_shop li a{width:100%;display: flex;justify-content: center;align-items: center;height: 100%;}
.online_shop_li img{max-width: 100%;object-fit: contain;display: block;}
.online_shop_li p{width: 100%;text-align: center;font-size:14px;line-height: 32px;color:#333;display: block;margin-top:10px;}
.online_shop li:hover{background: #fbfbfb;}

.online_shop_li{position:relative;z-index:2;transition:all .5s;width:100%;height:100%;background:#fff;display: flex;justify-content: center;align-items: center;}

.online_shop_img{width:100%;height:100%;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;justify-content:center;align-items:center;transform: rotateY(-180deg); transition:all .5s ;background:#fff;opacity:0;}
.online_shop_img img{width:100%;height:100%;object-fit:contain;display:block;}

.online_shop li:hover .online_shop_li{z-index: 0;transform: rotateY(-180deg);}
.online_shop li:hover .online_shop_img{transform: rotateY(0deg);opacity:1;}

@media screen and (max-width: 750px) {
    .online_shop{align-items: flex-start;flex-wrap:wrap;}
    .online_shop li{width: 50%;margin-bottom: 4%;}
    .online_shop li{width: 50%;margin-bottom: 4%;margin-top:4%;}
    .online_shop_left{width:100%;}
    .online_shop_left dl{display:flex;justify-content:flex-start;flex-wrap:wrap;}
    .online_shop_left dl dt{width:100%;}
    .online_shop_left dl dd{width:50%;}
}

.contact_media{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_media_list{width:48.333%;display: block;}
.contact_media_list img{width:100%;height: 320px;border-radius: 10px;display: block;object-fit: cover;}
.contact_media_list p{width:100%;text-align: center;font-size:20px;line-height: 32px;color:#333;display: block;margin-top:25px;}
@media screen and (max-width: 1200px) {
    .contact_media_list img{height: 26.666vw;}
}
@media screen and (max-width: 640px) {
    .contact_media_list{width: 100%;margin-bottom: 30px;}
    .contact_media_list img{height: auto;}
}

.contact_server{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.contact_server_list{width: 48.333%;display: flex;justify-content: flex-start;align-items: center;padding:25px 33px;background: #fff;margin-top:10px;}
.contact_server_list img{width: 62px;height: 62px;object-fit: contain;display: block;margin-right: 20px;}
.contact_server_list p{width: auto;font-size:20px;line-height: 40px;color:#333;word-break: break-all;display: block;}
@media screen and (max-width: 640px) {
    .contact_server_list{width: 100%;}
}

.contact_address{width:100%;display: block;}
.contact_address dl{width: 100%;display: flex;justify-content: center;margin:35px 0;}
.contact_address dl dd{width: auto;font-size:18px;line-height: 32px;color:#333;display: block;padding:0 5%;}
.contact_address dl dd.active{color:#8cc63e;}

.contact_address_box{width:100%;display: block;}
#map_address{width: 100%;height: 400px;border-radius: 10px;border:1px solid #d2d2d2;}

/*   爱充动   */
.like_banner{width:100%;height: 100vh;position: relative;}
.like_banner a{width: 100%;height: 100vh;display: flex;justify-content: flex-start;align-items: center;}
.like_banner_bg{width: 100%;height: 100vh;position: absolute;top:0;left:0;right:0;bottom:0;z-index:1;display: flex;justify-content: flex-end;align-items: center;background: #f4f4f4;}
.like_banner_bg img{height:100vh;object-fit: contain;display: block;margin:0 0 0 auto;}
.like_banner .info_main{position: relative;z-index:2;display:block;}
.like_banner_text{width: 264px;display: block;}
.like_banner_text h2{width:100%;font-size:24px;line-height: 36px;color:#333;display: block;font-weight: normal;}
.like_banner_text p{width:100%;font-size:14px;line-height: 24px;color:#888;display: block;margin-top:10px;}
.like_banner_text_img{width: 182px;display: block;margin-top:60px;}
.like_banner_text_img img{width: 100%;object-fit: contain;display: block;}
.like_banner_text_img span{width: 100%;font-size:14px;line-height: 48px;color:#888;display: block;text-align: center;}

.system_list.like_list{align-items: center;}
.like_list .system_list_img img,.like_list .system_list_img video{max-width: 100%;max-height: 100%;width: auto;}
.like_list .system_list_img video{max-height:500px;}
.system_list.like_list:nth-child(2n + 1) .system_list_img{width: 54%;display: flex;justify-content: center;}
.system_list.like_list:nth-child(2n + 1) .system_list_text{width: 46%;}
.system_list.like_list:nth-child(2n) .system_list_img{width: 54%;}
.system_list.like_list:nth-child(2n) .system_list_text{width: 46%;padding-left:14.5%;}
@media screen and (max-width: 640px) {
    .system_list.like_list:nth-child(2n) .system_list_img{order: 2;}
    .system_list.like_list:nth-child(2n + 1) .system_list_text{order: 2;}
    .system_list.like_list:nth-child(2n) .system_list_text{padding-left:0;}
}
@media screen and (max-width: 460px) {
    .system_list.like_list .system_list_img{order: 2 !important;width: 100% !important;}
    .system_list.like_list .system_list_text{order: 1 !important;width: 100% !important;}
}

.product_nav{width:100%;display: flex;justify-content: center;align-items: center;padding:29px 0 24px;border-bottom: 1px solid #e5e5e5;overflow-x: auto;}
.product_nav_list{width: auto;padding:0 5%;display: block;}
.product_nav_list img{height: 90px;object-fit: contain;display: block;margin:0 auto;}
.product_nav_list span{width: 100%;text-align: center;white-space: nowrap;font-size:16px;line-height: 16px;color:#000;margin-top:15px;display: block;}
.product_one{width:100%;display: flex;justify-content: flex-start;align-items: center;}
.product_one_img{width: 47.0833%;display: block;}
.product_one_img img{width: 100% !important;/*max-width: 194px;*/max-height:330px;object-fit: contain;display: block;margin: 0 auto;}
.product_one_text{width: 52.9167%;display: block;}
.product_one_text p{width: 100%;font-size:24px;line-height: 40px;color:#333;display: block;}
.product_one_text span{width: 100%;font-size:16px;line-height: 32px;color:#888;display: block;margin-top:30px;}
.product_one_text i{width: 100%;font-size:20px;line-height: 32px;color:#8cc63e;display: block;}

.product_one .product_one_img img{margin:0 auto 0 0;max-width: 506px;}
.product_two .product_one_img{order:2;margin:90px 0 0 auto;}
.product_two .product_one_img img{margin:0 0 0 auto;}


@media screen and (max-width: 750px) {
    .product_nav_list img{height: 12vw;}
    .product_nav_list span{font-size:2.133vw;line-height: 2.133vw;margin-top:2vw;}
    .product_one_text p{font-size:4.266vw;line-height: 6.666vw;}
    .product_one_text span{font-size:2.166vw;line-height: 4.266vw;margin-top: 4vw;}
    .product_one_text i{font-size:3.2vw;line-height: 4.266vw;}
    
    .product_two .product_one_img{margin:12vw 0 0 auto;}
}


.info_intro_sub{width: 100%;font-size:16px;line-height: 32px;color:#888;display: block;text-align: center;margin:10px 0 0;}
.product_goods_face{width:100%;display: block;}
.product_goods_face .swiper-slide{width: 25%;justify-content: center;align-items: center;display: flex;height:auto;}
.product_goods_face .swiper-slide img{max-width: 90%;object-fit: cover;margin:0 auto;display: block;height:100% !important;}
.product_goods_face_page.swiper-pagination{position: relative;}
.product_goods_face_page.swiper-pagination span{width: 25px;height: 8px;opacity: 1;background: #c1c1c1;border-radius: 4px;margin:0 10px;}
.product_goods_face_page.swiper-pagination span.swiper-pagination-bullet-active{background: #8cc63e;}
@media screen and (max-width: 750px) {
    .product_goods_face .swiper-slide{width: 33.33%;}
    .info_intro_sub{font-size:2.1333vw;line-height: 4.266vw;}
}
@media screen and (max-width: 640px) {
    .product_goods_face .swiper-slide{width: 50%;}
    .product_one{flex-wrap: wrap;}
    .product_one_img,.product_one_text{width: 100%;}
    .product_one_img{order:2 !important;margin-top:10vw;}
    
    .product_one_img img{margin:0 auto !important;height:auto !important;}
}
@media screen and (max-width: 420px) {
    .product_goods_face .swiper-slide{width: 100%;}
}

.product_way{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_way_list{width: 23.75%;display: block;}
.product_way_list a,.product_way_list_img{width: 100%;display: block;border-radius: 10px;overflow: hidden;}
.product_way_list_img img{width: 100% !important;height:285px !important;object-fit: cover;display: block;transition: .5s;}
.product_way_list_img:hover img{transform: scale(1.2);}
.product_way_list p{width: 100%;font-size:18px;line-height: 54px;color:#8cc63e;text-align: center;display: block;}
@media screen and (max-width: 1200px) {
    .product_way_list_img img{height: 23.75vw !important;}
}
@media screen and (max-width: 750px) {
    .product_way{flex-wrap: wrap;}
    .product_way_list{width: 49%;}
    .product_way_list_img img{height: 47.066vw !important;}
}
.product_power{width: 100%;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.product_power_list{width:25%;display: block;text-align: center;}
.product_power_list img{width: 57px;height: 57px;border-radius: 50%;margin:0 auto;display: block;}
.product_power_list p{width:100%;color:#8cc63e;font-size:18px;line-height: 32px;display: block;}
.product_power_list span{width:100%;color:#888888;font-size:14px;line-height: 32px;display: block;padding:0 10px;}
@media screen and (max-width: 750px) {
    .product_power_list{width:33.33%;}
}
@media screen and (max-width: 640px) {
    .product_power_list p{font-size:14px;line-height:24px;}
    .product_power_list span{font-size: 12px;line-height: 20px;}
    .product_power_list img{width: 8.90625vw;height: 8.90625vw;}
}
@media screen and (max-width: 560px) {
    .product_power_list{width:50%;}
}
.product_rule{width:100%;display: flex;justify-content: space-between;flex-wrap: wrap;align-items: center;}
.product_rule_img{width:33.33%;display: block;}
/*.product_rule_img img{width: 100% !important;max-width: 333px;object-fit: contain;display: block;height:auto !important;}*/
.product_rule_img img{width: 100% ;max-width: 333px;object-fit: contain;display: block;height:auto ;}
.product_rule table{width: 66.66%;border-color: #959595;}
.product_rule table td{padding:4px 18px;font-size:14px;line-height: 16px;color:#888;word-break: break-all;}
.product_rule table tr td:first-child{white-space: nowrap;}
@media screen and (max-width: 750px) {
    .product_rule_img,.product_rule table{width: 100%;}
    .product_rule_img img{margin:0 auto 20px;}
}
@media screen and (max-width: 640px) {
    .product_rule table td{font-size:2.8125vw;line-height: 5vw;padding:4px 2.8125vw;}
}

.product_install{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.product_install_list{width:45.833% !important;display: block;}
.product_install_list img{width: 100% !important;height: 380px !important;object-fit: cover;display: block;border-radius: 20px;}

.product_install_list p{width: 100%;text-align: center;font-size:20px;line-height: 32px;color:#333;display: block;margin-top:20px;}
@media screen and (max-width: 1200px) {
    .product_install_list img{height: 31.666vw !important;}
}
@media screen and (max-width: 640px) {
    .product_install_list p{font-size:3.75vw;line-height: 5vw;margin-top:3.125vw;}
}
@media screen and (max-width: 540px) {
    .product_install_list{width: 100% !important;margin-bottom: 20px;}
    .product_install_list img{height: auto !important;}
}

.news_detail{width:100%;font-size:16px;line-height: 32px;color:#333;display: block;}
.news_detail img{max-width: 100%;object-fit: contain;margin:0 auto;display: block;}

@media screen and (max-width: 440px) {
    .product_one_text span,
    .info_intro_sub
    {
        font-size:14px;line-height: 20px;
    }
}

@media screen and (max-width: 750px) {
    .like_banner{overflow: hidden;}
    .like_banner::before{content:'';width: 100%;height: 100vh;position: absolute;top:0;right:0;bottom:0;left:0;background: rgb(126 124 124 / 80%);z-index:2;}
    .like_banner_text h2,.like_banner_text p,.like_banner_text_img span{color:#fff;}
    .like_banner_text h2{font-size: 5.066vw;line-height: 5.333vw;}
    .like_banner_text p{font-size:3.2vw;line-height: 6.4vw;margin-top:2.666vw;}
    .like_banner_text_img{width: 22.933vw;}
    .history_page .swiper-container{overflow-y: hidden;overflow-x: auto;}
    .history_page .swiper-container::-webkit-scrollbar{height: 3px;display:none;}
}

@media screen and (max-width: 640px) {
    .system_list_text h2{font-size:5vw;line-height: 9.375vw;}
    .system_list_text p{font-size:16px;line-height: 28px;margin-bottom: 5px;}
    .system_list_text span{font-size:14px;line-height: 24px;}
    .like_list .system_list_text{margin-bottom: 0px;padding-top:0;}
    .contact_term .item{padding:4.6875vw 6.25vw 5.46875vw;}
    .contact_term .item_intro{margin-top:5.46875vw;}
    .contact_term .item_intro img,.contact_server_list img{width: 9.6875vw;height: 9.6875vw;}
    .online_shop_left dt{font-size:5vw;line-height: 5vw;margin-bottom: 3.125vw;}
    .online_shop_left dd{font-size:14px;line-height: 24px;padding-left:30px;}
    .online_shop_left dd::before{left:20px;top:7px;}
    .contact_media_list p{font-size: 3.125vw;line-height: 5vw;margin-top:3vw;}
    .contact_media_list{margin-bottom: 3.125vw;}
    .contact_server_list{padding:3.90625vw 5.15625vw;}
}
@media screen and (max-width: 460px) {
    .like_list .system_list_img img{max-width: 100%;height: 60vw;margin:0 auto;object-fit: contain;display: block;}
    .contact_media_list p{font-size:16px;line-height: 20px;margin-top:5px;}
}
@media screen and (min-width: 750px) {
    /*.product_goods_face_container .swiper-wrapper{justify-content:center;}*/
    .product_rule_left .product_rule_img {order:2;}
    .product_rule_left .product_rule_img img{margin:0 0 0 auto;}
}


.contact_media_list_img{position:relative;}
.contact_media_list_mask{max-width:100%;height:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;opacity:0;transition:all .5s;}
.contact_media_list_mask img{width:100%;height:100%;object-fit:contain;display:block;}
.contact_media_list:hover .contact_media_list_mask{opacity:1;}

.text_list{width:100%;display: block;}
.text_list a {width:100%;display: flex;justify-content: space-between;align-items: center;overflow:hidden;border-bottom: 1px dashed #b8b8b8;font-size:16px;line-height: 32px;padding:10px 0;position: relative;padding-left:15px;}
.text_list a h2{flex-grow: 1;display: block;font-weight: normal;font-size:16px;overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;}
.text_list a p{white-space: nowrap;text-align: right;padding-left:20px;color:#aaa;}
.text_list a:hover h2{color:#8cc63e;}
.text_list a::before{content:'';position: absolute;
    top: 50%;
    left:0;
    transform: translateY(-50%);
    border: 1px solid #000;
    height: 0;
    width: 0;
    border-left: 5px solid #333;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;}


.info_time{width:100%;text-align: center;font-size:14px;line-height: 24px;color:#666;display: block;margin:20px auto 40px;}

.location_nav{width:100%;display: block;max-width: 1200px;padding:10px 0 10px 10px ;display: flex;justify-content: flex-start;align-items: flex-start;margin:0 auto;border-bottom: 1px solid #eee;}
.location_nav a{font-size:14px;color:#333;display: block;line-height: 24px;padding-left:20px;margin-right: 10px;position: relative;}
.location_nav a:first-child{background:url('../images/home.png') left center no-repeat;background-size: auto 16px;}
.location_nav a::before{content:'';position: absolute;
    top: 50%;
    left:0;
    transform: translateY(-50%);
    border: 1px solid #000;
    height: 0;
    width: 0;
    border-left: 5px solid #aaa;
    border-right: 5px solid transparent;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;}
.location_nav a:first-child::before{display: none;}