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

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


.index_banner {position: relative; }
.index_banner .pagewidth{ position: relative}
.index_banner:after{content:""; z-index: 2; position: absolute;left:0px; right: 0px;bottom: 0px;  width: 100%; height: 80px; background:url("../images/shade1.png") no-repeat; background-size:auto 80px; }
.index_banner .whirl{  display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 100px; background: var(--mc); position: absolute; right:0; bottom: 0px; z-index: 4;}
.index_banner .whirl .font{ color: #fff; text-align: center;}
.index_banner .whirl .font p{ line-height: 1;text-transform:uppercase; font-size: 14px; padding-top:15px;}
.index_banner .whirl .font i{ font-size: 18px; line-height: 1;}
.index_banner .whirl::after{ animation: rotate 20s linear infinite; position: absolute; content: ""; width: 150px; height:150px; left: 50%; top: 50%;transform: translate(-50%, -50%) rotate(0deg); background: url("../images/rounden.png") no-repeat center; background-size: 100% 100%;}
.index_banner .swiper{height: 80vh}
.index_banner .swiper-slide{ position: relative;width: 100%;height: 100%;overflow:hidden; }
.index_banner .swiper-slide img.bg{width: 100%; height: 100%; object-fit: cover;}
.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 h1{margin-bottom: 24px;  font-size: 72px; text-align: left; color:#fff; line-height: 1; text-shadow: 0px 5px 10px rgba(0,78,162,0.3); }
.index_banner .swiper-slide .info h2{ line-height: 1; text-align: left; color: #fff;font-size: 32px; text-shadow: 0px 5px 10px rgba(0,78,162,0.3); }
.index_banner .swiper-slide .info .desc{ color: #000; font-size: 16px;line-height: 1.7; border-left: #000 solid 2px; padding-left: 16px; }
.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;}
.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(--mc); 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(--mc); 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-pagination{ bottom:40px!important;font-size: 16px;display: flex; justify-content: center; grid-gap: 10px}
.index_banner .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.8); opacity: 0.9; border-radius: 3px;  position: relative;  transition-duration: 0.3s; height: 4px; width: 40px; }
.index_banner .swiper-pagination-bullet-active { opacity: 1; background:var(--mc); }
.index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }



