/*header start*/
.header{width: 100%;height: auto;position: relative;}
.header.fixed{position: fixed;top: 0;left: 0;z-index: 999;background: #FFFFFF;box-shadow: 4px 4px 12px 0px rgba(175, 175, 175, 0.25);}
.header_content_box{width: 100%;height: 100px;display: flex;justify-content: space-between;align-items: center;}
.logo{width: 134px;height: auto;}
.logo img{width: 100%;height: auto;display: block;}
.header_content_right_box{display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.nav_box{height: 100%;display: flex;justify-content: flex-end;align-items: center;}
.nav_box li{height: 100%;}
.nav_box li + li{margin-left: 38px;}
.nav_item{height: 100%;position: relative;}
.nav_item:after{content: "";display: block;width: 0;height: 2px;background: var(--mainColor);position: absolute;left: 0;bottom: 0;overflow: hidden;transition: all 0.3s;}
.nav_box li:hover .nav_item:after{width: 100%;}
.nav_frist_link{display: flex;align-items: center;height: 100%;font-size: 20px;color: var(--twoColor);font-family: "Inter-Medium";}
.header_bg{width: 100%;height: calc(100vh - 100px);position: absolute;left: 0;top: 100%;background: rgba(0,0,0,0.4);transition: all 0.3;display: none;z-index: 99;}
.header_nav_content_box{width: 100%;min-height: 400px;background: #FFFFFF;position: absolute;left: 0;top: 100%;z-index: 999;display: none;}
.header_nav_content_top{width: 100%;height: auto;background: #F9F9F9;}
.header_nav_content_top_ul{width: 100%;height: 68px;display: flex;justify-content: flex-start;align-items: center;}
.header_nav_content_top_ul li{height: 100%;display: flex;justify-content: flex-start;align-items: center;font-size: 16px;color: #222;cursor: pointer;margin-left: 100px !important;text-transform: capitalize;position: relative;}
.header_nav_content_top_ul li:after{content: "";position: absolute;display: block;width: 0;height: 2px;background: var(--mainColor);left: 0;bottom: 0;overflow: hidden;transition: all 0.3s;}
.header_nav_content_top_ul li.on:after{width: 100%;}
.header_nav_content_top_ul li:nth-of-type(1){margin-left: 0 !important;}
.header_nav_content_bottom{width: 100%;height: auto;display: flex;justify-content: flex-start;}
.header_nav_content_bottom_content{width: 100%;height: auto;}
.header_nav_content_bottom_content_list{width: 100%;height: auto;display: none;}
.header_nav_content_bottom .contentWH1600{display: flex;justify-content: flex-start;min-height: 332px;}
.header_nav_content_bottom_left{width: 14.75%;height: 100%;flex: 0 0 14.75%;border-right: 1px solid rgba(176, 201, 216, 0.4);}
.header_nav_content_bottom_left_nav{width: 100%;height: auto;}
.header_nav_content_bottom_left_nav li{margin-top: 26px;margin-left: 0 !important;}
.header_nav_content_bottom_left_nav li a{display: inline-block;font-size: 18px;color: #222222;padding-bottom: 6px;position: relative;}
.header_nav_content_bottom_left_nav li.on a:after{content: "";display: block;width: 0;height: 2px;background: #FF6B35;position: absolute;left: 0;bottom: 0;overflow: hidden;transition: all 0.3s;}
.header_nav_content_bottom_left_nav li.on a:after{width: 100%;}
.header_nav_content_bottom_right{flex: 1;padding: 26px 76px;padding-top: 0;}
.header_nav_content_bottom_right_list{width: 100%;height: auto;display: none;}
.header_nav_content_bottom_right_list_ul{width: 100%;height: auto;display: flex;justify-content: flex-start;flex-wrap: wrap;}
.header_nav_content_bottom_right_list_ul li{width: 15.8%;height: auto;margin-top: 15px;margin-left: 1% !important;}
.header_nav_content_bottom_right_list_ul li:nth-of-type(6n+1){margin-left: 0 !important;}
.header_nav_content_bottom_right_list_ul_img{width: 100%;height: auto;overflow: hidden;}
.header_nav_content_bottom_right_list_ul_img img{max-width: 100%;height: auto;display: block;margin: 0px auto;transition: all 0.3s;}
.header_nav_content_bottom_right_list_ul li p{font-size: 14px;color: #222222;text-align: center;}
.header_nav_content_bottom_right_list_ul li:hover .header_nav_content_bottom_right_list_ul_img img{transform: scale(1.1);}
.header_nav_content_other{width: 100%;height: auto;display: flex;justify-content: space-between;align-items: flex-start;padding: 23px 0;}
.header_nav_content_other_left{width: 64%;height: auto;}
.header_nav_content_other_left_title{width: 100%;height: 60px;border-bottom: 1px solid #B0C9D8;font-size: 22px;color: #272733;font-family: "Inter-SemiBold";display: flex;justify-content: flex-start;align-items: center;}
.header_nav_content_other_left_title img{display: block;margin-left: 5px;}
.header_nav_content_other_left_content{width: 100%;height: auto;display: flex;justify-content: flex-start;align-items: center;}
.header_nav_content_other_left_content a{display: block;margin-right: 80px;font-size: 16px;color: #222222;margin-top: 30px;text-transform: capitalize;}
.header_nav_content_other_left_content a:hover{color: var(--mainColor);text-decoration: underline;}
.header_nav_content_other_right{width: 30.5%;height: 100%;}
.header_nav_content_other_right img{width: 100%;height: auto;display: block;}
.hd_btn{display: none;position: relative;float: right;width: 6vw;height: 5vw;cursor: pointer;}
.hd_btn span{position: absolute;left: 0;top: 0px;width: 100%;height: 0.5vw;background-color:  #000;transition: .3s;-ms-transition: .3s;-moz-transition: .3s;-webkit-transition: .3s;-o-transition: .3s;}
.hd_btn .s1 {top: 0;}
.hd_btn .s2 {top: 2vw;}
.hd_btn .s3 {top: 4vw;}
.hd_btn.on .s1 {top: 2vw;transform: rotate(45deg);-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
.hd_btn.on .s2 {opacity: 0;}
.hd_btn.on .s3 {top: 2vw;transform: rotate(-45deg);-ms-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
.header_content_right_btn{margin-left: 36px;display: flex;justify-content: flex-end;align-items: center;height: 100%;}
.header_content_right_left{display: flex;justify-content: flex-end;align-items: center;height: 100%;position: relative;}
.header_content_right_left:before{content: "";display: block;width: 1px;height: 20px;background: #1A2B56;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.header_search_btn{width: 24px;height: auto;cursor: pointer;}
.header_search_btn img{width: 100%;height: auto;display: block;}
.header_language_btn{width: 24px;height: 100%;margin-left: 32px;position: relative;display: flex;align-items: center;cursor: pointer;}
.header_language_btn span{display: block;width: 100%;height: auto;}
.header_language_btn span img{width: 100%;height: auto;display: block;}
.header_content_right_language_list{width: 120px;height: auto;position: absolute;left: 50%;transform: translateX(-50%);top: 100%;background: #FFFFFF;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);z-index: 999;display: none;}
.header_language_btn:hover .header_content_right_language_list{display: block;}
.header_content_right_language_list a{line-height: 35px;padding: 0 10px;border-bottom: 1px solid #E5E5E5;display: block;font-size: 16px;}
.header_content_right_language_list a:hover{background: var(--mainColor);color: #FFFFFF;}
.header_content_right_language_list a:nth-last-of-type(1){border-bottom: none;}
.header_search_box{width: 100%;max-height: 0px;background: #FFFFFF;position: fixed;left: 0px;top: 80px;z-index: 9999;overflow: hidden;transition: all 0.6s;box-shadow: 0px 0px 21px 0px rgba(4, 0, 0, 0.15);}
.header_search_box form{width: 100%;height: auto;display: flex;justify-content: center;align-items: center;}
.header_search_box input{width: 400px;height: 42px;display: block;outline: none;background: #FFFFFF;color: #333333;padding: 0 18px;border: none;font-size: 18px;margin: 30px 0;border-bottom: 1px solid #E5E5E5;}
.header_search_box input:nth-last-of-type(1){border-radius: 8px;width: 150px;margin-left: 15px;background: var(--mainColor);color: #FFFFFF;cursor: pointer;}
.header_search_box.on{max-height: 800px;}
.header_content_right_right{width: 144px;height: 48px;background: var(--mainColor);display: flex;justify-content: center;align-items: center;border-radius: 24px;font-size: 18px;color: #FFFFFF;margin-left: 36px;}
/*header end*/
/*banner start*/
.index_banner_swiper{width: 100%;height: auto;}
.index_banner_swiper_bg{width: 100%;height: auto;}
.index_banner_swiper_bg img{width: 100%;height: auto;display: block;}
.index_banner_swiper_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;display: flex;align-items: center;}
.index_banner_swiper_content_txt{width: 36.75%;height: auto;padding: 64px 41px;background: rgba(255,255,255,0.9);}
.index_banner_swiper_content_txt h2{font-size: 18px;color: #D4AF37;font-family: "Inter-SemiBold";}
.index_banner_swiper_content_txt h1{font-size: 36px;color: #1A2B56;font-family: "Inter-SemiBold";margin-top: 10px;}
.index_banner_swiper_content_txt p{font-size: 18px;color: #1A2B56;line-height: 1.6;margin-top: 15px;}
.index_banner_swiper_page{width: 100%;height: auto;bottom: 50px !important;}
.index_banner_swiper_page span{background: #FFFFFF;width: 12px;height: 12px;}
.index_banner_swiper_page span.swiper-pagination-bullet-active{background: var(--mainColor);}
/*banner end*/
/*content start*/
.content{width: 100%;height: auto;}
.index_product_box{width: 100%;height: auto;padding: 80px 0px;}
.index_title_box span{font-size: 14px;color: #D4AF37;text-transform: uppercase;display: block;}
.index_title_box h2{font-size: 72px;color: #1A2B56;font-family: "Inter-SemiBold";margin-top: 20px;}
.index_product_nav_box{width: 100%;height: auto;display: flex;justify-content: space-between;margin-top: 32px;}
.index_product_nav_box li{width: calc(100% / 6);height: auto;padding: 45px 40px;background: linear-gradient(180deg,rgba(0, 117, 190, 1) 0%, rgba(26, 43, 86, 1) 100%);cursor: pointer;position: relative;transition: all 0.3s;}
.index_product_nav_ico{width: 135px;height: auto;margin: 0px auto;}
.index_product_nav_ico img{width: 100%;height: auto;display: block;}
.index_product_nav_box li h3{font-size: 18px;color: #FFFFFF;font-family: "Inter-Bold";text-align: center;margin-top: 20px;text-transform: uppercase;}
.index_product_nav_box li:after{content: "";display: block;width: 0;height: 0;border: 12px solid transparent;border-top-color: var(--mainColor);position: absolute;left: 50%;transform: translateX(-50%);top: 100%;opacity: 0;transition: all 0.3s;}
.index_product_nav_box li.on{background: var(--mainColor);}
.index_product_nav_box li.on:after{opacity: 1;}
.index_product_content{width: 100%;height: auto;margin-top: 58px;}
.index_product_content_list{width: 100%;height: 0;overflow: hidden;}
.index_product_content_list_content{width: 100%;height: auto;display: flex;justify-content: space-between;}
.index_product_content_list_content_left{width: 16.7%;height: auto;background: #F5F7FA;}
.index_product_content_list_content_left_title{font-size: 18px;color: #FFFFFF;display: flex;justify-content: flex-start;align-items: center;width: 100%;height: 72px;background: var(--mainColor);padding-left: 20px;}
.index_product_content_list_content_left_nav{width: 100%;height: auto;padding: 20px;}
.index_product_content_list_content_left_nav li{font-size: 16px;color: #222222;cursor: pointer;}
.index_product_content_list_content_left_nav li + li{margin-top: 18px;}
.index_product_content_list_content_left_nav li.on{color: var(--mainColor);}
.index_product_content_list_content_right{width: 81.2%;height: auto;}
.index_product_content_list_content_right_list{height: 0;width: 100%;overflow: hidden;}
.index_product_content_list_content_right_list_sw{width: 100%;height: auto;padding-bottom: 80px;}
.index_product_content_list_content_right_list_sw .swiper-slide{border: 1px solid #D9D9D9;}
.index_product_content_list_content_right_list_sw .swiper-slide a{display: block;padding: 13px 18px;}
.index_product_content_list_content_right_list_sw_img{width: 100%;height: auto;overflow: hidden;}
.index_product_content_list_content_right_list_sw_img img{max-width:100%;height: auto;display: block;margin: 0px auto;transition: all 0.3s;}
.index_product_content_list_content_right_list_sw_content{width: 100%;height: auto;}
.index_product_content_list_content_right_list_sw_content h4{font-size: 20px;color: #333333;font-family: "Inter-SemiBold";text-align: center;}
.index_product_content_list_content_right_list_sw_content p{font-size: 14px;color: #999899;line-height: 1.5;margin-top: 5px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
.index_product_content_list_content_right_list_sw .swiper-slide:hover .index_product_content_list_content_right_list_sw_img img{transform: scale(1.1);}
.index_product_content_list_content_right_list_sw .swiper-slide:hover .index_product_content_list_content_right_list_sw_content h4{color: var(--mainColor);}
.index_product_content_list_content_right_list_sw_page{width: 100%;bottom: 0 !important;}
.index_product_content_list_content_right_list_sw_page span{width: 13px;height: 13px;background: none;border: 1px solid #D4AF37;opacity: 1;}
.index_product_content_list_content_right_list_sw_page span.swiper-pagination-bullet-active{background: var(--mainColor);border-color: var(--mainColor);}
.index_system_box{width: 100%;height: auto;padding: 80px 0px;background: #F5F7FA;padding-bottom: 158px;}
.index_title_box p{font-size: 18px;color: #222222;margin-top: 10px;}
.index_system_ul{display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;}
.index_system_ul li{padding: 0 12px; height: 64px;border-radius: 32px;display: flex;justify-content: center;align-items: center;font-size: 18px;color: #D4AF37;border: 1px solid #D4AF37;margin-top: 30px;margin-right: 8px;cursor: pointer;}
.index_system_ul li:nth-of-type(1){width: 84px;}
.index_system_ul li.on{background: var(--mainColor);border-color: var(--mainColor);color: #FFFFFF;}
.index_system_content{width: 100%;height: auto;margin-top: 158px;}
.index_system_content_list{width: 100%;height: auto;display: none;}
.index_system_content_list_ul{width: 100%;height: auto;display: flex;justify-content: space-between;flex-wrap: wrap;}
.index_system_content_list_ul li{width: 48.5%;height: auto;position: relative;margin-top: 30px;}
.index_system_content_list_ul_bg{width: 100%;height: auto;overflow: hidden;}
.index_system_content_list_ul_bg img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.index_system_content_list_ul li:nth-of-type(1){width: 100%;margin-top: 0;}
.index_system_content_list_ul_content{width: 65.3%;height: auto;padding: 48px;background: #1A2B56;position: absolute;left: 50%;transform: translateX(-50%);bottom: -74px;}
.index_system_content_list_ul li:nth-of-type(1) .index_system_content_list_ul_content{width: 37.5%;top: -74px;bottom: auto;left: 96px;transform: none;}
.index_system_content_list_ul_content span{display: block;font-size: 14px;color: #D4AF37;}
.index_system_content_list_ul_content h3{font-size: 26px;color: #FFFFFF;font-family: "Inter-SemiBold";margin-top: 12px;}
.index_system_content_list_ul_content i{display: flex;justify-content: flex-start;align-items: center;margin-top: 80px;font-size: 18px;color: #FF6B35;font-style: normal;}
.index_system_content_list_ul_content i img{display: block;margin-left: 8px;}
.index_system_content_list_ul li:hover .index_system_content_list_ul_bg img{transform: scale(1.1);}
.index_about_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;}
.index_about_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;}
.index_about_content_left{width: 55.5%;height: auto;}
.index_about_content_left_txt p{font-size: 26px;color: #222222;line-height: 1.4;margin-top: 30px;}
.index_about_content_right{width: 39%;height: auto;position: relative;}
.index_about_content_right img{display: block;height: auto;}
.index_about_content_right img:nth-of-type(1){width: 75.8%;}
.index_about_content_right img:nth-of-type(2){width: 47%;position: absolute;right: 0px;bottom: -53px;}
.index_about_content_left_txt a{display: flex;justify-content: center;align-items: center;width: 273px;height: 60px;background: var(--mainColor);font-size: 18px;color: #FFFFFF;margin-top: 80px;transition: all 0.3s;}
.index_about_content_left_txt a:hover{transform: scale(1.1);}
.index_about_news_box{width: 100%;height: auto;margin-top: 98px;overflow: hidden;}
.index_about_news_sw{width: 81.7%;height: auto;overflow: unset;padding-bottom: 80px;margin-left: 0;}
.index_about_news_sw_img{width: 100%;height: auto;overflow: hidden;}
.index_about_news_sw_img img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.index_about_news_sw_txt{width: 100%;height: auto;margin-top: 20px;}
.index_about_news_sw_txt span{display: block;font-size: 14px;color: #D4AF37;}
.index_about_news_sw_txt h3{font-size: 26px;color: #1A2B56;font-family: "Inter-SemiBold";margin-top: 10px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;line-height: 1.4;}
.index_about_news_sw_txt p{font-size: 16px;color: #222222;line-height: 1.6;margin-top: 25px;padding-right: 60px;}
.index_about_news_sw_txt span{display: flex;justify-content: flex-start;align-items: center;margin-top: 20px;font-size: 18px;color: var(--mainColor);font-family: "Inter-SemiBold";}
.index_about_news_sw_txt span img{display: block;margin-left: 8px;}
.index_about_news_sw .swiper-slide:hover .index_about_news_sw_img img{transform: scale(1.1);}
.index_about_news_sw_page{width: 100%;bottom: 0 !important;}
.index_about_news_sw_page span{width: 13px;height: 13px;opacity: 1;border: 1px solid #D4AF37;background: none;}
.index_about_news_sw_page span.swiper-pagination-bullet-active{background: var(--mainColor);border-color: var(--mainColor);}
.index_news_box2{width: 100%;height: auto;padding: 80px 0;overflow: hidden;}
.index_news_content_box{width: 100%;height: auto;display: flex;justify-content: space-between;}
.index_news_content_left{width: 68.75%;height: auto;position: relative;}
.index_news_content_left_bg{width: 100%;height: auto;overflow: hidden;}
.index_news_content_left_bg img{width: 100%;height: auto;display: block;transition: all 0.3s;}
.index_news_content_left:hover .index_news_content_left_bg img{transform: scale(1.1);}
.index_news_content_left_content{width: 100%;height: 100%;position: absolute;left: 0;top: 0;padding: 48px;display: flex;flex-direction: column;justify-content: flex-end;}
.index_news_content_left_content_txt{width: 68.3%;height: auto;}
.index_news_content_left_content_txt span{font-size: 14px;color: #E5F1F8;text-transform: uppercase;}
.index_news_content_left_content_txt h2{font-size: 36px;color: #FFFFFF;font-family: "Inter-SemiBold";margin-top: 10px;line-height: 1.2;}
.index_news_content_left_content_txt p{font-size: 18px;color: #FFFFFF;line-height: 1.6;margin-top: 10px;}
.index_news_content_left_content_txt i{display: flex;justify-content: center;align-items: center;width: 155px;height: 52px;background: #FFFFFF;font-size: 18px;color: #002343;font-style: normal;margin-top: 40px;transition: all 0.3s;}
.index_news_content_left:hover .index_news_content_left_content_txt i{background: var(--mainColor);color: #FFFFFF;}
.index_news_content_right{width: 29.3%;height: auto;display: flex;flex-direction: column;justify-content: space-between;}
.index_news_content_right li{width: 100%;height: 48.5%;background: #1A2B56;}
.index_news_content_right li a{display: block;width: 100%;height: auto;padding: 48px;}
.index_news_content_right li span{display: block;font-size: 14px;color: #D4AF37;text-transform: uppercase;}
.index_news_content_right li h2{font-size: 26px;color: #FFFFFF;font-family: "Inter-SemiBold";margin-top: 20px;}
.index_news_content_right li p{font-size: 16px;color: #FFFFFF;line-height: 1.6;margin-top: 20px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.index_news_content_right li i{display: flex;justify-content: flex-start;align-items: center;margin-top: 63px;font-size: 18px;color: var(--mainColor);font-style: normal;}
.index_news_content_right li i img{display: block;margin-left: 8px;transition: all 0.3s;}
.index_news_content_right li:hover i img{transform: translateX(10px);}
.index_advantage_box{width: 100%;height: auto;padding: 80px 0;background: #F5F7FA;}
.index_advantage_ul{width: 100%;height: auto;display: flex;justify-content: space-between;}
.index_advantage_ul li{width: 24.9%;height: auto;position: relative;}
.index_advantage_ul li h2{font-size: 14px;color: #D4AF37;text-transform: uppercase;}
.index_advantage_ul li p{font-size: 26px;color: #1A2B56;line-height: 1.4;margin-top: 20px;}
.index_advantage_ul li:after{content: "";display: block;width: 1px;height: 90%;background: #B0C9D8;position: absolute;top: 0;right: -18%;}
.index_advantage_ul li:nth-last-of-type(1):after{display: none;}
.index_global_box{width: 100%;height: auto;padding: 80px 0px;overflow: hidden;}
.index_global_txt{width: 90.94%;height: auto;margin-top: 10px;}
.index_global_txt p{font-size: 26px;color: #222222;line-height: 1.4;}
.shphe_sales_wrap {position: relative;max-width: 1050px;margin: 30px auto;}
.shphe_sales_container .net_box {position: relative;}
.shphe_sales_container .net_box img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.shphe_sales_container .add_box {width: 100%;position: absolute;left: 0;top: 0;height: 100%;z-index: 5;}
.shphe_sales_container .add_li {position: absolute;cursor: pointer;text-align: center;}
.shphe_sales_container .add_li .add_name {color: #fff;font-size: 12px;padding-top: 12px;position: relative;color: #1A2B56;}
.shphe_sales_container .add_li .add_name .name {opacity: 0}
.shphe_sales_container .add_name span.dian {position: absolute;top: 0;left: 50%;-webkit-transform: translateX(-50%);transform: translateX(-50%);width: 12px;height: 12px;border-radius: 50%;background: #1A2B56;}
.shphe_sales_container .add_name span.dian:before {content: "";display: block;width: 24px;height: 24px;border-radius: 100%;position: absolute;left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);z-index: -1;border: 2px solid #fff;background: 0 0;}
.shphe_sales_container .add_li.Li0 .add_name span.dian {background: red;}
.shphe_sales_container .add_li .add_name span.dian:after {content: "";display: block;width: 20px;height: 20px;background: rgba(255,255,255,.04);border-radius: 100%;-webkit-animation: inner-ripple 4.5s linear infinite;animation: inner-ripple 4.5s linear infinite;position: absolute;left: 50%;top: -7px;-webkit-transform: translateX(-50%);transform: translateX(-50%);}
.shphe_sales_container .Li0 .add_name span.dian::before {content: "";display: block;width: 24px;height: 24px;background: 0 0;border-radius: 100%;-webkit-animation: inner-ripple 3.5s linear infinite;animation: inner-ripple 3.5s linear infinite;position: absolute;left: 50%;top: 50%;border: 0;-webkit-animation: none;animation: none;border: 2px solid red;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.shphe_sales_container .Li0 .add_name {padding-top: 0;padding-left: 23px}
.shphe_sales_container .Li0 .add_name span.dian {display: block;width: 18px;height: 18px;background: #fff;left: 0;top: 50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%)}
.shphe_sales_container .Li0 .add_name span.dian:after {content: "";display: block;width: 30px;height: 30px;background: rgba(255,255,255,.5);border-radius: 100%;-webkit-animation: inner-ripple 4.5s linear infinite;animation: inner-ripple 4.5s linear infinite;position: absolute;left: 9px;top: -6px;}
.shphe_sales_container .net_box svg {width: 100%;position: absolute;left: 0;top: 0;height: 100%;}
.shphe_sales_container .net_box svg .yund {stroke-dashoffset: 800px;stroke-dasharray: 800px;-webkit-animation: animation-line 15s ease-in forwards infinite;animation: animation-line 15s ease-in forwards infinite;stroke: #1A2B56;}
@keyframes animation-line {
    0% {
        stroke-dashoffset: 800px
    }

    15.28571% {
        stroke-dashoffset: 0
    }

    20.28571% {
        stroke-dashoffset: 0
    }

    40.42857% {
        stroke-dashoffset: -800px
    }

    45.42857% {
        stroke-dashoffset: -800px
    }

    65.42857% {
        stroke-dashoffset: -1600px
    }

    70.42857% {
        stroke-dashoffset: -1600px
    }

    85.42857% {
        stroke-dashoffset: -2400px
    }

    to {
        stroke-dashoffset: -2400px
    }
}
@keyframes inner-ripple {
    0% {
        transform: translateX(-50%) scale(1);
        opacity: .6
    }

    30% {
        transform: translateX(-50%) scale(1);
        opacity: .4
    }

    100% {
        transform: translateX(-50%) scale(6.5);
        opacity: 0
    }
}
.shphe_sales_container .shphe_sales_served {background-color: #fff;border: solid 1px #1A2B56;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;position: absolute;bottom: 0;right: 10%;z-index: 99;}
.shphe_sales_container .shphe_sales_served .shphe_sales_num {font-family: "Inter-Black";font-size: 48px;font-weight: 700;line-height: .8;color: #1A2B56;-webkit-align-self: center;-ms-flex-item-align: center;align-self: center;padding: 0 15px 0 25px;}
.shphe_sales_container .shphe_sales_served .shphe_sales_num sup {font-size: 24px;font-weight: 700;}
.shphe_sales_container .shphe_sales_served .shphe_sales_text {font-family: "Inter-Medium";font-size: 20px;line-height: 24px;font-weight: 400;color: #fff;text-transform: uppercase;background-color: #1A2B56;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;width: 234px;text-align: center;padding: 36px 5px;}
.index_service_box{width: 100%;height: auto;padding: 80px 0px;background: #F5F7FA;overflow: hidden;}
.index_service_content{width: 100%;height: auto;margin-top: 22px;}
/*content end*/
/*footer start*/
.footer{width: 100%;height: auto;padding: 80px 0;background: #1A2B56;}
.footer_top_box{width: 100%;height: auto;}
.footer_top_box .contentWH1600{display: flex;justify-content: space-between;}
.footer_top_left h2{font-size: 26px;color: #FFFFFF;font-family: "Inter-Bold";}
.footer_top_left a{display: flex;justify-content: center;align-items: center;width: 140px;height: 44px;background: var(--mainColor);font-size: 18px;color: #FFFFFF;font-family: "Inter-Medium";margin-top: 14px;}
.footer_top_right_title{font-size: 26px;color: #FFFFFF;font-family: "Inter-Bold";}
.footer_top_right_ul{display: flex;justify-content: flex-end;margin-top: 14px;}
.footer_top_right_ul li{width: 48px;height: auto;}
.footer_top_right_ul li img{width: 100%;height: auto;display: block;}
.footer_top_right_ul li + li{margin-left: 28px;}
.footer_bottom_box{width: 100%;height: auto;margin-top: 67px;}
.footer_bottom_box .contentWH1600{display: flex;justify-content: space-between;}
.footer_bottom_nav_title{font-size: 20px;color: #FFFFFF;font-family: "Inter-Medium";text-transform: uppercase;padding-bottom: 10px;}
.footer_bottom_nav a{display: block;font-size: 16px;color: #FFFFFF;margin-top: 10px;text-transform: capitalize;}
.footer_bottom_nav a:hover{text-decoration: underline;}
.online_right_box{width: 108px;height: auto;position: fixed;right: 0;top: 50%;transform: translateY(-50%);z-index: 998;}
.online_right_box li{width: 100%;height: auto;position: relative;cursor: pointer;}
.online_right_left{width: 100%;height: 90px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.online_right_left img{display: block;width: 30px;height: auto;}
.online_right_left p{font-size: 14px;color: #FFFFFF;text-align: center;margin-top: 15px;}
.online_right_right{height: 100%;display: flex;align-items: center;padding: 0 20px;right: 100%;position: absolute;top: 0;min-width: 230px;display: none;}
.online_right_right a{font-size: 18px;color: #FFFFFF;}
.online_right_box li:nth-of-type(1) .online_right_right,
.online_right_box li:nth-of-type(1){background: #D4AF37;}
.online_right_box li:nth-of-type(2) .online_right_right,
.online_right_box li:nth-of-type(2){background: #D8B74B;}
.online_right_box li:nth-of-type(3){background: #DDBF5F;}
.online_right_box li:nth-of-type(4){background: #E1C773;}
.online_right_box li:hover .online_right_right{display: flex;}
/*footer end*/
@media (max-width: 1768px) {
	.nav_box li + li{margin-left: 24px;}
	.nav_frist_link{font-size: 16px;}
	.header_content_right_btn{margin-left: 24px;}
	.index_system_ul li{font-size: 16px;}
	.index_system_content_list_ul_content h3{font-size: 20px;}
	.index_title_box h2{font-size: 48px;}
	.index_about_content_left_txt p{font-size: 20px;}
	.index_news_content_left_content_txt h2{font-size: 24px;}
	.index_news_content_left_content_txt p{font-size: 16px;}
	.index_news_content_left_bg{height: 100%;}
	.index_news_content_left_bg img{height: 100%;object-fit: cover;}
	.index_news_content_right li a{height: 100%;padding: 30px;}
	.index_news_content_right li i{margin-top: 16px;}
	.index_news_content_right li h2{font-size: 20px;}
	.index_advantage_ul li p{font-size: 20px;}
	.index_global_txt p{font-size: 20px;}
	.index_about_news_sw_txt p{margin-top: 20px;}
}
@media (max-width: 1400px) {
	.header_content_right_right{margin-left: 24px;}
	.index_banner_swiper_content_txt{width: 48%;padding: 30px;}
	.index_product_nav_box li h3{font-size: 14px;}
	.online_right_box{width: 72px;}
	.online_right_left{height: 74px;}
	.online_right_left p{margin-top: 2px;}
	.online_right_left img{width: 24px;}
	.index_system_ul li{font-size: 14px;}
}
@media (max-width: 1200px) {
	.logo{width: 103px;}
	.nav_box li + li{margin-left: 16px;}
	.header_content_right_btn{margin-left: 16px;}
	.header_content_right_right{width: 116px;margin-left: 16px;font-size: 16px;}
	.header_search_btn{width: 18px;}
	.header_language_btn{width: 18px;}
	.nav_frist_link{font-size: 14px;}
	.index_product_nav_box{flex-wrap: wrap;}
	.index_product_nav_box li{width: calc(100% / 3);}
	.index_product_nav_box li:after{display: none;}
	.index_product_content_list_content{flex-wrap: wrap;}
	.index_product_content_list_content_left{width: 26.7%;}
	.index_product_content_list_content_right{width: 71.2%;}
	.index_title_box h2{font-size: 36px;}
	.index_about_content_left_txt p{font-size: 18px;}
	.index_about_news_sw_txt h3{font-size: 20px;}
	.footer_bottom_nav_title{font-size: 18px;}
	.footer_bottom_nav a{font-size: 14px;}
}
@media (max-width: 990px) {
	.nav_box{position: absolute;width: 100%;height: calc(100vh - 80px);background: #FFFFFF;left: 0;top: 100%;z-index: 999;display: block;overflow: hidden;overflow-y: auto;display: none;}
	.header_content_box{height: 80px;}
	.nav_box li{height: auto;width: 100%;padding: 0 4%;position: relative;}
	.nav_box li + li{margin-left: 0;}
	.hd_btn{display: block;}
	.nav_frist_link{display: inline-block;line-height: 48px;font-size: 18px;}
	.header_nav_content_box{position: relative;}
	.header_nav_content_top_ul li{padding: 0 !important;height: 100% !important;margin-left: 35px !important;}
	.header_nav_content_bottom .contentWH1600{width: 100%;flex-wrap: wrap;}
	.header_nav_content_bottom_left{flex: 0 0 27.75%;}
	.header_nav_content_bottom_right{padding: 26px 4%;}
	.header_nav_content_top_ul{padding: 0 4%;}
	.header_nav_content_top .contentWH1600{width: 100% !important;}
	.header_nav_content_bottom_right_list_ul{justify-content: space-between;}
	.header_nav_content_bottom_right_list_ul li{width: 48.5% !important;padding: 0 !important;margin-left: 0 !important;}
	.header_nav_content_box .contentWH1600{width: 100%;}
	.header_nav_content_box{min-height: auto;}
	.index_banner_swiper_content_txt h2{font-size: 16px;}
	.index_banner_swiper_content_txt h1{font-size: 24px;}
	.index_banner_swiper_content_txt p{font-size: 16px;}
	.index_system_content_list_ul_content{padding: 20px;}
	.index_system_content_list_ul_content i{margin-top: 30px;}
	.index_system_content_list_ul_content{width: 74.3%;}
	.index_about_content_box{align-items: flex-start;}
	.index_news_content_box{flex-wrap: wrap;}
	.index_news_content_left{width: 100%;}
	.index_news_content_right{display: flex;justify-content: space-between;width: 100%;flex-direction: row;}
	.index_news_content_right li{height: auto;width: 48.5%;margin-top: 30px;}
	.index_advantage_ul li p{font-size: 16px;}
	.index_global_txt p{font-size: 16px;}
	.footer_bottom_box .contentWH1600{flex-wrap: wrap;}
}
@media (max-width: 768px) {
	.header_content_box{height: 13.8vw;}
	.logo{width: 18vw;}
	.nav_frist_link{font-size: 3.8vw;line-height: 10.8vw;}
	.header_nav_content_top_ul{min-height: 10.8vw;}
	.header_nav_content_top_ul li{font-size: 3.6vw;margin-left: 3.6vw !important;}
	.header_nav_content_box .contentWH1600{flex-wrap: wrap;min-height: auto;}
	.header_nav_content_bottom_right{display: none;}
	.header_nav_content_bottom_left{flex: 1;height: auto;border: none;}
	.header_nav_content_bottom_left_nav li a{font-size: 3.6vw;display: block;}
	.header_nav_content_bottom_left_nav li{margin-top: 3.2vw;}
	.header_nav_content_other{flex-wrap: wrap;}
	.header_nav_content_other_left{width: 100%;}
	.header_nav_content_other_left_title{display: none;}
	.header_nav_content_other_left_content{justify-content: space-between;}
	.header_nav_content_other_left_content a{width: 48.5%;margin: 0;margin-top: 3.6vw;font-size: 3.6vw;}
	.header_nav_content_other{padding: 0;}
	.header_nav_content_other_right{width: 100%;margin-top: 3.2vw;}
	.header_search_btn{width: 4.8vw;}
	.header_language_btn{width: 4.8vw;margin-left: 5.8vw;}
	.header_content_right_right{width: 26vw;height: 8.8vw;font-size: 3.6vw;margin-left: 3.6vw;}
	.index_banner_swiper_bg{height: 92vw;}
	.index_banner_swiper_bg img{height: 100%;object-fit: cover;}
	.index_banner_swiper_content_txt{width: 68%;}
	.index_banner_swiper_content_txt h2{font-size: 3.2vw;}
	.index_banner_swiper_content_txt h1{font-size: 4.8vw;}
	.index_banner_swiper_content_txt p{font-size: 3.2vw;margin-top: 3.2vw;}
	.index_banner_swiper_content_txt{padding: 5% 4%;}
	.online_right_box{display: flex;justify-content: space-between;width: 100%;top: auto;transform: none;bottom: 0;}
	.online_right_box li{width: calc(100% / 3);}
	.online_right_box li:nth-last-of-type(1){display: none;}
	.online_right_left img{width: 5.8vw;}
	.online_right_left{height: 13.8vw;}
	.online_right_left p{font-size: 3.6vw;margin-top: 0;}
	.online_right_right{display: none !important;}
	.index_product_box{padding: 8vw 0;}
	.index_title_box span{font-size: 3.2vw;}
	.index_title_box h2{font-size: 4.8vw;margin-top: 3.2vw;}
	.index_product_nav_box{margin-top: 3.8vw;}
	.index_product_nav_box li{padding: 5% 4%;}
	.index_product_nav_ico{width: 11.8vw;}
	.index_product_nav_box li h3{font-size: 3.6vw;margin-top: 3.2vw;}
	.index_product_content{margin-top: 5.8vw;}
	.index_product_content_list_content_left{width: 100%;}
	.index_product_content_list_content_left_title{height: 10.8vw;font-size: 3.8vw;padding: 0 4%;}
	.index_product_content_list_content_left_nav{padding: 4%;}
	.index_product_content_list_content_left_nav li{font-size: 3.6vw;}
	.index_product_content_list_content_left_nav li + li{margin-top: 3.2vw;}
	.index_product_content_list_content_right{width: 100%;margin-top: 5.8vw;}
	.index_product_content_list_content_right_list_sw .swiper-slide a{padding: 4%;}
	.index_product_content_list_content_right_list_sw_content h4{font-size: 3.8vw;margin-top: 3.2vw;}
	.index_product_content_list_content_right_list_sw_content p{font-size: 3.2vw;}
	.index_product_content_list_content_right_list_sw_page span{width: 1.4vw;height: 1.4vw;}
	.index_product_content_list_content_right_list_sw{padding-bottom: 8vw;}
	.index_system_box{padding: 8vw 0;}
	.index_title_box p{font-size: 3.6vw;margin-top: 3.2vw;}
	.index_system_ul li:nth-of-type(1){width: 32%;height: 8.8vw;}
	.index_system_ul{justify-content: space-between;}
	.index_system_ul li{font-size: 2.8vw;height: 8.8vw;padding: 0 2%;margin: 0;margin-top: 3.8vw;width: 32.5%;text-align: center;}
	.index_system_content{margin-top: 5.8vw;}
	.index_system_content_list_ul li{width: 100%;}
	.index_system_content_list_ul li:nth-of-type(1) .index_system_content_list_ul_content{width: 100%;position: relative;left: 0;top: 0;}
	.index_system_content_list_ul_content{padding: 5% 4%;}
	.index_system_content_list_ul_content span{font-size: 3.2vw;}
	.index_system_content_list_ul_content h3{font-size: 3.8vw;margin-top: 1.6vw;}
	.index_system_content_list_ul_content i{margin-top: 3.8vw;font-size: 3.6vw;}
	.index_system_content_list_ul_content i img{width: 3.8vw;}
	.index_system_content_list_ul li{margin-top: 3.8vw;}
	.index_system_content_list_ul_content{width: 100%;position: relative;left: 0;transform: none;bottom: 0;}
	.index_about_box{padding: 8vw 0;}
	.index_about_content_box{flex-wrap: wrap;}
	.index_about_content_left_txt p{font-size: 3.6vw;margin-top: 3.2vw;}
	.index_about_content_left_txt a{width: 42vw;height: 10.8vw;font-size: 3.6vw;margin-top: 5.8vw;}
	.index_about_content_left{width: 100%;}
	.index_about_content_right{width: 100%;display: flex;justify-content: space-between;margin-top: 5.8vw;}
	.index_about_content_right img{width: 48.5% !important;}
	.index_about_content_right img:nth-of-type(2){position: relative;right: auto;bottom: auto;width: 48.5%;}
	.index_about_news_box{margin-top: 0;}
	.index_about_news_sw{width: 100%;overflow: hidden;}
	.index_about_news_sw_txt span{font-size: 3.2vw;margin-top: 2.6vw;}
	.index_about_news_sw_txt h3{font-size: 3.8vw;margin-top: 3.2vw;}
	.index_about_news_sw_txt p{padding: 0;font-size: 3.6vw;margin-top: 3.2vw;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
	.index_about_news_sw_txt span img{width: 3.8vw;}
	.index_about_news_sw{padding-bottom: 8vw;}
	.index_about_news_sw_page span{width: 1.2vw;height: 1.2vw;}
	.index_news_box2{padding: 8vw 0;}
	.index_news_content_left_content{padding: 5% 4%;}
	.index_news_content_left_content_txt{width: 100%;}
	.index_news_content_left_content_txt span{font-size: 3.2vw;}
	.index_news_content_left_content_txt h2{font-size: 3.8vw;margin-top: 3.2vw;}
	.index_news_content_left_content_txt p{font-size: 3.6vw;margin-top: 3.2vw;}
	.index_news_content_left_content_txt i{width: 38vw;height: 10.8vw;font-size: 3.6vw;margin-top: 3.8vw;}
	.index_news_content_right{flex-wrap: wrap;}
	.index_news_content_right li{width: 100%;margin-top: 3.8vw;}
	.index_news_content_right li a{padding: 5% 4%;}
	.index_news_content_right li span{font-size: 3.2vw;}
	.index_news_content_right li h2{font-size: 3.8vw;margin-top: 3.2vw;}
	.index_news_content_right li p{font-size: 3.6vw;margin-top: 3.2vw;}
	.index_news_content_right li i{font-size: 3.6vw;margin-top: 3.2vw;}
	.index_news_content_right li i img{width: 3.8vw;}
	.index_advantage_box{padding: 8vw 0;}
	.index_advantage_ul{flex-wrap: wrap;}
	.index_advantage_ul li:after{display: none;}
	.index_advantage_ul li{width: 100%;}
	.index_advantage_ul li + li{margin-top: 3.8vw;}
	.index_global_box{padding: 8vw 0;padding-bottom: 24vw;}
	.index_global_txt p{font-size: 3.6vw;}
	.shphe_sales_container .shphe_sales_served .shphe_sales_num{font-size: 4.8vw;}
	.shphe_sales_container .shphe_sales_served .shphe_sales_text{font-size: 3.8vw;padding: 3.6vw 0;}
	.shphe_sales_container .shphe_sales_served .shphe_sales_num sup{font-size: 3.8vw;}
	.shphe_sales_container .shphe_sales_served{bottom: -16vw;}
	.footer{padding: 8vw 0;padding-bottom: 13.8vw;}
	.footer_top_box .contentWH1600{flex-wrap: wrap;}
	.footer_top_left{width: 100%;}
	.footer_top_left h2{font-size: 4.8vw;text-align: center;}
	.footer_top_left a{width: 42vw;height: 10.8vw;font-size: 3.6vw;margin: 0px auto;margin-top: 3.8vw;}
	.footer_top_right{width: 100%;margin-top: 5.8vw;}
	.footer_top_right_title{font-size: 4.8vw;text-align: center;}
	.footer_top_right_ul{justify-content: center;margin-top: 3.2vw;}
	.footer_top_right_ul li{width: 8.8vw;}
	.footer_top_right_ul li + li{margin-left: 3.2vw;}
	.footer_bottom_box{margin-top: 5.8vw;}
	.footer_bottom_nav{width: 32.5%;margin-top: 3.8vw;}
	.footer_bottom_nav_title{font-size: 3.8vw;padding-bottom: 1.8vw;}
	.footer_bottom_nav a{font-size: 3.2vw;margin-top: 1.8vw;}
}