.padding{ padding-top:100px; padding-bottom:100px;transition-duration: 0.3s; }
.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;overflow: hidden; }
.index_banner::after{content: ""; position: absolute; left: 0px; right: 0px; top: 0px; background: linear-gradient(180deg, rgba(0,0,0,0.4),  rgba(0,0,0,0)); height: 200px; z-index: 1;}

.index_banner .swiper{height: 580px}
.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: 48px; font-weight: bold; font-size: 32px; text-align: left; color:#000; line-height: 1; }
.index_banner .swiper-slide .info h2{margin-bottom: 12px; line-height: 1; text-align: left; color: var(--sc);font-size: 72px;font-family: 'Bebas Neue'; }
.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_about{background: url("../images/index_about_bg.jpg") no-repeat center; background-size: cover;}
.index_about .pagewidth{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap:50px;  align-items: start;}
.index_about .pagewidth .info .title{ position: relative;  text-align: left; }
.index_about .pagewidth .info .title h2{ font-size: 32px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.index_about .pagewidth .info .title h2::after{ width:50px; height: 3px; background: var(--mc); content: ""; position: absolute;left: 0px;bottom: 0px;}
.index_about .pagewidth .info .title p{ font-family: 'Noto Serif SC'!important; font-size: 72px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.index_about .pagewidth .info .content{ margin-bottom: 24px;}
.index_about .pagewidth .info .content p{ color: #111; font-size: 16px;}
.index_about .pagewidth .info .number{ display: flex; justify-content: left; align-items: center; grid-gap:100px; margin-bottom: 24px;}
.index_about .pagewidth .info .number .item:first-child{ position: relative}
.index_about .pagewidth .info .number .item:first-child:after{content: ""; position: absolute; right: -50px; top: 0px; bottom: 0px; height: 100%; width: 1px; background:#ececec; }
.index_about .pagewidth .info .number h3{ margin-bottom: 12px;}
.index_about .pagewidth .info .number h3 strong{font-family: 'Bebas Neue'; color: var(--mc); font-size: 48px; line-height: 1;}
.index_about .pagewidth .info .number h3 span{ padding-left: 5px;}
.index_about .pagewidth .info .number p{ font-size: 16px;}
.index_about .pagewidth .info .more a{ display: block; transition-duration: 0.3s; border-radius: 48px; background: var(--mc); height: 40px; width: 160px; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center}
.index_about .pagewidth .info .more a:hover{transform: scale(1.1)}


.index_product{background: #fff;}
.index_product .pagewidth .title{ position: relative;  text-align: center; margin-bottom: 32px; }
.index_product .pagewidth .title h2{ font-size: 32px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.index_product .pagewidth .title h2::after{ width:50px; height: 3px; background: var(--mc); content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;}
.index_product .pagewidth .title p{ line-height: 1;color:#333;}
.index_product .pagewidth .content{ position: relative;}
.index_product .pagewidth .content .swiper{ padding-bottom: 50px;}
.index_product .pagewidth .content .swiper-slide{ overflow: hidden;}
.index_product .pagewidth .content .swiper-slide .img{  position: relative; width: 100%; aspect-ratio: 10/7;}
.index_product .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  object-fit: cover;}
.index_product .pagewidth .content .swiper-slide .img .text { transition-duration: 0.3s; position: absolute; opacity:0; left: 0px; right: 0px; top: 100%; padding: 32px; padding-bottom: 160px; color: #fff; background-color:rgba(187, 0, 0, 0.9)}
.index_product .pagewidth .content .swiper-slide .img .text h2{ color: #fff; font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
.index_product .pagewidth .content .swiper-slide .img .text .description{display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
.index_product .pagewidth .content .swiper-slide .name{ position: relative; z-index: 3; transition-duration: 0.3s; background: var(--mc); color: #fff; text-align: center; font-weight: 500; height: 60px; line-height: 60px;}
.index_product .pagewidth .content .swiper-slide:hover .name{background-color:rgba(187, 0, 0, 1)}
.index_product .pagewidth .content .swiper-slide:hover .img .text{top: 0px;  opacity: 1;}
.index_product .pagewidth .swiper-pagination-bullet { height: 12px; width: 12px; }
.index_product .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--mc) }
.index_product .pagewidth .content .swiper-button-next{ right: -50px; color: var(--mc);}
.index_product .pagewidth .content .swiper-button-prev{ left: -50px; color: var(--mc); }

.index_case{background: url("../images/index_case_bg.jpg") no-repeat center; background-size: cover;}
.index_case .pagewidth .title{ position: relative;  text-align: center; margin-bottom: 32px; color: #fff; }
.index_case .pagewidth .title h2{ font-size: 32px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.index_case .pagewidth .title h2::after{ width:50px; height: 3px; background: #fff; content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;}
.index_case .pagewidth .title p{ line-height: 1; color: #fff;}
.index_case .pagewidth .content{ position: relative;}
.index_case .pagewidth .content .swiper{ padding-bottom: 50px;}
.index_case .pagewidth .content .swiper-slide{ overflow: hidden;}
.index_case .pagewidth .content .swiper-slide .img{  position: relative; width: 100%; aspect-ratio: 10/7;}
.index_case .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  object-fit: cover;}
.index_case .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  transition-duration: 0.3s; object-fit: cover;}

.index_case .pagewidth .content .swiper-slide .name{ position: relative; z-index: 3; transition-duration: 0.3s; background:#f1f1f1; color: #111; text-align: center; font-weight: 500; height: 60px; line-height: 60px;}
.index_case .pagewidth .content .swiper-slide:hover .name{background:var(--mc); color: #fff;}
.index_case .pagewidth .content .swiper-slide:hover .img .text{top: 0px;  opacity: 1;}
.index_case .pagewidth .swiper-pagination-bullet { height: 12px; width: 12px; background:rgba(255,255,255,0.9); }
.index_case .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--mc) }
.index_case .pagewidth .content .swiper-button-next{ right: -50px; color: var(--mc); top: 44%;}
.index_case .pagewidth .content .swiper-button-next::after{ color: #fff;}
.index_case .pagewidth .content .swiper-button-prev{ left: -50px; color: var(--mc); top: 44%; }
.index_case .pagewidth .content .swiper-button-prev::after{ color: #fff;}

.index_news{background:rgba(247, 247, 247, 1)}
.index_news .pagewidth .title{ position: relative;  text-align: center; margin-bottom: 32px; }
.index_news .pagewidth .title h2{ font-size: 32px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
.index_news .pagewidth .title h2::after{ width:50px; height: 3px; background: var(--mc); content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;}
.index_news .pagewidth .title p{ line-height: 1;color:#333;}

.index_news .pagewidth .content{ position: relative;}

.index_news .pagewidth .content .swiper-slide{ overflow: hidden;}
.index_news .pagewidth .content .swiper-slide .img{  position: relative; width: 100%; overflow: hidden; aspect-ratio: 10/7; }
.index_news .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  transition-duration: 0.3s; object-fit: cover;}
.index_news .pagewidth .content .swiper-slide:hover .img img{ transform: scale(1.1);}
.index_news .pagewidth .content .swiper-slide .info p.date{ margin-bottom: 10px;}
.index_news .pagewidth .content .swiper-slide .info p.date span{ background: var(--mc); line-height: 1.2; padding: 4px 10px; border-radius: 20px; color: #fff; font-size: 14px;}
.index_news .pagewidth .content .swiper-slide .info{transition-duration: 0.3s; background: #fff; padding: 20px; border-bottom: #ececec solid 4px; position: relative; top:0;}
.index_news .pagewidth .content .swiper-slide:hover .info{ border-bottom:4px solid  rgba(187, 0, 0, 1);  position: relative; top: -10px;}
.index_news .pagewidth .content .swiper-slide .info h2{ line-height: 1.2; margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
.index_news .pagewidth .content .swiper-slide .info h2 a{ color: #111; font-size: 18px; line-height: 1.2; font-weight: bold;}
.index_news .pagewidth .content .swiper-slide .info p.description{display: -webkit-box;  -webkit-line-clamp:2; line-height: 1.6; color: #666;  -webkit-box-orient: vertical; overflow: hidden;  }
.index_news .pagewidth .content .swiper-slide .info p.description{ margin-bottom: 20px;}
.index_news .pagewidth .content .swiper-slide .info .more a{ border-radius: 30px; border:#ececec solid 1px;  padding: 6px 12px; font-size: 12px; color: #333; transition-duration: 0.3s;}
.index_news .pagewidth .content .swiper-slide .info .more a p{ background:rgba(255,255,255,0.9); color:#ba1c15 }
.index_news .pagewidth .content .swiper-slide:hover .info .more a{background:  rgba(187, 0, 0, 1);border:rgba(187, 0, 0, 1) solid 1px; color: #fff;}
.index_news .pagewidth .content .swiper-slide:hover .info .more a{background:  rgba(187, 0, 0, 1);border:rgba(187, 0, 0, 1) solid 1px; color: #fff;}





.index_news .pagewidth .swiper-pagination-bullet { height: 12px; width: 12px; }
.index_news .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--mc) }
.index_news .pagewidth .content .swiper-button-next{ right: -50px; color: var(--mc); top: 44%;}
.index_news .pagewidth .content .swiper-button-next::after{ color: #fff;}
.index_news .pagewidth .content .swiper-button-prev{ left: -50px; color: var(--mc); top: 44%; }
.index_news .pagewidth .content .swiper-button-prev::after{ color: #fff;}






.detail_banner{overflow: hidden; position: relative;background: #000;}
.detail_banner .pagewidth{position: relative; height: 400px;}
.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_main{ background: #f7f7f7; padding-bottom:120px;}
.detail_main .pagewidth{ display: flex;  grid-gap: 48px;  }
.detail_main .side{ position: relative; top: -100px; width: 260px; position: relative; z-index: 1020;}
.detail_main .side .title{background:var(--mc); padding:32px 24px ;}
.detail_main .side .title h2{ font-size: 32px; color: #fff; position: relative;line-height: 1; padding-bottom: 24px; margin-bottom: 24px;}
.detail_main .side .title h2::after{ content: ""; width: 40px; height: 2px; background: var(--sc); position: absolute; left: 0px; bottom: 0px;}
.detail_main .side .title h3{font-family: 'Barlow';line-height: 1; font-size: 20px; color:#ffffffC0;}
.detail_main .side ul{background: #fff; padding:0 24px; border-bottom: var(--mc) solid 5px;}
.detail_main .side ul li a{ padding-left: 16px; height: 60px; line-height: 60px; font-size: 17px; color: #111; font-weight: 500; display: block; border-bottom: 1px solid #ececec; position: relative}
.detail_main .side ul li a::after{content: ""; width: 4px; height: 4px; background: #111; position: absolute; border-radius: 4px; left: 0px; top: 50%; transform: translateY(-50%);}
.detail_main .side ul li:last-child a{border-bottom: none;}
.detail_main .side ul li a.active{ color: var(--mc); }
.detail_main .side ul li a.active::after{ background: var(--mc); }


.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{ font-weight: bold;  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; font-weight: 500}
.detail_main .main .content .desc{color: #666; line-height: 1.6; padding-bottom: 24px; }


/*单页面*/
.page_html{  line-height: 1.8; color: #111; padding-top: 16px;  }
.page_html img{ max-width: 100%; border-radius: 3px; margin-top: 12px; margin-bottom: 12px; }
.page_html h3{ font-size: 24px; margin-bottom: 12px; line-height: 1.4;}

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

/*荣誉证书列表*/
.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); }

/*新闻*/
.list_news .article-list .item{ display: grid; grid-template-columns: 200px auto; grid-gap:var(--gg) ;margin-bottom: 24px; }
.list_news .article-list .item .img{ overflow: hidden; aspect-ratio: 16/10; border-radius: 4px; border: 1px solid #ececec; 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 .img:hover img{ transform: scale(1.1)}
.list_news .article-list .item .info .date{ font-size: 14px; line-height: 1; color:#f00; margin-bottom: 12px;}
.list_news .article-list .item .info h2{ line-height: 1.2; margin-bottom: 12px; }
.list_news .article-list .item .info h2 a{ line-height: 1.2; font-size: 20px; color: #111;}
.list_news .article-list .item:hover .info h2 a{color:var(--mc);}
.list_news .article-list .item .info .description{ color: #666; 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:var(--mc);}

.show_news .article_title{line-height: 1.2; font-size: 36px; margin-bottom:16px; }
.show_news .article_info{border-bottom:#ddd solid 1px; padding-bottom: 24px;font-size: 14px; color: #999; }
.show_news .article_info span{ margin-right: 32px;}
.show_news .article_html { padding-top:30px; padding-bottom:30px;}
.show_news .article_html img{ max-width: 100%; border-radius: 4px; margin-top: 16px; margin-bottom: 16px; }
.show_news .article_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;}


/*案例列表 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; font-weight: normal; 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; font-weight: 500; 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: 720px; 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) {

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

    .list_message .layui-form-checkbox>div{ font-size: 14px;}

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


}
@media screen and (max-width: 720px) {
    .padding{ padding-top: 60px; padding-bottom: 60px;}
    .index_banner {position: relative;overflow: hidden; }
    .index_banner::after{content: ""; position: absolute; left: 0px; right: 0px; top: 0px; background: linear-gradient(180deg, rgba(0,0,0,0.4),  rgba(0,0,0,0)); height: 200px; z-index: 1;}
    .index_banner .swiper{height: 480px}
    .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: 20px; right: 20px; top:50%;  transition-duration: 0.3s; z-index: 33; transform: translateY(-50%); transition-delay:0.5s; }
    .index_banner .swiper-slide .info h1{margin-bottom: 32px; font-weight: bold; font-size: 24px; text-align: left; color:#000; line-height: 1; }
    .index_banner .swiper-slide .info h2{margin-bottom: 12px; line-height: 1; text-align: left; color: var(--sc);font-size: 48px;font-family: 'Bebas Neue'; }
    .index_banner .swiper-pagination{ bottom:20px!important;font-size: 12px;display: flex; justify-content: center; grid-gap: 6px}
    .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: 3px; width:30px; }
    .index_banner .swiper-pagination-bullet-active { opacity: 1; background:var(--mc); }
    .index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }


    .index_about{background: url("../images/index_about_bg.jpg") no-repeat center; background-size: cover;}
    .index_about .pagewidth{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap:24px;  align-items: start;}
    .index_about .pagewidth .info .title{ position: relative;  text-align: left; }
    .index_about .pagewidth .info .title h2{ font-size: 24px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
    .index_about .pagewidth .info .title h2::after{ width:30px; height: 2px; background: var(--mc); content: ""; position: absolute;left: 0px;bottom: 0px;}
    .index_about .pagewidth .info .title p{ font-family: 'Noto Serif SC'!important; font-size: 72px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
    .index_about .pagewidth .info .content{ margin-bottom: 24px;}
    .index_about .pagewidth .info .content p{ color: #111; font-size: 16px;}
    .index_about .pagewidth .info .number{ display: flex; justify-content: left; align-items: center; grid-gap:48px; margin-bottom: 24px;}
    .index_about .pagewidth .info .number .item:first-child{ position: relative}
    .index_about .pagewidth .info .number .item:first-child:after{content: ""; position: absolute; right: -24px; top: 0px; bottom: 0px; height: 100%; width: 1px; background:#ececec; }
    .index_about .pagewidth .info .number h3{ margin-bottom: 12px;}
    .index_about .pagewidth .info .number h3 strong{font-family: 'Bebas Neue'; color: var(--mc); font-size: 48px; line-height: 1;}
    .index_about .pagewidth .info .number h3 span{ padding-left: 5px;}
    .index_about .pagewidth .info .number p{ font-size: 16px;}
    .index_about .pagewidth .info .more a{ display: block; transition-duration: 0.3s; border-radius: 48px; background: var(--mc); height: 40px; width: 160px; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center}
    .index_about .pagewidth .info .more a:hover{transform: scale(1.1)}


    .index_product{background: #f4f4f4;}
    .index_product .pagewidth .title{ position: relative;  text-align: center; margin-bottom: 32px; }
    .index_product .pagewidth .title h2{ font-size: 24px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
    .index_product .pagewidth .title h2::after{ width:30px; height: 2px; background: var(--mc); content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;}
    .index_product .pagewidth .title p{ line-height: 1;color:#333;}
    .index_product .pagewidth .content{ position: relative;}
    .index_product .pagewidth .content .swiper{ padding-bottom: 50px;}
    .index_product .pagewidth .content .swiper-slide{ overflow: hidden;}
    .index_product .pagewidth .content .swiper-slide .img{  position: relative; width: 100%; aspect-ratio: 10/7;}
    .index_product .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  object-fit: cover;}
    .index_product .pagewidth .content .swiper-slide .img .text { transition-duration: 0.3s; position: absolute; opacity:0; left: 0px; right: 0px; top: 100%; padding: 32px; padding-bottom: 100px; color: #fff; background-color:rgba(187, 0, 0, 0.9)}
    .index_product .pagewidth .content .swiper-slide .img .text h2{ color: #fff; font-size: 20px; font-weight: bold; line-height: 1.4; margin-bottom: 10px;}
    .index_product .pagewidth .content .swiper-slide .img .text .description{display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;}
    .index_product .pagewidth .content .swiper-slide .name{ position: relative; z-index: 3; transition-duration: 0.3s; background: var(--mc); color: #fff; text-align: center; font-weight: 500; height: 60px; line-height: 60px;}
    .index_product .pagewidth .content .swiper-slide:hover .name{background-color:rgba(187, 0, 0, 1)}
    .index_product .pagewidth .content .swiper-slide:hover .img .text{top: 0px;  opacity: 1;}
    .index_product .pagewidth .swiper-pagination-bullet { height: 8px; width: 8px; }
    .index_product .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--mc) }
    .index_product .pagewidth .content .swiper-button-next{ right: -50px; color: var(--mc); display: none}
    .index_product .pagewidth .content .swiper-button-prev{ left: -50px; color: var(--mc); display: none }

    .index_case{background: url("../images/index_case_bg.jpg") no-repeat center; background-size: cover;}
    .index_case .pagewidth .title{ position: relative;  text-align: center; margin-bottom: 32px; color: #fff; }
    .index_case .pagewidth .title h2{ font-size: 24px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
    .index_case .pagewidth .title h2::after{ width:30px; height: 2px; background: #fff; content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;}
    .index_case .pagewidth .title p{ line-height: 1; color: #fff;}
    .index_case .pagewidth .content{ position: relative;}
    .index_case .pagewidth .content .swiper{ padding-bottom: 50px;}
    .index_case .pagewidth .content .swiper-slide{ overflow: hidden;}
    .index_case .pagewidth .content .swiper-slide .img{  position: relative; width: 100%; aspect-ratio: 10/7;}
    .index_case .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  object-fit: cover;}
    .index_case .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  transition-duration: 0.3s; object-fit: cover;}

    .index_case .pagewidth .content .swiper-slide .name{ position: relative; z-index: 3; transition-duration: 0.3s; background:#f1f1f1; color: #111; text-align: center; font-weight: 500; height: 60px; line-height: 60px;}
    .index_case .pagewidth .content .swiper-slide:hover .name{background:var(--mc); color: #fff;}
    .index_case .pagewidth .content .swiper-slide:hover .img .text{top: 0px;  opacity: 1;}
    .index_case .pagewidth .swiper-pagination-bullet { height: 8px; width: 8px; background:rgba(255,255,255,0.9); }
    .index_case .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--mc) }
    .index_case .pagewidth .content .swiper-button-next{ right: -50px; color: var(--mc); top: 44%; display: none}
    .index_case .pagewidth .content .swiper-button-next::after{ color: #fff;}
    .index_case .pagewidth .content .swiper-button-prev{ left: -50px; color: var(--mc); top: 44%;  display: none}
    .index_case .pagewidth .content .swiper-button-prev::after{ color: #fff;}

    .index_news{background:rgba(247, 247, 247, 1)}
    .index_news .pagewidth .title{ position: relative;  text-align: center; margin-bottom: 32px; }
    .index_news .pagewidth .title h2{ font-size: 24px; line-height: 1; font-weight: bold; position: relative; padding-bottom: 24px; margin-bottom: 24px;}
    .index_news .pagewidth .title h2::after{ width:30px; height: 2px; background: var(--mc); content: ""; position: absolute;left: 50%; transform: translateX(-50%); bottom: 0px;}
    .index_news .pagewidth .title p{ line-height: 1;color:#333;}

    .index_news .pagewidth .content{ position: relative;}
    
    .index_news .pagewidth .content .swiper-slide{ overflow: hidden;}
    .index_news .pagewidth .content .swiper-slide .img{  position: relative; width: 100%; overflow: hidden; aspect-ratio: 10/7; }
    .index_news .pagewidth .content .swiper-slide .img img{ width: 100%; height: 100%;  transition-duration: 0.3s; object-fit: cover;}
    .index_news .pagewidth .content .swiper-slide:hover .img img{ transform: scale(1.1);}
    .index_news .pagewidth .content .swiper-slide .info p.date{ margin-bottom: 10px;}
    .index_news .pagewidth .content .swiper-slide .info p.date span{ background: var(--mc); line-height: 1.2; padding: 4px 10px; border-radius: 20px; color: #fff; font-size: 14px;}
    .index_news .pagewidth .content .swiper-slide .info{transition-duration: 0.3s; background: #fff; padding: 20px; border-bottom: #ececec solid 4px; position: relative; top:0;}
    .index_news .pagewidth .content .swiper-slide:hover .info{ border-bottom:4px solid  rgba(187, 0, 0, 1);  position: relative; top: -10px;}
    .index_news .pagewidth .content .swiper-slide .info h2{ line-height: 1.2; margin-bottom: 10px;display: -webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient: vertical; overflow: hidden; }
    .index_news .pagewidth .content .swiper-slide .info h2 a{ color: #111; font-size: 18px; line-height: 1.2; font-weight: bold;}
    .index_news .pagewidth .content .swiper-slide .info p.description{display: -webkit-box;  -webkit-line-clamp:2; line-height: 1.6; color: #666;  -webkit-box-orient: vertical; overflow: hidden;  }
    .index_news .pagewidth .content .swiper-slide .info p.description{ margin-bottom: 20px;}
    .index_news .pagewidth .content .swiper-slide .info .more a{ border-radius: 30px; border:#ececec solid 1px;  padding: 6px 12px; font-size: 12px; color: #333; transition-duration: 0.3s;}
    .index_news .pagewidth .content .swiper-slide .info .more a p{ background:rgba(255,255,255,0.9); color:#ba1c15 }
    .index_news .pagewidth .content .swiper-slide:hover .info .more a{background:  rgba(187, 0, 0, 1);border:rgba(187, 0, 0, 1) solid 1px; color: #fff;}
    .index_news .pagewidth .content .swiper-slide:hover .info .more a{background:  rgba(187, 0, 0, 1);border:rgba(187, 0, 0, 1) solid 1px; color: #fff;}





    .index_news .pagewidth .swiper-pagination-bullet { height: 12px; width: 12px; }
    .index_news .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background: var(--mc) }
    .index_news .pagewidth .content .swiper-button-next{ right: -50px; color: var(--mc); top: 44%;}
    .index_news .pagewidth .content .swiper-button-next::after{ color: #fff;}
    .index_news .pagewidth .content .swiper-button-prev{ left: -50px; color: var(--mc); top: 44%; }
    .index_news .pagewidth .content .swiper-button-prev::after{ color: #fff;}






    .detail_banner{overflow: hidden; position: relative;background: #000;}
    .detail_banner .pagewidth{position: relative; height: 240px;}
    .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_main{ background: #ffffff; padding-bottom:70px;}
    .detail_main .pagewidth{ display: block;  grid-gap: 48px;  }
    .detail_main .side{ position: relative; top: 0px; margin-top: -40px; width: auto; position: relative; z-index: 1020;}
    .detail_main .side .title{background:var(--mc); padding:32px 24px ; display: none}
    .detail_main .side .title h2{ font-size: 32px; color: #fff; position: relative;line-height: 1; padding-bottom: 24px; margin-bottom: 24px;}
    .detail_main .side .title h2::after{ content: ""; width: 40px; height: 2px; background: var(--sc); position: absolute; left: 0px; bottom: 0px;}
    .detail_main .side .title h3{font-family: 'Barlow';line-height: 1; font-size: 20px; color:#ffffffC0;}
    .detail_main .side ul{background: #fff; padding:0 16px; border-bottom: var(--mc) solid 3px; display: grid; grid-template-columns: repeat(2,1fr)}
    .detail_main .side ul li a{ padding-left: 0px; height: 50px; line-height: 50px; font-size: 15px; color: #111; font-weight: 500; display: block; border-bottom: 1px solid #ececec; position: relative}
    .detail_main .side ul li a::after{ display: none}
    .detail_main .side ul li:last-child a{border-bottom: none;}
    .detail_main .side ul li a.active{ color: var(--mc); }
    .detail_main .side ul li a.active::after{ background: var(--mc); }


    .detail_main .main{ width: 100%}
    .detail_main .main .crumbs{ font-size:14px; padding-top: 15px; padding-bottom: 45px; }
    .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: 0px;}
    .detail_main .main .content .page_title{ font-weight: bold;  display: flex; justify-content: space-between; align-items: center; margin-bottom: 24px;}
    .detail_main .main .content .page_title h2{font-size: 24px;line-height: 1; }
    .detail_main .main .content .page_title h3{font-family: 'Barlow';line-height: 1; font-size: 14px; color:#ddd; font-weight: 500}
    .detail_main .main .content .desc{color: #666; line-height: 1.6; padding-bottom: 24px; }


    /*单页面*/
    .page_html{  line-height: 1.8; color: #111; padding-top: 16px;  }
    .page_html img{ max-width: 100%; border-radius: 3px; margin-top: 12px; margin-bottom: 12px; }
    .page_html h3{ font-size: 18px; margin-bottom: 12px; line-height: 1.4;}

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

    /*荣誉证书列表*/
    .list_honor{ display: grid; grid-template-columns:repeat(2,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(2,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); }

    /*新闻*/
    .list_news .article-list .item{ display: grid; grid-template-columns:repeat(1,1fr); grid-gap:var(--gg) ;margin-bottom: 24px; }
    .list_news .article-list .item .img{ overflow: hidden; aspect-ratio: 16/10; border-radius: 4px; border: 1px solid #ececec; 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 .img:hover img{ transform: scale(1.1)}
    .list_news .article-list .item .info .date{ font-size: 14px; line-height: 1; color:#f00; margin-bottom: 12px;}
    .list_news .article-list .item .info h2{ line-height: 1.2; margin-bottom: 12px; }
    .list_news .article-list .item .info h2 a{ line-height: 1.2; font-size: 20px; color: #111;}
    .list_news .article-list .item:hover .info h2 a{color:var(--mc);}
    .list_news .article-list .item .info .description{ color: #666; 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:var(--mc);}

    .show_news .article_title{line-height: 1.2; font-size: 24px; margin-bottom:16px; }
    .show_news .article_info{border-bottom:#ddd solid 1px; padding-bottom: 24px;font-size: 14px; color: #999; }
    .show_news .article_info span{ margin-right: 0px; display: block}
    .show_news .article_html { padding-top:30px; padding-bottom:30px;}
    .show_news .article_html img{ max-width: 100%; border-radius: 3px; margin-top: 12px; margin-bottom: 12px; }
    .show_news .article_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;}


    /*案例列表 3列*/
    .list_case .article-list{ display: grid; grid-template-columns:repeat(1,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: 24px; }
    .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{ display: none}
    .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: 12px;}
    .show_case .item .info h3 a{ color:#333; font-size: 15px; }
    .show_case .item .info h3 a:hover{ color:var(--mc);  }


    /*产品*/
    .list_product .article-list{ display: grid; grid-template-columns: repeat(1,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; font-weight: normal; text-align: center; line-height: 1.4; font-size: 16px;}
    .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: block; 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; margin-bottom: 24px;}
    .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: 24px; color: #111; margin-bottom: 16px; line-height: 1.3;}
    .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: #fff; padding: 0px; border-radius: 4px; margin-bottom: 32px;}
    .show_job .job_info h2{ font-size: 24px; margin-bottom: 16px;}
    .show_job .job_info ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap:0px var(--gg);}
    .show_job .job_info ul li{  color: #666;}
    .show_job .subtitle{ color:#111; font-size: 18px; font-weight: 500; 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(1,1fr); grid-gap: var(--gg); margin-bottom: 24px;}
    .list_message .layui-form-checkbox>div{ font-size: 14px;}

    #container .button-container{ position: absolute; left: 20px;transform:initial; bottom:60px; z-index: 100;}

}

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

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