body,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", "WenQuanYi Micro Hei", sans-serif;
}

.group:hover .group-hover\:block {
    display: block;
}

.group:hover .group-hover\:inline-block {
    display: inline-block;
}

.group:hover .group-hover\:inline {
    display: inline;
}

.group:hover .group-hover\:flex {
    display: flex;
}

.group:hover .group-hover\:inline-flex {
    display: inline-flex;
}

.group:hover .group-hover\:table {
    display: table;
}

.group:hover .group-hover\:table-row {
    display: table-row;
}

.group:hover .group-hover\:table-cell {
    display: table-cell;
}

.group:hover .group-hover\:hidden {
    display: none;
}

.group:hover .group-hover\:scale-150{
    transform: scale(1.5);
    filter: blur(3px);
}

.text-md {
    font-size: .9rem;
    line-height: 1.4rem;
}

.h-1px {
    height: 1px;
}

.h-2px {
    height: 2px;
}

.h-3px {
    height: 3px;
}

.h-4px {
    height: 4px;
}

.group-hover\:w-full {
    transition: all .3s;
}

.group:hover .group-hover\:w-full {
    width: 100%;
}

#home-swiper-categories .swiper-container {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

#home-swiper-categories .swiper-slide {
    background-size: cover;
    background-position: center;
}

#home-swiper-categories .gallery-top {
    width: 100%;
}

#home-swiper-categories .gallery-thumbs {
    box-sizing: border-box;
    padding: 10px;
    max-width: 800px;
    position: relative;
}
@media (min-width:1024px){
    #home-swiper-categories .gallery-thumbs{
        top: -70px;
    }
}
#home-swiper-categories .gallery-thumbs .swiper-slide {
    height: 100%;
    opacity: 0.8;
    backdrop-filter: blur(4px);
}

#home-swiper-categories .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
    padding-bottom: 10px;
    background: #00479d;
    top: -10px;
}
.swiper-container{
    --swiper-theme-color: #00479d;/* 设置Swiper风格 */
    --swiper-navigation-color: #158bd0;/* 单独设置按钮颜色 */
    --swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.home-swiper-container{
    --swiper-navigation-color: #ffffff;/* 单独设置按钮颜色 */
}
.gallery-top{
    --swiper-navigation-color: #000 !important;
}
.content{
    min-height: 100vh;
}
.text-shadow{
    text-shadow: 0 0 5px rgba(0,0,0,0.2);
}
/* 组件
 * Page
 * 分页样式 
 */
 .ui-paging,.ui-paging input {
	color:gray;
	margin:0;
	padding:0;
	zoom:1;
	font-size:12px;
	vertical-align:middle
}
.ui-paging:after {
	clear:both;
	content:" ";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden
}
.ui-paging a,.ui-paging span.ui-paging-prev,.ui-paging span.ui-paging-next {
	text-decoration:none;
	color:gray;
	margin:0 3px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	height:26px;
	line-height:26px
}
.ui-paging-prev,.ui-paging-next,.ui-paging-goto {
	background-color:#F9F9F9;
	background:-webkit-gradient(linear,left top,left bottom,from(#FEFEFE),to(#F4F4F4));
	background:-moz-linear-gradient(top,#FEFEFE,#F4F4F4);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FEFEFE',endColorstr='#F4F4F4');
	background:-o-linear-gradient(top,#FEFEFE,#F4F4F4);
	background:linear-gradient(top,#FEFEFE,#F4F4F4);
	padding:0 12px;
	border:1px solid #ccc;
	border-radius:3px;
	box-shadow:0 0 0 1px #fff inset
}
.ui-paging-prev:hover,.ui-paging-next:hover,.ui-paging-goto:hover {
	border-color:#999;
	color:#666
}
.ui-paging-prev:hover .iconfont,.ui-paging-next:hover .iconfont {
	color:#666
}
.ui-paging .ui-paging-prev {
	margin:0 3px 0 0
}
.ui-paging .iconfont {
	font-size:10px;
	color:#787878
}
.ui-paging a.ui-paging-item {
	background-color:#f3f3f3;
	font-weight:700;
	padding:0 12px;
	border:0
}
.ui-paging a.ui-paging-current,.ui-paging a.ui-paging-item:hover {
	background-color: #E74C3C;
    color: #FFFFFF;
}
a.ui-paging-prev:hover,a.ui-paging-next:hover {
	text-decoration:none;
	color:#666
}
.ui-paging-info {
	line-height:24px;
	margin-right:5px;
	height:24px
}
.ui-paging-ellipsis {
	margin:0 5px;
	line-height:16px;
	font-weight:700
}
.ui-paging-which input {
	height:20px;
	line-height:20px;
	padding:0 6px;
	width:22px;
	border:1px solid;
	border-color:#aaa #d1d1d1 #d1d1d1 #aaa
}
.ui-paging-which input:hover {
	border-color:#999;
	color:#666
}
.ui-paging-bold {
	font-weight:700;
	padding:0 8px
}
.ui-paging span.ui-paging-prev,.ui-paging span.ui-paging-next,.ui-paging span.ui-paging-prev .iconfont,.ui-paging span.ui-paging-next .iconfont {
	color:#fff;
	box-shadow:none;
	background:#d4d4d4;
	border-color:#d4d4d4;
	filter:none
}
.ui-paging span.ui-paging-prev{
	margin-left:0;
}
.ui-paging span.ui-paging-next{
	margin-right:0;
}
.ui-paging .iconfont{
    display: none;
}
/*页脚导航*/
.footer-navigation li{
/*display:inline;*/
}

/**search **/
#mod-product-list .product-list-wrap{
    border-top: 1px solid #E5E8F1;
    position: relative;
    margin-bottom: -1px;
}

#mod-product-list .product-list-wrap li.product-list-gird{
    background: #fff;
    overflow: hidden;
    padding: 20px 30px;
    text-align: left;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #00479d;
}
#mod-product-list .product-list-wrap li.product-list-gird .mod-product-cover{
	position: relative;
    float: left;
}

#mod-product-list .product-list-wrap li.product-list-gird .mod-product-cover, #mod-product-list .product-list-wrap li.product-list-gird .mod-product-cover img{
	display: block;
    overflow: hidden;
    /*margin: 10px 0;*/
}
#mod-product-list .mod-product-info{
text-align: left;
    margin-left: 450px;
}
#mod-product-list .mod-product-info .product-title{
line-height: 18px;
    margin-bottom: 10px;
    font-family: 'Nexa';
    font-weight: 600;
    font-size: 24px;
    padding-top: 15px;
}
#mod-product-list .mod-product-info .product-title a{
    color: #00479d;
}
.product-description{
    font-size: 13px;
    line-height: 1.7;
    padding-top: 10px;
    color: #777;
}

