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

html{height: 100%;}

.index_banner {position: relative;width: auto; margin-left: 20px; margin-right: 20px; border-radius: 16px; overflow: hidden;}
.index_banner .swiper{height: calc(100vh - 320px);}
.index_banner .swiper-slide{ position: relative;width: 100%;overflow:hidden; }
.index_banner .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover; animation: breathe 10s ease-in-out;}
.index_banner .swiper-slide .info{ width: var(--width) ; position:absolute;left: 50%; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translate(-50%, -50%); transition-delay:0.5s; }
.index_banner .swiper-slide .info img{ height:120px; margin: 0 auto; display: block;}
.index_banner .swiper-slide .info h2{ font-size: 24px; line-height: 1em; color:#fff; font-weight: normal; margin-bottom: 32px; }
.index_banner .swiper-slide .info h3{ font-size: 60px; line-height: 1.2em; color:#fff; margin-bottom: 32px;  }
.index_banner .swiper-slide .info p{ color: #fff; font-size: 20px; line-height: 1.6em; width: 56%;}
.index_banner .swiper-slide .info > *{opacity: 0; transform: translateY(50px); transition: all 1s; }
.index_banner .swiper-slide .info.white h2{color: #fff; }
.index_banner .swiper-slide .info.white h3{color: #fff;}
.index_banner .swiper-slide .info.white p{color: #fff;}
.index_banner .swiper-slide-active .info > * {  opacity: 1; transform: none;}
.index_banner .swiper-slide-active .info > *:nth-child(1) { transition-delay: 0.4s;}
.index_banner .swiper-slide-active .info > *:nth-child(2) { transition-delay: 0.6s;}
.index_banner .swiper-slide-active .info > *:nth-child(3) { transition-delay: 0.8s;}
.index_banner .swiper-slide-active .info > *:nth-child(4) { transition-delay: 2s;}
@keyframes breathe{
    0%   { transform: scale(1.2);   }   /* 原始大小 */
    100% { transform: scale(1); }   /* 缩小到 60% */
}
.index_banner .swiper-button-box{  display: flex; justify-content: right; align-items: center; grid-gap: 20px; width: var(--width); left: 50%; transform: translateX(-50%);  position: absolute; bottom:44px; z-index: 14;}
.index_banner .swiper-button-box .swiper-button-next{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-prev{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-next:after{display: none!important;}
.index_banner .swiper-button-box .swiper-button-prev:after{display: none!important;}
.index_banner .swiper-pagination {color: #fff; text-align: left; width: var(--width) !important; left: 50% !important; transform: translateX(-50%); }
/*.index_banner .swiper-slide .info h1{color: #fff; font-size:45px; font-weight: bold; line-height:1.2em; margin-bottom:20px; }*/
/*.index_banner .swiper-slide .info h3{color: #fff; line-height:1.4em;  font-weight: normal;margin-bottom:60px;  font-size:22px;}*/
/*.index_banner .swiper-slide .info .button{display: flex; justify-content: left; align-items: center;}*/
/*.index_banner .swiper-slide .info .button a{ color:#fff;transition-duration: 0.3s;  padding-left: 30px; padding-right: 15px; display: inline-block; padding-top: 3px; padding-bottom: 3px;  border-radius:2px; border:#fff solid 2px; line-height:1em; }*/
/*.index_banner .swiper-slide .info .button span{ color:#fff; }*/
/*.index_banner .swiper-slide .info .button i{color: #fff; font-size: 18px;display:inline-block;width: 40px; height: 40px; line-height: 40px; text-align: center; border-radius: 50px; transition-duration: 0.2s}*/
/*.index_banner .swiper-slide .info .button a:hover i{  margin-left:10px;   }*/
/*.index_banner .swiper-slide .info .button a:hover{background: var(--main); border:var(--main) solid 2px; }*/
.index_banner .swiper-pagination{ bottom:40px!important;font-size: 16px;}
.index_banner .swiper-pagination .swiper-pagination-bullet {border-radius: 0; height:4px; width:20px; border-radius: 3px; background: #c0c7ca; transition-duration: 0.2s; opacity:1; }
.index_banner .swiper-pagination .swiper-pagination-bullet-active{background: var(--main); width: 40px;}
.index_banner .swiper-pagination .swiper-pagination-current{font-size: 24px;}


.index_painspot{ background: #fff; position: relative}
.index_painspot:after{ position: absolute; bottom: -48px; height: 48px; background: #fff; z-index: -1; width: 100%; content: "";}
.index_painspot .title{ margin-bottom: 80px;}
.index_painspot .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.index_painspot .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.index_painspot .content{ display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 32px;}
.index_painspot .content .item{ background: #fff; text-align: center; border-radius: 16px; transition-duration:0.3s; border: 3px solid #ececec; padding: 30px; padding-bottom: 50px; position: relative}
.index_painspot .content .item:hover{ background: var(--main); text-align: center; border-radius: 16px; border: 3px solid #ceeceb; padding: 30px; padding-bottom: 50px; position: relative}
.index_painspot .content .item .num{ position: absolute; top: -20px; transition-duration: 0.3s; left: 50%; transform: translateX(-50%); background:#fff; color: #999; font-size: 36px;font-family: 'Barlow'; line-height: 48px; border-radius: 50%; border:#ececec solid 3px; width: 48px; height: 48px;}
.index_painspot .content .item:hover .num{ position: absolute; top: -30px; left: 50%; transform: translateX(-50%); background:var(--main); color: #fff; font-size: 36px;font-family: 'Barlow'; line-height: 48px; border-radius: 50%; border:#ceeceb solid 3px; width: 48px; height: 48px;}
.index_painspot .content .item h4{ font-size:28px; color: #333; padding-top: 30px; margin-bottom: 10px;}
.index_painspot .content .item p{ line-height: 1.6em; color: #999;}
.index_painspot .content .item:hover h4{ font-size:28px; color: #fff; padding-top: 30px; margin-bottom: 10px;}
.index_painspot .content .item:hover p{ line-height: 1.6em; color: #fff;}



.index_solution{background: #e7f5f5;border-radius: 48px 48px 0px 0px; position: relative; }
.index_solution:after{ position: absolute; bottom: -48px; height: 48px; background: #e7f5f5; z-index: -1; width: 100%; content: "";}
.index_solution .title{ margin-bottom: 40px;}
.index_solution .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.index_solution .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.index_solution .content{ display:flex; grid-gap: 32px;}
.index_solution .content .item{flex: 2; background: #333; transition-duration: 0.6s; position: relative; height: 500px; border-radius: 16px; overflow: hidden; display: flex; justify-content: center; align-items: center;}
.index_solution .content .item:hover{ flex: 6;background: #333;}
.index_solution .content .item img{ z-index: 1; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: cover}
.index_solution .content .item .info{ z-index: 2; opacity: 1; position: absolute ;left: 10px;bottom: 80px; right: 10px; color: #fff; text-align: center; transition-duration: 0.5s;}
.index_solution .content .item .info i{ font-size:56px; margin-bottom: 20px; display: inline-block}
.index_solution .content .item .info h4{ font-size:28px;}
.index_solution .content .item:hover .info{ opacity: 0; bottom: 100px;}
.index_solution .content .item .infohover{ opacity: 0; z-index: 2; position: absolute ;left: 150px;bottom: 50px;  color: #fff; text-align: left;transition-duration: 0.5s;}
.index_solution .content .item .infohover i{ font-size:56px; margin-bottom: 20px; display: inline-block}
.index_solution .content .item .infohover h4{ font-size:28px;}

.index_solution .content .item:hover .infohover{ opacity: 1; left: 50px;}
.index_business .row{ display:flex; justify-content: space-between; align-items: center; }
.index_business{background: #fff;border-radius: 48px 48px 0px 0px; position: relative; }
.index_business .title{ margin-bottom: 40px;}
.index_business .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.index_business .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.index_business .row .more a{ color: var(--main)}
.index_business .swiper-slide .item{ text-align: center; border-radius: 16px;border:#ddd solid 1px; padding: 80px 30px;}
.index_business .swiper-slide .item i{ font-size: 48px; color:#333; margin-bottom: 10px; display: inline-block}
.index_business .swiper-slide .item h4{ font-size: 28px; color:#333; margin-bottom: 10px; padding-top: 10px;}
.index_business .swiper-slide .item p{display: -webkit-box;  -webkit-line-clamp:4;  color: #aaa;  -webkit-box-orient: vertical; overflow: hidden;}
.index_business .swiper-slide .item:hover{text-align: center; border-radius: 16px;border:var(--main) solid 1px; padding: 80px 30px;}
.index_business .swiper-slide .item:hover i{ color:var(--main)}
.index_business .swiper-slide .item:hover h4{ color:var(--main)}
.index_business .swiper-slide .item:hover p{ color:#333}
.index_business .swiper{ padding-bottom: 50px;}
.index_business .swiper .swiper-pagination-bullet{ border-radius: 4px; width: 30px; height:4px;}
.index_business .swiper .swiper-pagination-bullet-active{ width: 50px;}

.index_about{ border-radius: 16px; overflow: hidden; background:url("../images/bg3.jpg") no-repeat var(--main);background-size: cover; margin-left: 20px; margin-right: 20px; }
.index_about .pagewidth{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 32px; padding-bottom: 0;align-items:flex-end}
.index_about .info{ padding-bottom: 90px;}
.index_about .title h5{ font-weight: bold; color:#fff; font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.index_about .content{  padding-top: 30px; padding-bottom: 20px; }
.index_about .content h3{  color:#fff; font-size: 28px; line-height: 1em; margin-bottom: 20px;}
.index_about .content p{ color: #fff;}
.index_about .number ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 32px; padding-top:20px; }
.index_about .number ul li span{font-family: 'Barlow'; font-size: 60px; color:#fff;font-weight: bold; line-height: 1em; margin-bottom: 10px; }
.index_about .number ul li{ position: relative; color:#fff; font-size: 24px; line-height: 1em;}
.index_about .number ul li p{ color: #fff; font-size: 18px; margin-bottom: 0!important;}
.index_about .button{ display: flex; justify-content: left; align-items: center; padding-top: 40px; grid-gap: 32px;}
.index_about .button a.video{border-radius: 50px; border:#fff solid 1px; padding: 10px 20px; transition-duration: 0.3s; color: #fff; display: flex; justify-content: center; grid-gap: 5px; align-items: center;}
.index_about .button a.video:hover{ background:#fff; color: #333;}
.index_about .button a.more{ color: #fff;}


.index_client .row{ display:flex; justify-content: space-between; align-items: center; }
.index_client .title{ margin-bottom: 40px;}
.index_client .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.index_client .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.index_client .row .more a{ color: var(--main)}
.index_client .content{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 32px; padding-top:20px; }
.index_client .content .item{ border-radius: 8px; padding: 10px; border:#ddd solid 1px;}
.index_client .content .item img{ width: 100%;}




.detail_header{ margin-right: 20px;background: #fff; margin-left: 20px;border-radius:16px; overflow: hidden  }
.detail_banner{overflow: hidden; position: relative; width: 100%; background:#000;border-radius: 0px 0px 16px 16px;}
.detail_banner .pagewidth{position: relative; height: 560px;}
.detail_banner .text{  text-align: center; position: absolute; left: 0px; right: 0px;top: 50%; transform: translateY(-50%); z-index: 2; }
.detail_banner .text h2{ font-size: 72px; margin-bottom: 10px; color: #fff; font-weight: bold;  text-align: left;  line-height: 1em; z-index: 2; }
.detail_banner .text h1{ font-size:48px; margin-bottom: 0px; color:#fff; font-weight:bold;  text-align: left; position: relative; line-height: 1em; z-index: 2;  }
.detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity: 0.8; left: 0;right: 0px; top: 0px; bottom: 0px;}

.detail_menu{ position: relative; z-index: 1;  margin-left: 20px; margin-right: 20px;box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
.detail_menu .pagewidth{}
.detail_menu ul{display: flex; justify-content: left; grid-gap: 20px;}
.detail_menu ul li{ padding-top: 15px; padding-bottom: 15px;}
.detail_menu ul li a{ display:block;height:48px; line-height:48px;color:#666666; padding-left: 30px; padding-right: 30px; border-radius: 30px; }
.detail_menu ul li a.active{color: #fff;background:var(--main);}
.detail_menu ul li a:hover{  color: #333; background:#f1f1f1; }
.detail_menu ul li a.active:hover{  color:#fff; background:var(--main);}



.detail_menu .crumbs{ font-size:16px; }
.detail_menu .crumbs i{color:#666; }
.detail_menu .crumbs span{ margin-left:5px;margin-right:5px; }
.detail_menu .crumbs span a{ color:#666; }
.detail_menu .crumbs span.line{ color:#999; }
.detail_menu .crumbs span:last-child{display: none;}

.list_about_a .pagewidth{ display: grid; grid-template-columns:50% 50%  ; grid-gap: 32px; }
.list_about_a .pagewidth .content{ padding-right: 40px;}
.list_about_a .pagewidth .content .title{ margin-bottom: 40px;}
.list_about_a .pagewidth .content .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_about_a .pagewidth .content .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.list_about_a .pagewidth .content .html{ line-height: 1.6em; color: #333;}
.list_about_a .pagewidth .content .html p{ margin-bottom: 32px;  text-align: justify;}
.list_about_a .pagewidth .video{ border-radius:16px; overflow: hidden; position: relative}
.list_about_a .pagewidth .video img{ width: 100%; height: 100%; object-fit: cover;}
.list_about_a .pagewidth .video .icon{ position: absolute;left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 3; height:60px; width: 60px; text-align: center; line-height: 60px; border-radius: 90px; background: #fff; font-size: 24px; color: var(--main); transition-duration: 0.3s;}
.list_about_a .pagewidth .video .icon a{ color:var(--main); display: block; height: 60px; width: 60px; line-height: 60px; border-radius: 60px; text-indent: 3px;}
.list_about_a .pagewidth .video .icon:hover{ transform: scale(1.1);}
.list_about_a .number ul{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 32px; padding-top:20px; }
.list_about_a .number ul li span{font-family: 'Barlow'; font-size: 72px; color: var(--main);font-weight: bold; line-height: 1em; margin-bottom: 10px; }
.list_about_a .number ul li{ position: relative; color:var(--main); font-size: 24px; line-height: 1em;}
.list_about_a .number ul li p{ color: #333; font-size: 18px; margin-bottom: 0!important;}




.list_about_b{ position: relative; margin-left:20px; margin-right: 20px; border-radius: 16px; overflow: hidden; margin-bottom:40px;}
.list_about_b img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;z-index: 1;}
.list_about_b .pagewidth{ position: relative; z-index: 2;  padding-bottom: 200px;}
.list_about_b .pagewidth .title{ margin-bottom: 100px;}
.list_about_b .pagewidth .title h5{ font-weight: bold; color:#fff; font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_about_b .pagewidth .title h3{  color:#fff; font-size: 28px; line-height: 1em;}
.list_about_b .pagewidth .content p{ font-size: 24px; color: #fff;}
.list_about_b .pagewidth .content h3{ font-size: 48px;color: #fff; margin-bottom: 40px;}

.list_about_c{background: #f9f9f9;border-radius: 48px 48px 0px 0px; position: relative; }
.list_about_c:after{ position: absolute; bottom: -48px; height: 48px; background: #f9f9f9; z-index: -1; width: 100%; content: "";}
.list_about_c .title{ margin-bottom: 40px;}
.list_about_c .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_about_c .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.list_about_c .content{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: 32px;}
.list_about_c .content .item{ position: relative; border-radius: 16px; overflow: hidden;}
.list_about_c .content .item img{ width: 100%; height: 100%; object-fit: cover; z-index: 1; transition-duration: 0.3s;}
.list_about_c .content .item:hover img{ width: 100%; height: 100%; object-fit: cover; z-index: 1;  transform: scale(1.1);}
.list_about_c .content .item .box{ color: #fff; text-align: center; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
.list_about_c .content .item .box .icon{ font-size:56px; line-height: 1.4em;}
.list_about_c .content .item .box h3{  font-size: 28px; margin-bottom: 10px;}
.list_about_c .content .item .box p{ line-height: 1.6em;}

.list_about_d{ border-radius: 48px 48px 0px 0px; background:url("../images/bg1.jpg") no-repeat #9da2ae; background-size: cover;}
.list_about_d .title{ margin-bottom: 40px;}
.list_about_d .title h5{ font-weight: bold; color:#fff; font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_about_d .title h3{  color:#fff; font-size: 28px; line-height: 1em;}
.list_about_d .pagewidth .content {position: relative}
.list_about_d .pagewidth .content .swiper{ padding-bottom: 50px; }
.list_about_d .pagewidth .content .swiper .swiper-button-next{ position: absolute; right: 0px; top: 0px;}
.list_about_d .pagewidth .content .swiper-slide{ width:auto;}
.list_about_d .pagewidth .content .swiper-slide img{ height: 320px;}
.list_about_d .pagewidth .content .swiper-slide .box{overflow: hidden; position: relative;}
.list_about_d .pagewidth .content .swiper-pagination-bullet{ width:40px; height: 2px; transition-duration: 0.3s; border-radius: 2px; background: #fff;}
.list_about_d .pagewidth .content .swiper-pagination-bullet-active{ width:60px; height: 2px;}
.list_about_d .pagewidth .content .swiper-button-next{ cursor: pointer; right: -80px; top: 36%; color: #fff; font-size: 24px; background: rgba(0,0,0,0.5); border-radius: 40px; width: 50px; height: 100px;}
.list_about_d .pagewidth .content .swiper-button-next:after{ display: none}
.list_about_d .pagewidth .content .swiper-button-prev{ cursor: pointer; left: -80px;top: 36%; color: #fff; font-size: 24px; background: rgba(0,0,0,0.5); border-radius: 40px; width: 50px; height: 100px;}
.list_about_d .pagewidth .content .swiper-button-prev:after{ display: none}

.list_process_a .title{ margin-bottom: 40px;}
.list_process_a .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_process_a .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.list_process_a .content img{ width: 100%;}

.list_process_b{background: #e7f5f5;border-radius: 48px 48px 0px 0px; position: relative;  position: relative}
.list_process_b:after{ position: absolute; bottom: -48px; height: 48px; background: #e7f5f5; z-index: -1; width: 100%; content: "";}
.list_process_b .title{ margin-bottom: 40px;}
.list_process_b .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_process_b .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.list_process_b .content{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 32px;}
.list_process_b .content .item{ border-radius: 16px; overflow: hidden;background: #fff;}
.list_process_b .content .item .info{ padding: 40px; text-align: center}
.list_process_b .content .item .info h2{ font-size: 24px; margin-bottom: 10px;color: #333;}

.list_process_c{background: #fff;border-radius: 48px 48px 0px 0px; position: relative;  position: relative}
.list_process_c .title{ margin-bottom: 40px;}
.list_process_c .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_process_c .title h3{  color:#333; font-size: 28px; line-height: 1em; margin-bottom: 20px;}
.list_process_c .content{ display: grid; grid-template-columns: repeat(8,1fr); grid-gap: 24px; position: relative ; padding-top: 30px;}
.list_process_c .content:after{ position: absolute; content: ""; left: 0px; right: 0px; top: 90px; z-index: 1; border-top: var(--main) dashed 1px; }
.list_process_c .content .item{text-align: center; position: relative; }
.list_process_c .content .item:after{ position: absolute; left: 50%; transform: translateX(-50%); top: 53px; z-index: 2; content: ""; border: var(--main) solid 2px; background: #fff; border-radius: 50%; width: 12px; height: 12px;}
.list_process_c .content .item i{ font-size: 48px; color: var(--main); height:80px; display: inline-block }



.list_advantages_a .title{ margin-bottom: 40px;}
.list_advantages_a .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_advantages_a .title h3{  color:#333; font-size: 28px; line-height: 1em;}
.list_advantages_a .content{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: 32px; position: relative}
.list_advantages_a .content .item{ border-radius: 16px;box-shadow: 0px 10px 20px rgba(0,0,0,0.08); overflow: hidden;}
.list_advantages_a .content .item .subtitle{ height: 60px; padding: 30px; background: var(--main); display: flex; justify-content: space-between; align-items: center;}
.list_advantages_a .content .item .subtitle h2{ font-size: 36px; font-weight: 500; color: #fff;}
.list_advantages_a .content .item .subtitle i{ font-size:48px; color:#fff; }
.list_advantages_a .content .item .subcontent{ padding: 60px 30px;}
.list_advantages_a .content .item .subcontent h4{ font-size:24px; margin-bottom: 10px;}



.list_advantages_b{ border-radius: 48px 48px 0px 0px; background:url("../images/bg2.jpg") no-repeat var(--main); background-size: cover;}
.list_advantages_b{ padding-bottom: 148px;}
.list_advantages_b .title{ margin-bottom: 40px;}
.list_advantages_b .title h5{ font-weight: bold; color:#fff; font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_advantages_b .title h3{  color:#fff; font-size: 28px; line-height: 1em;}
.list_advantages_b .content{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 32px; padding-top: 80px;}
.list_advantages_b .content .subtitle{color: #fff;}
.list_advantages_b .content .subtitle h2{ font-size: 48px; color: #fff; line-height: 1.2em; margin-bottom: 20px;}
.list_advantages_b .content .subcontent{color: #fff;}
.list_advantages_b .content .subcontent .item{ position: relative; padding-left: 55px; margin-bottom: 50px; }
.list_advantages_b .content .subcontent .item i{ position: absolute; left: 0px; top: 0px; font-size: 36px;}
.list_advantages_b .content .subcontent .item h3{ font-size: 32px; margin-bottom: 15px; line-height: 1em;}

.list_advantages_c{background: #fff;border-radius: 48px 48px 0px 0px; position: relative;  position: relative; margin-top: -48px;}
.list_advantages_c .title{ margin-bottom: 40px;}
.list_advantages_c .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_advantages_c .title h3{ color:#333; font-size: 28px; line-height: 1em; margin-bottom: 20px;}
.list_advantages_c .content{ display: grid; grid-template-columns: repeat(8,1fr); grid-gap: 24px; position: relative ; padding-top: 30px; padding-bottom: 30px;}
.list_advantages_c .content .item{ padding:60px 40px; border-radius: 16px;border: #ddd solid 1px; text-align: center; transition-duration: 0.3s;}
.list_advantages_c .content .item i{ font-size: 48px; margin-bottom:30px; display: inline-block;}
.list_advantages_c .content .item p{ line-height: 1.4em;}
.list_advantages_c .content .item:hover{ background: var(--main); color: #fff;border:var(--main) solid 1px;}


.list_partner .title{ margin-bottom: 40px;}
.list_partner .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_partner .title h3{ color:#333; font-size: 28px; line-height: 1em; margin-bottom: 20px;}
.list_partner .article-list{ display: grid; grid-template-columns: repeat(6,1fr); grid-gap: 32px; position: relative}
.list_partner .article-list .item{ border-radius: 8px; padding: 10px; border:#ddd solid 1px;}
.list_partner .article-list .item img{ width: 100%;}



.list_product .item {display: grid; grid-template-columns: 30% 70%;  align-items: center; margin-bottom: 50px;}
.list_product .item .img{ border-radius: 16px; overflow: hidden; height: }
.list_product .item .img img{ width: 100%; height: 100%; object-fit: cover; z-index: 1; transition-duration: 0.3s;}
.list_product .item:hover .img img{ transform: scale(1.1);}
.list_product .item .info{ border-radius: 0px 16px 16px 0px; padding: 60px; box-shadow: 0px 5px 10px rgba(0,0,0,0.04);transition-duration: 0.3s;}
.list_product .item .info h3{ font-size: 40px; color:#333; line-height: 1em; margin-bottom: 10px;}
.list_product .item .info h2{ font-size: 28px; color:#333; margin-bottom: 20px;}
.list_product .item .info p{ color:#333;}
.list_product .item:hover .info{ box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
.list_product .item:hover .info h3{ color: var(--main)}
.list_product .item:hover .info h2{ color: var(--main)}




.show_product .content{ display: grid; grid-template-columns: 4fr 8fr;grid-gap: 32px;}
.show_product .info .title{position: -webkit-sticky; position: sticky;top:170px;}
.show_product .info h3{ font-size: 40px; color: var(--main); line-height: 1em; margin-bottom: 10px;}
.show_product .info h2{ font-size: 24px; color:#333; margin-bottom: 20px;position: -webkit-sticky; position: sticky;top:120px;}
.show_product .html{ padding-top: 10px;color:#333; }
.show_product .html h2{ color: var(--main); font-size: 28px; line-height: 1.4em; margin-bottom: 30px;}
.show_product .html .row{border: #ddd solid 1px;border-radius: 16px; padding: 50px; display: grid; grid-template-columns: repeat(3,1fr);grid-gap: 32px;}
.show_product .html .row div{ text-align: center}
.show_product .html .row div img{ margin-bottom: 10px;}
.show_product .html .row div p{font-size: 20px; font-weight: 500;}

.show_product .html h3{font-size: 24px; color: var(--main); margin-bottom:12px;}
.show_product .html .row1{display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 32px;}
.show_product .html .row1 div{ text-align: center; border: #ddd solid 1px;border-radius: 16px; padding: 30px; }
.show_product .html .row1 div i{ margin-bottom: 10px; font-size: 36px;}
.show_product .html .row1 div h4{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
.show_product .html .row1 div p{ }

.show_product .html .row2{display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 32px;}
.show_product .html .row2 div{ text-align: left; border: #ddd solid 1px;border-radius: 16px; padding: 30px; position: relative;  padding-left: 100px;}
.show_product .html .row2 div i{ margin-bottom: 10px; font-size: 36px; position: absolute; left: 35px; top: 40px;}
.show_product .html .row2 div h4{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
.show_product .html .row2 div p{ }

.show_product .html .row3{display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 32px;}
.show_product .html .row3 div{ text-align: left; border: #ddd solid 1px;border-radius: 16px; padding: 30px; position: relative;  padding-left: 100px;}
.show_product .html .row3 div i{ margin-bottom: 10px; font-size: 36px; position: absolute; left: 35px; top: 40px; z-index: 2}
.show_product .html .row3 div h4{ font-size: 20px; position: relative; font-weight: 500; margin-bottom: 5px; z-index: 2; }
.show_product .html .row3 div p{position: relative; z-index: 2 }
.show_product .html .row3 div:after{position: absolute;right: 30px; top: 50%; transform: translateY(-50%); z-index: 1; font-size: 240px;font-family: 'Barlow'; font-weight: 500; color: #f9f9f9}
.show_product .html .row3 div:nth-child(1):after{ content:"1"}
.show_product .html .row3 div:nth-child(2):after{ content:"2"}
.show_product .html .row3 div:nth-child(3):after{ content:"3"}
.show_product .html .row3 div:nth-child(4):after{ content:"4"}
.show_product .html .row3 div:nth-child(5):after{ content:"5"}
.show_product .html .row3 div:nth-child(6):after{ content:"6"}

.show_product .html .row4{border: #ddd solid 1px;border-radius: 16px; padding: 50px; display: grid; grid-template-columns: repeat(4,1fr);grid-gap: 32px;}
.show_product .html .row4 div{ text-align: center}
.show_product .html .row4 div i{font-size: 48px;color: var(--main); margin-bottom: 10px;}
.show_product .html .row4 div p{font-size: 20px; font-weight: 500;}

.show_product .html .row5{display: grid; grid-template-columns: repeat(3,1fr);grid-gap: 32px;}
.show_product .html .row5 div{ text-align: left; border: #ddd solid 1px;border-radius: 16px; padding: 30px; position: relative;  padding-left: 100px;}
.show_product .html .row5 div i{ margin-bottom: 10px; font-size: 36px; position: absolute; left: 35px; top: 40px;}
.show_product .html .row5 div h4{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
.show_product .html .row5 div p{ }




.page_contact{}
.page_contact .pagewidth{display: grid;grid-template-columns: 5fr 7fr; grid-gap: 32px; align-items: center}
.page_contact .title{ margin-bottom: 40px;}
.page_contact .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.page_contact .title h3{ color:#333; font-size: 28px; line-height: 1em; margin-bottom: 20px;}


.page_contact .content h1{ font-size:24px; margin-bottom:20px; }
.page_contact .content .item{ margin-bottom:20px; border-bottom: #ececec solid 1px; padding-bottom: 20px;}
.page_contact .content .item i{background:var(--main); border-radius: 40px; width: 36px; height: 36px; display:flex; justify-content: center; align-items: center; color: #fff;}
.page_contact .content .item { display: flex; grid-gap: 10px; justify-content: left;  }
.page_contact .content .item h4{ line-height: 36px; font-weight: normal}
.page_contact #container{ height: 500px;}
.page_contact .content .wechatcontent img{ width: 110px; text-align: center; border: #ececec solid 1px;}
.page_contact .content .item:last-child{ border-bottom: none;}



.list_message .pagewidth{ display: grid;grid-template-columns: 3fr 9fr; grid-gap: 32px;}
.list_message .title{ margin-bottom: 40px;}
.list_message .title h5{ font-weight: bold; color:var(--main); font-size: 48px; line-height: 1em; margin-bottom: 10px;}
.list_message .title h3{ color:#333; font-size: 28px; line-height: 1em; margin-bottom: 20px;}




.list_message .pagewidth{ border-top: #ddd solid 1px;}
.list_message .three{display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 30px;}
.list_message .layui-form-label{color: #999;font-size: 15px; display: block!important; width: auto!important; float: none!important; text-align: left!important; padding-left: 0!important}
.list_message .layui-input{ height: 54px;}
.list_message .layui-textarea{ height:200px;}

.list_message .layui-input-block{ margin-left:0!important; }
.list_message .layui-btn-lg{background: var(--main)!important; color: #fff; padding-top: 18px!important; padding-bottom: 18px!important; height: auto!important; line-height: 1em!important; width: 300px; border-radius: 40px;}


.amap-logo{ z-index: 5!important;}
.amap-copyright{ z-index: 5!important;}
.amap-touch-toolbar .amap-zoomcontrol{ z-index: 5!important;}
@media screen and (max-width: 1920px) {

}

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

}
@media screen and (max-width: 1440px) {
    .padding{ padding-top:72px; padding-bottom:72px; }
    .padding-bottom-80{ padding-bottom:60px;}
    .index_product .product_header .layui-tabs-header li{ padding: 6px 12px;}
    .index_advantages .content .item .img{ height: 220px;}
    .index_banner .swiper-slide .info h3{ font-size: 48px;}
    .index_banner .swiper-slide .info p{ font-size: 16px;}


    .detail_banner .pagewidth{ height: 450px;}
    .detail_banner .text h1{ font-size: 48px;}
    .detail_banner .text h2{ font-size: 48px;}
    .list_service .item .pagewidth .info h3{ font-size: 36px;}
    .list_service .item .pagewidth .info h4{ font-size: 24px;}
    .list_service .item .pagewidth{ grid-gap: 56px;}
    .top_news .item .img{height: 360px;}
    .top_news .item .info p{ font-size: 18px;}
    .top_news .item .info h3{ font-size: 32px;}
    .list_news .item .info h3{ font-size: 24px;}
    .show_news .pagewidth{grid-template-columns: 8fr 4fr;}
    .show_news .side .item .img{ height: 100px;}
    .show_news .pagewidth{ grid-gap: 24px; }
    .list_case .article-list{ grid-gap: 24px; }
    .list_case .article-list .item .info{ height: 80px;}

    .show_case .imglist .swiper-slide img{ height: 360px;}

    .page_contact .title p{ font-size: 48px;}
    .page_contact .title h3{ font-size: 24px;}
    .list_about_c .pagewidth{ grid-gap: 24px; }





}

@media screen and (max-width: 1024px) {
    .index_banner .swiper-slide .info{ width: calc(var(--width) - 100px)}
    body {font-size:14px;}
    .index_business .item p{font-size:14px;}
    .index_business .item h2{ margin-bottom: 10px;}
    .index_news .swiper-slide .item .info p{ margin-bottom: 10px;}
    .detail_banner .text{ padding-left: 30px;}
    .list_service .item .pagewidth .info h3{font-size: 32px;}
    .list_service .item .pagewidth .info h4{ font-size: 20px; margin-bottom: 20px;}
}
@media screen and (max-width: 480px) {
    .padding{padding-top: 36px; padding-bottom: 36px;}
    .index_banner .swiper-slide .info{ width: 90%;}
    .index_banner .swiper-slide .info h3{ font-size:36px; width: 100%;}
    .index_banner .swiper-slide .info p{ width: 100%;}
    .index_banner .swiper-slide .info h3{ margin-bottom: 16px;}


    .index_business .title .info h4, .index_about .info h4, .index_news .title .info h4{font-size: 32px;}
    .index_business .title .info h3, .index_about .info h3, .index_news .title .info h3{font-size: 24px;}
    .index_business .content{grid-template-columns: repeat(1,1fr);}


    .index_painspot{ background: #fff; position: relative}
    .index_painspot:after{ position: absolute; bottom: -48px; height: 48px; background: #fff; z-index: -1; width: 100%; content: "";}
    .index_painspot .title{ margin-bottom: 40px;}
    .index_painspot .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .index_painspot .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .index_painspot .content{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px;}
    .index_painspot .content .item{ background: #fff; text-align: center; border-radius: 16px; transition-duration:0.3s; border: 3px solid #ececec; padding:20px; padding-bottom: 40px; position: relative}
    .index_painspot .content .item:hover{ background: var(--main); text-align: center; border-radius: 16px; border: 3px solid #ceeceb; padding: 20px; padding-bottom: 40px; position: relative}
    .index_painspot .content .item .num{ position: absolute; top: -20px; transition-duration: 0.3s; left: 50%; transform: translateX(-50%); background:#fff; color: #999; font-size: 36px;font-family: 'Barlow'; line-height: 48px; border-radius: 50%; border:#ececec solid 3px; width: 48px; height: 48px;}
    .index_painspot .content .item:hover .num{ position: absolute; top: -30px; left: 50%; transform: translateX(-50%); background:var(--main); color: #fff; font-size: 36px;font-family: 'Barlow'; line-height: 48px; border-radius: 50%; border:#ceeceb solid 3px; width: 48px; height: 48px;}
    .index_painspot .content .item h4{ font-size:24px; color: #333; padding-top: 20px; margin-bottom: 10px;}
    .index_painspot .content .item p{ line-height: 1.6em; color: #999;}
    .index_painspot .content .item:hover h4{ font-size:24px; color: #fff; padding-top: 20px; margin-bottom: 10px;}
    .index_painspot .content .item:hover p{ line-height: 1.6em; color: #fff;}



    .index_solution{background: #e7f5f5;border-radius: 24px 24px 0px 0px; position: relative; }
    .index_solution:after{ position: absolute; bottom: -48px; height: 48px; background: #e7f5f5; z-index: -1; width: 100%; content: "";}
    .index_solution .title{ margin-bottom: 40px;}
    .index_solution .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .index_solution .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .index_solution .content{ display: block; grid-gap: 32px;}
    .index_solution .content .item{flex: 2; background: #333; transition-duration: 0.6s; position: relative; height:240px; border-radius: 16px; overflow: hidden; display: flex; justify-content: center; align-items: center; margin-bottom: 24px;}
    .index_solution .content .item:hover{ flex: 6;background: #333;}
    .index_solution .content .item img{ z-index: 1; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; width: 100%; height: 100%; object-fit: cover}
    .index_solution .content .item .info{ z-index: 2; opacity: 0; position: absolute ;left: 10px;bottom: 80px; right: 10px; color: #fff; text-align: center; transition-duration: 0.5s;}
    .index_solution .content .item .info i{ font-size:56px; margin-bottom: 20px; display: inline-block}
    .index_solution .content .item .info h4{ font-size:28px;}
    .index_solution .content .item:hover .info{ opacity: 0; bottom: 100px;}
    .index_solution .content .item .infohover{ opacity: 1; z-index: 2; position: absolute ;left: 30px;bottom: 30px; right: 30px;  color: #fff; text-align: left;transition-duration: 0.5s;}
    .index_solution .content .item .infohover i{ font-size:56px; margin-bottom: 20px; display: inline-block}
    .index_solution .content .item .infohover h4{ font-size:28px;}
    .index_solution .content .item:hover .infohover{ opacity: 1; left: 30px;}

    .index_business .row{ display:flex; justify-content: space-between; align-items: center; }
    .index_business{background: #fff;border-radius: 24px 24px 0px 0px; position: relative; }
    .index_business .title{ margin-bottom: 40px;}
    .index_business .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .index_business .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .index_business .row .more a{ color: var(--main)}
    .index_business .swiper-slide .item{ text-align: center; border-radius: 16px;border:#ddd solid 1px; padding: 40px 20px;}
    .index_business .swiper-slide .item i{ font-size: 48px; color:#333; margin-bottom: 10px; display: inline-block}
    .index_business .swiper-slide .item h4{ font-size: 28px; color:#333; margin-bottom: 10px; padding-top: 10px;}
    .index_business .swiper-slide .item p{display: -webkit-box;  -webkit-line-clamp:4;  color: #aaa;  -webkit-box-orient: vertical; overflow: hidden;}
    .index_business .swiper-slide .item:hover{text-align: center; border-radius: 16px;border:var(--main) solid 1px; padding: 40px 20px;}
    .index_business .swiper-slide .item:hover i{ color:var(--main)}
    .index_business .swiper-slide .item:hover h4{ color:var(--main)}
    .index_business .swiper-slide .item:hover p{ color:#333}
    .index_business .swiper{ padding-bottom: 50px;}
    .index_business .swiper .swiper-pagination-bullet{ border-radius: 4px; width: 30px; height:4px;}
    .index_business .swiper .swiper-pagination-bullet-active{ width: 50px;}

    .index_about{ border-radius: 16px; overflow: hidden; background:url("../images/bg3.jpg") no-repeat var(--main);background-size: cover; margin-left: 20px; margin-right: 20px; }
    .index_about .pagewidth{ display: block; grid-template-columns: repeat(2, 1fr); grid-gap: 32px; padding-bottom: 0;align-items:flex-end}
    .index_about .info{ padding-bottom: 40px;}
    .index_about .title h5{ font-weight: bold; color:#fff; font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .index_about .content{  padding-top: 30px; padding-bottom: 20px; }
    .index_about .content h3{  color:#fff; font-size: 24px; line-height: 1.3em; margin-bottom: 20px;}
    .index_about .content p{ color: #fff;}
    .index_about .number ul{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 12px; padding-top:20px; }
    .index_about .number ul li span{font-family: 'Barlow'; font-size: 52px; color:#fff;font-weight: bold; line-height: 1em; margin-bottom: 10px; }
    .index_about .number ul li{ position: relative; color:#fff; font-size: 24px; line-height: 1em;}
    .index_about .number ul li p{ color: #fff; font-size: 18px; margin-bottom: 0!important;}
    .index_about .button{ display: flex; justify-content: left; align-items: center; padding-top: 40px; grid-gap: 32px;}
    .index_about .button a.video{border-radius: 50px; border:#fff solid 1px; padding: 10px 20px; transition-duration: 0.3s; color: #fff; display: flex; justify-content: center; grid-gap: 5px; align-items: center;}
    .index_about .button a.video:hover{ background:#fff; color: #333;}
    .index_about .button a.more{ color: #fff;}
.index_about .img{  display: none}

    .index_client .row{ display:flex; justify-content: space-between; align-items: center; }
    .index_client .title{ margin-bottom: 40px;}
    .index_client .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .index_client .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .index_client .row .more a{ color: var(--main)}
    .index_client .content{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 24px; padding-top:20px; }
    .index_client .content .item{ border-radius: 8px; padding: 10px; border:#ddd solid 1px;}
    .index_client .content .item img{ width: 100%;}



    .detail_banner .pagewidth{ height: 240px;}
    .detail_banner .text h1{ font-size: 32px;}
    .detail_banner .text h2{font-size: 32px;}
    .detail_banner .text h2{margin-top: -35px;}
    .detail_menu{ display: none}
    .detail_menu ul li a{ padding-left: 12px; padding-right: 12px;}
    .detail_menu ul{grid-gap: 10px; justify-content: space-between;}
    .detail_menu .pagewidth{ padding-left: 10px; padding-right: 10px;}
    .detail_menu ul li a{ font-size: 12px;}.detail_menu ul li{ width:50%; text-align: center}

    .list_about_a .pagewidth{ display: block; grid-template-columns:50% 50%  ; grid-gap: 32px; }
    .list_about_a .pagewidth .content{ padding-right: 0px;}
    .list_about_a .pagewidth .content .title{ margin-bottom: 20px;}
    .list_about_a .pagewidth .content .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_about_a .pagewidth .content .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .list_about_a .pagewidth .content .html{ line-height: 1.6em; color: #333;}
    .list_about_a .pagewidth .content .html p{ margin-bottom: 32px;  text-align: justify;}
    .list_about_a .pagewidth .video{ border-radius:16px; overflow: hidden; position: relative}
    .list_about_a .pagewidth .video img{ width: 100%; height: 100%; object-fit: cover;}
    .list_about_a .pagewidth .video .icon{ position: absolute;left: 50%; top: 50%; margin-left: -30px; margin-top: -30px; z-index: 3; height:60px; width: 60px; text-align: center; line-height: 60px; border-radius: 90px; background: #fff; font-size: 24px; color: var(--main); transition-duration: 0.3s;}
    .list_about_a .pagewidth .video .icon a{ color:var(--main); display: block; height: 60px; width: 60px; line-height: 60px; border-radius: 60px; text-indent: 3px;}
    .list_about_a .pagewidth .video .icon:hover{ transform: scale(1.1);}
    .list_about_a .number ul{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 12px; padding-top:20px; margin-bottom: 40px;}
    .list_about_a .number ul li span{font-family: 'Barlow'; font-size: 60px; color: var(--main);font-weight: bold; line-height: 1em; margin-bottom: 10px; }
    .list_about_a .number ul li{ position: relative; color:var(--main); font-size: 24px; line-height: 1em;}
    .list_about_a .number ul li p{ color: #333; font-size: 18px; margin-bottom: 0!important;}




    .list_about_b{ position: relative; margin-left:20px; margin-right: 20px; border-radius: 16px; overflow: hidden; margin-bottom:40px;}
    .list_about_b img{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;z-index: 1;}
    .list_about_b .pagewidth{ position: relative; z-index: 2;  padding-bottom: 100px;}
    .list_about_b .pagewidth .title{ margin-bottom: 100px;}
    .list_about_b .pagewidth .title h5{ font-weight: bold; color:#fff; font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_about_b .pagewidth .title h3{  color:#fff; font-size: 18px; line-height: 1em;}
    .list_about_b .pagewidth .content p{ font-size: 16px; color: #fff;}
    .list_about_b .pagewidth .content h3{ font-size: 24px;color: #fff; margin-bottom: 40px;}

    .list_about_c{background: #f9f9f9;border-radius: 24px 24px 0px 0px; position: relative; }
    .list_about_c:after{ position: absolute; bottom: -48px; height: 48px; background: #f9f9f9; z-index: -1; width: 100%; content: "";}
    .list_about_c .title{ margin-bottom: 40px;}
    .list_about_c .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_about_c .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .list_about_c .content{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 24px;}
    .list_about_c .content .item{ position: relative; border-radius: 16px; overflow: hidden; height: 280px;}
    .list_about_c .content .item img{ width: 100%; height: 100%; object-fit: cover; z-index: 1; transition-duration: 0.3s;}
    .list_about_c .content .item:hover img{ width: 100%; height: 100%; object-fit: cover; z-index: 1;  transform: scale(1.1);}
    .list_about_c .content .item .box{ color: #fff; text-align: center; width: 80%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
    .list_about_c .content .item .box .icon{ font-size:56px; line-height: 1.4em;}
    .list_about_c .content .item .box h3{  font-size: 28px; margin-bottom: 10px;}
    .list_about_c .content .item .box p{ line-height: 1.6em;}

    .list_about_d{ border-radius: 24px 24px 0px 0px; background:url("../images/bg1.jpg") no-repeat #9da2ae; background-size: cover;}
    .list_about_d .title{ margin-bottom: 40px;}
    .list_about_d .title h5{ font-weight: bold; color:#fff; font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_about_d .title h3{  color:#fff; font-size: 18px; line-height: 1em;}
    .list_about_d .pagewidth .content {position: relative}
    .list_about_d .pagewidth .content .swiper{ padding-bottom: 50px; }
    .list_about_d .pagewidth .content .swiper .swiper-button-next{ position: absolute; right: 0px; top: 0px;}
    .list_about_d .pagewidth .content .swiper-slide{ width:auto;}
    .list_about_d .pagewidth .content .swiper-slide img{ height:auto;width: 100%;}
    .list_about_d .pagewidth .content .swiper-slide .box{overflow: hidden; position: relative;}
    .list_about_d .pagewidth .content .swiper-pagination-bullet{ width:40px; height: 2px; transition-duration: 0.3s; border-radius: 2px;}
    .list_about_d .pagewidth .content .swiper-pagination-bullet-active{ width:60px; height: 2px;}
    .list_about_d .pagewidth .content .swiper-button-next{ cursor: pointer; right: -80px; top: 36%; color: #fff; font-size: 24px; background: rgba(0,0,0,0.5); border-radius: 40px; width: 50px; height: 100px;}
    .list_about_d .pagewidth .content .swiper-button-next:after{ display: none}
    .list_about_d .pagewidth .content .swiper-button-prev{ cursor: pointer; left: -80px;top: 36%; color: #fff; font-size: 24px; background: rgba(0,0,0,0.5); border-radius: 40px; width: 50px; height: 100px;}
    .list_about_d .pagewidth .content .swiper-button-prev:after{ display: none}


    .list_about_d .pagewidth .content .swiper-pagination-bullet{ width: 10px;}
    .list_about_d .swiper{ padding-bottom: 40px;}
    .list_about_d .pagewidth .content .swiper-pagination-bullet-active{ width: 20px;}
    .list_service .item{ margin-left: 0; margin-right: 0; padding-left: 20px; padding-right:  20px;}
    .list_service .item .pagewidth{ display: block; padding-left: 0; padding-right: 0;}
    .list_service .item .pagewidth .img { margin-bottom: 30px;}
    .list_service .item:nth-child(2n){}
    .list_service .item .pagewidth .info h3{ font-size: 24px;}
    .list_service .item .pagewidth .info h4{ font-size: 18px;}


    .list_product .item {display: block; grid-template-columns: 30% 70%;  align-items: center; margin-bottom: 24px;}
    .list_product .item .img{ border-radius: 16px 16px 0px 0px; overflow: hidden; }
    .list_product .item .img img{ width: 100%; height: 100%; object-fit: cover; z-index: 1; transition-duration: 0.3s;}
    .list_product .item:hover .img img{ transform: scale(1.1);}
    .list_product .item .info{ border-radius: 0px 0px 16px 16px;border: #ececec solid 1px; padding:24px; box-shadow: 0px 5px 10px rgba(0,0,0,0.04);transition-duration: 0.3s;}
    .list_product .item .info h3{ font-size: 24px; color:#333; line-height: 1em; margin-bottom: 5px;}
    .list_product .item .info h2{ font-size: 18px; color:#333; margin-bottom: 20px;}
    .list_product .item .info p{ color:#333;}
    .list_product .item:hover .info{ box-shadow: 0px 10px 20px rgba(0,0,0,0.1);}
    .list_product .item:hover .info h3{ color: var(--main)}
    .list_product .item:hover .info h2{ color: var(--main)}




    .page_contact{}
    .page_contact .pagewidth{display: block;grid-template-columns: 5fr 7fr; grid-gap: 32px; align-items: center}
    .page_contact .title{ margin-bottom: 40px;}
    .page_contact .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .page_contact .title h3{ color:#333; font-size: 18px; line-height: 1em; margin-bottom: 20px;}


    .page_contact .content h1{ font-size:24px; margin-bottom:20px; }
    .page_contact .content .item{ margin-bottom:20px; border-bottom: #ececec solid 1px; padding-bottom: 20px; display: block; align-items: center; position: relative; padding-left: 44px;}
    .page_contact .content .item i{background:var(--main); border-radius: 40px; width: 32px; height: 32px; display:flex; justify-content: center; align-items: center; color: #fff; position: absolute; left: 0px;}
    .page_contact .content .item { display: block; grid-gap: 10px; justify-content: left;  }
    .page_contact .content .item h4{ line-height: 24px; font-weight: normal}
    .page_contact #container{ height: 500px;}
    .page_contact .content .wechatcontent img{ width: 110px; text-align: center; border: #ececec solid 1px;}
    .page_contact .content .item:last-child{ border-bottom: none;}





    .show_product .content{ display: block; grid-template-columns: 4fr 8fr;grid-gap: 32px;}
    .show_product .info .title{position: -webkit-sticky; position: sticky;top:170px;}
    .show_product .info h3{ font-size: 24px; color: var(--main); line-height: 1em; margin-bottom: 10px;}
    .show_product .info h2{ font-size: 18px; color:#333; margin-bottom: 20px;position: -webkit-sticky; position: sticky;top:120px;}
    .show_product .html{ padding-top: 10px;color:#333; }
    .show_product .html h2{ color: var(--main); font-size: 18px; line-height: 1.4em; margin-bottom: 30px;}
    .show_product .html .row{border: #ddd solid 1px;border-radius: 16px; padding: 30px; display: grid; grid-template-columns: repeat(1,1fr);grid-gap: 24px;}
    .show_product .html .row div{ text-align: center}
    .show_product .html .row div img{ margin-bottom: 10px; width: 44px;}
    .show_product .html .row div p{font-size: 18px; font-weight: 500;}
    .show_product .html img{ width: 100%;}


    .show_product .html h3{font-size: 18px; color: var(--main); margin-bottom:12px;}
    .show_product .html .row1{display: grid; grid-template-columns: repeat(1,1fr);grid-gap: 24px;}
    .show_product .html .row1 div{ text-align: center; border: #ddd solid 1px;border-radius: 16px; padding: 30px; }
    .show_product .html .row1 div i{ margin-bottom: 10px; font-size: 36px;}
    .show_product .html .row1 div h4{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
    .show_product .html .row1 div p{ }

    .show_product .html .row2{display: grid; grid-template-columns: repeat(1,1fr);grid-gap: 24px;}
    .show_product .html .row2 div{ text-align: left; border: #ddd solid 1px;border-radius: 16px; padding: 30px; position: relative;  padding-left: 100px;}
    .show_product .html .row2 div i{ margin-bottom: 10px; font-size: 36px; position: absolute; left: 35px; top: 40px;}
    .show_product .html .row2 div h4{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
    .show_product .html .row2 div p{ }

    .show_product .html .row3{display: grid; grid-template-columns: repeat(1,1fr);grid-gap: 24px;}
    .show_product .html .row3 div{ text-align: left; border: #ddd solid 1px;border-radius: 16px; padding: 30px; position: relative;  padding-left: 100px;}
    .show_product .html .row3 div i{ margin-bottom: 10px; font-size: 36px; position: absolute; left: 35px; top: 40px; z-index: 2}
    .show_product .html .row3 div h4{ font-size: 20px; position: relative font-weight: 500; margin-bottom: 5px; z-index: 2; }
    .show_product .html .row3 div p{position: relative; z-index: 2 }
    .show_product .html .row3 div:after{position: absolute;right: 20px; top: 50%; transform: translateY(-50%); font-size: 120px;font-family: 'Barlow'; font-weight: 500; color: #f9f9f9}
    .show_product .html .row3 div:nth-child(1):after{ content:"1"}
    .show_product .html .row3 div:nth-child(2):after{ content:"2"}
    .show_product .html .row3 div:nth-child(3):after{ content:"3"}
    .show_product .html .row3 div:nth-child(4):after{ content:"4"}
    .show_product .html .row3 div:nth-child(5):after{ content:"5"}
    .show_product .html .row3 div:nth-child(6):after{ content:"6"}

    .show_product .html .row4{border: #ddd solid 1px;border-radius: 16px; padding: 30px; display: grid; grid-template-columns: repeat(2,1fr);grid-gap: 24px;}
    .show_product .html .row4 div{ text-align: center}
    .show_product .html .row4 div i{font-size: 36px;color: var(--main); margin-bottom: 10px;}
    .show_product .html .row4 div p{font-size: 18px; font-weight: 500;}

    .show_product .html .row5{display: grid; grid-template-columns: repeat(3,1fr);grid-gap: 32px;}
    .show_product .html .row5 div{ text-align: left; border: #ddd solid 1px;border-radius: 16px; padding: 30px; position: relative;  padding-left: 100px;}
    .show_product .html .row5 div i{ margin-bottom: 10px; font-size: 36px; position: absolute; left: 35px; top: 40px;}
    .show_product .html .row5 div h4{ font-size: 20px; font-weight: 500; margin-bottom: 5px; }
    .show_product .html .row5 div p{ }


    .list_process_a .title{ margin-bottom: 40px;}
    .list_process_a .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_process_a .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .list_process_a .content img{ width: 100%;}

    .list_process_b{background: #e7f5f5;border-radius: 24px 24px 0px 0px; position: relative;  position: relative}
    .list_process_b:after{ position: absolute; bottom: -48px; height: 48px; background: #e7f5f5; z-index: -1; width: 100%; content: "";}
    .list_process_b .title{ margin-bottom: 40px;}
    .list_process_b .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_process_b .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .list_process_b .content{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 24px;}
    .list_process_b .content .item{ border-radius: 16px; overflow: hidden;background: #fff;}
    .list_process_b .content .item .info{ padding: 30px; text-align: center}
    .list_process_b .content .item .info h2{ font-size: 24px; margin-bottom: 10px;color: #333;}
    .list_process_b .content .item .img img{ width: 100%;}

    .list_process_c{background: #fff;border-radius: 24px 24px 0px 0px; position: relative;  position: relative}
    .list_process_c .title{ margin-bottom: 40px;}
    .list_process_c .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_process_c .title h3{  color:#333; font-size: 18px; line-height: 1em; margin-bottom: 20px;}
    .list_process_c .content{ display: grid; grid-template-columns: repeat(8,1fr); grid-gap: 12px; position: relative ; padding-top: 0px;}
    .list_process_c .content:after{ position: absolute; content: ""; left: 0px; right: 0px; top: 33px; z-index: 1; border-top: var(--main) dashed 1px; }
    .list_process_c .content .item{text-align: center; position: relative; }
    .list_process_c .content .item:after{ position: absolute; left: 50%; transform: translateX(-50%); top: 30px; z-index: 2; content: ""; border: var(--main) solid 2px; background: #fff; border-radius: 50%; width: 4px; height:4px;}
    .list_process_c .content .item i{ font-size: 24px; color: var(--main); height:40px; display: inline-block }
    .list_process_c .content .item p{ line-height: 1.5em}


    .list_advantages_a .title{ margin-bottom: 40px;}
    .list_advantages_a .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_advantages_a .title h3{  color:#333; font-size: 18px; line-height: 1em;}
    .list_advantages_a .content{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 24px; position: relative}
    .list_advantages_a .content .item{ border-radius: 16px;box-shadow: 0px 10px 20px rgba(0,0,0,0.08); overflow: hidden;}
    .list_advantages_a .content .item .subtitle{ height: 40px; padding: 20px; background: var(--main); display: flex; justify-content: space-between; align-items: center;}
    .list_advantages_a .content .item .subtitle h2{ font-size: 24px; font-weight: 500; color: #fff;}
    .list_advantages_a .content .item .subtitle i{ font-size:36px; color:#fff; }
    .list_advantages_a .content .item .subcontent{ padding: 40px 20px;}
    .list_advantages_a .content .item .subcontent h4{ font-size:24px; margin-bottom: 10px;}



    .list_advantages_b{ border-radius: 24px 24px 0px 0px; background:url("../images/bg2.jpg") no-repeat var(--main); background-size: cover;}
    .list_advantages_b{ padding-bottom: 60px;}
    .list_advantages_b .title{ margin-bottom: 20px;}
    .list_advantages_b .title h5{ font-weight: bold; color:#fff; font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_advantages_b .title h3{  color:#fff; font-size: 18px; line-height: 1em;}
    .list_advantages_b .content{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: 24px; padding-top: 40px;}
    .list_advantages_b .content .subtitle{color: #fff;}
    .list_advantages_b .content .subtitle h2{ font-size: 32px; color: #fff; line-height: 1.2em; margin-bottom: 20px;}
    .list_advantages_b .content .subcontent{color: #fff;}
    .list_advantages_b .content .subcontent .item{ position: relative; padding-left: 36px; margin-bottom: 50px; }
    .list_advantages_b .content .subcontent .item i{ position: absolute; left: 0px; top: 0px; font-size: 24px;}
    .list_advantages_b .content .subcontent .item h3{ font-size: 24px; margin-bottom: 15px; line-height: 1em;}

    .list_advantages_c{background: #fff;border-radius: 24px 24px 0px 0px; position: relative;  position: relative; margin-top: -48px;}
    .list_advantages_c .title{ margin-bottom: 40px;}
    .list_advantages_c .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_advantages_c .title h3{ color:#333; font-size: 18px; line-height: 1em; margin-bottom: 20px;}
    .list_advantages_c .content{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 24px; position: relative ; padding-top: 0px; padding-bottom: 30px;}
    .list_advantages_c .content .item{ padding:40px 20px; border-radius: 16px;border: #ddd solid 1px; text-align: center; transition-duration: 0.3s;}
    .list_advantages_c .content .item i{ font-size: 36px; margin-bottom:20px; display: inline-block;}
    .list_advantages_c .content .item p{ line-height: 1.4em;}
    .list_advantages_c .content .item:hover{ background: var(--main); color: #fff;border:var(--main) solid 1px;}


    .list_partner .title{ margin-bottom: 40px;}
    .list_partner .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_partner .title h3{ color:#333; font-size: 18px; line-height: 1em; margin-bottom: 20px;}
    .list_partner .article-list{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 24px; position: relative}
    .list_partner .article-list .item{ border-radius: 8px; padding: 10px; border:#ddd solid 1px;}
    .list_partner .article-list .item img{ width: 100%;}


    .list_message .pagewidth{ display: block;grid-template-columns: 3fr 9fr; grid-gap: 32px;}
    .list_message .title{ margin-bottom: 40px;}
    .list_message .title h5{ font-weight: bold; color:var(--main); font-size: 24px; line-height: 1em; margin-bottom: 10px;}
    .list_message .title h3{ color:#333; font-size: 18px; line-height: 1em; margin-bottom: 20px;}




    .list_message .pagewidth{ border-top: #ddd solid 1px;}
    .list_message .three{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 12px;}
    .list_message .layui-form-label{color: #999;font-size: 15px; display: block!important; width: auto!important; float: none!important; text-align: left!important; padding-left: 0!important}
    .list_message .layui-input{ height: 44px;}
    .list_message .layui-textarea{ height:120px;}
    .list_message .layui-form-item{ margin-bottom: 0;}
    .list_message .layui-input-block{ margin-left:0!important; }
    .list_message .layui-btn-lg{background: var(--main)!important; color: #fff; padding-top: 16px!important; padding-bottom: 16px!important; height: auto!important; line-height: 1em!important; width: 100%; border-radius: 40px;}




}

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

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