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

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


.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: 100vh}
.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 h3{margin-bottom: 32px; text-align: center; height:90px; }
.index_banner .swiper-slide .info h3 img.pc{ display:inline}
.index_banner .swiper-slide .info h3 img.mobile{ display: none}
.index_banner .swiper-slide .info p{ color: #fff; font-size: 32px;line-height: 1.2; font-weight: 300; letter-spacing: 10px; text-shadow: 0px 2px 5px rgba(0,0,0,0.3);  margin-bottom: 50px; text-align: center}
.index_banner .swiper-slide .info .more{ display: flex; justify-content: center; grid-gap: var(--gg);}
.index_banner .swiper-slide .info .more a{ color: #fff; display: inline-flex; cursor: pointer; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 8px 50px; transition-duration: 0.3s; background: rgba(255,255,255,0);}
.index_banner .swiper-slide .info .more a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }
.index_banner .swiper-slide .info .more a:first-child{background:rgba(0,0,0,0.2); color: #fff;  }
.index_banner .swiper-slide .info .more a:last-child{background:var(--main); color: #fff; border-color: var(--main); }
.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(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-prev{ transition-duration: 0.2s; position:initial;background: #fff; color: var(--main); border-radius: 50%; height:48px; width: 48px; font-size: 24px;}
.index_banner .swiper-button-box .swiper-button-next:after{display: none!important;}
.index_banner .swiper-button-box .swiper-button-prev:after{display: none!important;}
.index_banner .swiper-pagination {color: #fff; text-align: left; width: var(--width) !important; left: 50% !important; transform: translateX(-50%); }

.index_banner .swiper-pagination{ bottom:40px!important;font-size: 16px;}
.index_banner .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.5); opacity: 1; border-radius: 0px; position: relative;  transition-duration: 0.3s; height: 2px; width: 32px; }
.index_banner .swiper-pagination-bullet-active { width: 40px; background: rgba(255, 255, 255, 0.5); background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 50%, #FFFFFF 50%); background-size: 200%; background-position-x: 0%; animation: position 5s linear forwards; }
.index_banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }



.index_about .pagewidth{ display: grid; grid-template-columns: auto 496px; grid-gap: 132px;  align-items: start;}
.index_about .pagewidth .title{ position: relative; padding-bottom: 24px; margin-bottom: 50px; text-align: left; }
.index_about .pagewidth .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 .title h2{ font-size: 48px; line-height: 1;font-weight: normal; position: absolute; top: 30px;}
.index_about .pagewidth .content{ margin-bottom: 32px;}
.index_about .pagewidth .content h3{ font-weight:normal; font-size: 32px;color: var(--main); line-height: 1.4; margin-bottom: 32px; }
.index_about .pagewidth .content p{ color: #333;}
.index_about .pagewidth .content p span{ color: var(--main); }
.index_about .pagewidth .img{ margin-bottom: 64px;}
.index_about .pagewidth .img{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: var(--gg);}
.index_about .pagewidth .img .item a{ display: block; position: relative; border-radius: 3px; overflow: hidden; }
.index_about .pagewidth .img .item a img{ width: 100%; height: 100%;object-fit: cover; transition-duration: 0.3s;}
.index_about .pagewidth .img .item a:hover img{ width: 100%; height: 100%;object-fit: cover; transform: scale(1.1)}
.index_about .pagewidth .img .item a h4{ position: absolute; left: 0px; right: 0px; bottom: 10px; z-index: 3; text-align: center; color: #fff;}
.index_about .pagewidth .more a{ display: block; transition-duration: 0.3s; border-radius: 48px; background: var(--main); height: 48px; width: 48px;font-size: 18px; color: #fff; text-decoration: none; display: flex; justify-content: center; align-items: center}
.index_about .pagewidth .more a:hover{transform: scale(1.1)}
.index_about .pagewidth .photo{border-radius: 12px; overflow: hidden;}
.index_about .pagewidth .photo .swiper-pagination{ bottom:40px!important;font-size: 16px;}
.index_about .pagewidth .photo .swiper-pagination-bullet { background-color: rgba(255, 255, 255, 0.5); opacity: 1; border-radius: 0px; position: relative;  transition-duration: 0.3s; height: 2px; width: 32px; }
.index_about .pagewidth .photo .swiper-pagination-bullet-active { width: 40px; background: var(--main); }
.index_about .pagewidth .photo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }


.index_product{background: #f5f6f8;}
.index_product .pagewidth .title{ position: relative; padding-bottom: 24px; margin-bottom: 50px; text-align: center; }
.index_product .pagewidth .title p{ font-family: 'Noto Serif SC'!important; font-size: 72px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.index_product .pagewidth .title h2{ font-size: 48px; line-height: 1;font-weight: normal; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.index_product .pagewidth .content{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg); margin-bottom: 64px;}
.index_product .pagewidth .content .item{ display: grid; border-radius: 4px; grid-template-columns: 6fr 5fr; grid-gap:12px; background: #fff; align-items: center; padding:48px 32px;box-shadow: 0px 10px 30px rgba(0,0,0,0.0) ;transition-duration: 0.3s}
.index_product .pagewidth .content .item:hover{ box-shadow: 0px 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px)}
.index_product .pagewidth .content .item .info{ position: relative}
.index_product .pagewidth .content .item .info h3{ transition-duration: 0.3s; color: #111; font-size: 24px; position:absolute; bottom: -40px; line-height: 1; padding-bottom: 20px; margin-bottom: 20px;}
.index_product .pagewidth .content .item .info h3::after{ position: absolute; left: 0;bottom: 0px; width: 30px; height: 2px; background: var(--main); content: "";}
.index_product .pagewidth .content .item .info .description{ font-size:16px; color: #666; position: absolute; opacity: 0; transition-duration: 0.4s; top: 30px;display: -webkit-box;  -webkit-line-clamp:3;  -webkit-box-orient: vertical; overflow: hidden;
}
.index_product .pagewidth .content .item:hover .info h3{bottom: 0px; }
.index_product .pagewidth .content .item:hover .info .description{ opacity: 1; top: 0px;}
.index_product .pagewidth .content .item .img{ overflow: hidden;aspect-ratio: 1}
.index_product .pagewidth .content .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.index_product .pagewidth .content .item:hover img{ transform: scale(1.1)}
.index_product .pagewidth .content .item:hover .info h3{ color: var(--main); }
.index_product .pagewidth .more{ text-align: center}
.index_product .pagewidth .more a{ color: #fff; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 8px 50px; transition-duration: 0.3s; background: rgba(255,255,255,0)}
.index_product .pagewidth .more a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }
.index_product .pagewidth .more a:last-child{background:var(--main); color: #fff; border-color: var(--main); }

.index_case{ background: #32343c;}
.index_case .pagewidth .title{ position: relative; padding-bottom: 24px; margin-bottom: 50px; text-align: center; }
.index_case .pagewidth .title p{ font-family: 'Noto Serif SC'!important; font-size: 72px; line-height: 1; font-weight: normal;color:#44454c; text-transform:uppercase}
.index_case .pagewidth .title h2{ font-size: 48px; color: #fff; line-height: 1;font-weight: normal; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.index_case .pagewidth .content{ display: grid; grid-template-columns:repeat(3,1fr); grid-gap: var(--gg); margin-bottom: 64px;}
.index_case .pagewidth .content .item{ position: relative}
.index_case .pagewidth .content .item .img{ overflow: hidden; border-radius: 4px; }
.index_case .pagewidth .content .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.index_case .pagewidth .content .item .img:hover img{ transform: scale(1.1)}

.index_case .pagewidth .content .item .info{ padding-top: 12px;}
.index_case .pagewidth .content .item .info h3{ font-size: 18px; color: #fff;}
.index_case .pagewidth .content .item:nth-child(1){grid-column: 1 / 3;grid-row: 1 / 3;}
.index_case .pagewidth .more{ text-align: center}
.index_case .pagewidth .more a{ color: #fff; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 8px 50px; transition-duration: 0.3s; background: rgba(255,255,255,0)}
.index_case .pagewidth .more a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }
.index_case .pagewidth .more a:last-child{background:var(--main); color: #fff; border-color: var(--main); }

.index_case .pagewidth .content .item:nth-child(1) .img{ height: 100%;}
.index_case .pagewidth .content .item:nth-child(1) .info{ position: absolute; left: 30px; bottom: 30px; z-index: 4}
.index_case .pagewidth .content .item:nth-child(1) .info h3{ font-size: 24px; color: #fff; font-weight: normal}








.index_news{background: #f5f6f8;}
.index_news .pagewidth .title{ position: relative; padding-bottom: 24px; margin-bottom: 50px; text-align: center; }
.index_news .pagewidth .title p{ font-family: 'Noto Serif SC'!important; font-size: 72px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.index_news .pagewidth .title h2{ font-size: 48px; line-height: 1;font-weight: normal; position: absolute; top: 30px; left: 50%; transform: translateX(-50%);}
.index_news .pagewidth .swiper{ padding-bottom: 60px;}
.index_news .pagewidth .swiper-slide .img{ overflow: hidden; aspect-ratio: 16/10; margin-bottom: 24px; border-radius: 4px; }
.index_news .pagewidth .swiper-slide .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.index_news .pagewidth .swiper-slide .img:hover img{ transform: scale(1.1)}
.index_news .pagewidth .swiper-slide .info .date{ font-size: 16px; color: var(--main); margin-bottom: 6px;}
.index_news .pagewidth .swiper-slide .info h2{ line-height: 1.2; margin-bottom: 12px;}
.index_news .pagewidth .swiper-slide .info h2 a{ line-height: 1.2; font-size: 24px; color: #111;}
.index_news .pagewidth .swiper-slide .info .description{ color: #666; line-height: 1.6;display: -webkit-box;  -webkit-line-clamp:2;  -webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;}
.index_news .pagewidth .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; }
.index_news .pagewidth .swiper-pagination-bullet-active { width: 40px; background: var(--main); }
.index_news .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }








.detail_banner{overflow: hidden; position: relative;}
.detail_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;}
.detail_banner .pagewidth{position: relative; height: 600px;}
.detail_banner .text{  text-align: left; position: absolute; left: 0px; right: 0px; bottom: 15%; z-index: 2; }
.detail_banner .text p{ font-family: 'Noto Serif SC'!important; font-size: 72px; line-height: 1; font-weight: normal;color:rgba(255,255,255,0.1); text-transform:uppercase}
.detail_banner .text h1{ font-size: 48px; line-height: 1; color:#fff;font-weight: normal; position: absolute; top: 30px; }
.detail_banner img.detailbg{  width: 100%; height: 100%; object-fit: cover; position: absolute; opacity:1; left: 0;right: 0px; top: 0px; bottom: 0px;}


.detail_menu{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); position: relative; z-index: 4; background:rgba(255,255,255,0.5);-webkit-backdrop-filter:blur(10px); backdrop-filter: blur(10px); position: sticky; top:98px;}
.detail_menu .pagewidth{display: flex; justify-content: space-between; align-items: center;}
.detail_menu ul{display: flex; justify-content: left; grid-gap: 12px;}
.detail_menu ul li{ padding-top: 12px; padding-bottom: 12px; }
.detail_menu ul li a{ display:block;height:48px; line-height:48px;color:#333;  padding-left: 30px; padding-right:30px; border-radius: 30px; transition-duration: 0.3s;}
.detail_menu ul li a.active{ background:var(--main); color: #fff;}
.detail_menu ul li a:hover{  background:#f5f5f5; color: #333; }
.detail_menu ul li a.active:hover{ background:var(--main); color: #fff;}

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



.list_product{ background: #f5f6f8;}
.list_product .pagewidth{ display: grid; grid-template-columns:3fr 9fr; grid-gap: var(--gg); align-items: start}
.list_product .pagewidth .side{ background: #fff; position: sticky; top: 130px; padding: 32px; border-radius: 4px;}
.list_product .pagewidth .side .title{ font-size: 32px; color: #333; margin-bottom: 12px;}
.list_product .pagewidth .side ul li{ margin-bottom: 12px;}
.list_product .pagewidth .side ul li a{ display: grid; grid-template-columns: 54px auto; border-radius: 4px; grid-gap: 12px; align-items: center; padding: 12px; transition-duration: 0.1s;}
.list_product .pagewidth .side ul li a .img{ height:40px; width:40px; background: #fff; border: #ddd solid 1px; padding: 6px; overflow: hidden; border-radius: 72px;}
.list_product .pagewidth .side ul li a .img img{ height: 100%; width: 100%; object-fit: cover}
.list_product .pagewidth .side ul li a span{color: #333;}
.list_product .pagewidth .side ul li a.active{background: var(--main);}
.list_product .pagewidth .side ul li a.active span{ color: #fff;}
.list_product .pagewidth .side ul li a:hover{ background: #f5f5f5;}
.list_product .pagewidth .side ul li a.active:hover{ background: var(--main);}
.list_product .pagewidth .content .article-list{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg);}
.list_product .pagewidth .content .article-list .item{background: #fff; border-radius: 4px; padding: 32px; transition-duration: 0.3s; }
.list_product .pagewidth .content .article-list .item .img{ aspect-ratio: 1;}
.list_product .pagewidth .content .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_product .pagewidth .content .article-list .item .img:hover img{ transform: scale(1.05)}
.list_product .pagewidth .content .article-list .item .info{ padding-top: 24px;}
.list_product .pagewidth .content .article-list .item .info h2{ color: #333; font-weight: normal; text-align: center; font-size: 20px;}
.list_product .pagewidth .content .article-list .item:hover{ box-shadow: 0px 10px 30px rgba(0,0,0,0.1); transform: translateY(-5px)}
.list_product .pagewidth .content .article-list .item:hover .info h2{ color: var(--main);}


.show_product{ background: #f5f6f8;}
.show_product .pagewidth{ display: grid; grid-template-columns:3fr 9fr; grid-gap: var(--gg); align-items: start}
.show_product .pagewidth .side{ background: #fff; position: sticky; top: 130px; padding: 32px; border-radius: 4px;}
.show_product .pagewidth .side .title{ font-size: 32px; color: #333; margin-bottom: 12px;}
.show_product .pagewidth .side ul li{ margin-bottom: 12px;}
.show_product .pagewidth .side ul li a{ display: grid; grid-template-columns: 54px auto; border-radius: 4px; grid-gap: 12px; align-items: center; padding: 12px; transition-duration: 0.1s;}
.show_product .pagewidth .side ul li a .img{ height:40px; widht:40px; background: #fff; border: #ddd solid 1px; padding: 6px; overflow: hidden; border-radius: 72px;}
.show_product .pagewidth .side ul li a .img img{ height: 100%; width: 100%; object-fit: cover}
.show_product .pagewidth .side ul li a span{color: #333;}
.show_product .pagewidth .side ul li a.active{background: var(--main);}
.show_product .pagewidth .side ul li a.active span{ color: #fff;}
.show_product .pagewidth .side ul li a:hover{ background: #f5f5f5;}
.show_product .pagewidth .side ul li a.active:hover{ background: var(--main);}
.show_product .pagewidth .content{ background: #fff; border-radius: 4px; padding: 48px;}
.show_product .pagewidth .content .top{ display: grid; grid-template-columns: 560px auto; transition-duration: 0.3s; grid-gap: var(--gg); align-items: start; margin-bottom: 48px;}
.show_product .pagewidth .content .top .photo{ border: #ddd solid 1px; padding: 20px;}
.show_product .pagewidth .content .top .photo .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.1s;}
.show_product .pagewidth .content .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 .pagewidth .content .top .photo .swiper-pagination-bullet-active { width: 40px; background: var(--main); }
.show_product .pagewidth .content .top .photo .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }
.show_product .pagewidth .content .top .photo .swiper-pagination{bottom: -5px!important;}
.show_product .pagewidth .content .info h1{ font-weight: normal; font-size: 32px; color: #111; margin-bottom: 12px;}
.show_product .pagewidth .content .info .description{ color: #333; line-height: 1.6; margin-bottom: 32px;}
.show_product .pagewidth .content .info .button{ display: flex; justify-content: left; grid-gap: 16px;}
.show_product .pagewidth .content .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: 30px; padding: 14px 32px; transition-duration: 0.3s; background: rgba(255,255,255,0);}
.show_product .pagewidth .content .info .button a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }
.show_product .pagewidth .content .info .button a:first-child{background:var(--main); color: #fff; border-color: var(--main); }
.show_product .pagewidth .content .info .button a:last-child{background:#fff; color: var(--main); border-color: var(--main); }
.show_product .pagewidth .content .detail .subtitle{ font-size: 24px; font-weight: normal; position: relative; color: #333; line-height: 1; margin-bottom: 24px; }
.show_product .pagewidth .content .detail .subtitle span{ position: relative; z-index: 2; background: #fff; padding-right: 12px;}
.show_product .pagewidth .content .detail .subtitle::after{content: ""; width: 100%; height: 1px; top: 50%;right: 0; left: 0p; transform: translateY(-50%);background: #ddd; position: absolute;}
.show_product .pagewidth .content .detail .subcontent{ margin-bottom: 72px;}
.show_product .pagewidth .content .detail .subcontent .mode{ display: grid;  grid-template-columns: repeat(6,1fr);grid-gap: var(--gg); padding-top: 24px;}
.show_product .pagewidth .content .detail .subcontent .mode .item img{ width: 72px; display: block; margin: 0 auto;}
.show_product .pagewidth .content .detail .subcontent .mode .item p{ text-align: center; font-size: 16px; color: #333; padding-top: 12px;}
.show_product .pagewidth .content .detail .subcontent .color{ display: grid;  grid-template-columns: repeat(9,1fr);grid-gap:48px 24px; padding-top: 24px;}
.show_product .pagewidth .content .detail .subcontent .color img{border-radius: 12px; display: block; border: #ddd solid 1px; margin: 0 auto;}
.show_product .pagewidth .content .detail .subcontent .color p{ text-align: center; font-size: 14px; line-height: 1.4; color: #333; padding-top: 12px;}

.show_product .pagewidth .content .detail .subcontent img{ max-width: 100%;}


.show_product .pagewidth .content .detail .subcontent .tedian { display: grid;  grid-template-columns: repeat(2,1fr);grid-gap:12px; }
.show_product .pagewidth .content .detail .subcontent .tedian .item{ border: 1px solid #ececec;  display: grid;  grid-template-columns:auto 220px; grid-gap: 12px; }
.show_product .pagewidth .content .detail .subcontent .tedian .item .info{padding: 24px; padding-right: 0px;}
.show_product .pagewidth .content .detail .subcontent .tedian .item .info h3{ color: var(--main);  font-size: 20px; line-height: 1.3}
.show_product .pagewidth .content .detail .subcontent .tedian .item .info ul{padding-top: 16px;}
.show_product .pagewidth .content .detail .subcontent .tedian .item .info ul li{ color: #444; position: relative; padding-left: 12px; line-height: 1.6}
.show_product .pagewidth .content .detail .subcontent .tedian .item .info ul li::after{ position: absolute; content: "";border-radius: 3px; width: 4px; height: 4px; top: 10px; left: 0; background: #444;}
.show_product .pagewidth .content .detail .subcontent .tedianthree .item:nth-child(2){ grid-row: span 2;}
.show_product .pagewidth .content .detail .subcontent .tedianthree .item:nth-child(2){ display: block; position: relative}
.show_product .pagewidth .content .detail .subcontent .tedianthree .item:nth-child(2) .img{ position: absolute; width: 42%; right: 0px; bottom: 0; }


.list_case .pagewidth .article-list{ display: grid; grid-template-columns:repeat(3,1fr); grid-gap: var(--gg);}
.list_case .pagewidth .article-list .item{ position: relative}
.list_case .pagewidth .article-list .item .img{ overflow: hidden; border-radius: 4px; aspect-ratio: 16/11 }
.list_case .pagewidth .article-list .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s;}
.list_case .pagewidth .article-list .item .img:hover img{ transform: scale(1.1)}
.list_case .pagewidth .article-list .item .info{ padding-top: 12px;}
.list_case .pagewidth .article-list .item .info h3{ font-size: 18px; color: #333;}
.list_case .pagewidth .more{ text-align: center}
.list_case .pagewidth .more a{ color: #fff; display: inline-flex; grid-gap: 12px; justify-content: space-between; align-items: center; border: #fff solid 2px; border-radius: 30px; padding: 8px 50px; transition-duration: 0.3s; background: rgba(255,255,255,0)}
.list_case .pagewidth .more a:hover{ transform: scale(1.05); background: rgba(255,255,255,1); color: var(--blue); text-decoration: none; }
.list_case .pagewidth .more a:last-child{background:var(--main); color: #fff; border-color: var(--main); }

.show_case .title{ position: relative; margin-bottom: 32px;}
.show_case .title .back{  position: absolute; left: 0px; top: 50%; transform: translateY(-50%); z-index: 9;}
.show_case .title h1{ text-align: center; font-weight: normal; font-size: 36px; }
.show_case .content{ width: 1200px; margin: 0 auto; margin-bottom: 64px;padding: 12px; }
.show_case .content .swiper-slide img{ width: 100%;}
.show_case .content .swiper{ margin-bottom: 32px;border-radius: 4px; overflow: hidden;}
.show_case .content .swiper-button-next:after{ display: none; }
.show_case .content .swiper-button-prev:after{ display: none; }
.show_case .content .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(--main); color: #fff; display: inline-flex; align-items: center; justify-content: center;  font-size: 24px;}
.show_case .content .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: 160px;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(--main);  }



.about_content_1 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: left; }
.about_content_1 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 0px;background:var(--main); position: absolute;}
.about_content_1 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.about_content_1 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; top: 20px;}
.about_content_1 .content{ display: grid; grid-template-columns:repeat(2,1fr); grid-gap: 150px;position: relative}
.about_content_1 .content::after{content: ""; position: absolute; left: 50%; top: 0px; bottom: 0px; height: 100%; width: 1px; background: #ddd;}
.about_content_1 .content .left h3{ font-size: 32px; font-weight: normal; margin-bottom: 32px;}
.about_content_1 .content .left .img{ width: 100%; overflow: hidden; border-radius: 8px;}
.about_content_1 .content .left img{ width: 100%;}

.about_content_1 .content .right .img{ width: 100%; overflow: hidden; border-radius: 8px; text-align: center; margin-bottom: 64px;}
.about_content_1 .content .right .html { margin-bottom: 64px; color: #333;}
.about_content_1 .content .right h3{ font-size: 32px; font-weight: normal; text-align: center; color: var(--main); }



.about_content_2{position: relative; margin-bottom: 120px;}
.about_content_2 .bg{ position: absolute;left: 0px; right: 0px;height: 100%; width: 100%:}
.about_content_2 .bg img{ height: 100%; object-fit: cover; transition-duration: 0.3s;width: 100%}
.about_content_2 .pagewidth{ position: relative; z-index: 2;height: 720px; }
.about_content_2 .pagewidth .content{display: grid; grid-template-columns:repeat(3,1fr); grid-gap: var(--gg); position: absolute; bottom: -100px; }
.about_content_2 .pagewidth .content .item{border-radius: 8px; background: #fff;box-shadow: 0px 10px 20px rgba(0,0,0,0.05); padding: 48px; display: grid; grid-template-columns:56px auto; grid-gap: var(--gg);}
.about_content_2 .pagewidth .content .item .icon{ color: #fff; font-size: 24px; width: 56px; height: 56px; border-radius: 56px; background: var(--main);  color: #fff; display: flex; align-items: center; justify-content: center; }
.about_content_2 .pagewidth .content .item .info p{ color: #333; margin-bottom: 12px; }
.about_content_2 .pagewidth .content .item .info h3{ color:#111; font-size: 28px; line-height: 1.2; font-weight: normal }




.about_content_3 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.about_content_3 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:var(--main); position: absolute;}
.about_content_3 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.about_content_3 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}
.about_content_3 .content .swiper-slide .item{border: #ececec solid 1px;border-radius:8px; overflow: hidden;}
.about_content_3 .content .swiper-slide .img{ }
.about_content_3 .content .swiper-slide .img img{ width: 100%;}
.about_content_3 .content .swiper-slide .info{ padding: 32px; height: 136px; color: #666; }
.about_content_3 .content .swiper-slide .info h2{ font-weight: normal; color: #111;}
.about_content_3 .content .swiper-slide .info .description{ color: #666;}
.about_content_3 .pagewidth .swiper{ padding-bottom: 70px;}
.about_content_3 .pagewidth .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; }
.about_content_3 .pagewidth .swiper-pagination-bullet-active { width: 40px; background: var(--main); }
.about_content_3 .pagewidth .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  }


.about_content_4{background: #f5f6f8;}
.about_content_4 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.about_content_4 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:var(--main); position: absolute;}
.about_content_4 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.about_content_4 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}
.about_content_4 .content{ display: grid; grid-template-columns:repeat(4,1fr); grid-gap: var(--gg); }
.about_content_4 .content .item{ border-radius: 8px; padding: 32px; 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;}
.about_content_4 .content .item .img{ width: 100%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.about_content_4 .content .item .img img{ width: 100%; height: 100%; object-fit: contain; transition-duration: 0.3s; }
.about_content_4 .content .item .name { text-align: center; color: #333; transition-duration: 0.3s;}
.about_content_4 .content .item:hover{ background:rgba(255,255,255,1); box-shadow: 0px 10px 20px rgba(0,0,0,0.05); transform: translateY(-5px)}
.about_content_4 .content .item:hover .name {color: var(--main); }

.about_content_5 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.about_content_5 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:var(--main); position: absolute;}
.about_content_5 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.about_content_5 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}
.about_content_5 .content{ display: grid; grid-template-columns:repeat(6,1fr); grid-gap: var(--gg); }
.about_content_5 .content .item{border-radius: 8px; border:#ececec solid 1px; padding: 12px;}
.about_content_5 .content .item img{ width: 100%;}









.list_service_1{ background: #f5f6f8;}
.list_service_1 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.list_service_1 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:var(--main); position: absolute;}
.list_service_1 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.list_service_1 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}
.list_service_1 .content{ display: flex; justify-content: space-between; grid-gap: var(--gg); }
.list_service_1 .content .icon:last-child{ display: none; }
.list_service_1 .content .item{ width: 180px;}
.list_service_1 .content .icon{ font-size: 24px; color: var(--main); position: relative; padding-top: 90px }
.list_service_1 .content .item .img{border-radius: 12px; aspect-ratio: 4/5; border: #ececec solid 4px; width: 100%; overflow: hidden; margin-bottom: 24px;}
.list_service_1 .content .item .img img{ width: 100%; height: 100%; object-fit: cover; transition-duration: 0.3s; }
.list_service_1 .content .item .info{ text-align: center}
.list_service_1 .content .item .info h3{ font-size: 24px; font-weight: normal}
.list_service_1 .content .item .info p{ color: #666;}



.list_service_2 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.list_service_2 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:var(--main); position: absolute;}
.list_service_2 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.list_service_2 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}
.list_service_2 .content{display: grid; grid-template-columns: 7fr 6fr ; grid-gap: 64px; }
.list_service_2 .content .info .symbol{font-family: 'Noto Serif SC'!important; font-size: 150px; height: 100px; line-height: 1; color: #efefef; font-weight: bold}
.list_service_2 .content .img{ position: relative; padding-left: 200px; padding-top: 50px;}
.list_service_2 .content .img .big{overflow: hidden;border-radius: 24px;}
.list_service_2 .content .img .big img{ width: 100%}

.list_service_2 .content .img .small{ position: absolute; z-index: 2; left:0px; top: 0px; border-radius: 24px; border:#fff solid 4px; overflow: hidden}
.list_service_2 .content .img .small img{ width: 100%}
.list_service_2 .content .info{ font-size: 20px; color: #333;}




.list_service_3{background: #f5f6f8;}
.list_service_3 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.list_service_3 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:var(--main); position: absolute;}
.list_service_3 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.list_service_3 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}


.list_service_3 .layui-tabs-header{ margin-bottom: 24px;}
.list_service_3 .layui-tabs .layui-tabs-header{ display: flex; justify-content: center; grid-gap:var(--gg); }
.list_service_3 .layui-tabs .layui-tabs-header li{ font-size: 18px; padding: 0; }
.list_service_3 .layui-tabs .layui-tabs-header:after{ display: none}
.list_service_3 .layui-tabs .layui-tabs-header .layui-this{ font-weight: 500;}
.list_service_3 .layui-tabs .layui-tabs-header .layui-this:after{border-bottom: 2px solid #ef7f1b}


.list_service_3 .pagewidth .content .layui-collapse{ border: none}
.list_service_3 .pagewidth .content .layui-colla-item{box-shadow: 0px 10px 20px rgba(0, 106, 145,0); background:rgba(255,255,255,0.7); border-radius: 12px; padding-top: 10px; padding-bottom: 10px; border: 2px solid rgba(255,255,255,0.15); transition-duration: 0.3s; margin-bottom: 15px;}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-title{ background: none; padding:14px 32px; display: flex; justify-content: space-between; align-items: center;}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-title h2{ font-size: 20px;color:rgba(0,0,0,0.7);transition-duration: 0.3s;}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-title i{ font-size: 20px; color:rgba(0,0,0,0.7);transition-duration: 0.3s; font-weight: normal; transition-duration: 0.3s;}
.list_service_3 .pagewidth .content .layui-colla-item.layui-show .layui-colla-title i{ transform:rotate(180deg); }
.list_service_3 .pagewidth .content .layui-colla-item.layui-show .layui-colla-title h2{ color:var(--main)}
.list_service_3 .pagewidth .content .layui-colla-item.layui-show .layui-colla-title i{ color:var(--main) }
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content{ border: none; padding: 0px 32px; padding-bottom: 12px; color:rgba(0,0,0,0.7)}
.list_service_3 .pagewidth .content .layui-colla-item.layui-show{background: rgba(255,255,255,1); border: 2px solid var(--main); box-shadow: 0px 10px 30px rgba(239, 127, 27,0.1);}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content .email{ padding-top: 24px; display: flex; justify-content: left; align-items: center; color: #fff; grid-gap: 12px;}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content .email span{font-weight: 500;}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content .email a{ display: flex; justify-content: left; align-items: center; color: #fff; grid-gap: 6px;}
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content .email a i{display: block; margin: 0 auto; transition-duration: 0.3s; }
.list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content .email a:hover i{ transform: rotate(45deg); }










.list_service_4{background: var(--main);}
.list_service_4 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: center; }
.list_service_4 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left: 50%; transform: translateX(-50%); background:#fff; position: absolute;}
.list_service_4 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#f18f45; text-transform:uppercase}
.list_service_4 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); text-align: center; top: 20px;}
.list_service_4 .content{background: #fff;  padding: 48px; border-radius: 12px; position: relative}
.list_service_4 .content::after{content: ""; left: 20px; right: 20px; bottom: -16px; height: 16px; background: rgba(255,255,255,0.4); position: absolute;border-radius: 0px 0px 12px 12px}
.list_service_4 .content .layui-form-label{ display: block; width: 100%; padding: 0; text-align: left; color:#666;float: none; margin-bottom: 12px;}
.list_service_4 .content .layui-input-block{ margin-left: 0;}
.list_service_4 .content .row{ display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg); margin-bottom: 24px;}



.list_news .article-list{ display: grid; grid-template-columns: repeat(4, 1fr); grid-gap:64px var(--gg) ;}
.list_news .article-list .item .img{ overflow: hidden; aspect-ratio: 16/10; margin-bottom: 24px; border-radius: 4px; }
.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: 16px; color: var(--main); margin-bottom: 6px;}
.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: 24px; color: #111;}
.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(--main);}



.contact_content_1 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: left; }
.contact_content_1 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left:0px;  background:var(--main); position: absolute;}
.contact_content_1 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.contact_content_1 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 0px;  text-align: center; top: 20px;}
.contact_content_1 .box{ position: relative; overflow: hidden; background: #fff; border-radius: 8px; border: #ececec solid 1px; box-shadow: 0px 10px 30px rgba(0,0,0,0.05)}
.contact_content_1 .box #container{ width: 100%; height: 520px;}
.contact_content_1 .box:after{content: "";pointer-events: none; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 50%; z-index: 2; background: linear-gradient(90deg, rgba(255,255,255,1), rgba(255,255,255,1) 40%, rgba(255,255,255,0));}
.contact_content_1 .box .info{ position: absolute; padding:0 80px;left: 0px; top: 50%; transform: translateY(-50%);width: 40%; z-index: 3;}
.contact_content_1 .box .info h2{ color:#111; font-size: 32px; margin-bottom: 20px; position: relative; font-weight: normal}
.contact_content_1 .box .info ul li{ border-bottom: #ececec solid 1px; line-height: 60px; color: #333; display: flex; justify-content: left; align-items: center;}
.contact_content_1 .box .info ul li i{ width: 32px; text-align: center}
.contact_content_1 .box .info ul li strong{ font-weight: normal}
.amap-logo{ display: none!important;}
.amap-copyright{ display: none!important;}


.contact_content_2 {background: #f5f6f8;}
.contact_content_2 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: left; }
.contact_content_2 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left:0px;  background:var(--main); position: absolute;}
.contact_content_2 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.contact_content_2 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 0px;  text-align: center; top: 20px;}
.contact_content_2 .content{ position: relative}
.contact_content_2 .content .layui-form-label{ display: block; width: 100%; padding: 0; text-align: left; color:#666;float: none; margin-bottom: 12px;}
.contact_content_2 .content .layui-input-block{ margin-left: 0;}
.contact_content_2 .content .row{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: var(--gg); margin-bottom: 24px;}
.contact_content_2 .content .row-button{ display: grid; grid-template-columns: 3fr 1fr; grid-gap: 96px; align-items: center;}


.contact_content_3 .title{ position: relative; padding-bottom:36px; margin-bottom: 50px; text-align: left; }
.contact_content_3 .title::after{ content: ""; width: 60px; height:3px; bottom: 0; left:0px;  background:var(--main); position: absolute;}
.contact_content_3 .title p{ font-family: 'Noto Serif SC'!important; font-size: 48px; line-height: 1; font-weight: normal;color:#eeeeee; text-transform:uppercase}
.contact_content_3 .title h2{ font-size: 36px; line-height: 1;font-weight: normal; position: absolute; left: 0px;  text-align: center; top: 20px;}
.contact_content_3 .content{ position: relative; display: grid; grid-template-columns: repeat(3,1fr); grid-gap: var(--gg);}
.contact_content_3 .content .item{ border-radius: 8px; border: #ddd solid 1px; padding: 32px;}

.contact_content_3 .content .item .name{ font-weight: normal; font-size: 32px; color: #111;}
.contact_content_3 .content .item .info h3{ font-weight: normal; font-size: 24px; color: #333;}






.show_news .pagewidth{ position: relative }
.show_news .pagewidth .back { position: absolute; left: 0; top: 20px;}
.show_news .pagewidth .back  a{ display: block; width: 48px; height: 48px;border:var(--main) solid 1px; border-radius: 50px; display: flex; justify-content: center; align-items: center; transition-duration: 0.3s;}
.show_news .pagewidth .back  a:hover{background:var(--main); color:#fff; text-decoration: none; transform: scale(1.3);}
.show_news .pagewidth .next { position: relative;}
.show_news .pagewidth .next .bgtext{ text-align: center; font-size: 160px;position: absolute; bottom: 0px; width: 100%; line-height: 1; z-index: 3; font-weight: 700;text-transform: uppercase; -webkit-text-stroke: 1px rgba(213,179,112,0.2);-webkit-text-fill-color: transparent;}
.show_news .pagewidth .next  h2{ z-index: 4; text-align: center; line-height: 1.2;  width: 60%;  padding-left: 20%; padding-right: 20%; position: absolute; top:50%; transform: translateY(-50%);}
.show_news .pagewidth .next  h2 a{ color:rgba(213,179,112,0.6); transition-duration: 0.3s; cursor:pointer; line-height: 1.2; font-size: 56px;}
.show_news .pagewidth .next  h2 a:hover{ color:rgba(213,179,112,1); }
.show_news .content{ width: 1140px; margin: 0 auto; }
.show_news .title{line-height: 1.2; font-size: 36px; margin-bottom:24px; }
.show_news .info{border-bottom:#ddd solid 1px; padding-bottom: 24px;font-size: 14px; color: #999; }
.show_news .html { padding-top: 60px; padding-bottom: 60px;}
.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(--blue);}
.show_news .other p.left{text-align: left;}
.show_news .other p.right{text-align: left;}










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

}

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

}
@media screen and (max-width: 1440px) {
    .index_about .pagewidth{ grid-gap: 72px;}
    .index_product .pagewidth .content{ grid-template-columns: repeat(2,1fr); }
    .index_product .pagewidth .content .item{ grid-gap: 32px 24px;}
    .list_product .pagewidth .side{ padding: 24px;}
    .show_product .pagewidth .content .top{grid-template-columns:400px auto;}
    .about_content_1 .content{ grid-gap: 100px;}
    .about_content_1 .content .right .img img{ height: 80px;}
    .about_content_2 .pagewidth .content .item{ padding: 32px;}
    .about_content_2 .pagewidth .content .item .info h3{ font-size: 24px;}
    .list_service_1 .content .icon{ padding-top: 66px;}
    .list_service_2 .content{ grid-gap: 48px;}
    .list_service_2 .content .img{ padding-left: 100px;}
    .list_service_2 .content .img .small{ width: 200px;}
    .show_news .content{ width: 980px;}
    .contact_content_1 .box .info{ padding: 48px; width:45%}
    .contact_content_1 .box:after{width: 70%; }
    .contact_content_3 .content .item .info h3{ font-size: 18px;}
    .contact_content_3 .content .item .name{ font-size: 24px;}
    .show_case .content{ width: auto;}
    .padding{ padding-top:90px; padding-bottom:90px; }
    .show_product .pagewidth .content .detail .subcontent .tedian .item{ grid-template-columns:auto 180px;}


}
@media screen and (max-width: 1280px) {
    .show_product .pagewidth .content .detail .subcontent .tedian .item{ grid-template-columns:auto 160px;}
    .show_product .pagewidth .content .detail .subcontent .tedian .item .info{ padding: 16px;}


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


}
@media screen and (max-width: 720px) {
    .padding{ padding-top: 60px; padding-bottom: 60px;}
    .index_banner .swiper-slide .info{ width: 95%;}
    .index_banner .swiper-slide .info h3{ height: auto;}
    .index_banner .swiper-slide .info h3 img{ width: 100%;}
    .index_banner .swiper-slide .info h3 img.pc{ display: none}
    .index_banner .swiper-slide .info h3 img.mobile{ display: inline}
    .index_banner .swiper-slide .info p{ font-size:20px;letter-spacing:2px;}
    .index_banner .swiper-slide .info .more{ display: block; text-align: center}
    .index_banner .swiper-slide .info .more a{ margin-bottom: 24px;}
    .index_about .pagewidth .title{ margin-bottom: 32px;}
    .index_about .pagewidth .title p{ font-size: 36px;}
    .index_about .pagewidth .title h2{ font-size: 32px; top: 20px;}
    .index_about .pagewidth{ display: block;}
    .index_about .pagewidth .content h3{ font-size: 24px;}
    .index_about .pagewidth .img{ display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 32px;}
    .index_about .pagewidth .info{ margin-bottom: 40px;}
    .index_about .pagewidth .photo{ display: none}

    .index_product .pagewidth .title{ margin-bottom: 32px;}
    .index_product .pagewidth .title p{ font-size: 36px;}
    .index_product .pagewidth .title h2{ font-size: 32px; top: 20px; width: 100%;}
    .index_product .pagewidth .content{grid-template-columns: repeat(1,1fr); margin-bottom: 32px;}
    .index_product .pagewidth .content .item{ padding: 24px 16px; grid-template-columns: 8fr 5fr; align-items: center;}
    .index_product .pagewidth .content .item .info h3 { }


    .index_product .pagewidth .content .item .info h3{ font-size: 18px; bottom: 0px;}
    .index_product .pagewidth .content .item .info .description{ top: 0px; opacity: 1; font-size: 13px; -webkit-line-clamp:2;}
    .index_product .pagewidth .content .item .info h3{ margin-bottom: 12px; padding-bottom: 12px;}

    .index_case .pagewidth .title{ margin-bottom: 32px;}
    .index_case .pagewidth .title p{ font-size: 36px;}
    .index_case .pagewidth .title h2{ font-size: 32px; top: 20px;}
    .index_case .pagewidth .content{grid-template-columns: repeat(1,1fr); margin-bottom: 32px;}
    .index_case .pagewidth .content .item:nth-child(1){ grid-column: initial; grid-row: initial}
    .index_case .pagewidth .content .item:nth-child(1) .img{ height: auto;}
    .index_case .pagewidth .content .item:nth-child(1) .info h3{ font-size: 16px;}
    .index_case .pagewidth .content .item:nth-child(1) .info{ left: 20px; bottom: 20px; position: initial}
    .index_case .pagewidth .content .item .info h3{ font-size: 16px;}

    .index_news .pagewidth .title{ margin-bottom: 32px;}
    .index_news .pagewidth .title p{ font-size: 36px;}
    .index_news .pagewidth .title h2{ font-size: 32px; top: 20px;}
    .index_news .pagewidth .swiper-slide .info .date{ font-size: 14px;}
    .index_news .pagewidth .swiper-slide .info h2 a{ font-size: 20px;}
    .index_news .pagewidth .swiper-pagination-bullet{ width: 24px;}



    .detail_banner .pagewidth{ height: 360px;}

    .detail_banner .text p{ font-size: 36px;}
    .detail_banner .text h1{ font-size: 32px; top: 20px;}


    .list_product .pagewidth .side{ position: initial}
    .list_product .pagewidth{ display: block; grid-template-columns: repeat(1,1fr);}
    .list_product .pagewidth .content .article-list{ grid-template-columns: repeat(1,1fr); }
    .list_product .pagewidth .side{background: none; padding: 0;}
    .list_product .pagewidth .side .title{ display: none}
    .list_product .pagewidth .side ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: var(--gg) }
    .list_product .pagewidth .side ul li a{ background: #fff;}
    .list_product .pagewidth .side ul li a:hover{ background: #fff;}
    .list_product .pagewidth .side ul li a{ grid-template-columns:42px auto }
    .list_product .pagewidth .side ul li a .img{ height: 32px; width: 32px;}
    .list_product .pagewidth .content .article-list .item .info h2{ font-size: 16px;}


    .show_product .pagewidth{ display: block; grid-template-columns: repeat(1,1fr);}
    .show_product .pagewidth .side{ position: initial}
    .show_product .pagewidth .side{background: none; padding: 0;}
    .show_product .pagewidth .side .title{ display: none}
    .show_product .pagewidth .side ul{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: var(--gg) }
    .show_product .pagewidth .side ul li a{ background: #fff;}
    .show_product .pagewidth .side ul li a:hover{ background: #fff;}
    .show_product .pagewidth .side ul li a{ grid-template-columns:42px auto }
    .show_product .pagewidth .side ul li a .img{ height: 32px; width: 32px;}
    .show_product .pagewidth .content .top .photo{ }
    .show_product .pagewidth .content .top .photo{ border: none;}
    .show_product .pagewidth .content .detail .subcontent .color p{ font-size: 12px; line-height: 1.4}
    .show_product .pagewidth .content .info h1{ font-size: 20px; line-height: 1.4}
    .show_product .pagewidth .content .info .button a{ padding: 14px 20px; grid-gap: 6px;}
    .show_product .pagewidth .content .top{ display: block; grid-template-columns: repeat(1,1fr); grid-gap: var(--gg) }
    .show_product .pagewidth .content{ padding: 0;}
    .show_product .pagewidth .content .detail .subcontent{ margin-bottom: 50px;}
    .show_product .pagewidth .content .top .info{ padding: 24px;}
    .show_product .pagewidth .content .detail{ padding-left: 24px; padding-right: 24px; padding-bottom: 10px;}
    .show_product .pagewidth .content .detail .subcontent .color{ display: grid; grid-template-columns: repeat(4,1fr); grid-gap: var(--gg) }

    .show_product .pagewidth .content .detail .subcontent .tedian{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: var(--gg) }

    .show_product .pagewidth .content .detail .subcontent .tedian .item{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: var(--gg) }

    .detail_menu ul li{ padding-top:6px; padding-bottom: 6px; }
    .detail_menu ul li a{ display:block;height:44px; line-height:44px;color:#333;  padding-left: 16px; padding-right:16px; border-radius: 30px; transition-duration: 0.3s;}

    .list_case .pagewidth .article-list{ grid-template-columns: repeat(1,1fr); grid-gap: 32px var(--gg) }
    .list_case .pagewidth .article-list .item .info h3{ font-size: 16px;}

    .show_case .title h1{ font-size: 24px; line-height: 1.4}
    .show_case .other{ display: grid; grid-template-columns: repeat(1,1fr); grid-gap: var(--gg) }
    .show_case .other .img{ display: none}
    .show_case .other .info h3 a{ line-height: 1.4;}
    .show_case .other .right .info{ text-align: left}


    .about_content_1 .title p{ font-size: 36px;}
    .about_content_1 .title h2{ font-size: 32px;}
    .about_content_1 .content{ display: block;}
    .about_content_1 .content::after{ display: none}
    .about_content_1 .content .left{ margin-bottom: 24px;}
    .about_content_1 .content .left h3{ font-size: 24px;}
    .about_content_1 .content .right .img{ display:none}
    .about_content_1 .content .right h3{ font-size: 22px;}
    .about_content_1 .content .right .html{ margin-bottom: 36px;}
    .about_content_1 .content .left h3{ margin-bottom: 24px;}

    .about_content_2 .pagewidth .content{ display: grid; grid-template-columns: repeat(1,1fr);  }
    .about_content_2 .pagewidth .content .item{ padding: 24px;}
    .about_content_2 .pagewidth .content .item .info h3{ font-size: 20px;}


    .about_content_3 .title p{ font-size: 36px; text-align: left;}
    .about_content_3 .title h2{ font-size: 32px; left: 0; transform: translateX(0)}
    .about_content_3 .title:after{ left: 0; transform: translateX(0)}

    .about_content_3 .content .swiper-slide .info{ padding: 24px;}
    .about_content_3 .content .swiper-slide .info{ height: auto;}
    .about_content_3 .pagewidth .swiper{ padding-bottom: 40px;}
    .about_content_3 .pagewidth .swiper-pagination-bullet{ width: 24px;}

    .about_content_4 .title p{ font-size: 36px; text-align: left;}
    .about_content_4 .title h2{ font-size: 32px; left: 0; transform: translateX(0)}
    .about_content_4 .title:after{ left: 0; transform: translateX(0)}
    .about_content_4 .content{ grid-template-columns: repeat(1,1fr); }
    .about_content_5 .title p{ font-size: 36px;}
    .about_content_5 .title h2{ font-size: 32px; left: 0; transform: translateX(0)}
    .about_content_5 .title:after{ left: 0; transform: translateX(0)}
    .about_content_5 .content{ grid-template-columns: repeat(2,1fr); }


    .list_service_1 .title p{ font-size: 36px; text-align: left;}
    .list_service_1 .title h2{ font-size: 32px; left: 0; transform: translateX(0)}
    .list_service_1 .title:after{ left: 0; transform: translateX(0)}
    .list_service_2 .title p{ font-size: 36px; text-align: left;}
    .list_service_2 .title h2{ font-size: 32px; left: 0; transform: translateX(0)}
    .list_service_2 .title:after{ left: 0; transform: translateX(0)}
    .list_service_3 .title p{ font-size: 36px; text-align: left;}
    .list_service_3 .title h2{ font-size: 32px; left: 0; transform: translateX(0)}
    .list_service_3 .title:after{ left: 0; transform: translateX(0)}

    .list_service_1 .content{ display: block;}
    .list_service_1 .content .icon{ display: none}
    .list_service_1 .content .icon i{ transform:rotate(190deg); position: relative}
    .list_service_1 .content .item .img{ margin-bottom: 0;}
    .list_service_1 .content .item{ display: grid; grid-template-columns: 120px auto; grid-gap:32px; align-items: center; width: auto; margin-bottom: 24px; }
    .list_service_1 .content .item .info h3{ line-height: 1; margin-bottom: 12px;}
    .list_service_1 .content .item .info{ text-align: left}
    .list_service_2 .content{ grid-template-columns: repeat(1,1fr); }
    .list_service_2 .content .img .small{ width:120px;}
    .list_service_2 .content .img{ padding-left:32px;}
    .list_service_2 .content .info .symbol{ font-size: 100px;  height: 72px;}
    .list_service_2 .content .info{ font-size: 16px;}

    .list_service_3 .pagewidth .content .layui-colla-item .layui-colla-title{ padding: 14px 24px;}
    .list_service_3 .pagewidth .content .layui-colla-item .layui-colla-title h2{ font-size: 16px;}
    .list_service_3 .pagewidth .content .layui-colla-item .layui-colla-content{ padding: 0px 24px;}

    .list_service_4 .title p{ font-size: 24px; text-align: left;}
    .list_service_4 .title h2{ font-size: 32px; left: 0; transform: translateX(0) ;top: 10px;}
    .list_service_4 .title:after{ left: 0; transform: translateX(0)}

    .list_service_4 .content .row{grid-template-columns: repeat(1,1fr); }
    .list_service_4 .content{ padding: 24px;}
    .layui-form-checkbox>div{ white-space: initial!important; font-size: 14px!important;}


    .list_news .article-list{ grid-template-columns: repeat(1,1fr); }
    .list_news .article-list .item .info h2 a{ font-size: 20px;}
    .show_news .pagewidth .back{ display: none}
    .show_news .content{ width: auto;}
    .show_news .title{ font-size: 24px;}



    .contact_content_1 .title p{ font-size: 24px; text-align: left;}
    .contact_content_1 .title h2{ font-size: 32px; left: 0; transform: translateX(0) ;top: 10px;}
    .contact_content_1 .title:after{ left: 0; transform: translateX(0)}
    .contact_content_1 .box .info { padding: 24px; position: initial; width: auto; transform: translateY(0)}
    .contact_content_1 .box:after{ display: none}
    .contact_content_2 .title{ }
    .contact_content_2 .title p{ font-size: 24px; text-align: left;}
    .contact_content_2 .title h2{ font-size: 32px; left: 0; transform: translateX(0) ;top: 10px;}
    .contact_content_2 .title:after{ left: 0; transform: translateX(0)}
    .contact_content_2 .content .row-button{ display: block}
    .contact_content_2 .content .row{ grid-template-columns: repeat(1,1fr); }

    .contact_content_1 .box .info h2{ font-size: 24px; line-height: 1.4}

    .contact_content_3 .title p{ font-size: 24px; text-align: left;}
    .contact_content_3 .title h2{ font-size: 32px; left: 0; transform: translateX(0) ;top: 10px;}
    .contact_content_3 .title:after{ left: 0; transform: translateX(0)}
    .contact_content_3 .content{ grid-template-columns: repeat(1,1fr); }

}

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

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