.index_business .title{ text-align: center; margin-bottom: 48px;}
.index_business .title h3{ font-size: 18px; color: var(--sc); font-weight: normal; text-transform: uppercase; margin-bottom: 12px;}
.index_business .title h2{ font-size: 56px; color: var(--mc); line-height: 1; text-transform: uppercase; margin-bottom: 24px; }
.index_business .title p{ font-size: 20px; color:#666; font-weight: normal; }
.index_business .content{ display: grid;  grid-template-columns: repeat(5,1fr); grid-gap: var(--gg);}
.index_business .content .item{background: #eff2f7; border:#eff2f7 solid 2px;  position: relative; transition-duration: 0.3s; border-radius: 24px; text-align: center; padding:80px 32px 40px 32px; height: 260px;}
.index_business .content .item:hover{background: #fff;border:var(--mc) solid 2px; position: relative; border-radius: 24px; text-align: center; padding:60px 32px 40px 32px; height: 280px;}
.index_business .content .item .icon img{ width: 80px;}
.index_business .content .item .name{ padding-top: 24px; font-size: 28px; line-height: 1; color: var(--mc); font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
.index_business .content .item .desc{ font-size: 16px; color:#666; font-weight: normal; }
.index_business .content .item .more{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; opacity: 0; visibility: hidden; transition-duration: 0.3s;}
.index_business .content .item .more a{ color: #fff; background: var(--mc);  font-size: 16px; border-radius: 20px; width: 140px; display: block; height: 40px; display: flex; justify-content: center; align-items: center;  grid-gap: 10px; transition-duration: 0.3s;}
.index_business .content .item .more a:hover{ width: 150px;}
.index_business .content .item:hover .more{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; opacity: 1; visibility: initial; }


.index_advantage{ background:url("../images/bg1.jpg") no-repeat center; background-size: cover; position: relative}
.index_advantage:after{content:""; z-index: 5; position: absolute;left:0px; right: 0px;top: -1px;  width: 100%; height: 80px; background:url("../images/shade3.png") no-repeat; background-size:auto 80px; }

.index_advantage .content{ display: grid;grid-template-columns: 5fr 7fr; grid-gap:100px; align-items: center;}
.index_advantage .content .info{ padding-top: 0; padding-bottom: 0;}
.index_advantage .content .info .title{ text-align: left; margin-bottom: 48px;}
.index_advantage .content .info .title h3{ font-size: 18px; color:#ffc524; font-weight: normal; text-transform: uppercase; margin-bottom: 12px;}
.index_advantage .content .info .title h2{ font-size: 56px; color:#fff; line-height: 1; text-transform: uppercase; margin-bottom: 24px; }
.index_advantage .content .info .title p{ font-size: 20px; color:#666; font-weight: normal; }
.index_advantage .content .img{position: relative; height: 100%; }
.index_advantage .content .img .item{ height: 100%;position:absolute; top:50%; left:50%; width: 100%;  transform: translate(-50%,-50%);  opacity:0; transition:opacity 1s ease, transform 1s ease;}
.index_advantage .content .img .item.active{opacity:1;}
.index_advantage .content .img .item img{width: 100%; height:100%; object-fit: contain;}
.index_advantage .content .layui-collapse{ border: none}
.index_advantage .content .layui-colla-item{ background:rgba(255,255,255,0.33); border-radius: 24px; transition-duration: 0.3s; margin-bottom: 20px; border:none}
.index_advantage .content .layui-colla-item:last-child{ margin-bottom: 0;}
.index_advantage .content .layui-colla-item .layui-colla-title{ background: none; color: #fff; padding:18px 24px; display: flex; justify-content: space-between; align-items: center;}
.index_advantage .content .layui-colla-item .layui-colla-title h2{ font-size: 24px;color:#fff;transition-duration: 0.3s;}
.index_advantage .content .layui-colla-item .layui-colla-title i{ font-size: 24px; color:rgba(255,255,255,0.7);transition-duration: 0.3s; font-weight: normal; transition-duration: 0.3s;}
.index_advantage .content .layui-colla-item.layui-show{position: relative; background:rgba(255,255,255,1)}
.index_advantage .content .layui-colla-item.layui-show .layui-colla-title i{ transform:rotate(180deg); color: var(--mc); }
.index_advantage .content .layui-colla-item.layui-show .layui-colla-title h2{ color:var(--mc) }
.index_advantage .content .layui-colla-item .layui-colla-content{ border: none; padding: 0px 24px; padding-bottom: 24px; font-size: 16px; color:#666666}



.index_news{background: linear-gradient(180deg, #eff2f7, #fff);}
.index_news .layui-tabs{ display: grid; grid-template-columns:3fr 9fr; grid-gap: var(--gg)}
.index_news .side{ padding-top: 0; padding-bottom: 0;}
.index_news .side .title{ text-align: left; margin-bottom: 48px;}
.index_news .side .title h3{ font-size: 18px; color:var(--sc); font-weight: normal; text-transform: uppercase; margin-bottom: 12px;}
.index_news .side .title h2{ font-size: 56px; color:var(--mc); line-height: 1; text-transform: uppercase; margin-bottom: 24px; }
.index_news .side .title p{ font-size: 20px; color:#666; font-weight: normal; }
.index_news .side .layui-tabs-header{height: auto; width: 120px;}
.index_news .side .layui-tabs-header li{display: flex; justify-content: center; align-items: center; background: #fff; border-radius: 24px; transition-duration: 0.3s; grid-gap: 5px; margin-bottom:15px!important; }
.index_news .side .layui-tabs-header li i{ opacity: 0; visibility: hidden;}
.index_news .side .layui-tabs-header li.layui-this{ justify-content: center; grid-gap:6px; background: var(--sc); color: #fff;}
.index_news .side .layui-tabs-header li.layui-this i{opacity:1; visibility: visible;}
.index_news .side .layui-tabs-header:after, .index_news .side .layui-tabs-scroll:after{ display: none}
.index_news .side .layui-tabs-header .layui-this:after{ display: none}
.index_news .layui-tabs-body{ padding: 0; }


.index_news .content .item{ padding: 16px; border-radius: 16px;background: rgba(255,255,255,0.5); transition-duration: 0.3s; display: grid;grid-template-columns: 160px 100px auto 80px; grid-gap: var(--gg); margin-bottom: 16px; align-items: center;}
.index_news .content .item .img{ width: 100%;aspect-ratio: 1; border-radius: 12px; overflow: hidden;}
.index_news .content .item .img img{ width: 100%; height: 100%; object-fit: cover}
.index_news .content .item .time{ text-align: center}
.index_news .content .item .time span{ display: block; font-size: 14px; color:#666; font-weight: normal; text-transform: uppercase;}
.index_news .content .item .time p{ display: block; font-size: 14px; color:var(--sc); font-weight: normal; text-transform: uppercase;}
.index_news .content .item .info h2{ line-height: 1.2;}
.index_news .content .item .info h2 a{ color: #333; font-size: 20px; line-height: 1.2; text-decoration-thickness: 2px;  text-underline-offset: 3px;}
.index_news .content .item .info h2 a:hover{ text-decoration: underline}
.index_news .content .item:hover{ background: rgba(255,255,255,1);}
.index_news .content .item .more{ text-align: center;}
.index_news .content .item .more a{ color: var(--sc); font-size: 20px; }
.index_news .content .item:last-child{margin-bottom: 0;}



.index_about{ margin-right: 30px; margin-left: 30px; border-radius: 24px; position: relative;  overflow: hidden;}
.index_about .pagewidth{ padding-top: 120px; padding-bottom: 120px; position: relative; z-index: 3;}
.index_about .bg{ position: absolute; width: 100%; height: 100%; object-fit: cover; left: 0px; right: 0px; top: 0px; bottom: 0px;}
.index_about .pagewidth .title{ text-align: left; margin-bottom: 48px;}
.index_about .pagewidth .title h3{ font-size: 18px; color:#fff; font-weight: normal; text-transform: uppercase; margin-bottom: 12px;}
.index_about .pagewidth .title h2{ font-size: 56px; color:#fff; line-height: 1; text-transform: uppercase; margin-bottom: 24px; }
.index_about .pagewidth .content{ width: 50%;}
.index_about .pagewidth .content{ font-size: 17px; color: #fff;}
.index_about .pagewidth .content .row{ margin-top: 32px; margin-bottom: 100px; border-radius: 24px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 100px;}
.index_about .pagewidth .content .row .item{ position: relative; text-align: center}
.index_about .pagewidth .content .row .item:after{content:""; right: -50px; top: 50%;transform: translateY(-50%) ;height: 60px; width: 1px; background: rgba(255,255,255,0.2); position: absolute;}
.index_about .pagewidth .content .row .item h3{ line-height: 1; margin-bottom: 12px;}
.index_about .pagewidth .content .row .item h3 strong{ color: #fff;  font-size: 48px; }
.index_about .pagewidth .content .row .item h3 sup{ color: #fff;  font-size: 24px; position: relative; top: -10px; left: 5px; }
.index_about .pagewidth .content .row .item:last-child:after{ display: none}
.index_about .more a{ color: #fff; background: var(--sc);  font-size: 16px; border-radius: 20px; width: 140px; display: block; height: 40px; display: flex; justify-content: center; align-items: center;  grid-gap: 10px; transition-duration: 0.3s;}
.index_about .more a:hover{ width: 150px;}

.detail_banner{ position: relative;}
.detail_banner:after{content:""; position: absolute;left:0px; right: 0px;bottom: 0px;  width: 100%; height: 80px; background:url("../images/shade1.png") no-repeat; background-size:auto 80px; }
.detail_banner .pagewidth{position: relative; height: 700px;}
.detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}
.detail_banner .text{  text-align: left; position: absolute; left: 0px; right: 0px; bottom: 15%; z-index: 2; }
.detail_banner .text h1{ font-size: 60px; line-height: 1; color:#fff; margin-bottom: 20px; text-shadow: 0px 5px 10px rgba(0,78,162,0.3); }
.detail_banner .text h2{ font-size: 24px; line-height: 1; color:#fff;text-transform:uppercase; text-shadow: 0px 5px 10px rgba(0,78,162,0.3); }
.detail_banner .pagewidth .whirl{  display: flex; justify-content: center; align-items: center; width: 100px; height: 100px; border-radius: 100px; background: var(--mc); position: absolute; right:0px; bottom: 0px; z-index: 4;}
.detail_banner .pagewidth .whirl .font{ color: #fff; text-align: center;}
.detail_banner .pagewidth .whirl .font p{ line-height: 1;text-transform:uppercase; font-size: 14px; padding-top:15px;}
.detail_banner .pagewidth .whirl .font i{ font-size: 18px; line-height: 1;}
.detail_banner .pagewidth .whirl::after{ animation: rotate 20s linear infinite; position: absolute; content: ""; width: 150px; height:150px; left: 50%; top: 50%;transform: translate(-50%, -50%) rotate(0deg); background: url("../images/rounden.png") no-repeat center; background-size: 100% 100%;}

@keyframes rotate {
    from { transform: translate(-50%, -50%) rotate(0deg); }
    to   { transform: translate(-50%, -50%) rotate(360deg); }
}



/*核心业务*/
.list_service_a{ position: relative;}
.list_service_a .title{ position: relative; padding-bottom: 48px; margin-bottom: 48px;}
.list_service_a .title::after{content: ""; width: 60px; height: 2px; background: var(--mc); left: 50%; bottom: 0px; transform: translateX(-50%); position: absolute;}
.list_service_a .title h2{ text-align: center; font-size: 48px; line-height: 1;}
.list_service_a .title h2 span{ color:var(--mc);}
.list_service_a .title p{ padding-left:10%;; padding-right: 10%; text-align: center; color: #666; padding-top: 32px;}
.list_service_a .content {display: grid; grid-template-columns: repeat(2,1fr); grid-gap: var(--gg)}
.list_service_a .content .item:first-child{background: var(--sc)}
.list_service_a .content .item:last-child{background:#1468ca}
.list_service_a .content .item{ padding: 72px 50px; border-radius: 24px; display: grid; grid-template-columns: 100px auto; grid-gap: 50px;}
.list_service_a .content .item .img img{ width: 120px;}
.list_service_a .content .item .info{ color: #fff;}
.list_service_a .content .item .info h3{ font-size: 28px; margin-bottom: 24px; line-height: 1;}

.list_service_b{background: #eff2f7; position: relative;}
.list_service_b::after{content:""; position: absolute;left:0px; right: 0px;top: 0px;  width: 100%; height:80px; background:url("../images/shade3.png") no-repeat; background-size:auto 80px; background-position: center;}
.list_service_b .title{ position: relative; padding-bottom: 48px; margin-bottom: 48px;}
.list_service_b .title::after{content: ""; width: 60px; height: 2px; background: var(--mc); left: 50%; bottom: 0px; transform: translateX(-50%); position: absolute;}
.list_service_b .title h2{ text-align: center; font-size: 48px; line-height: 1;}
.list_service_b .title h2 span{ color:var(--mc);}
.list_service_b .title p{ padding-left:10%;; padding-right: 10%; text-align: center; color: #666;}
.list_service_b .content .item{ margin-bottom: 40px; background: #fff; padding: 72px 50px; border-radius: 24px; display: grid; grid-template-columns: auto 400px; grid-gap: 50px;}
.list_service_b .content .item:nth-child(2n){grid-template-columns: 400px auto}
.list_service_b .content .item:nth-child(2n) .img{ order: 1; }
.list_service_b .content .item:nth-child(2n) .info{ order: 2}
.list_service_b .content .item .img{ border-radius: 24px; overflow: hidden; width: 100%;aspect-ratio: 10/7;}
.list_service_b .content .item .img img{ width: 100%; height: 100%; object-fit: cover;}
.list_service_b .content .item .info .icon img{ width: 80px;}
.list_service_b .content .item .info .name{ font-size: 32px; padding-top: 12px; margin-bottom: 16px; font-weight: 700; color: var(--mc);}
.list_service_b .content .item .info .desc{ font-size: 16px; color: #333;}


/*五大优势*/
.list_advantage_a{ position: relative; padding-bottom: 0;}
.list_advantage_a .title{ position: relative; padding-bottom: 48px; margin-bottom: 48px;}
.list_advantage_a .title::after{content: ""; width: 60px; height: 2px; background: var(--mc); left: 50%; bottom: 0px; transform: translateX(-50%); position: absolute;}
.list_advantage_a .title h2{ text-align: center; font-size: 48px; line-height: 1;}
.list_advantage_a .title h2 span{ color:var(--mc);}
.list_advantage_a .title p{ padding-left:10%;; padding-right: 10%; text-align: center; color: #666; padding-top: 32px;}

.list_advantage_b{ position: relative; font-size: 22px; padding-top: 0; padding-bottom: 0;}
.list_advantage_b .item_1{ position: sticky; top: 150px; background: #ebf2f9; margin-bottom: 40px; margin-right: 0px; z-index: 3;}
.list_advantage_b .item_2{ position: sticky; top: 150px; background: #dae5f2; margin-bottom: 40px; margin-right: 60px; z-index: 3;}
.list_advantage_b .item_3{ position: sticky; top: 150px; background: #c4d7ea; margin-bottom: 40px; margin-right: 120px; z-index: 3;}
.list_advantage_b .item_4{ position: sticky; top: 150px;  background: #b1c8e2; margin-bottom: 40px; margin-right: 180px; z-index: 3;}
.list_advantage_b .item_5{ position: sticky; top: 150px; background: #9ebada; margin-bottom: 40px; margin-right: 240px; z-index: 3;}
.list_advantage_b .item{ border-radius: 0px 24px 24px 0px; position: sticky; overflow: hidden}
.list_advantage_b .item .content{  width:var(--width); margin: 0 auto; position: relative}
.list_advantage_b .item_2 .content{ right: -30px;}
.list_advantage_b .item_3 .content{ right: -60px;}
.list_advantage_b .item_4 .content{ right: -90px;}
.list_advantage_b .item_5 .content{ right: -120px;}

.list_advantage_b .item .title { position: absolute; width:60px; right: 0px; top: 20px;}
.list_advantage_b .item .title .number{ width: 32px; height: 32px; margin: 0 auto; margin-bottom: 12px; line-height: 1; background: var(--mc); border-radius: 18px; color: #fff; font-size: 14px; display: flex; justify-content: center; align-items: center;}
.list_advantage_b .item .title .name{ color: #333; font-size: 16px; width: 18px; line-height: 1.2; margin: 0 auto;}
.list_advantage_b .item .content{ display:grid; grid-template-columns: 500px auto; grid-gap: 100px; align-items: center; }
.list_advantage_b .item .content .info .number{ width: 48px; height: 48px; margin-bottom: 24px; background: var(--mc); border-radius: 24px; color: #fff; line-height: 1; font-size: 24px; display: flex; justify-content: center; align-items: center;}
.list_advantage_b .item .content .info .name{ font-size: 44px; margin-bottom: 24px; line-height: 1; color: var(--mc); font-weight: 700;}
.list_advantage_b .item .content .info .desc{ font-size: 16px; color: #333;text-align: justify}
.list_advantage_b .item .content .img{ height: 70vh; }
.list_advantage_b .item .content .img img{  width: 100%; height:100%; object-fit:contain; }





.list_about{ position: relative}
.list_about .pagewidth{ position: relative; display:  grid; grid-template-columns: auto 240px; grid-gap: 100px;}
.list_about .side .box{ position: sticky; top: 200px; border-top: #eff2f7 solid 1px; padding-top: 32px; }
.list_about .side .box::after{ position: absolute; left: 0px; top: -1px; width: 50px; height: 1px; background: var(--mc); content: "";}
.list_about .side .box h3{ font-size: 24px; margin-bottom: 24px;}
.list_about .side .box ul li a{ margin-bottom: 12px; display: grid; grid-template-columns: 32px auto; align-items: center;}
.list_about .side .box ul li a span{ color: var(--mc); font-weight: 700;}
.list_about .side .box ul li a strong{ color: #999;}
.list_about .side .box ul li a.active strong{ color:#000; }

.list_about .main .about_a{ padding-top: 0;}
.list_about .main .about_a .title h3 { margin-bottom: 18px;text-transform: uppercase; font-size: 14px; color: var(--mc);  line-height: 1; border-left: var(--mc) solid 4px; padding-left: 10px; }
.list_about .main .about_a .title h2{ font-size: 36px; margin-bottom: 32px;}
.list_about .main .about_a .content{ font-size: 17px; color: #333;}
.list_about .main .about_a .content .row{ margin-top: 32px; margin-bottom: 32px; border-radius: 24px; background: #eff2f7; padding: 50px; display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 100px;}
.list_about .main .about_a .content .row .item{ position: relative; text-align: center}
.list_about .main .about_a .content .row .item:after{content:""; right: -50px; top: 50%;transform: translateY(-50%) ;height: 60px; width: 1px; background: #bfc2c6; position: absolute;}
.list_about .main .about_a .content .row .item h3{ line-height: 1; margin-bottom: 12px;}
.list_about .main .about_a .content .row .item h3 strong{ color: var(--mc);  font-size: 48px; }
.list_about .main .about_a .content .row .item h3 sup{ color: var(--mc);  font-size: 24px; position: relative; top: -10px; left: 5px; }
.list_about .main .about_a .content .row .item:last-child:after{ display: none}

.list_about .main .about_b{ padding-bottom: 0;}
.list_about .main .about_b .title h3 { margin-bottom: 18px;text-transform: uppercase; font-size: 14px; color: var(--mc);  line-height: 1; border-left: var(--mc) solid 4px; padding-left: 10px; }
.list_about .main .about_b .title h2{ font-size: 36px; margin-bottom: 32px;}
.list_about .main .about_b .box{ position: relative; margin-top: -100px; z-index: -1;}
.list_about .main .about_b .content{position: absolute; left: 0px; right: 0px; bottom: 70px; background-size: 100% auto; padding-left:10px; padding-right:10px; display: grid; align-items: end;justify-items: start; grid-template-columns: repeat(5,1fr);  grid-gap:var(--gg)}
.list_about .main .about_b .content .item{ text-align: center; position: relative; width: 100%;}
.list_about .main .about_b .content .item h3{ font-size: 24px; color: var(--mc)}
.list_about .main .about_b .content .item .desc{ font-size: 16px; color:#333}
.list_about .main .about_b .content .item .year{ position: absolute; bottom: 0; left: 0px; right: 0px; font-size: 24px; color: var(--mc); font-weight: 700;}

.list_about .main .about_b .content .item:nth-child(1){ height: 370px;}
.list_about .main .about_b .content .item:nth-child(2){ height: 400px;}
.list_about .main .about_b .content .item:nth-child(3){ height: 430px;}
.list_about .main .about_b .content .item:nth-child(4){ height: 480px;}
.list_about .main .about_b .content .item:nth-child(5){ height: 490px;}



/*新闻*/
.list_news .menu{ display: flex; justify-content: left;align-items: center; grid-gap: 10px; margin-bottom: 50px;}
.list_news .menu span{ color: #666; font-size: 16px;}
.list_news .menu ul{display: flex; justify-content: left; align-items: center; gap: 16px;}
.list_news .menu ul li a{ background: #eff2f7; padding: 12px 22px; display: block; border-radius: 8px; color: #333;}
.list_news .menu ul li a.active{ background: var(--mc); color: #fff;}
.list_news .article-list .item{ position: relative; overflow: hidden; background: linear-gradient(90deg, #eff2f7, #eff2f7); transition-duration: 0.3s; padding: 20px; border-radius: 24px; display: grid; grid-template-columns: 160px 280px auto 80px; grid-gap:var(--gg);margin-bottom: 32px; align-items: center; }
.list_news .article-list .item::after{ content:""; z-index: 1; position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px; background: linear-gradient(90deg, #1468cb, #34b5ce); opacity: 0; transition-duration: 0.3s; }
.list_news .article-list .item:hover::after{ opacity: 1; }
.list_news .article-list .item .time{ text-align: center; position: relative; z-index: 2;}
.list_news .article-list .item .time .top{ transition-duration: 0.3s; font-size: 52px; color: var(--mc); line-height: 1; font-weight: 700; margin-bottom: 6px; }
.list_news .article-list .item .time .bottom{ transition-duration: 0.3s;  font-size: 16px; color: var(--mc); line-height: 1; font-weight: 700; }
.list_news .article-list .item:hover .time .top{ color: #fff;}
.list_news .article-list .item:hover .time .bottom{ color: #fff;}

.list_news .article-list .item .img{ position: relative; z-index: 2; overflow: hidden; aspect-ratio: 16/11; border-radius: 8px; border: 3px solid #fff; transition-duration: 0.3s; }
.list_news .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_news .article-list .item:hover .img img{ transform: scale(1.1)}
.list_news .article-list .item .info{ position: relative; z-index: 3;}
.list_news .article-list .item .info h2{ line-height: 1.2; margin-bottom: 12px; }
.list_news .article-list .item .info h2 a{transition-duration: 0.3s; line-height: 1.2; font-size: 24px; color: #111; text-decoration-thickness: 2px;  text-underline-offset: 3px;}
.list_news .article-list .item .info h2 a:hover{ text-decoration: underline;}
.list_news .article-list .item .info .description{ transition-duration: 0.3s; color: #666; font-size: 16px; line-height: 1.6;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.list_news .article-list .item:hover .info h2 a{ color: #fff;}
.list_news .article-list .item:hover .info .description{color: #fff;}
.list_news .article-list .item .more{ position: relative; z-index: 3; text-align: center; display: flex; justify-content: center; align-items: center;}
.list_news .article-list .item .more a{ border-radius: 50px; line-height: 1; background: rgba(255,255,255,0); font-size: 28px; color:var(--mc); transition-duration: 0.3s; display: flex; justify-content: center; align-items: center; width: 56px; height: 56px; }
.list_news .article-list .item:hover .more a{background: rgba(255,255,255,1); }


.show_news .pagewidth{ position: relative }
.show_news .pagewidth .back { position: absolute; left: 0; top: 20px;}
.show_news .pagewidth .back  a{ display: block; width: 56px; height: 56px;border:var(--sc) solid 2px; color: var(--sc); font-size: 24px; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s;}
.show_news .pagewidth .back  a:hover{background:var(--sc); color:#fff; text-decoration: none; transform: scale(1.1);}
.show_news .content{ width: 1140px; margin: 0 auto; }
.show_news .title{line-height: 1.2; font-size: 36px; margin-bottom:24px; font-weight: 700; }
.show_news .info{border-bottom:#ddd solid 1px; padding-bottom: 32px;font-size: 16px; color: var(--mc); }
.show_news .html { padding-top: 32px; padding-bottom: 32px;}
.show_news .html img{ max-width: 100%; border-radius: 12px; margin-top: 16px; margin-bottom: 16px; }
.show_news .html h3{ font-size: 24px; margin-bottom: 12px;}
.show_news .other{ border-top:#ddd solid 1px; padding-top:30px;}
.show_news .other p{ margin-bottom:10px; color:#333;}
.show_news .other p a{ color:#333; }
.show_news .other p a:hover{color:var(--mc);}
.show_news .other p.left{text-align: left;}
.show_news .other p.right{text-align: left;}

.list_partner { background: linear-gradient(180deg, #fff, #eff2f7);}
.list_partner .article-list{ display: grid; grid-template-columns: repeat(6,1fr);  grid-gap:var(--gg);}
.list_partner .article-list .item{ background: #fff; display: flex; transition-duration: 0.3s;  justify-content: center; align-items: center; border: #ececec solid 1px; border-radius: 8px; overflow: hidden; padding: 5px 10px;}
.list_partner .article-list .item:hover{ border:  1px solid var(--mc); }
.list_partner .article-list .item img{ width: 100%;}


.list_contact_1{background: #fff;}
.list_contact_1 .title h3 { margin-bottom: 18px; text-transform: uppercase; font-size: 14px; color: var(--mc);  line-height: 1; border-left: var(--mc) solid 4px; padding-left: 10px; }
.list_contact_1 .title h2{ font-size: 36px; margin-bottom: 32px;}
.list_contact_1 .content {display: grid; grid-template-columns: repeat(2,1fr);  grid-gap:var(--gg);}
.list_contact_1 .content .item .img{ border-radius: 12px; width: 100%; aspect-ratio: 16/9; overflow: hidden; }
.list_contact_1 .content .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.list_contact_1 .content .item .info{ padding: 32px; padding-bottom: 0;}
.list_contact_1 .content .item .info h3{ font-size: 32px; margin-bottom: 12px;}
.list_contact_1 .content .item .info a{ color: var(--mc); }


.list_contact_1 .wechat { position: relative; padding-left: 32px; width: 50%; display: grid; grid-template-columns: 130px 130px;grid-gap: var(--gg) }
.list_contact_1 .wechat .wechat_item .top{ cursor: pointer; line-height: 15px; padding-top:10px; background: var(--mc); height: 38px; width: 48px; position: absolute; right: 0px; top: -70px;z-index: 5; color: #fff; font-size: 14px;  text-align: center;}
.list_contact_1 .wechat .wechat_item .top p{ color: #fff; padding: 0; line-height: 1;}
.list_contact_1 .wechat .wechat_item .top i{ color: #fff; padding: 0; line-height: 1;}
.list_contact_1 .wechat .wechat_item img{ width: 130px; margin-bottom: 10px;}
.list_contact_1 .wechat .wechat_item p{  text-align: center; font-size: 12px; color: #333333; }





.list_contact_2{background: #eff2f7; border-radius: 32px 32px 0px 0px;}
.list_contact_2 .title h3 { margin-bottom: 18px;text-transform: uppercase; font-size: 14px; color: var(--mc);  line-height: 1; border-left: var(--mc) solid 4px; padding-left: 10px; }
.list_contact_2 .title h2{ font-size: 36px; margin-bottom: 32px;}
.list_contact_2 .content{ position: relative; padding-top: 24px;}
.list_contact_2 .content .layui-form-label{ display: block; width: 100%; padding: 0; text-align: left; color:#666;float: none; margin-bottom: 16px;}
.list_contact_2 .content .layui-input-block{ margin-left: 0;}
.list_contact_2 .content .row{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: var(--gg); margin-bottom: 32px;}
.list_contact_2 .content .row-button{ display: grid; grid-template-columns: 3fr 1fr; grid-gap: 96px; align-items: center; padding-top: 12px;}
.list_contact_2 .content  .layui-form-checkbox>div{ font-size: 16px;}
.list_contact_2 .content .layui-input{ font-size: 16px; height: 56px;}
.list_contact_2 .content .layui-textarea{ font-size: 16px; padding: 15px}






.detail_main .main{ width: calc(100% - 260px)}
.detail_main .main .crumbs{ font-size:14px; padding-top: 30px; padding-bottom: 30px; }
.detail_main .main .crumbs i{color:var(--mc); }
.detail_main .main .crumbs span{ margin-left:5px;margin-right:5px; }
.detail_main .main .crumbs span a{ color:#111; }
.detail_main .main .crumbs span.line{ color:#666; }
.detail_main .main .crumbs span:last-child{display: none;}
.detail_main .main .content{background: #fff; padding: 32px;}
.detail_main .main .content .page_title{   display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;}
.detail_main .main .content .page_title h2{font-size: 28px;line-height: 1; }
.detail_main .main .content .page_title h3{font-family: 'Barlow';line-height: 1; font-size: 32px; color:#ddd; }
.detail_main .main .content .desc{color: #666; line-height: 1.6; padding-bottom: 24px; }


/*单页面*/


.pagecontent h1{font-size:48px;color:#111;margin-bottom:50px;text-align:left; padding-top: 30px;}
.pagecontent h2{font-size:20px;color:#111;margin:25px 0 10px}
.pagecontent p{margin-bottom:12px;font-size:15px;color:#111;}
.pagecontent ul{padding-left:20px;margin-bottom:12px; }
.pagecontent li{margin-bottom:6px; position: relative}
.pagecontent li::after{ content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: -14px; width: 4px; border-radius: 4px; height: 4px; background: rgba(0, 0, 0, 0.6); }





/*发展里程*/
.list_history .item{ display: grid; grid-template-columns:100px auto; align-items: center; margin-bottom: 16px;}
.list_history .item .year{  ;}

/*荣誉证书列表*/
.list_honor{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg); }
.list_honor .item{ border-radius: 4px; padding: 16px; box-shadow: 0px 10px 20px rgba(0,0,0,0.0); background: rgba(255,255,255,0.5); border: #ececec solid 1px; transition-duration: 0.3s;}
.list_honor .item .img{ width: 100%; aspect-ratio: 1/1.2; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.list_honor .item .img img{ width: 100%; height: 100%; object-fit: contain; transition-duration: 0.3s; }
.list_honor .item .name { text-align: center; color: #333; transition-duration: 0.3s;}
.list_honor .item:hover{ background:rgba(255,255,255,1); box-shadow: 0px 10px 20px rgba(0,0,0,0.05); transform: translateY(-5px)}
.list_honor .item:hover .name {color: var(--mc); }

/*图片列表 4列*/
.list_photo{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg); }
.list_photo .item{transition-duration: 0.3s;}
.list_photo .item .img{ width: 100%; display: flex; align-items: center; border-radius: 4px; overflow: hidden; justify-content: center; margin-bottom:16px; }
.list_photo .item .img img{ width: 100%; height: 100%; object-fit: contain; transition-duration: 0.3s; }
.list_photo .item .name { text-align: center; color: #333; transition-duration: 0.3s;}
.list_photo .item:hover{ transform: translateY(-5px)}
.list_photo .item:hover .name {color: var(--mc); }




/*案例列表 3列*/
.list_case .article-list{ display: grid; grid-template-columns:repeat(3,1fr); grid-gap:32px var(--gg);}
.list_case .article-list .item{ position: relative}
.list_case .article-list .item .img{ overflow: hidden; border-radius: 4px; aspect-ratio: 16/11 }
.list_case .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_case .article-list .item .img:hover img{ transform: scale(1.1)}
.list_case .article-list .item .info{ padding-top: 12px;}
.list_case .article-list .item .info h3{ font-size: 18px; text-align: center; color: #333;}
.list_case .article-list .item:hover .info h3{  color: var(--mc);}

.show_case .name{ margin-bottom: 24px;}
.show_case .name h1{ text-align: center;  font-size: 32px; }
.show_case .swiper-slide img{ width: 100%;}
.show_case .swiper{ margin-bottom: 32px;border-radius: 4px; overflow: hidden;  }
.show_case .swiper-slide {}
.show_case .swiper-button-next:after{ display: none; }
.show_case .swiper-button-prev:after{ display: none; }
.show_case .swiper-button-next,.show_case .content .swiper-button-prev{ transition-duration: 0.3s; border-radius: 40px; height: 48px; width: 48px; border-radius: 40px; background: var(--mc); color: #fff; display: inline-flex; align-items: center; justify-content: center;  font-size: 24px;}
.show_case .swiper-button-disabled{ opacity: 0;}
.show_case .other{display: flex; justify-content: space-between; align-items: center; background: #f5f6f8;border-radius: 8px; padding: 12px;  }
.show_case .other .left{display: flex;justify-content: left; align-items: center; grid-gap: 24px;}
.show_case .other .right{display: flex;justify-content: right; align-items: center;grid-gap: 24px;}
.show_case .other .right .info{ text-align: right}
.show_case .item .img{ width: 120px; aspect-ratio: 16/11; overflow: hidden;border-radius: 4px;}
.show_case .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.show_case .item .img:hover img{ transform: scale(1.05)}
.show_case .item .info p{ color: #666; font-size: 14px;}
.show_case .item .info h3 a{ color:#333; font-size: 18px; }
.show_case .item .info h3 a:hover{ color:var(--mc);  }


/*产品*/
.list_product .article-list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg);}
.list_product .article-list .item{background: #fff; border-radius: 4px; padding: 32px; transition-duration: 0.3s; }
.list_product .article-list .item .img{ aspect-ratio: 1;}
.list_product .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_product .article-list .item .img:hover img{ transform: scale(1.05)}
.list_product .article-list .item .info{ padding-top: 24px;}
.list_product .article-list .item .info h2{ color: #333;  text-align: center; line-height: 1.4; font-size: 18px;}
.list_product .article-list .item:hover{ box-shadow: 0px 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px)}
.list_product .article-list .item:hover .info h2{ color: var(--mc);}

.show_product { }
.show_product .top{ display: grid; grid-template-columns:400px auto;transition-duration: 0.3s; grid-gap: var(--gg); align-items: start; margin-bottom: 48px;}
.show_product .top .photo{ border: #ddd solid 1px; padding: 20px;}
.show_product .top .photo .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.1s;}
.show_product .top .photo .swiper-pagination-bullet { background-color: rgba(0, 0, 0, 0.2); opacity: 1; border-radius: 0px; position: relative;  transition-duration: 0.3s; height: 2px; width: 32px; }
.show_product .top .photo .swiper-pagination-bullet-active { width: 40px; background: var(--mc); }
.show_product .top .photo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }
.show_product .top .photo .swiper-pagination{bottom: -5px!important;}
.show_product .top .info h1{  font-size: 32px; color: #111; margin-bottom: 16px; line-height: 1.4;}
.show_product .top .info .description{ color: #333; line-height: 1.6; margin-bottom: 32px;}
.show_product .top .info .button{ display: flex; justify-content: left; grid-gap: 16px;}
.show_product .top .info .button a{ color: #fff; display: inline-flex; cursor: pointer; line-height: 1; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius:4px; padding: 14px 32px; transition-duration: 0.3s; background: #be1e12}
.show_product .top .info .button a:hover{ transform: scale(1.05); opacity: 0.8; }
.show_product .detail { padding-bottom: 30px;}
.show_product .detail img{ max-width: 100%; border-radius: 12px; margin-top: 16px; margin-bottom: 16px; }
.show_product .detail h3{ font-size: 20px; margin-bottom: 12px; color: var(--mc); }
.show_product .other{ border-top:#ddd solid 1px; padding-top:30px;}
.show_product .other p{ margin-bottom:10px; color:#333;}
.show_product .other p a{ color:#333; }
.show_product .other p a:hover{color:var(--mc);}
.show_product .other p.left{text-align: left;}
.show_product .other p.right{text-align: left;}




/*招聘有内页*/
.list_job .item{ margin-bottom: 50px;}
.list_job .item .job_title{ display: flex; justify-content: space-between; align-items: center}
.list_job .item .job_title h2 a{ font-size: 20px;}
.list_job .item .job_title h2 a i{ color: #666;}
.list_job .item:hover .job_title h2 a i{ color: var(--mc);}
.list_job .item .job_title span{ color: var(--sc); font-size: 20px;}
.list_job .item .job_info{display: flex; justify-content: space-between; align-items: center; color: #999;}

.show_job .job_info{background: #fbfcfd; padding: 32px; border-radius: 4px; margin-bottom: 32px;}
.show_job .job_info h2{ font-size: 32px; margin-bottom: 16px;}
.show_job .job_info ul{ display: grid; grid-template-columns: repeat(5,1fr); grid-gap:0px var(--gg);}
.show_job .job_info ul li{  color: #666;}
.show_job .subtitle{ color:#111; font-size: 18px; ; position: relative;line-height: 1; padding-bottom: 24px; margin-bottom: 24px;}
.show_job .subtitle::after{ content: ""; width: 20px; height: 2px; background: var(--mc); position: absolute; left: 0px; bottom: 0px;}


/*留言*/
.list_message{ padding-top: 32px;}
.list_message .layui-form-label{ display: block; width: 100%; padding: 0; text-align: left; color:#666;float: none; margin-bottom: 12px;}
.list_message .layui-input-block{ margin-left: 0;}
.list_message .row{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg); margin-bottom: 24px;}
.list_message .layui-form-checkbox>div{ font-size: 16px;}



#container{ width: 100%; height: 520px; position: relative;}
#container .button-container{ position: absolute; left: 50%;transform: translateX(-50%); bottom: 20px; z-index: 100;}
#container .button-container .layui-btn{background: #fff;color: #666; border: #ddd solid 1px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);}
#container .button-container .layui-btn.active{background: var(--mc); color: #fff; border:var(--mc) solid 1px;}



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

}

@media screen and (max-width: 1600px) {
    .index_banner .swiper-slide .info h1{ font-size: 60px;}
    .index_banner .swiper-slide .info h2{ font-size: 24px;}
    .index_business .title p{ font-size: 18px;}
    .list_advantage_a .title p{ padding-left:15%;; padding-right: 15%;}

    .list_advantage_b .item .content .img{}
    .list_advantage_b .item .content .img img{  width: 100%; height:100%; object-fit:contain; }
    .list_advantage_b .item .content .info .name{ font-size: 32px;}
    .list_advantage_b .item .content{grid-template-columns: 440px auto; grid-gap: 50px;}


    .list_about .pagewidth{ position: relative; display:  grid; grid-template-columns: auto 200px; grid-gap: 70px;}
    .list_about .main .about_b .box img{ width: 100%;}


    .list_news .article-list .item{ grid-template-columns: 160px 240px auto 80px; grid-gap:var(--gg);margin-bottom: 24px; align-items: center; }






}
@media screen and (max-width: 1440px) {
    .detail_banner .pagewidth{  height: 600px;}
    .padding{ padding-top:120px; padding-bottom:120px;transition-duration: 0.3s; }
    .index_business .title h2{ font-size: 48px;}
    .index_advantage .content .info .title h2{ font-size: 48px;}
    .index_news .side .title h2{ font-size: 48px;}
    .index_about .pagewidth .title h2{ font-size: 48px;}
    .index_about .pagewidth .title{ margin-bottom: 24px;}
    .index_about .pagewidth .content .row{ margin-bottom: 48px;}
    .index_about .pagewidth .content{ font-size: 16px;}
    .index_about .pagewidth .content{ width: 60%;}
    .detail_banner .text h1{ font-size: 48px;}
    .index_business .content .item .name{ font-size: 24px;}
    .list_service_a .content .item .info h3{ font-size: 24px;}
    .list_about .main .about_a .content{ font-size: 16px;}

    .list_about .main .about_b .box{ margin-top:-30px;}
    .index_business .content .item{background: #eff2f7; border:#eff2f7 solid 2px;  position: relative; transition-duration: 0.3s; border-radius: 24px; text-align: center; padding:60px 32px 40px 32px; height: 230px;}
    .index_business .content .item:hover{background: #fff;border:var(--mc) solid 2px; position: relative; border-radius: 24px; text-align: center; padding:40px 32px 40px 32px; height: 250px;}
    .index_business .content .item .icon img{ width: 80px;}
    .index_business .content .item .name{ padding-top: 24px; font-size: 28px; line-height: 1; color: var(--mc); font-weight: 700; text-transform: uppercase; margin-bottom: 20px;}
    .index_business .content .item .desc{ font-size: 16px; color:#666; font-weight: normal; }
    .index_business .content .item .more{ position: absolute; left: 50%; transform: translateX(-50%); bottom: 0px; opacity: 0; visibility: hidden; transition-duration: 0.3s;}
    .index_business .content .item .more a{ color: #fff; background: var(--mc);  font-size: 16px; border-radius: 20px; width: 140px; display: block; height: 40px; display: flex; justify-content: center; align-items: center;  grid-gap: 10px; transition-duration: 0.3s;}
    .index_business .content .item .more a:hover{ width: 150px;}
    .index_business .content .item:hover .more{ position: absolute; left: 50%; transform: translateX(-50%); bottom: -20px; opacity: 1; visibility: initial; }

    .list_advantage_b .item .content{grid-template-columns: 400px auto; grid-gap: 20px;}


    .list_advantage_b{ position: relative; font-size: 22px; padding-top: 0; padding-bottom: 0;}
    .list_advantage_b .item_1{ position: sticky; top: 160px; background: #ebf2f9; margin-bottom: 40px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item_2{ position: sticky; top: 160px; background: #dae5f2; margin-bottom: 40px; margin-right: 40px; z-index: 3;}
    .list_advantage_b .item_3{ position: sticky; top: 160px; background: #c4d7ea; margin-bottom: 40px; margin-right: 80px; z-index: 3;}
    .list_advantage_b .item_4{ position: sticky; top: 160px;  background: #b1c8e2; margin-bottom: 40px; margin-right: 120px; z-index: 3;}
    .list_advantage_b .item_5{ position: sticky; top: 160px; background: #9ebada; margin-bottom: 40px; margin-right: 160px; z-index: 3;}
    .list_advantage_b .item{ border-radius: 0px 24px 24px 0px; position: sticky}
    .list_advantage_b .item .content{  width:var(--width); margin: 0 auto; position: relative}
    .list_advantage_b .item_2 .content{ right: -20px;}
    .list_advantage_b .item_3 .content{ right: -40px;}
    .list_advantage_b .item_4 .content{ right: -60px;}
    .list_advantage_b .item_5 .content{ right: -80px;}

    .list_advantage_b .item .title { position: absolute; width:40px; right: 0px; top: 20px;}
    .list_advantage_b .item .title .number{ width: 24px; height: 24px; margin: 0 auto; margin-bottom: 12px; line-height: 1; background: var(--mc); border-radius: 18px; color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center;}
    .list_advantage_b .item .title .name{ color: #333; font-size: 14px; width: 18px; line-height: 1.2; margin: 0 auto;}

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

    .list_message .layui-form-checkbox>div{ font-size: 14px;}
    .index_advantage .content .layui-colla-item .layui-colla-content{ font-size: 14px; }
    .index_advantage .content .layui-colla-item .layui-colla-title h2{ font-size: 20px;}
    .index_news .content .item .info h2 a{ font-size: 18px;}
    .index_about .pagewidth { width: auto; padding-left: 80px;}
    .detail_banner .pagewidth{height: 500px;}
    .list_advantage_b{ position: relative; font-size: 22px; padding-top: 0; padding-bottom: 0;}
    .list_advantage_b .item_1{ position: sticky; top: 150px;  background: #ebf2f9; margin-bottom: 40px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item_2{ position: sticky; top: 150px; background: #dae5f2; margin-bottom: 40px; margin-right: 50px; z-index: 3;}
    .list_advantage_b .item_3{ position: sticky; top: 150px; background: #c4d7ea; margin-bottom: 40px; margin-right: 100px; z-index: 3;}
    .list_advantage_b .item_4{ position: sticky; top: 150px;  background: #b1c8e2; margin-bottom: 40px; margin-right: 150px; z-index: 3;}
    .list_advantage_b .item_5{ position: sticky; top: 150px; background: #9ebada; margin-bottom: 40px; margin-right: 200px; z-index: 3;}
    .list_advantage_b .item .title { position: absolute; width:50px; right: 0px; top: 20px;}
    .list_advantage_b .item .title .number{ width: 28px; height: 28px; margin: 0 auto; margin-bottom: 12px; line-height: 1; background: var(--mc); border-radius: 18px; color: #fff; font-size: 12px; display: flex; justify-content: center; align-items: center;}
    .list_advantage_b .item .title .name{ color: #333; font-size: 14px; width: 18px; line-height: 1.2; margin: 0 auto;}
    .list_advantage_b .item .content{ display:flex; justify-content: right;grid-gap:60px; align-items: center;}
    .list_advantage_b .item .content .info{ padding-left: 80px;}
    .list_advantage_b .item .content .info .number{ width: 48px; height: 48px; margin-bottom: 24px; background: var(--mc); border-radius: 24px; color: #fff; line-height: 1; font-size: 24px; display: flex; justify-content: center; align-items: center;}
    .list_advantage_b .item .content .info .name{ font-size: 32px; margin-bottom: 24px; line-height: 1; color: var(--mc); font-weight: 700;}
    .list_advantage_b .item .content .info .desc{ font-size: 16px; color: #333;text-align: justify}
    .list_advantage_b .item .content .img img{  height: 680px }
    .list_about .main .about_b .content .item .desc{ font-size: 14px;}
    .list_news .article-list .item .info .description{ font-size: 14px;}
    .list_news .article-list .item .info h2 a{ font-size: 20px;}
}
@media screen and (max-width: 1024px) {


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

    .padding{ padding-top:60px; padding-bottom:60px;}
    .index_banner{ overflow: hidden;}
    .index_banner .swiper-slide .info{left: 20px; width: auto; right: 20px; transform: translateY(-50%); top: 60%;}
    .index_banner .swiper-slide .info h1{ font-size: 28px;}
    .index_banner .swiper-slide .info h2{ font-size: 16px; line-height: 1.4;}
    .index_banner .swiper{height: 50vh}
    .index_banner .whirl{ display: none;}
    .index_business .title h3{ font-size: 14px;}
    .index_business .title h2{ font-size: 32px;}
    .index_business .title p{ font-size: 14px;}
    .index_business .content{ grid-template-columns: repeat(1,1fr);}
    .index_business .content .item{ height: 220px;}
    .index_business .content .item:hover{ height: 240px;}
    .index_business .content .item .more{ margin-bottom: 20px; opacity: 1;visibility: visible}
    .index_business .content .item:hover .more { bottom: 20px;}

    .index_advantage:after{ display: none}
    .index_advantage .content{ display: grid; grid-gap: 24px; grid-template-columns: repeat(1,1fr)}
    .index_advantage .content .img{}


    .index_news .layui-tabs{ display: block;}
    .index_news .side .layui-tabs-header{ width: auto;}
    .index_news .side .layui-tabs-header{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 0px var(--gg)}
    .index_business .title{ margin-bottom: 16px;}

    .index_advantage .content .info .title{ margin-bottom: 16px;}
    .index_advantage .content .info .title h3{ font-size: 14px;}
    .index_advantage .content .info .title h2{ font-size: 32px;}

    .index_news .side .title{ margin-bottom: 16px;}
    .index_news .side .title h3{ font-size: 14px;}
    .index_news .side .title h2{ font-size: 32px; }
    .index_news .content .item{ display: block; grid-template-columns: repeat(1,1fr)}
    .index_news .content .item .img{ aspect-ratio: 10/7; margin-bottom: 12px;}
    .index_news .content .item .time p{ display: none}
    .index_news .content .item .time{ text-align: left; margin-bottom: 12px;}
    .index_news .content .item .more{ display: none}

    .index_about{ margin-left: 0; margin-right: 0; border-radius: 0;}
    .index_about .pagewidth{ padding: 50px 20px}
    .index_about .pagewidth .title h3{ font-size: 14px;}
    .index_about .pagewidth .title h2{ font-size: 32px;}
    .index_about .pagewidth .content{ width: auto;}
    .index_about .pagewidth .content .row{ display: block; text-align: left; margin-bottom: 24px;}
    .index_about .pagewidth .content .row .item{ text-align: left; margin-bottom: 12px;}

    .detail_banner .pagewidth{ height: 320px;}
    .detail_banner .pagewidth .whirl{ display: none}
    .detail_banner .text h1{ font-size: 32px;}
    .detail_banner .text h2{ font-size: 16px;}

    .list_service_a .title h2{ font-size: 32px; line-height: 1.4}
    .list_service_a .title p{ padding-left: 0; padding-right: 0;}
    .list_service_a .content{ grid-template-columns: repeat(1,1fr)}
    .list_service_a .content .item{ padding: 32px; grid-gap: var(--gg)}
    .list_service_a .content .item{ grid-template-columns: repeat(1,1fr);}
    .list_service_a .content .item .img img{ width: 72px; margin: 0 auto;}

    .list_service_a .content .item .img{ text-align: center}

    .list_service_b .title h2{font-size: 32px;}
    .list_service_b .content .item{ padding: 20px; grid-template-columns: repeat(1,1fr); grid-gap: var(--gg)}
    .list_service_b .content .item .info .desc{ font-size: 14px;}
    .list_service_b .content .item .img{ border-radius: 12px;}
    .list_service_b .content .item:nth-child(2n){ grid-template-columns: repeat(1,1fr); grid-gap: var(--gg)}
    .list_service_b .content .item:nth-child(2n) .img{ order: 2; }
    .list_service_b .content .item:nth-child(2n) .info{ order: 1}

    .list_advantage_b{padding-top: 0px!important; padding-bottom: 0!important;}
    .list_advantage_a{ padding-bottom: 0!important; }
    .list_advantage_a .title h2{font-size: 32px;}
    .list_advantage_a .title p{ padding-left: 0; padding-right: 0;}



    .list_advantage_b .item_1{ position: initial; top: 200px;  background: #ebf2f9; margin-bottom: 24px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item_2{ position: initial; top: 200px; background: #dae5f2; margin-bottom: 24px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item_3{ position: initial; top: 200px; background: #c4d7ea; margin-bottom: 24px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item_4{ position: initial; top: 200px;  background: #b1c8e2; margin-bottom: 24px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item_5{ position: initial; top: 200px; background: #9ebada; margin-bottom: 24px; margin-right: 0px; z-index: 3;}
    .list_advantage_b .item .title{ display: none}


    .list_advantage_b .item .content{ display: block;}

    .list_advantage_b .item .content .info{ padding: 20px;}
    .list_advantage_b .item .content .img img{ height: auto; width: 100%;}
    .list_advantage_b .item .content .info .name{ font-size: 24px;}
    .list_advantage_b .item .content .info .desc{ font-size: 14px;}


    .list_about .side{ display: none;}
    .list_about .pagewidth{ display: block;}
    .list_about .main .about_a .title h3{ font-size: 12px; margin-bottom: 0;}
    .list_about .main .about_a .title h2{ font-size: 24px; margin-bottom: 16px;}
    .list_about .main .about_a .content{ font-size: 14px;}
    .list_about .main .about_a .content .row{ padding: 20px; grid-template-columns: repeat(1,1fr); grid-gap: var(--gg) }
    .list_about .main .about_a .content .row .item{ text-align: left}
    .list_about .main .about_b .title h3{ font-size: 12px; margin-bottom: 0;}
    .list_about .main .about_b .title h2{ font-size: 24px; margin-bottom: 16px;}
    .list_about .main .about_b .box{ margin-top: 0;}
    .list_about .main .about_b .box img{ display: none}
    .list_about .main .about_b .content{ position: initial;}
    .list_about .main .about_b .content{ grid-template-columns: repeat(1,1fr); padding-left: 0; padding-right: 0;}
    .list_about .main .about_b .content .item{ height: auto!important; display:grid; grid-template-columns: auto auto 50%; grid-gap: var(--gg) ; align-items: center;}
    .list_about .main .about_b .content .item h3{ order:2; font-size: 18px;}
    .list_about .main .about_b .content .item .year { order:1; position: initial; font-size: 16px;}
    .list_about .main .about_b .content .item .desc{ order: 3;}
    .list_news .menu{ display: block}
    .list_news .menu ul{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg); }
    .list_news .menu ul li{ text-align: center}
    .list_news .menu span{ display: none}

    .list_news .article-list .item{ display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: var(--gg); }
    .list_news .article-list .item .img{ order: 1;}
    .list_news .article-list .item .time{ order: 2;  display: flex; }
    .list_news .article-list .item .time .top{order: 2; font-size: 14px;}
    .list_news .article-list .item .time .top::before{content: "-"}
    .list_news .article-list .item .time .bottom{order: 1; font-size: 14px;}
    .list_news .article-list .item .info{ order:3;}
    .list_news .article-list .item .more{ display: none}

    .list_partner .article-list{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: var(--gg); }

    .list_contact_1 .content{ grid-template-columns: repeat(1, 1fr); grid-gap: var(--gg); }
    .list_contact_1 .content .item .info{ padding: 20px;}
    .list_contact_1 .content .item .info h3{ font-size: 24px;}


    .list_contact_1  .title h3{ font-size: 12px; margin-bottom: 0;}
    .list_contact_1  .title h2{ font-size: 24px; margin-bottom: 16px;}

    .list_contact_2  .title h3{ font-size: 12px; margin-bottom: 0;}
    .list_contact_2  .title h2{ font-size: 24px; margin-bottom: 16px;}
    .list_contact_2 .content .row{grid-template-columns: repeat(1, 1fr); }
    .list_contact_2 .content  .layui-form-checkbox>div{ font-size: 14px;}
    .list_contact_2 .content .layui-input{ font-size: 14px; height: 56px;}
    .list_contact_2 .content .layui-textarea{ font-size: 14px; padding: 15px}
    .list_contact_2 .content .row-button{grid-template-columns: repeat(1, 1fr);grid-gap: var(--gg); }


    .show_news .pagewidth .back{ display:none;}
    .show_news .content{ width: auto;}
    .show_news .title{ font-size: 24px;}
    .show_news .info{ font-size: 14px;}
    .show_news .html h3{ font-size: 18px;}
    .list_advantage_b .item .content{ display: block; right: 0;}
    .list_advantage_b .item .content .img{ height: 90%; width: 90%; margin: 0 auto;}
    .pagecontent h1{font-size:32px; padding-top: 50px;margin-bottom: 30px;}


}

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

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