.padding{ padding-top:150px; padding-bottom:150px; }
.padding_small{ padding-top:100px; padding-bottom:100px; }
.padding-bottom-80{ padding-bottom:80px;}
.padding-top-0{ padding-top:0; }
.swiper{--swiper-theme-color:  var(--blue);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
.block80{  height: 80px;}
html{height: 100%;}

.btn a{ font-size: 16px; color:var(--blue); display:inline-flex; justify-content: space-between; grid-gap: 24px; align-items: center; border:var(--blue) solid 1px; border-radius:8px; padding: 10px 24px; transition-duration: 0.3s;  }
.btn a:hover{ color:var(--bg); background:var(--blue); }


.index_banner {position: relative; margin-top: 80px; padding-top: 120px; background: linear-gradient(180deg, #fbfdff, #f2f7fe);}
.index_banner h1{ font-size: 60px; text-align: center; margin-bottom: 12px;}
.index_banner h1 span{ color: var(--blue); }
.index_banner h1 br{ display: none}
.index_banner h1 span{ padding-right: 24px;}
.index_banner .advantage{ font-size: 20px; text-align:center; display: flex; justify-content: center; grid-gap: var(--gg); align-items: center;}
.index_banner .advantage .item i{ margin-right: 5px; font-size: 24px; color:#56b46c}
.index_banner .advantage .item{ color: #44526c; display: flex; justify-content: center; align-items: center; line-height: 1; }
.index_banner .bt{ padding-top: 36px; padding-bottom: 56px; display: flex; justify-content: center; align-items: center; grid-gap: var(--gg);}
.index_banner .bt a{  border-radius: 40px; height: 56px; line-height: 56px;}
.index_banner .gif{ width: 80%; margin: 0 auto; border-radius: 32px 32px 0px 0px; border: #44526c solid 10px; border-bottom: none; overflow: hidden;}
.index_banner .gif img{ width: 100%;}
.index_banner .gif video{ width: 100%;}
.index_banner .feature{ width: var(--width); opacity:1; left: 50%; transform: translateX(-50%); position: absolute;bottom: -62px; display:grid;grid-template-columns: repeat(3,1fr);  box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border: #fff solid 1px; border-radius: 8px; padding:32px;background: linear-gradient(180deg, #f5f8ff, #fff);}
.index_banner .feature .item{display: grid;  grid-template-columns: 50px auto; align-items: center;grid-gap: 20px; }
.index_banner .feature .icon img{ width: 100%;}
.index_banner .feature .info h3{ font-size: 24px; line-height: 1.4;}
.index_banner .feature .info p{color: #44526c}

.index_1 .title{ margin-bottom: 40px;}
.index_1 .title h2{ text-align: center; font-size: 48px;}
.index_1 .title p{ font-size:18px; color: #44526c; text-align: center; }
.index_1 .title p a{ color: var(--blue); margin-left: 20px; }
.index_1 .content{ display: flex;  }
.index_1 .content .layui-tabs{ width: 100%; display: flex; justify-content:space-between; align-items: center;background: #f3f7f8; border-radius: 8px;border:#fff solid 2px;box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}
.index_1 .content .layui-tabs-header{ background: #fff; height: auto; line-height: auto; width: 28%; border-right: #ececec solid 1px; overflow: hidden; border-radius: 8px 0px 0px 8px;}
.index_1 .content .layui-tabs-header li{ height: auto; font-size: 16px; background: #fff; line-height: auto; display: block!important; height:220px; position: relative; border-bottom: 1px solid #ececec;  }
.index_1 .content .layui-tabs-header li .text{ text-align: left; line-height: 1.6; top: 50%; transform: translateY(-50%); position: absolute; left: 40px; z-index: 2;}
.index_1 .content .layui-tabs-header li .text h3{ font-size: 24px;}
.index_1 .content .layui-tabs-header li.layui-this .text{ color: #fff;}
.index_1 .content .layui-tabs-header li:hover .text{ color: var(--blue); }
.index_1 .content .layui-tabs-header li.layui-this:hover .text{ color: #fff; }
.index_1 .content .layui-tabs-header li img{ width: 40%; opacity: 0.5; position: absolute; right: 0px; bottom: 0px; transition-duration: 0.3s;}
.index_1 .content .layui-tabs-header li.layui-this img{ width: 50%;}
.index_1 .content .layui-tabs-header li:last-child{border-bottom: none;}
.index_1 .content .layui-tabs-body{ width: 72%; height: 100%; padding: 0;}
.index_1 .content .layui-tabs-body .layui-tabs-item{ height: 100%; border-radius:  0px 8px 8px 0px; overflow: hidden;}
.index_1 .content .layui-tabs-body .layui-tabs-item img{ width: 100%; height: 100%; object-fit: cover;}
.index_1 .content .layui-tabs-scroll { display: none !important;}
.index_1 .content .layui-tabs-header:after, .index_1 .content .layui-tabs-scroll:after{ border: none!important;}
.index_1 .content .layui-tabs-header .layui-this:after{ border: none!important;}
.index_1 .content .layui-tabs-header .layui-this{background:var(--blue);}

.index_2 .title{ margin-bottom: 40px;}
.index_2 .title h2{ text-align: center; font-size: 48px;}
.index_2 .title p{ font-size:18px; color: #44526c; text-align: center; }
.index_2 .title p a{ color: var(--blue); margin-left: 20px; }
.index_2 .content{ display: grid; grid-template-columns: repeat(4,1fr); align-items: center; grid-gap:var(--gg);}
.index_2 .content .item{height:460px;box-shadow: 0px 10px 20px rgba(3,38,96,0.05); overflow: hidden; border: #fff solid 1px; border-radius: 8px; padding:32px;background: linear-gradient(180deg, #f5f8ff, #fff); transition-duration: 0.3s; position: relative}
.index_2 .content .item::after {content: "";position: absolute;top: 0;left: 0; right:0;bottom: 0; width: 100%;height: 100%;border-radius: 8px; background: url("../images/bg1.jpg") no-repeat; background-size: cover; opacity: 0;transition-duration: 0.3s; z-index: 1; }
.index_2 .content .item .icon{ position: absolute; left: 50%;bottom: -50px; transform: translateX(-50%); opacity: 0.5; z-index: 3; transition-duration: 0.6s;}
.index_2 .content .item .icon img{ width:100%}
.index_2 .content .item:hover::after {opacity: 1;}
.index_2 .content .item .text ul{ border-top:rgba(0,0,0,0.1) solid 1px; padding-top: 20px; display: grid; grid-template-columns: repeat(2,1fr);  align-items: center; grid-gap: 10px var(--gg);}
.index_2 .content .item .text ul li{ font-size: 18px; text-align:center; display: flex; justify-content: left; grid-gap: 5px; align-items: center;transition-duration: 0.3s;}
.index_2 .content .item .text ul li i{ margin-right: 5px; font-size: 20px; color:#333;transition-duration: 0.3s;}
.index_2 .content .item:hover .icon{bottom: -10px; }
.index_2 .content .item .text{ position: relative; z-index: 2;transition-duration: 0.3s; }
.index_2 .content .item .text h2{ font-size: 32px;transition-duration: 0.3s;}
.index_2 .content .item .text p{ margin-bottom: 20px;transition-duration: 0.3s;color: #44526c;}
.index_2 .content .item:hover .text h2{ color: #fff;}
.index_2 .content .item:hover .text p{ color: #fff;}
.index_2 .content .item:hover .text ul li i{color:#27e1c1}
.index_2 .content .item:hover .text ul li{color:#fff}
.index_2 .content .item .bt{ opacity: 0; transition-duration: 0.3s;bottom: 30px; position: absolute; left: 30px;right: 30px; z-index: 3; display: grid; grid-template-columns: repeat(2,1fr); align-items: center; grid-gap: 20px;}
.index_2 .content .item .bt a{ padding: 0; display: flex; justify-content: center; align-items: center;}
.index_2 .content .item:hover .bt{ opacity: 1; bottom: 50px;}

.index_3 .title{ margin-bottom: 40px;}
.index_3 .title h2{ text-align: center; font-size: 48px;}
.index_3 .title p{ font-size:18px; color: #44526c; text-align: center; }
.index_3 .title p a{ color: var(--blue); margin-left: 20px; }
.index_3 .layui-tabs-header{ text-align: center; height: 60px; border-bottom: none;}
.index_3 .layui-tabs-header::after{ display: none; }
.index_3 .layui-tabs-header li{ font-size: 18px; margin: 0 16px!important; line-height: 60px; height: 60px;}
.index_3 .layui-tabs-header li.layui-this{ color: var(--blue);}
.index_3 .layui-tabs-header li:hover{ color: var(--blue);}
.index_3 .layui-tabs-header li.layui-this::after{content: ""; width: 12px; position: absolute;border: 8px solid transparent; border-top-width: 0; left: 50%; transform: translateX(-50%); border-bottom-color: #44526c; bottom: -8px; }
.index_3 .layui-tabs-header .layui-this:after{border-bottom:3px solid var(--blue) }
.index_3 .layui-tabs-header .layui-this, .list_product_2 .layui-tabs-header li:hover {color: var(--blue);}
.index_3 .layui-tabs-body{ padding-top: 0; padding-bottom: 0;}
.index_3 .solution_row{background: #44526c; position: relative; padding:130px 100px; display: flex; justify-content: space-between;align-items: center; grid-gap: 64px; border-radius:8px; overflow: hidden;}
.index_3 .solution_row .box{ width: 25%; position: relative; z-index: 2; background: #fff; border-radius: 12px; padding:60px 36px;}
.index_3 .solution_row .box .icon{ margin-bottom: 20px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); height: 50px; width: 50px; display: inline-block; color: var(--blue); font-size:24px; text-align: center; display: flex; justify-content: center; align-items: center; border: #fff solid 1px; border-radius: 8px; background: linear-gradient(180deg, #f5f8ff, #fff);}
.index_3 .solution_row .box h3{ font-size: 32px;}
.index_3 .solution_row .box .bt{ padding-top: 30px;}
.index_3 .solution_row .box .bt a{ display: inline-block}
.index_3 .solution_row .solution_content{ width: 75%; position: relative; z-index: 2; }
.index_3 .solution_row .bg{ position: absolute; top: 0; left: 0; width: 100%; right: 0px; bottom: 0px; opacity: 1; height: 100%; object-fit: cover;}
.index_3 .solution_row .solution_content{ color: #fff;}
.index_3 .solution_row .solution_content .client_solution{display: flex; justify-content: space-between; grid-gap: var(--gg);}
.index_3 .solution_row .solution_content .desc{ padding-bottom: 30px;}
.index_3 .solution_row .solution_content .desc h4{ font-size: 24px; margin-bottom: 10px;}
.index_3 .solution_row .solution_content .desc ul li{ display:flex; justify-content: left; grid-gap: 5px; align-items: center}
.index_3 .solution_row .solution_content .client_content{ width: 50%;}
.index_3 .solution_row .solution_content .solution_content{ width: 50%;}
.index_3 .solution_row .solution_content .client_content h4{ font-size: 24px; margin-bottom: 10px;}
.index_3 .solution_row .solution_content .client_content .con{display: grid; grid-template-columns: repeat(3,1fr);  align-items: center; grid-gap: 10px;}
.index_3 .solution_row .solution_content .client_content .con .item{ padding: 5px; border-radius: 4px; background: #fff;}
.index_3 .solution_row .solution_content .client_content .con .item img{ width: 100%; }
.index_3 .solution_row .solution_content .solution_content h4{ font-size: 24px; margin-bottom: 10px;}
.index_3 .solution_row .solution_content .solution_content .con a{transition-duration: 0.3s; border-radius: 4px; display: inline-block; line-height: 50px; text-align: center; padding-left: 20px; padding-right: 20px;color: #fff; height:50px; border: #fff solid 1px;}
.index_3 .solution_row .solution_content .solution_content .con a:hover{ background: #fff; color: #44526c;}


.index_4 .title{ margin-bottom: 40px;}
.index_4 .title h2{ text-align: center; font-size: 48px;}
.index_4 .title p{ font-size:18px; color: #44526c; text-align: center; }
.index_4 .title p a{ color: var(--blue); margin-left: 20px; }
.index_4 .number{display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gg); width: 80%; margin: 0 auto;}
.index_4 .number h3 strong{ font-size: 64px; color: var(--blue); font-weight: bold; line-height: 1.4}
.index_4 .number h3 span{ font-size:36px; color: var(--blue); line-height: 1.4}
.index_4 .number p{ font-size: 16px;  color: #44526c;}
.index_4 .content { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: var(--gg); padding-top: 64px}
.index_4 .content .item img{ width: 100%;}
.index_4 .content .item{ background: #fff; border: #ececec solid 1px; border-radius: 6px; padding:12px 20px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}

.detail_banner{overflow: hidden; position: relative; margin-top: 80px;}
.detail_banner .pagewidth{position: relative; height: 520px;}
.detail_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }
.detail_banner .text h1{ font-size: 60px; margin-bottom: 10px; color: #111; text-align: left;  line-height: 1em; z-index: 2; margin-bottom:30px; }
.detail_banner .text p{ font-size:18px; color: #111; text-align: left; position: relative; line-height: 1em; }
.detail_banner .text .down{color: #fff; font-size: 18px; width: 40px; height: 40px; border-radius: 40px; border:#fff solid 2px; display: flex; justify-content: center; align-items: center;}
.detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}

.detail_about_banner{overflow: hidden; position: relative; margin-top: 80px;}
.detail_about_banner .pagewidth{position: relative; height: 720px;}
.detail_about_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }
.detail_about_banner .text h1{ font-size: 60px;color: #fff; text-align: center;  line-height: 1em; z-index: 2;  padding-top: 40px; padding-bottom: 40px; }
.detail_about_banner .text h1 br{ display: none; margin-right: 24px;}
.detail_about_banner .text h1 span{ margin-right: 24px;}
.detail_about_banner .text .logo_white{width:200px; margin: 0 auto; margin-bottom: }
.detail_about_banner .text .logo_white img{ width: 100%;}
.detail_about_banner .text .down{width:80px; margin: 0 auto;}
.detail_about_banner .text .down img{ width: 100%;}
.detail_about_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}

.detail_solution_banner{overflow: hidden; position: relative; margin-top: 80px;}
.detail_solution_banner .pagewidth{position: relative; height: 520px;}
.detail_solution_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }
.detail_solution_banner .text h1{ font-size: 60px; margin-bottom: 10px; color: #111; text-align: left;  line-height: 1em; z-index: 2; margin-bottom:30px; }
.detail_solution_banner .text p{ font-size:18px;color: #111; text-align: left; position: relative; line-height: 1em; width: 40%; line-height: 1.6}
.detail_solution_banner .text .down{color: #fff; font-size: 18px; width: 40px; height: 40px; border-radius: 40px; border:#fff solid 2px; display: flex; justify-content: center; align-items: center;}
.detail_solution_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}

.detail_banner_search{overflow: hidden; position: relative; background: var(--blue);}
.detail_banner_search .pagewidth{position: relative; height: 400px;}
.detail_banner_search .text{  text-align: center; position: absolute; left: 0px; right: 0px; bottom: 14%; z-index: 2; }
.detail_banner_search .text h1{ font-size: 48px; margin-bottom: 32px; color: #fff; text-align: left;  line-height: 1em; z-index: 2; }
.detail_banner_search .text .layui-form{ display: grid; grid-template-columns: auto 100px;}
.detail_banner_search .text .layui-form .layui-input{background: #fff; border-radius: 3px 0px 0px 3px;}
.detail_banner_search .text .layui-form .layui-btn{ height: 54px; font-size: 17px; border-radius: 0px 3px 3px 0px;}

.detail_menu{box-shadow: 0px 10px 20px rgba(3,38,96,0.05); position: relative; z-index: 1}
.detail_menu .pagewidth{display: flex; justify-content: center; align-items: center;}
.detail_menu ul{display: flex; justify-content: center; grid-gap: 50px;}
.detail_menu ul li{ }
.detail_menu ul li a{ display:block;height:70px; line-height:70px;color:#333; }
.detail_menu ul li a.active{font-weight: 400; border-bottom: var(--blue) solid 2px; color: var(--blue);}
.detail_menu ul li a:hover{  color:#000; }
.detail_menu ul li a.active:hover{  color:var(--blue); }



.list_company_1 .html{ width:70%; margin: 0 auto; font-size: 24px; text-align: center}
.list_company_2{background: #f5f7fa}
.list_company_2 .pagewidth{ display: flex; justify-content: space-between; align-items: center; grid-gap:128px;}
.list_company_2 .pagewidth .info{ width:50%}
.list_company_2 .pagewidth .info .title h2{ font-size: 36px; margin-bottom: 24px;}
.list_company_2 .pagewidth .info .content{font-size: 18px;}
.list_company_2 .pagewidth .info .number{ padding-top: 36px; display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: var(--gg);}
.list_company_2 .pagewidth .info .number h4{ font-size: 40px; color: var(--blue); font-weight: bold; line-height: 1.4}
.list_company_2 .pagewidth .info .number p{ font-size: 16px;  }

.list_company_2 .pagewidth .img{ width:50%; position: relative;}
.list_company_2 .pagewidth .img .text{ position: absolute; z-index: 2; color: #fff; left: 50px; top: 50%; transform: translateY(-50%)}
.list_company_2 .pagewidth .img .text h3{ font-size: 24px; margin-bottom: 10px;}
.list_company_2 .pagewidth .img .text h4{ font-size: 36px; font-weight: bold;line-height: 1.2}
.list_company_2 .pagewidth .img img{ width: 100%; border-radius: 6px;}

.list_company_3 .pagewidth{ display: flex; justify-content: space-between; align-items: center; grid-gap: 128px;}
.list_company_3 .pagewidth .info{ width:50%}
.list_company_3 .pagewidth .info .title h2{ font-size: 36px; margin-bottom: 24px;}
.list_company_3 .pagewidth .info .content{font-size: 18px;}
.list_company_3 .pagewidth .img{ width:50%; position: relative;}
.list_company_3 .pagewidth .img img{ width: 100%; border-radius: 6px;}

.list_client .title h2{ position: relative; text-align: left; font-size: 36px; padding-bottom: 30px; line-height: 1; margin-bottom: 35px;}
.list_client .title h2::after{content: ""; position: absolute;left: 0%; bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
.list_client .content { display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: var(--gg);}
.list_client .content .item img{ width: 100%;}
.list_client_1{background:#f5f7fa;}
.list_client_2{background:#fff;}
.list_client_1 .content .item{ background: #fff; border: #fff solid 1px; border-radius: 6px; padding:12px 20px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}
.list_client_2 .content .item{ background: #fff; border: #ececec solid 1px; border-radius: 6px; padding:12px 20px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}


.list_partner{background:#f5f7fa;}
.list_partner .title h2{ position: relative; text-align: center; font-size: 36px; padding-bottom: 30px; line-height: 1; margin-bottom: 35px;}
.list_partner .title h2::after{content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
.list_partner .article-list{background: #fff;box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border-radius: 8px; padding: 50px;}
.list_partner .article-list .item{ display:grid;grid-template-columns: 200px auto; align-items: center; grid-gap: var(--gg); border-bottom: 1px solid #ececec; margin-bottom: 40px; padding-bottom: 40px;}
.list_partner .article-list .item .img img{ width: 100%;}
.list_partner .article-list .item .info h3{ font-size: 20px}
.list_partner .article-list .item .info p{ color: #666666}
.list_partner .article-list .item:last-child{ padding-bottom: 0; border-bottom: none; margin-bottom: 0; }


.list_join .title h2{ position: relative; text-align: center; font-size: 36px; padding-bottom: 30px; line-height: 1; margin-bottom: 65px;}
.list_join .title h2::after{content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
.list_join .content{display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 128px; position: relative}
.list_join .content::after{content: ""; position: absolute; left:0px; right: 0px; top:50%;transform: translateY(-50%); width: 100%; height: 1px; background: #ddd}
.list_join .content .item{ text-align: center; background: #fff; position: relative; z-index: 3;}
.list_join .content .item .number{ font-weight: bold; font-size: 36px;-webkit-background-clip: text;background-clip: text;color: transparent;background-image: linear-gradient(to bottom, var(--blue), #fff); line-height: 1;}
.list_join .content .item h3{ font-size: 20px; margin-top: -15px;}
.list_join .content .item p{ color: #666666}

.list_solution_1 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;}
.list_solution_1 .item{ border-radius:6px; overflow: hidden;}
.list_solution_1 a{ position: relative; display: block; height: 240px;overflow: hidden;}
.list_solution_1 a img.bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;transition-duration: 0.3s;}
.list_solution_1 a .icon{ position: absolute; background: rgba(0,0,0,0.2); height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; z-index: 2; left: 30px; top: 30px;}
.list_solution_1 a h3{ font-size: 24px; color: #fff; left: 30px; bottom: 58px; position: absolute; z-index: 2;}
.list_solution_1 a p{ font-size:16px; color: #fff; left: 30px; bottom: 30px; position: absolute; z-index: 2;}
.list_solution_1 a:hover img.bg{ transform: scale(1.1) }
.list_solution_1 .content{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gg);}
.list_solution_1 .content .item:nth-child(1) {grid-column: span 2;background: #000;}
.list_solution_1 .content .item:nth-child(6) {grid-column: span 2;background: #000;}

.list_solution_2{ padding-top: 0;}
.list_solution_2 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;}
.list_solution_2 .content{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gg);}
.list_solution_2 .item a{ display: block; padding: 24px; grid-gap: 12px; border-radius:6px; overflow: hidden; background: #f5f7fa; display: grid; grid-template-columns: 40px auto; align-items: center;}
.list_solution_2 a .icon{ background:var(--blue); height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; }
.list_solution_2 a h3{ font-size: 20px; line-height: 1.2em; margin-bottom: 5px; color: #111; }
.list_solution_2 a p{ font-size:14px; line-height: 1.2em; color: #666; }
.list_solution_2 .item a:hover{background: #eef2f7}

.list_solution_3{ padding-top: 0;}
.list_solution_3 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;}
.list_solution_3 .number{background: linear-gradient(0deg, #487ffc, #165dff); border-radius: 6px; padding:40px 100px; display:grid; grid-template-columns: repeat(5, 1fr); grid-gap: 50px; align-items: center;}
.list_solution_3 .number h3{ color: #fff; text-align: center; line-height: 1.2; margin-bottom: 10px;}
.list_solution_3 .number h3 strong{ font-size: 64px; font-weight: bold;}
.list_solution_3 .number h3 span{ font-size: 36px; font-weight: bold; padding-left: 5px;}
.list_solution_3 .number p{ color: #fff; font-size: 16px; text-align: center; line-height: 1;}

.list_solution_3 .link { width: 100%;  margin: 0 auto; overflow: hidden;position: relative; padding-top: 40px; padding-bottom: 20px;}
.list_solution_3 .link-list {display: flex;white-space: nowrap;animation: scroll 80s linear infinite; }
.list_solution_3 .link .item {width: 220px; height: 90px; margin-right: 20px; background: #fff; border: #ececec solid 1px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); flex-shrink: 0; display: flex;align-items: center;justify-content: center;border-radius:12px;}
.list_solution_3 .link .item img{ width: 100%;}
.list_solution_3 .link:hover .link-list {animation-play-state: paused;}
@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-3600px);
    }
}

.list_solution_3 .link1 { width: 100%;  margin: 0 auto; overflow: hidden;position: relative;  }
.list_solution_3 .link-list1 {display: flex;white-space: nowrap;animation: scroll1 80s linear infinite; transform: translateX(-3600px);  }
.list_solution_3 .link1 .item {width: 220px; height: 90px; margin-right: 20px; background: #fff; border: #ececec solid 1px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); flex-shrink: 0; display: flex;align-items: center;justify-content: center;border-radius:12px;}
.list_solution_3 .link1 .item img{ width: 100%;}
.list_solution_3 .link1:hover .link-list1 {animation-play-state: paused;}
@keyframes scroll1 {
    0% {
        transform: translateX(-3600px);
    }
    100% {
        transform: translateX(0);
    }
}


.show_solution_1 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;  }
.show_solution_2 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;  }
.show_solution_3 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;  }

.show_solution_1 .content{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gg);}
.show_solution_1 .content .item{background: #fff5f5; border-radius: 8px; padding: 30px;position: relative; display: block;overflow: hidden; padding-top: 90px;}
.show_solution_1 .content .item .icon{ position: absolute; background: #ff4d53; height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; z-index: 2; left: 30px; top: 30px;}
.show_solution_1 .content .item h3{ font-size: 24px; color: #ff4d53; margin-bottom: 10px;}
.show_solution_1 .content .item p{ font-size:16px; color: #666; }

.show_solution_2 .content .item{display: flex;grid-gap: 64px; align-items: center; padding-bottom: 100px;}
.show_solution_2 .content .item .img{ width: 60%; border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); overflow: hidden; }
.show_solution_2 .content .item .img img{ width: 100%;}
.show_solution_2 .content .item .info{ width: 40%}
.show_solution_2 .content .item .info h3{ font-size: 36px; color: #111; margin-bottom: 10px; }
.show_solution_2 .content .item .info h4{ font-size: 18px; color: #079e00; margin-bottom: 20px; }
.show_solution_2 .content .item .info ul li{ font-size: 16px; color: #44526c; position: relative; padding-left: 20px; }
.show_solution_2 .content .item .info ul li:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: #333;}
.show_solution_2 { background: #f3f5f8;}
.show_solution_2 .content .item:nth-child(2){flex-direction: row-reverse; }
.show_solution_2 .content .item:last-child{ padding-bottom: 0;}

.show_solution_3 .content{ display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gg);}
.show_solution_3 .content .item{background: #f5f7fa; border-radius: 8px; padding: 30px;position: relative; display: block;overflow: hidden; padding-top:90px;}
.show_solution_3 .content .item .icon{ position: absolute; background: #165dff; height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; z-index: 2; left: 30px; top: 30px;}
.show_solution_3 .content .item h3{ font-size: 24px; color: #165dff; margin-bottom: 10px;}
.show_solution_3 .content .item p{ font-size:16px; color: #666; }



.list_product_1 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px;  }
.list_product_1 .title h2 strong{ color: var(--blue)}
.list_product_1 .title h2 span{ color: var(--blue)}
.list_product_1 .content{ position: relative;}
.list_product_1 .content .img{ width: 90%; margin: 0 auto;border: #fff solid 2px; border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); overflow: hidden; }
.list_product_1 .content .img img{ width: 100%;}
.list_product_1 .content .list{ width: 360px; position: absolute; right:0px; top: 50%; transform: translateY(-50%); z-index: 3;}
.list_product_1 .content .list .item{border: #fff solid 2px; border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); margin-bottom: 24px;background: #fff; padding: 24px; transition-duration: 0.3s }
.list_product_1 .content .list .item:hover{border: #fff solid 2px; border-radius: 8px; box-shadow: 0px 20px 40px rgba(3,38,96,0.25); transform: translateY(-5px); margin-bottom: 24px;background: #fff; padding: 24px; }
.list_product_1 .content .list .item .subtitle{ display: flex; align-items: center; justify-content: space-between}
.list_product_1 .content .list .item .subtitle h3{ color: #44526c;font-size: 18px;transition-duration: 0.3s;}
.list_product_1 .content .list .item:hover .subtitle h3{ color: var(--blue)}
.list_product_1 .content .list .item .subcontent{ font-size: 15px; color: #44526c;}
.list_product_1 .content .list .item .subtitle span{font-size: 15px;padding-left: 8px; padding-right: 8px;}
.list_product_1 .content .list .item:nth-child(1) .subtitle span{ color: #8a0993;  background: #ffe8fb; }
.list_product_1 .content .list .item:nth-child(2) .subtitle span{ color: #0a6b6b;  background: #e8fffb; }
.list_product_1 .content .list .item:nth-child(3) .subtitle span{ color: #1133a3;  background: #e3ebff; }
.list_product_1 .content .list .item:nth-child(4) .subtitle span{ color: #a23512;  background: #ffeee7; }


.list_product_2{ padding-top: 0;}
.list_product_2 .title h2{ text-align: center; font-size: 48px; }
.list_product_2 .layui-tabs-header{ text-align: center; height: 60px;}
.list_product_2 .layui-tabs-header li{ font-size: 18px; margin: 0 16px!important; line-height: 60px; height: 60px;}
.list_product_2 .layui-tabs-header li.layui-this{ color: var(--blue);}
.list_product_2 .layui-tabs-header .layui-this:after{border-bottom:3px solid var(--blue) }
.list_product_2 .layui-tabs-header .layui-this, .list_product_2 .layui-tabs-header li:hover {color: var(--blue);}
.list_product_2 .pagewidth{  position: relative;}
.list_product_2 .pagewidth .tab-arrow.disabled{ position: absolute;  top: 50%;transform: translateY(-50%); background: #8a92a3; height: 116px; width: 50px; border-radius: 8px; color: #fff; text-align: center;display: flex; justify-content: center; align-items: center;font-size: 24px;}
.list_product_2 .pagewidth .tab-arrow{ position: absolute;  top: 50%;transform: translateY(-50%); background: var(--blue); height: 116px; width: 50px; border-radius: 8px; color: #fff; text-align: center;display: flex; justify-content: center; align-items: center;font-size: 24px;}
.list_product_2 .pagewidth .tab-arrow.arrow-prev{ left: 0;}
.list_product_2 .pagewidth .tab-arrow.arrow-next{ right: 0; }
.list_product_2 .layui-tabs-body img{ width: 90%; display: block; margin: 0 auto;}
.list_product_2 .bg{ background: #f3f5f8; padding-top:80px; padding-bottom: 80px;}


.list_product_3 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px; }
.list_product_3 .layui-tabs-header{ text-align: center; height: auto; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: var(--gg);}
.list_product_3 .layui-tabs-header li{ position: relative; text-align: left;color:#333; cursor:pointer; background: #f3f5f8; padding:20px 56px; padding-bottom: 30px; border-radius: 6px; border-top: #f3f5f8 solid 4px; }
.list_product_3 .layui-tabs-header li i{ position: absolute; left: 20px;font-size: 24px; }
.list_product_3 .layui-tabs-header li h3{ font-size: 18px; }
.list_product_3 .layui-tabs-header li p{ font-size: 15px; line-height:2 }
.list_product_3 .layui-tabs-header .layui-this{color: var(--blue); border-top: var(--blue) solid 4px; }
.list_product_3 .layui-tabs-header .layui-this:after{ display: none}
.list_product_3 .layui-tabs-header li:hover {color: var(--blue);}
.list_product_3 .layui-tabs-body .swiper-slide{ width: auto;}
.list_product_3 .layui-tabs-body .swiper{ padding-bottom: 50px;}
.list_product_3 .layui-tabs-body .swiper img{ height: 600px; border-radius: 6px;border: #ececec solid 2px;}
.list_product_3 .layui-tabs-body .swiper .swiper-scrollbar-drag{background: var(--blue)}
.list_product_3 .layui-tabs-body h4{ font-size: 32px; color: #44526c; padding-bottom: 20px; padding-top: 30px;}



.list_advantage_1 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px; }
.list_advantage_1 .desc{ text-align: center; font-size: 18px; color: #44526c;}
.list_advantage_1 .content{display: flex; justify-content: space-between;padding-top: 60px;}
.list_advantage_1 .content .box{ width: 50%; padding: 50px;}
.list_advantage_1 .content .box h2{ font-size: 28px; padding-bottom: 16px; }
.list_advantage_1 .content .box:nth-child(1){background: #f5f7fa; border-radius: 12px 0px 0px 12px;}
.list_advantage_1 .content .box:nth-child(2){background: linear-gradient(180deg, #487ffc, #165dff); border-radius:0px 12px 12px 0px ;}
.list_advantage_1 .content .box:nth-child(1) h2{ border-bottom: #dcdee1 solid 1px;}
.list_advantage_1 .content .box:nth-child(2) h2{ border-bottom: rgba(255,255,255,0.15) solid 1px; color: #fff;}
.list_advantage_1 .content .box:nth-child(1) .subcontent{ padding-top: 32px;}
.list_advantage_1 .content .box:nth-child(1) .subcontent ul li{ background: #fff; padding: 20px;  border-radius: 50px; margin-bottom: 15px;}
.list_advantage_1 .content .box:nth-child(1) .subcontent ul li:last-child{ margin-bottom: 0;}
.list_advantage_1 .content .box:nth-child(2) .subcontent{ padding-top: 32px;color: #fff;}
.list_advantage_1 .content .box:nth-child(2) .subcontent .item{ position:relative; padding-left: 50px;  padding-top: 12px; padding-bottom: 12px;}
.list_advantage_1 .content .box:nth-child(2) .subcontent .item .icon{ font-size: 32px;  position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
.list_advantage_1 .content .box:nth-child(2) .subcontent .item h3{ font-size: 20px; line-height: 1.4}
.list_advantage_1 .content .box:nth-child(2) .subcontent .item p{ font-size: 16px;}

.list_advantage_2 {background: linear-gradient(-155deg, rgba(150, 200, 255, 0.8) 0%, rgba(255, 250, 255, 0.1) 40%); background-color: #f0f8ff;}
.list_advantage_2 .title h2{ text-align: center; font-size: 48px; color: var(--blue); padding-bottom: 40px; }
.list_advantage_2 .desc{ text-align: center; font-size: 18px; color: #44526c; width: 80%; margin: 0 auto;}
.list_advantage_2 .content{ display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gg); padding-top: 60px;}
.list_advantage_2 .content .item{background: #fff; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border-radius: 8px; padding: 48px;position: relative; display: block;overflow: hidden; }
.list_advantage_2 .content .item .icon{font-size:48px; color: #111; line-height: 1em; margin-bottom: 20px;}
.list_advantage_2 .content .item h3{ font-size: 24px; color: #111; margin-bottom: 10px;}
.list_advantage_2 .content .item p{ font-size:16px; color: #666; }


.list_advantage_3 .title h2{ text-align: center; font-size: 48px; padding-bottom: 40px; }
.list_advantage_3 .content{}
.list_advantage_3 .content .box{display: flex; justify-content: space-between; grid-gap:32px; }
.list_advantage_3 .content .box .img{ width: 35%; overflow: hidden; border-radius: 12px;position: relative}
.list_advantage_3 .content .box .img img{ width: 100%; display: block}
.list_advantage_3 .content .box .img h3{ position: absolute; text-align: center; left:0px; right:0px; z-index: 2; bottom: 120px; color: #fff; font-size: 36px;}
.list_advantage_3 .content .box .img p{ position: absolute; text-align: center; left:0px; right:0px; z-index: 2; bottom: 90px; color: #fff; font-size: 16px;}
.list_advantage_3 .content .box .img::after{content:""; position: absolute; width: 100%; left:0px; right: 0px; bottom:0px; height: 300px;background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.0));}
.list_advantage_3 .content .box .info{ width: 65%;}
.list_advantage_3 .content .box .info .subtitle{ font-size: 24px; font-weight: 400; margin-bottom: 20px; padding-top: 30px;}
.list_advantage_3 .content .box .info .subcontent{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;}
.list_advantage_3 .content .box .info .subcontent .item{background: #f3f5f8; padding: 30px; border-radius: 12px; border-top:#f3f5f8 solid 3px;}
.list_advantage_3 .content .box .info .subcontent .item h4{ font-size: 18px; color: #111;}
.list_advantage_3 .content .box .info .subcontent .item p{color: #666;}
.list_advantage_3 .content .box .info .subcontent .item:hover{ border-top:var(--blue) solid 3px;}
.list_advantage_3 .content .box .info .subcontent .item:hover h4{ color:var(--blue);}
.list_advantage_3 .content .box .info .subcontent .item:hover p{ color:var(--blue);}
.list_advantage_3 .content .box:last-child{flex-direction: row-reverse;  }
.list_advantage_3 .content .box:first-child{ margin-bottom: 72px;}
.list_advantage_3 .layui-collapse .layui-colla-title{ padding: 0;}
.list_advantage_3 .layui-colla-item{ border: none; border-top: #ececec solid 1px; padding-top: 16px; padding-bottom: 16px;}
.list_advantage_3 .layui-colla-title{ border: none!important; position: relative; font-size: 18px; font-weight: 400; padding-left: 15px!important; }
.list_advantage_3 .layui-colla-title:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: #333;}
.list_advantage_3 .layui-colla-item.layui-show .layui-colla-title{ color: var(--blue);}
.list_advantage_3 .layui-colla-item.layui-show .layui-colla-title:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: var(--blue);}
.list_advantage_3 .layui-colla-item .layui-colla-title .ri-arrow-down-wide-line{ transform: rotate(0deg);  position: absolute;right: 0px; transition-duration: 0.3s;}
.list_advantage_3 .layui-colla-item.layui-show .layui-colla-title .ri-arrow-down-wide-line{ transform: rotate(-180deg);  position: absolute;right: 0px;}
.list_advantage_3 .subcontent_ul .item{ border-top: #ececec solid 1px; padding-top: 16px; padding-bottom: 16px;}
.list_advantage_3 .subcontent_ul .item h4{ position: relative; font-size: 18px; font-weight: 400; padding-left: 15px!important; }
.list_advantage_3 .subcontent_ul .item h4:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: #333;}


.list_contact .pagewidth{ display: grid;grid-template-columns:8fr 4fr;grid-gap:32px;}
.list_contact .box{ box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border-radius: 8px; padding:60px 40px;background: linear-gradient(180deg, #f5f8ff, #fff); position: relative}
.list_contact .box h2{ position: relative; text-align: left; font-size: 32px; padding-bottom: 30px; line-height: 1; margin-bottom: 35px;}
.list_contact .box h2::after{content: ""; position: absolute;left: 0%; bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
.list_contact .box .content{ display: grid;grid-template-columns:repeat(2,1fr);grid-gap:32px; position: relative}
.list_contact .box img.kefu{ position: absolute; bottom: 0px; right: 20px;}
.list_contact .box .content .item h3{ color: var(--blue); font-size: 24px;}
.list_contact .box .content .item p{ color:#666;}
.list_contact .box .content .item h3 i{ font-weight: normal; margin-right: 10px;}
.list_contact .box .content_1 .bt{ display: flex; justify-content: space-between; align-items: center; grid-gap: 20px;}
.list_contact .box .content_1 p{ margin-bottom: 12px; color:#666;}


.list_help{ background: #f5f7fa;}
.list_help .content{ display: grid;grid-template-columns:repeat(3,1fr); grid-gap:32px;}
.list_help .content .item{background: #fff; padding:60px 40px;border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); text-align: center}
.list_help .content .item h3{ font-size: 24px;}
.list_help .content .item p{color:#666;}
.list_help .content .item i{color:var(--blue); font-size: 56px; }























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

@media screen and (max-width: 1600px) {
    .index_1 .content .layui-tabs-header li{height:196px;}
}
@media screen and (max-width: 1440px) {

    .index_2 .content .item .text ul li{ font-size: 15px;}
    .index_2 .content .item .text ul{ grid-gap: 12px;}
    .list_company_2 .pagewidth{ grid-gap: 64px;}
    .list_company_3 .pagewidth{ grid-gap: 64px;}
}
@media screen and (max-width: 1280px) {
    .index_1 .content .layui-tabs-header li{height:162px;}
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 720px) {
    .padding{ padding-top: 60px; padding-bottom: 60px;}
    .padding_small{ padding-top:40px; padding-bottom:40px; }
    .padding-bottom-80{ padding-bottom:40px;}
    .padding-top-0{ padding-top:0; }
    .swiper{--swiper-theme-color:  var(--blue);/* 设置Swiper风格 */--swiper-navigation-color: #172259;/* 单独设置按钮颜色 */--swiper-navigation-size: 24px;/* 设置按钮大小 */}
    .block80{  height: 80px;}
    html{height: 100%;}

    .btn a{ font-size: 14px; color:var(--blue); display:inline-flex; justify-content: space-between; grid-gap: 24px; align-items: center; border:var(--blue) solid 1px; border-radius:8px; padding: 10px 24px; transition-duration: 0.3s;  }
    .btn a:hover{ color:var(--bg); background:var(--blue); }


    .index_banner {position: relative; margin-top: 52px; padding-top: 120px; background: linear-gradient(180deg, #fbfdff, #f2f7fe);}
    .index_banner h1{ font-size: 48px; text-align: center; margin-bottom: 12px; line-height: 1.3}
    .index_banner h1 br{ display: inline;}
    .index_banner h1 span{ padding-right: 0;}
    .index_banner .advantage{ font-size: 14px; text-align:center; display: flex; justify-content: center; grid-gap: 12px; align-items: center;}
    .index_banner .advantage .item i{ margin-right: 5px; font-size: 16px; color:#56b46c}
    .index_banner .advantage .item{ color: #44526c; display: flex; justify-content: center; align-items: center; line-height: 1; }
    .index_banner .bt{ padding-top: 36px; padding-bottom: 56px; display: flex; justify-content: center; align-items: center; grid-gap: var(--gg);}
    .index_banner .bt a{  border-radius: 40px; height: 46px; line-height: 46px;}
    .index_banner .gif{ width: 90%; margin: 0 auto; border-radius: 12px 12px 0px 0px; border: #44526c solid 6px; border-bottom: none; overflow: hidden;}
    .index_banner .gif img{ width: 100%;}
    .index_banner .feature{  display: none}

    .index_1 .title{ margin-bottom: 24px;}
    .index_1 .title h2{ text-align: center; font-size: 24px; }
    .index_1 .title p{ font-size:14px; color: #44526c; text-align: center; }
    .index_1 .title p a{ color: var(--blue); margin-left: 20px; }
    .index_1 .content{ display: block;  }
    .index_1 .content .layui-tabs{ width: 100%; display: block; justify-content:space-between; align-items: center;background: #f3f7f8; border-radius: 8px;border:#fff solid 2px;box-shadow: 0px 10px 20px rgba(3,38,96,0.05); margin-bottom: 20px;}
    .index_1 .content .layui-tabs-header{ background: #fff; height: auto; line-height: auto; width: 100%; border-right: #ececec solid 1px; overflow: hidden; border-radius: 8px;}
    .index_1 .content .layui-tabs-header li{ height: auto; font-size: 14px; background: #fff; line-height: auto; display: block!important; height:100px; position: relative; border-bottom: 1px solid #ececec;  }
    .index_1 .content .layui-tabs-header li .text{ text-align: left; line-height: 1.6; top: 50%; transform: translateY(-50%); position: absolute; left: 20px; z-index: 2;}
    .index_1 .content .layui-tabs-header li .text h3{ font-size: 18px;}
    .index_1 .content .layui-tabs-header li.layui-this .text{ color: #fff;}
    .index_1 .content .layui-tabs-header li:hover .text{ color: var(--blue); }
    .index_1 .content .layui-tabs-header li.layui-this:hover .text{ color: #fff; }
    .index_1 .content .layui-tabs-header li img{ width: 40%; opacity: 0.5; position: absolute; z-index: 0; right: 0px; bottom: 0px; transition-duration: 0.3s;}
    .index_1 .content .layui-tabs-header li.layui-this img{ width: 50%;}
    .index_1 .content .layui-tabs-header li:last-child{border-bottom: none;}
    .index_1 .content .layui-tabs-body{ width: 100%; height: 100%; padding: 0;}
    .index_1 .content .layui-tabs-body .layui-tabs-item{ height: 100%; border-radius:  8px; overflow: hidden;}
    .index_1 .content .layui-tabs-body .layui-tabs-item img{ width: 100%; height: 100%; object-fit: cover;}
    .index_1 .content .layui-tabs-scroll { display: none !important;}
    .index_1 .content .layui-tabs-header:after, .index_1 .content .layui-tabs-scroll:after{ border: none!important;}
    .index_1 .content .layui-tabs-header .layui-this:after{ border: none!important;}
    .index_1 .content .layui-tabs-header .layui-this{background:var(--blue);}

    .index_2 .title{ margin-bottom: 24px;}
    .index_2 .title h2{ text-align: center; font-size: 24px;}
    .index_2 .title p{ font-size:14px; color: #44526c; text-align: center; }
    .index_2 .title p a{ color: var(--blue); margin-left: 20px; }
    .index_2 .content{ display: grid; grid-template-columns: repeat(1,1fr); align-items: center; grid-gap:var(--gg);}
    .index_2 .content .item{height:auto; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); overflow: hidden; border: #fff solid 1px; border-radius: 8px; padding:32px; padding-bottom: 140px; background: linear-gradient(180deg, #f5f8ff, #fff); transition-duration: 0.3s; position: relative}
    .index_2 .content .item::after {content: "";position: absolute;top: 0;left: 0; right:0;bottom: 0; width: 100%;height: 100%;border-radius: 8px; background: url("../images/bg1.jpg") no-repeat; background-size: cover; opacity: 0;transition-duration: 0.3s; z-index: 1; }
    .index_2 .content .item .icon{ position: absolute; left: 50%;bottom: -50px; transform: translateX(-50%); opacity: 0.5; z-index: 3; transition-duration: 0.6s;}
    .index_2 .content .item .icon img{ width:100%}
    .index_2 .content .item::after {opacity: 1;}
    .index_2 .content .item .text ul{ border-top:rgba(255,255,255,0.2) solid 1px; padding-top: 12px; display: grid; grid-template-columns: repeat(2,1fr);  align-items: center; grid-gap: 10px var(--gg);}
    .index_2 .content .item .text ul li{ font-size: 16px; text-align:center; display: flex; justify-content: left; grid-gap: 5px; align-items: center;transition-duration: 0.3s;}
    .index_2 .content .item .text ul li i{ margin-right: 5px; font-size: 16px; color:#333;transition-duration: 0.3s;}
    .index_2 .content .item .icon{bottom: -10px; }
    .index_2 .content .item .text{ position: relative; z-index: 2;transition-duration: 0.3s; }
    .index_2 .content .item .text h2{ font-size: 24px;transition-duration: 0.3s;}
    .index_2 .content .item .text p{ margin-bottom: 12px;transition-duration: 0.3s;color: #44526c;}
    .index_2 .content .item .text h2{ color: #fff;}
    .index_2 .content .item .text p{ color: #fff;}
    .index_2 .content .item .text ul li i{color:#27e1c1}
    .index_2 .content .item .text ul li{color:#fff}
    .index_2 .content .item .bt{ opacity: 0; transition-duration: 0.3s;bottom: 30px; position: absolute; left: 30px;right: 30px; z-index: 3; display: grid; grid-template-columns: repeat(2,1fr); align-items: center; grid-gap: 20px;}
    .index_2 .content .item .bt a{ padding: 0; display: flex; justify-content: center; align-items: center;}
    .index_2 .content .item .bt{ opacity: 1; bottom: 50px;}

    .index_3 .title{ margin-bottom: 24px;}
    .index_3 .title h2{ text-align: center; font-size: 24px;}
    .index_3 .title p{ font-size:14px; color: #44526c; text-align: center; }
    .index_3 .title p a{ color: var(--blue); margin-left: 20px; }
    .index_3 .layui-tabs-header{ text-align: center; height: 44px; border-bottom: none;}
    .layui-tabs-bar{display: none!important;}
    .layui-tabs-scroll{ padding: 0!important;}
    .index_3 .layui-tabs-header::after{ display: none; }
    .index_3 .layui-tabs-header li{ font-size: 14px; margin: 0 0px!important; line-height: 44px; height: 44px;}
    .index_3 .layui-tabs-header li.layui-this{ color: var(--blue);}
    .index_3 .layui-tabs-header li:hover{ color: var(--blue);}
    .index_3 .layui-tabs-header li.layui-this::after{content: ""; width: 12px; position: absolute;border: 8px solid transparent; border-top-width: 0; left: 50%; transform: translateX(-50%); border-bottom-color: #44526c; bottom: -8px; }
    .index_3 .layui-tabs-header .layui-this:after{border-bottom:3px solid var(--blue) }
    .index_3 .layui-tabs-header .layui-this, .list_product_2 .layui-tabs-header li:hover {color: var(--blue);}
    .index_3 .layui-tabs-body{ padding-top: 0; padding-bottom: 0;}
    .index_3 .solution_row{background: #44526c; position: relative; padding:24px; display: block; justify-content: space-between;align-items: center; grid-gap: 64px; border-radius:8px; overflow: hidden;}
    .index_3 .solution_row .box{ width: auto; position: relative; z-index: 2; background: #fff; border-radius: 12px; padding:24px; margin-bottom: 24px;}
    .index_3 .solution_row .box .icon{ margin-bottom: 20px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); height: 50px; width: 50px; display: inline-block; color: var(--blue); font-size:24px; text-align: center; display: flex; justify-content: center; align-items: center; border: #fff solid 1px; border-radius: 8px; background: linear-gradient(180deg, #f5f8ff, #fff);}
    .index_3 .solution_row .box h3{ font-size: 24px;}
    .index_3 .solution_row .box .bt{ padding-top: 16px;}
    .index_3 .solution_row .box .bt a{ display: inline-block}
    .index_3 .solution_row .solution_content{ width: 100%; position: relative; z-index: 2; }
    .index_3 .solution_row .bg{ position: absolute; top: 0; left: 0; width: 100%; right: 0px; bottom: 0px; opacity: 1; height: 100%; object-fit: cover;}
    .index_3 .solution_row .solution_content{ color: #fff;}
    .index_3 .solution_row .solution_content .client_solution{display: block; justify-content: space-between; grid-gap: var(--gg);}
    .index_3 .solution_row .solution_content .desc{ padding-bottom: 16px;}
    .index_3 .solution_row .solution_content .desc h4{ font-size: 24px; margin-bottom: 10px; line-height: 1.3}
    .index_3 .solution_row .solution_content .desc ul li{ display:block; justify-content: left; grid-gap: 5px; align-items: center; line-height: 1.4; margin-bottom: 10px;}
    .index_3 .solution_row .solution_content .client_content{ width: 100%; margin-bottom: 24px;}
    .index_3 .solution_row .solution_content .solution_content{ width: 100%;}
    .index_3 .solution_row .solution_content .client_content h4{ font-size: 24px; margin-bottom: 10px;}
    .index_3 .solution_row .solution_content .client_content .con{display: grid; grid-template-columns: repeat(3,1fr);  align-items: center; grid-gap: 10px;}
    .index_3 .solution_row .solution_content .client_content .con .item{ padding: 5px; border-radius: 4px; background: #fff;}
    .index_3 .solution_row .solution_content .client_content .con .item img{ width: 100%; }
    .index_3 .solution_row .solution_content .solution_content h4{ font-size: 24px; margin-bottom: 10px;}
    .index_3 .solution_row .solution_content .solution_content .con a{transition-duration: 0.3s; border-radius: 4px; display: inline-block; line-height: 44px; text-align: center; padding-left: 20px; padding-right: 20px;color: #fff; height:44px; border: #fff solid 1px;}
    .index_3 .solution_row .solution_content .solution_content .con a:hover{ background: #fff; color: #44526c;}


    .index_4 .title{ margin-bottom: 24px;}
    .index_4 .title h2{ text-align: center; font-size: 24px;}
    .index_4 .title p{ font-size:14px; color: #44526c; text-align: center; }
    .index_4 .title p a{ color: var(--blue); margin-left: 20px; }
    .index_4 .number{display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg); width: 100%; margin: 0 auto;}
    .index_4 .number h3{ text-align: center}
    .index_4 .number h3 strong{ font-size: 44px; color: var(--blue); font-weight: bold; line-height: 1.4}
    .index_4 .number h3 span{ font-size:24px; color: var(--blue); line-height: 1.4}
    .index_4 .number p{ font-size: 14px;  color: #44526c; text-align: center}
    .index_4 .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gg); padding-top: 24px}
    .index_4 .content .item img{ width: 100%;}
    .index_4 .content .item{ background: #fff; border: #ececec solid 1px; border-radius: 6px; padding:5px 10px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}

    .detail_banner{overflow: hidden; position: relative; margin-top: 52px;}
    .detail_banner .pagewidth{position: relative; height: 240px;}
    .detail_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }
    .detail_banner .text h1{ font-size: 32px; margin-bottom: 10px; color: #111; text-align: left;  line-height: 1em; z-index: 2; margin-bottom:15px; }
    .detail_banner .text p{ font-size:16px; color: #111; text-align: left; position: relative; line-height: 1.4; }
    .detail_banner .text .down{color: #fff; font-size: 18px; width: 40px; height: 40px; border-radius: 40px; border:#fff solid 2px; display: flex; justify-content: center; align-items: center;}
    .detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}

    .detail_about_banner{overflow: hidden; position: relative; margin-top: 52px;}
    .detail_about_banner .pagewidth{position: relative; height: 360px;}
    .detail_about_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }
    .detail_about_banner .text h1{ font-size: 36px;color: #fff; text-align: center;  line-height: 1.3; z-index: 2;  padding-top: 20px; padding-bottom: 20px; }
    .detail_about_banner .text h1 br{ display: inline; }
    .detail_about_banner .text h1 span{ margin-right: 0;}
    .detail_about_banner .text .logo_white{width:80px; margin: 0 auto; margin-bottom: }
    .detail_about_banner .text .logo_white img{ width: 100%;}
    .detail_about_banner .text .down{width:40px; margin: 0 auto;}
    .detail_about_banner .text .down img{ width: 100%;}
    .detail_about_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}

    .detail_solution_banner{overflow: hidden; position: relative; margin-top: 52px;}
    .detail_solution_banner .pagewidth{position: relative; height: 240px;}
    .detail_solution_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px; top: 50%; transform: translateY(-50%); z-index: 2; }
    .detail_solution_banner .text h1{ font-size: 32px; margin-bottom: 10px; color: #111; text-align: left;  line-height: 1em; z-index: 2; margin-bottom:30px; }
    .detail_solution_banner .text p{ font-size:16px;color: #111; text-align: left; position: relative;  width: auto; line-height: 1.6}
    .detail_solution_banner .text .down{color: #fff; font-size: 18px; width: 40px; height: 40px; border-radius: 40px; border:#fff solid 2px; display: flex; justify-content: center; align-items: center;}
    .detail_solution_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}

    .detail_banner_search{overflow: hidden; position: relative; background: var(--blue);}
    .detail_banner_search .pagewidth{position: relative; height: 400px;}
    .detail_banner_search .text{  text-align: center; position: absolute; left: 0px; right: 0px; bottom: 14%; z-index: 2; }
    .detail_banner_search .text h1{ font-size: 48px; margin-bottom: 32px; color: #fff; text-align: left;  line-height: 1em; z-index: 2; }
    .detail_banner_search .text .layui-form{ display: grid; grid-template-columns: auto 100px;}
    .detail_banner_search .text .layui-form .layui-input{background: #fff; border-radius: 3px 0px 0px 3px;}
    .detail_banner_search .text .layui-form .layui-btn{ height: 54px; font-size: 17px; border-radius: 0px 3px 3px 0px;}

    .detail_menu{box-shadow: 0px 10px 20px rgba(3,38,96,0.05); position: relative; z-index: 1}
    .detail_menu .pagewidth{display: flex; justify-content: center; align-items: center;}
    .detail_menu ul{display: flex; justify-content: center; grid-gap: 20px;}
    .detail_menu ul li{ }
    .detail_menu ul li a{ display:block;height:50px; line-height:50px;color:#333; }
    .detail_menu ul li a.active{font-weight: 400; border-bottom: var(--blue) solid 2px; color: var(--blue);}
    .detail_menu ul li a:hover{  color:#000; }
    .detail_menu ul li a.active:hover{  color:var(--blue); }



    .list_company_1 .html{ width:90%; margin: 0 auto; font-size: 18px; text-align: center}
    .list_company_2{background: #f5f7fa}
    .list_company_2 .pagewidth{ display: block; justify-content: space-between; align-items: center; grid-gap:128px;}
    .list_company_2 .pagewidth .info{ width:100%; margin-bottom: 24px;}
    .list_company_2 .pagewidth .info .title h2{ font-size: 24px; margin-bottom: 12px;}
    .list_company_2 .pagewidth .info .content{font-size: 16px;}
    .list_company_2 .pagewidth .info .number{ padding-top: 24px; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg);}
    .list_company_2 .pagewidth .info .number h4{ font-size: 40px; color: var(--blue); font-weight: bold; line-height: 1.4}
    .list_company_2 .pagewidth .info .number p{ font-size: 14px;  }

    .list_company_2 .pagewidth .img{ width:100%; position: relative; height: 240px;}
    .list_company_2 .pagewidth .img .text{ position: absolute; z-index: 2; color: #fff; left: 50px; top: 50%; transform: translateY(-50%)}
    .list_company_2 .pagewidth .img .text h3{ font-size: 18px; margin-bottom: 10px;}
    .list_company_2 .pagewidth .img .text h4{ font-size: 24px; font-weight: bold;line-height: 1.2}
    .list_company_2 .pagewidth .img img{ width: 100%; height: 100%; object-fit: cover; border-radius: 6px;}

    .list_company_3 .pagewidth{ display: block; justify-content: space-between; align-items: center; grid-gap: 128px;}
    .list_company_3 .pagewidth .info{ width:100%}
    .list_company_3 .pagewidth .info .title h2{ font-size: 24px; margin-bottom: 12px;}
    .list_company_3 .pagewidth .info .content{font-size: 16px;}
    .list_company_3 .pagewidth .img{ width:100%; position: relative; margin-bottom: 24px;}
    .list_company_3 .pagewidth .img img{ width: 100%; border-radius: 6px;}

    .list_client .title h2{ position: relative; text-align: left; font-size: 20px; padding-bottom: 20px; line-height: 1; margin-bottom: 25px;}
    .list_client .title h2::after{content: ""; position: absolute;left: 0%; bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
    .list_client .content { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: var(--gg);}
    .list_client .content .item img{ width: 100%;}
    .list_client_1{background:#f5f7fa;}
    .list_client_2{background:#fff;}
    .list_client_1 .content .item{ background: #fff; border: #fff solid 1px; border-radius: 6px; padding:5px 10px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}
    .list_client_2 .content .item{ background: #fff; border: #ececec solid 1px; border-radius: 6px; padding:5px 10px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05);}


    .list_partner{background:#f5f7fa;}
    .list_partner .title h2{ position: relative; text-align: center; font-size: 24px; padding-bottom: 20px; line-height: 1; margin-bottom: 25px;}
    .list_partner .title h2::after{content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
    .list_partner .article-list{background: #fff;box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border-radius: 6px; padding: 24px;}
    .list_partner .article-list .item{ display:block;grid-template-columns: 100px auto; align-items: center; grid-gap: var(--gg); border-bottom: 1px solid #ececec; margin-bottom: 40px; padding-bottom: 40px;}
    .list_partner .article-list .item .img img{ width: 100%;}
    .list_partner .article-list .item .img{ width: 120px; background: #fff; border: #ececec solid 1px; border-radius: 6px; padding:5px 10px; margin-bottom: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05)}
    .list_partner .article-list .item .info h3{ font-size: 20px}
    .list_partner .article-list .item .info p{ color: #666666}
    .list_partner .article-list .item:last-child{ padding-bottom: 0; border-bottom: none; margin-bottom: 0; }


    .list_join .title h2{ position: relative; text-align: center; font-size: 24px; padding-bottom: 20px; line-height: 1; margin-bottom: 45px;}
    .list_join .title h2::after{content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
    .list_join .content{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 24px; position: relative}
    .list_join .content::after{content: ""; position: absolute; left:0px; right: 0px; top:auto; left: 50%; transform: translateX(-50%); height: 100%; width: 1px; background: #ddd}
    .list_join .content .item{ text-align: center; background: #fff; position: relative; z-index: 3; padding-top: 20px; padding-bottom: 20px;}
    .list_join .content .item .number{ font-weight: bold; font-size: 36px;-webkit-background-clip: text;background-clip: text;color: transparent;background-image: linear-gradient(to bottom, var(--blue), #fff); line-height: 1;}
    .list_join .content .item h3{ font-size: 20px; margin-top: -15px;}
    .list_join .content .item p{ color: #666666}

    .list_solution_1 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;}
    .list_solution_1 .item{ border-radius:6px; overflow: hidden;}
    .list_solution_1 a{ position: relative; display: block; height: 200px;overflow: hidden;}
    .list_solution_1 a img.bg{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover; z-index: 1;transition-duration: 0.3s;}
    .list_solution_1 a .icon{ position: absolute; background: rgba(0,0,0,0.2); height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; z-index: 2; left: 30px; top: 30px;}
    .list_solution_1 a h3{ font-size: 20px; color: #fff; left: 30px; bottom: 58px; position: absolute; z-index: 2;}
    .list_solution_1 a p{ font-size:14px; color: #fff; left: 30px; bottom: 30px; position: absolute; z-index: 2;}
    .list_solution_1 a:hover img.bg{ transform: scale(1.1) }
    .list_solution_1 .content{display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: var(--gg);}
    .list_solution_1 .content .item:nth-child(1) {grid-column: span 1;background: #000;}
    .list_solution_1 .content .item:nth-child(6) {grid-column: span 1;background: #000;}

    .list_solution_2{ padding-top: 0;}
    .list_solution_2 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;}
    .list_solution_2 .content{display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: var(--gg);}
    .list_solution_2 .item a{ display: block; padding: 18px; grid-gap: 12px; border-radius:6px; overflow: hidden; background: #f5f7fa; display: grid; grid-template-columns: 40px auto; align-items: center;}
    .list_solution_2 a .icon{ background:var(--blue); height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; }
    .list_solution_2 a h3{ font-size: 20px; line-height: 1.2em; margin-bottom: 5px; color: #111; }
    .list_solution_2 a p{ font-size:14px; line-height: 1.2em; color: #666; }
    .list_solution_2 .item a:hover{background: #eef2f7}

    .list_solution_3{ padding-top: 0;}
    .list_solution_3 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;}
    .list_solution_3 .number{background: linear-gradient(0deg, #487ffc, #165dff); border-radius: 6px; padding:24px 24px; display:grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; align-items: center;}
    .list_solution_3 .number h3{ color: #fff; text-align: center; line-height: 1.2; margin-bottom: 10px;}
    .list_solution_3 .number h3 strong{ font-size: 36px; font-weight: bold;}
    .list_solution_3 .number h3 span{ font-size: 18px; font-weight: bold; padding-left: 5px;}
    .list_solution_3 .number p{ color: #fff; font-size: 14px; text-align: center; line-height: 1;}

    .list_solution_3 .link { width: 100%;  margin: 0 auto; overflow: hidden;position: relative; padding-top: 40px; padding-bottom: 12px;}
    .list_solution_3 .link-list {display: flex;white-space: nowrap;animation: scroll 80s linear infinite; }
    .list_solution_3 .link .item {width: 110px; height: 45px; margin-right: 10px; background: #fff; border: #ececec solid 1px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); flex-shrink: 0; display: flex;align-items: center;justify-content: center;border-radius:6px;}
    .list_solution_3 .link .item img{ width: 100%;}
    .list_solution_3 .link:hover .link-list {animation-play-state: paused;}
    @keyframes scroll {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(-1800px);
        }
    }

    .list_solution_3 .link1 { width: 100%;  margin: 0 auto; overflow: hidden;position: relative;  }
    .list_solution_3 .link-list1 {display: flex;white-space: nowrap;animation: scroll1 80s linear infinite; transform: translateX(-1800px);  }
    .list_solution_3 .link1 .item {width: 110px; height: 45px; margin-right: 10px; background: #fff; border: #ececec solid 1px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); flex-shrink: 0; display: flex;align-items: center;justify-content: center;border-radius:6px;}
    .list_solution_3 .link1 .item img{ width: 100%;}
    .list_solution_3 .link1:hover .link-list1 {animation-play-state: paused;}
    @keyframes scroll1 {
        0% {
            transform: translateX(-1800px);
        }
        100% {
            transform: translateX(0);
        }
    }


    .show_solution_1 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;  }
    .show_solution_2 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;  }
    .show_solution_3 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;  }

    .show_solution_1 .content{ display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: var(--gg);}
    .show_solution_1 .content .item{background: #fff5f5; border-radius: 8px; padding: 30px;position: relative; display: block;overflow: hidden; padding-top: 90px;}
    .show_solution_1 .content .item .icon{ position: absolute; background: #ff4d53; height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; z-index: 2; left: 30px; top: 30px;}
    .show_solution_1 .content .item h3{ font-size: 18px; color: #ff4d53; margin-bottom: 10px;}
    .show_solution_1 .content .item p{ font-size:14px; color: #666; }

    .show_solution_2 .content .item{display:block;grid-gap: 64px; align-items: center; padding-bottom: 100px;}
    .show_solution_2 .content .item .img{ width: 100%; border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); overflow: hidden;margin-bottom: 24px; }
    .show_solution_2 .content .item .img img{ width: 100%;}
    .show_solution_2 .content .item .info{ width: 100%}
    .show_solution_2 .content .item .info h3{ font-size: 24px; color: #111; margin-bottom: 0px; }
    .show_solution_2 .content .item .info h4{ font-size: 18px; color: #079e00; margin-bottom: 10px; }
    .show_solution_2 .content .item .info ul li{ font-size: 14px; color: #44526c; position: relative; padding-left: 20px; }
    .show_solution_2 .content .item .info ul li:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: #333;}
    .show_solution_2 { background: #f3f5f8;}
    .show_solution_2 .content .item:nth-child(2){flex-direction: initial; }
    .show_solution_2 .content .item:last-child{ padding-bottom: 0;}

    .show_solution_3 .content{ display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: var(--gg);}
    .show_solution_3 .content .item{background: #f5f7fa; border-radius: 8px; padding: 30px;position: relative; display: block;overflow: hidden; padding-top:90px;}
    .show_solution_3 .content .item .icon{ position: absolute; background: #165dff; height: 40px; width: 40px; font-size: 24px; border-radius: 8px; color: #fff;  display: flex; align-items: center; justify-content: center; z-index: 2; left: 30px; top: 30px;}
    .show_solution_3 .content .item h3{ font-size: 18px; color: #165dff; margin-bottom: 10px;}
    .show_solution_3 .content .item p{ font-size:14px; color: #666; }



    .list_product_1 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px;  }
    .list_product_1 .title h2 strong{ color: var(--blue)}
    .list_product_1 .title h2 span{ color: var(--blue)}
    .list_product_1 .content{ position: relative;}
    .list_product_1 .content .img{ width: 90%; margin: 0 auto;border: #fff solid 2px; border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); overflow: hidden; }
    .list_product_1 .content .img img{ width: 100%;}
    .list_product_1 .content .list{ width: auto; position: initial; right:0px; top: 0%; transform: translateY(0%); z-index: 3;}
    .list_product_1 .content .list .item{border: #fff solid 2px; border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); margin-bottom: 16px;background: #fff; padding: 24px; }
    .list_product_1 .content .list .item .subtitle{ display: flex; align-items: center; justify-content: space-between}
    .list_product_1 .content .list .item .subtitle h3{ color: #44526c;font-size: 18px;}
    .list_product_1 .content .list .item .subcontent{ font-size: 14px; color: #44526c;}
    .list_product_1 .content .list .item .subtitle span{font-size: 14px;padding-left: 8px; padding-right: 8px;}
    .list_product_1 .content .list .item:nth-child(1) .subtitle span{ color: #8a0993;  background: #ffe8fb; }
    .list_product_1 .content .list .item:nth-child(2) .subtitle span{ color: #0a6b6b;  background: #e8fffb; }
    .list_product_1 .content .list .item:nth-child(3) .subtitle span{ color: #1133a3;  background: #e3ebff; }
    .list_product_1 .content .list .item:nth-child(4) .subtitle span{ color: #a23512;  background: #ffeee7; }


    .list_product_2{ padding-top: 0;}
    .list_product_2 .title h2{ text-align: center; font-size: 24px; }
    .list_product_2 .layui-tabs-header{ text-align: center; height: 60px;}
    .list_product_2 .layui-tabs-header li{ font-size: 14px; margin: 0 10px!important; line-height: 44px; height: 44px;}
    .list_product_2 .layui-tabs-header li.layui-this{ color: var(--blue);}
    .list_product_2 .layui-tabs-header .layui-this:after{border-bottom:3px solid var(--blue) }
    .list_product_2 .layui-tabs-header .layui-this, .list_product_2 .layui-tabs-header li:hover {color: var(--blue);}
    .list_product_2 .pagewidth{  position: relative;}
    .list_product_2 .pagewidth .tab-arrow.disabled{ position: absolute;  top: 50%;transform: translateY(-50%); background: #8a92a3; height: 116px; width: 50px; border-radius: 8px; color: #fff; text-align: center;display: flex; justify-content: center; align-items: center;font-size: 24px;}
    .list_product_2 .pagewidth .tab-arrow{ position: absolute;  top: 50%;transform: translateY(-50%); background: var(--blue); height: 116px; width: 50px; border-radius: 8px; color: #fff; text-align: center;display: flex; justify-content: center; align-items: center;font-size: 24px;}
    .list_product_2 .pagewidth .tab-arrow.arrow-prev{ left: 0; display: none}
    .list_product_2 .pagewidth .tab-arrow.arrow-next{ right: 0;  display: none}
    .list_product_2 .layui-tabs-body img{ width: 100%; display: block; margin: 0 auto;}
    .list_product_2 .bg{ background: #f3f5f8; padding-top:20px; padding-bottom: 20px;}


    .list_product_3 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px; }
    .list_product_3 .layui-tabs-header{ text-align: center; height: auto; display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: var(--gg);}
    .list_product_3 .layui-tabs-header li{ position: relative; text-align: left;color:#333; cursor:pointer; background: #f3f5f8; padding:20px 50px; padding-bottom: 30px; border-radius: 6px; border-top: #f3f5f8 solid 4px; }
    .list_product_3 .layui-tabs-header li i{ position: absolute; left: 20px;font-size: 24px; }
    .list_product_3 .layui-tabs-header li h3{ font-size: 18px; }
    .list_product_3 .layui-tabs-header li p{ font-size: 15px; line-height:2 }
    .list_product_3 .layui-tabs-header .layui-this{color: var(--blue); border-top: var(--blue) solid 4px; }
    .list_product_3 .layui-tabs-header .layui-this:after{ display: none}
    .list_product_3 .layui-tabs-header li:hover {color: var(--blue);}
    .list_product_3 .layui-tabs-body .swiper-slide{ width: 100%;}
    .list_product_3 .layui-tabs-body .swiper{ padding-bottom: 30px;}
    .list_product_3 .layui-tabs-body .swiper img{ width: 100%; height: auto; border-radius: 6px;border: #ececec solid 2px;}
    .list_product_3 .layui-tabs-body .swiper .swiper-scrollbar-drag{background: var(--blue)}
    .list_product_3 .layui-tabs-body h4{ font-size: 18px; color: #44526c; padding-bottom: 20px; padding-top: 30px;}


    .list_advantage_1 .title h2{ text-align: left; font-size: 24px; padding-bottom: 24px; }
    .list_advantage_1 .desc{ text-align: left; font-size: 16px; color: #44526c;}
    .list_advantage_1 .content{display: block; justify-content: space-between;padding-top: 60px;}
    .list_advantage_1 .content .box{ width: auto; padding: 24px;}
    .list_advantage_1 .content .box h2{ font-size: 24px; padding-bottom: 16px; }
    .list_advantage_1 .content .box:nth-child(1){background: #f5f7fa; border-radius: 12px 12px 0px 0px;}
    .list_advantage_1 .content .box:nth-child(2){background: linear-gradient(180deg, #487ffc, #165dff); border-radius:0px 0px 12px 12px;}
    .list_advantage_1 .content .box:nth-child(1) h2{ border-bottom: #dcdee1 solid 1px;}
    .list_advantage_1 .content .box:nth-child(2) h2{ border-bottom: rgba(255,255,255,0.15) solid 1px; color: #fff;}
    .list_advantage_1 .content .box:nth-child(1) .subcontent{ padding-top: 32px;}
    .list_advantage_1 .content .box:nth-child(1) .subcontent ul li{ background: #fff; padding:10px 20px;  border-radius: 50px; margin-bottom: 12px;}
    .list_advantage_1 .content .box:nth-child(1) .subcontent ul li:last-child{ margin-bottom: 0;}
    .list_advantage_1 .content .box:nth-child(2) .subcontent{ padding-top: 32px;color: #fff;}
    .list_advantage_1 .content .box:nth-child(2) .subcontent .item{ position:relative; padding-left: 50px;  padding-top: 12px; padding-bottom: 12px;}
    .list_advantage_1 .content .box:nth-child(2) .subcontent .item .icon{ font-size: 32px;  position: absolute; left: 0px; top: 50%; transform: translateY(-50%);}
    .list_advantage_1 .content .box:nth-child(2) .subcontent .item h3{ font-size: 20px; line-height: 1.4}
    .list_advantage_1 .content .box:nth-child(2) .subcontent .item p{ font-size: 16px;}

    .list_advantage_2 {background: linear-gradient(-155deg, rgba(150, 200, 255, 0.8) 0%, rgba(255, 250, 255, 0.1) 40%); background-color: #f0f8ff;}
    .list_advantage_2 .title h2{ text-align: center; font-size: 24px; color: var(--blue); padding-bottom: 24px; }
    .list_advantage_2 .desc{ text-align: center; font-size: 14px; color: #44526c; width: 100%; margin: 0 auto;}
    .list_advantage_2 .content{ display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: var(--gg); padding-top: 60px;}
    .list_advantage_2 .content .item{background: #fff; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border-radius: 8px; padding: 24px;position: relative; display: block;overflow: hidden; }
    .list_advantage_2 .content .item .icon{font-size:32px; color: #111; line-height: 1em; margin-bottom: 20px;}
    .list_advantage_2 .content .item h3{ font-size: 18px; color: #111; margin-bottom: 10px;}
    .list_advantage_2 .content .item p{ font-size:14px; color: #666; }


    .list_advantage_3 .title h2{ text-align: center; font-size: 24px; padding-bottom: 24px; }
    .list_advantage_3 .content{}
    .list_advantage_3 .content .box{display: block; justify-content: space-between; grid-gap:var(--gg); }
    .list_advantage_3 .content .box .img{ width: 100%; overflow: hidden; border-radius: 12px;position: relative}
    .list_advantage_3 .content .box .img img{ width: 100%; display: block}
    .list_advantage_3 .content .box .img h3{ position: absolute; text-align: center; left:0px; right:0px; z-index: 2; bottom: 120px; color: #fff; font-size: 24px;}
    .list_advantage_3 .content .box .img p{ position: absolute; text-align: center; left:0px; right:0px; z-index: 2; bottom: 90px; color: #fff; font-size: 14px;}
    .list_advantage_3 .content .box .img::after{content:""; position: absolute; width: 100%; left:0px; right: 0px; bottom:0px; height: 240px;background: linear-gradient(0deg, rgba(0,0,0,0.7), rgba(0,0,0,0.0));}
    .list_advantage_3 .content .box .info{ width: 100%;}
    .list_advantage_3 .content .box .info .subtitle{ font-size: 24px; font-weight: 400; margin-bottom: 20px; padding-top: 30px;}
    .list_advantage_3 .content .box .info .subcontent{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:var(--gg);}
    .list_advantage_3 .content .box .info .subcontent .item{background: #f3f5f8; padding: 30px; border-radius: 12px; border-top:#f3f5f8 solid 3px;}
    .list_advantage_3 .content .box .info .subcontent .item h4{ font-size: 18px; color: #111;}
    .list_advantage_3 .content .box .info .subcontent .item p{color: #666;}
    .list_advantage_3 .content .box .info .subcontent .item:hover{ border-top:var(--blue) solid 3px;}
    .list_advantage_3 .content .box .info .subcontent .item:hover h4{ color:var(--blue);}
    .list_advantage_3 .content .box .info .subcontent .item:hover p{ color:var(--blue);}
    .list_advantage_3 .content .box:last-child{flex-direction: row-reverse;  }
    .list_advantage_3 .content .box:first-child{ margin-bottom: 72px;}
    .list_advantage_3 .layui-collapse .layui-colla-title{ padding: 0; line-height: 1.4}
    .list_advantage_3 .layui-colla-item{ border: none; border-top: #ececec solid 1px; padding-top: 16px; padding-bottom: 16px;}
    .list_advantage_3 .layui-colla-title{ border: none!important; position: relative; font-size: 18px; font-weight: 400; padding-left: 15px!important; }
    .list_advantage_3 .layui-colla-title:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: #333;}
    .list_advantage_3 .layui-colla-item.layui-show .layui-colla-title{ color: var(--blue);}
    .list_advantage_3 .layui-colla-item.layui-show .layui-colla-title:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: var(--blue);}
    .list_advantage_3 .layui-colla-item .layui-colla-title .ri-arrow-down-wide-line{ transform: rotate(0deg);  position: absolute;right: 0px; transition-duration: 0.3s;}
    .list_advantage_3 .layui-colla-item.layui-show .layui-colla-title .ri-arrow-down-wide-line{ transform: rotate(-180deg);  position: absolute;right: 0px;}
    .list_advantage_3 .subcontent_ul .item{ border-top: #ececec solid 1px; padding-top: 16px; padding-bottom: 16px;}
    .list_advantage_3 .subcontent_ul .item h4{ position: relative; font-size: 16px; font-weight: 400; padding-left: 15px!important; line-height: 1.4; }
    .list_advantage_3 .subcontent_ul .item h4:after{content: ""; position: absolute; left: 0px; top: 50%; transform: translateY(-50%); width: 4px; height:4px; background: #333;}


    .list_contact .pagewidth{ display: block;grid-template-columns:8fr 4fr;grid-gap:32px;}
    .list_contact .box{ box-shadow: 0px 10px 20px rgba(3,38,96,0.05); border-radius: 8px; padding:24px;background: linear-gradient(180deg, #f5f8ff, #fff); position: relative; overflow: hidden; margin-bottom: 20px;}
    .list_contact .box h2{ position: relative; text-align: left; font-size: 24px; padding-bottom: 20px; line-height: 1; margin-bottom: 25px;}
    .list_contact .box h2::after{content: ""; position: absolute;left: 0%; bottom: 0px;width: 50px; background: var(--blue); height: 2px;}
    .list_contact .box .content{ display: block;grid-template-columns:repeat(2,1fr);grid-gap:32px; position: relative; width: 60%}
    .list_contact .box img.kefu{ position: absolute; bottom: 0px; right: -20px; width: 140px;}
    .list_contact .box .content .item{ margin-bottom: 24px;}
    .list_contact .box .content .item h3{ color: var(--blue); font-size: 18px;}
    .list_contact .box .content .item p{ color:#666;}
    .list_contact .box .content .item h3 i{ font-weight: normal; margin-right: 10px;}
    .list_contact .box .content_1 .bt{ display: flex; justify-content: space-between; align-items: center; grid-gap: 20px;}
    .list_contact .box .content_1 p{ margin-bottom: 12px; color:#666;}
    .list_contact .box .content .item:last-child{ margin-bottom: 0; }

    .list_help{ background: #f5f7fa;}
    .list_help .content{ display: grid;grid-template-columns:repeat(1,1fr); grid-gap:var(--gg);}
    .list_help .content .item{background: #fff; padding:24px;border-radius: 8px; box-shadow: 0px 10px 20px rgba(3,38,96,0.05); text-align: center}
    .list_help .content .item h3{ font-size: 18px;}
    .list_help .content .item p{color:#666;}
    .list_help .content .item i{color:var(--blue); font-size: 36px; }


}

/*小尺寸手机*/
@media screen and (max-width: 320px) {

}
/*横屏*/
@media all and (orientation : landscape) {}
/*竖屏*/
@media all and (orientation : portrait){}