/* Colorbox */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0;}
#cboxContent{margin-top:32px; overflow:visible; background:#000;}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{background:#fff; padding:1px;}
#cboxLoadingGraphic{background:url(../images/loading.gif) no-repeat center center;}
#cboxLoadingOverlay{background:#fff;}
#cboxTitle{position:absolute; top:-22px; left:0; color:#fff;}
#cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-20px; background:url(../images/controls.png) no-repeat 0 0;}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

#cboxPrevious{background-position:0px 0px; right:44px;}
#cboxPrevious:hover{background-position:0px -25px;}
#cboxNext{background-position:-25px 0px; right:22px;}
#cboxNext:hover{background-position:-25px -25px;}
#cboxClose{background-position:-50px 0px; right:0;}
#cboxClose:hover{background-position:-50px -25px;}
.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
.cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
.cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}


/* Product 模块区域 */
#mod-product-categories .ui-box-container .level-1{

}

#product-left-column .ui-grid-inner{
	margin:0 15px; float: left;
}
#image-block {
	background:url(../images/loading.gif) no-repeat center;
	height:400px;
	height:400px;
	overflow:hidden;
}
#image-block a.mod-imagezoom{
	display:inline-block;
	position: relative;
}
#image-block img{
	display:block;
}

.mod-thumbnails{
	margin-top:15px;
}
.mod-thumbnails .tempWrap{
	float:left;
}
.mod-thumbnails .btn-prev,.mod-thumbnails .btn-next{
	display:block;
	float:left;
	width:15px;
	height:78px;
	margin:0 3px 0 0;
	display:inline;
	border:1px solid #ddd;
	text-align:center;
	line-height:78px;
	font-size:11px;
	color:#888;
	cursor:pointer;
}
.mod-thumbnails .btn-prev i,.mod-thumbnails .btn-next i{
	cursor:pointer;
}
.mod-thumbnails .btn-next{
	float:right;
	margin:0 0 0 3px;
	display:inline;
}
.mod-thumbnails .btn-prev:hover,.mod-thumbnails .btn-next:hover{
	background-color:#f8f8f8;
	color:#1D6DBD;
}
.mod-thumbnails ul{
	float:left;
	/*width:360px;*/
	overflow:hidden;
}

.mod-thumbnails ul li{
	margin:0 5px;
}
.mod-thumbnails ul li,.mod-thumbnails ul li img{
	float:left;
	width:80px;
	height:80px;
	overflow:hidden;
}
.mod-thumbnails ul li img{
	width:76px;
	height:76px;
	padding:1px;
	border:1px solid #ddd;
}

.mod-thumbnails ul li.cover img{
	border-color:#00a8e1;
	padding:0;
	border-width:2px;
}

#product-right-column .inner-head .product-name{
	font-size:20px;
	    color: #333;
}

#product-right-column .inner-body{
	border-top:1px solid #eee;
	margin-top:15px;
	padding-top:15px;
}
#product-right-column .inner-body .ui-table{
	border:none; display:none;
}
#product-right-column .inner-body .ui-table .name {
	color:#999
}
#product-right-column .inner-body .ui-table .value {
	color:#333
}
#product-right-column .product-short-description{
	padding:15px 5px 0;
	line-height:180%;
	color:#555;
}
.product-title{
	color: #000;
    font-size: 18px;
    margin: 18px 0;
    text-align: center;
}
.inquire-title{
	position: absolute; 
	top: 180px;
	width: 100%;
	z-index: 9;
}

/*产品分类*/
.product_category_desc{float: left;}
.product_category_desc img{display: inline!important;padding: 0.3rem;}
.product_category_desc p{margin-top: 10px; margin-bottom: 10px;}
.common-banner{/*top:88px;*/}
.common-product-body,.common-body{/*position: relative;top: 88px;min-height: 100vh; display:flex;*/}
@media (max-width: 768px){
	.inquire-title{top: 100px;}
	.common-banner{/*top:66px;*/}
	.common-body{/*top: 66px;*/    margin-top: -60px;}
	.common-product-body{margin-top: -6px;}
	.text-5xl{font-size: 2.6rem}
}


@media (min-width: 1280px){
    .container {
        max-width: calc(1200px + 1rem);
		
    }
	
}
@media (min-width: 1536px){
    .container{
        max-width:calc(1200px + 1rem);
    }
	
}