/* 2025-4 HLP */
:root{--my-color:#ea5404;}

/* 滚动条样式 */
::-webkit-scrollbar{width:8px;height:8px}
::-webkit-scrollbar-track{background:#ccc}
::-webkit-scrollbar-thumb{background:var(--my-color);height:60px}
::-webkit-scrollbar-thumb:window-inactive{background:var(--my-color)}
::-webkit-scrollbar-thumb:vertical:hover{background:var(--my-color)}

@font-face{font-family: 'MiSans-Regular';src: url("../fonts/misans-regular.ttf");font-weight: normal;font-style: normal;}

/* css reset start */
body{font-family:"PingFang SC", "微软雅黑", 'Microsoft YaHei',"Helvetica Neue", "Hiragino Sans GB","WenQuanYi Micro Hei", "Microsoft Yahei", sans-serif, serif;color:#333;width:100%;min-width:320px;font-size:14px;word-break:break-word;overflow-x:hidden}
textarea{resize:none}
a{text-decoration:none;color:#333;}
a:hover{color:var(--my-color)}
.animated{-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}
.img{width:100%;overflow:hidden;position:relative;-webkit-transition:all .5s;transition:all .5s}
.img img{display:block;width:100%;-webkit-transition:all .5s;transition:all .5s}
.zoomImg:before{content: "";position: absolute;top: 0;left: -90%;z-index: 2;display: block;width: 50%;height: 100%;background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 100%);background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.08) 100%);-webkit-transform: skewX(-25deg);-ms-transform: skewX(-25deg);transform: skewX(-25deg);-webkit-transition: all 0.75s;transition: all 0.75s;}
a:hover .zoomImg>img,
.zoomImg:hover>img{-webkit-transform: scale(1.1);transform: scale(1.1);}
a:hover .zoomImg:before,
.zoomImg:hover:before{left:125%;}
.fixedBg{background-repeat:no-repeat;background-position:center;background-size:cover;background-attachment:fixed;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1}
.clamp2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.clamp3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.ellipsis{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.fl{float:left}
.fr{float:right}
.swiper-button-next,.swiper-button-prev,.swiper-pagination-bullet{border:none;outline:0}
a.swiper-slide{display:block}
.wrapper{min-height:70vh;}
.inside-main{position: relative;width:100%;overflow: hidden;padding:50px 0;}
.inside-main .index-title .h2{ line-height: 50px; font-size: 3rem !important;}


.line-height-2{line-height: 2;}

.InfoContent-title{font-size:18px;font-weight: 700;color:#000;margin-bottom:15px;line-height: 1.5;border-left:5px solid var(--my-color);padding-left:10px;}
.hrefAnchor{position: absolute;left:0;top:-60px;}
@media (min-width:576px) and (max-width:767px) {
	/* .container{max-width: none;} */
}
@media (max-width:767px){
	.PC-show{display:none!important}
	/* .container{padding-left:15px;padding-right:15px} */
}
@media (min-width:768px){
	.gotop{display: none!important;}
	body{}
	.hrefAnchor{top:-80px;}
	.inside-main{padding:60px 0;}
	/* .container{padding-left:0;padding-right:0} */
	.Min-show{display:none!important}
}
@media (min-width:1200px){
	.inside-main{padding:70px 0;}
	.InfoContent{font-size:16px;}
	.InfoContent-title{font-size:20px;padding-left:20px;margin-bottom:25px;}
}
@media (min-width:1400px){
	body{}
	.hrefAnchor{top:-90px;}
	.bodyPadding{}
	/* .container{max-width:1200px;} */
}
@media (min-width:1600px){
	/* .container{max-width:1300px;} */
	
}
@media (min-width: 1799px) {
    /* .container {
        width: 1470px;
    } */
}

/*内页共用*/
.inside-banner{position:relative;overflow:hidden;/* height:200px; */background:#a8aeb7;transition: all 0.5s;}
.inside-banner>img{display:block;width:100%;transition: all 0.5s;animation: imgZoomIn 5s ease-in;position: relative;}
.inside-banner:before{content: '';position: absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.2);z-index: 2;}
.inside-banner-title{position: absolute;width:100%;height:100%;top:0;left:0;display: flex;flex-direction: column;justify-content: center;z-index: 3;}
.inside-banner-title .index-title{margin-bottom:0;text-shadow: 1px 1px 1px rgba(0,0,0,0.2);}
.inside-banner-title .p{margin-top:10px;font-size:14px;}
.inside-banner-title h3{font-weight: 700;font-size:18px;margin:10px 0 0;line-height: 1.2;}
@-webkit-keyframes imgZoomIn{
	0%{-webkit-transform:scale(1.05);transform:scale(1.05);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}
@keyframes imgZoomIn{
	0%{-webkit-transform:scale(1.05);transform:scale(1.05);}
	100%{-webkit-transform:scale(1);transform:scale(1);}
}


.details-other{position: relative;margin-top:40px;}
.details-other .goBack{position: absolute;display: block;line-height: 24px;padding:10px 0;right:0;top:0;color:#999;-webkit-transition: all 0.3s;transition: all 0.3s;}
.details-other .goBack:hover{color:var(--my-color);padding-right:15px;}
.info-previous-next-wrap{font-size:14px;text-transform:uppercase;overflow: hidden;}
.info-previous-next-wrap a{display: block;text-decoration:none;padding:10px 0;padding-right:180px;line-height: 24px;color:#999;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition: all 0.5s;}
.info-Previous{border-bottom:1px dashed #e4e4e4;}
.info-previous-next-wrap a:hover{color:var(--my-color);}
@media (max-width: 767px) {
	.inside-banner>img{object-fit: cover;min-height:220px;}
	.inside-banner-title .index-title .h2{font-size:26px;}
	.details-other .goBack{position: static;text-align: center;}
	.info-previous-next-wrap a{padding-right:0;}
	.submenu-swiper{display: none;}
	
	.pager li{display: none;}
	.pager li.previous,
	.pager li.next{display: block;}
}
@media (max-width: 400px) {
	.inside-banner-title .index-title .h2{font-size:24px;}
}
@media (min-width:768px){
	.inside-banner>img{object-fit: cover;min-height:260px;}
	.inside-banner-title h3{margin-top:20px;}
	.inside-banner-title .p{font-size:16px;}
	.InfoTitle h2{font-size:20px}
	.submenu-nav .nav-link{font-size:16px;}
	.submenu-nav .nav-link:hover{background:var(--my-color);color:#fff;}
	
	.pager,
	.details-other{margin-top:50px}
}
@media (min-width:1200px){
	.inside-banner>img{object-fit: cover;min-height:300px;}
	.inside-banner-title .p{margin-top:20px;font-size:20px;}
	.inside-banner-title h3{font-size:24px;}
	.InfoTitle h2{font-size:24px}
	.InfoTitle .date{font-size:14px}
}

/*产品中心*/
.visible{overflow: visible;}
.product-area>div{padding-bottom:10px;margin-bottom:40px;border-bottom:1px dashed #c9c9c9;position: relative;}
.product-area>div:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none;}
.product-title{margin-bottom:30px;}
.product-title .h2{display: flex;align-items: center;margin-bottom:0;}
.product-title .h2>span{font-size:20px;font-weight: 700;color:#000;}
.product-title .icon{width:40px;height:40px;margin-right:10px;border-radius: 50%;border:2px solid var(--my-color);}
.product-title .icon>img{display: block;width:100%;height:100%;}
.product-list{margin-left:-20px;margin-right:-20px;margin-top:-40px;}
.product-list .column{padding-left:20px;padding-right:20px;margin-top:40px;}
.product-list a{position: relative;padding:20px;display: block;transition: all 0.5s;}
.product-list a::before{content: '';width:40px;height:42px;background:url(../fonts/ede5372c2c5d4a6d804f9521be10a3be.woff)}
.product-list a::before{opacity: 1;}

@media (min-width:768px){
	.product-area>div{padding-bottom:20px;margin-bottom:50px;}
	.product-list h2{font-size:18px;}
	.product-title .h2>span{font-size:26px;}
	.product-list .more{margin-top:25px;}
}
@media (min-width:1200px){
	.product-area>div{padding-bottom:30px;margin-bottom:70px;}
	.product-title .icon{width:60px;height:60px;margin-right:20px;}
	.product-list{margin-left:-40px;margin-right:-40px;margin-top:-60px;}
	.product-list a{padding:25px 30px;}
	.product-list .column{padding-left:40px;padding-right:40px;margin-top:60px;}
	.product-list h2{font-size:20px;}
	.product-title .h2>span{font-size:30px;}
	.product-list .p{font-size:16px;}
}

/*产品详情*/
.product-details-list{margin:-20px -8px 0;}
.product-details-list .column{padding-left:8px;padding-right:8px;margin-top:20px;}
.product-details-list .inner{height:100%;box-shadow: 0 3px 15px rgba(0,0,0,0.08);padding:30px 20px;transition: all 0.5s;position: relative;top:0;background:#fff;}
.product-details-list .icon{width:60px;margin:0 auto;}
.product-details-list .icon>img{display: block;width:100%;}
.product-details-list h5{font-size:16px;font-weight: 700;text-align: center;margin:20px 0;transition: all 0.5s;}
.product-details-list .p{line-height:1.8;color:#666;}
.product-details-list .inner:hover h5{color:var(--my-color);}
.product-details-list .inner:hover{box-shadow: 0 3px 15px rgba(0,0,0,0.15);top:-5px;}
.cases-swiper{margin-left:-15px;margin-right:-15px;}
.cases-swiper .swiper{padding:0 15px 15px;}
.cases-swiper .swiper-pagination{transform: translateY(15px);}

@media (min-width:768px){
	.product-details-list{margin:-30px -15px 0;}
	.product-details-list .column{padding-left:15px;padding-right:15px;margin-top:30px;}
	.product-details-list .inner{padding:30px;}
	.product-details-list h5{font-size:18px;}
	.product-details-list .icon{width:80px;}
}
@media (min-width:1200px){
	.product-details-list .inner{padding:40px 30px;}
	.product-details-list h5{font-size:20px;}
	.product-details-list .p{font-size:16px;}
	.product-details-list .icon{width:100px;}
	.index-title>.h2{ font-size: 40px;}
}