@font-face{
	font-family: "Qihei";
	src: url('../font/HYQiHei.otf');
	
}

*{font-family: "Qihei", Arial, Helvetica, sans-serif !important;}

a:hover{opacity: 1;}

.container-tab{margin: 0px auto;}

@media (min-width:992px){
	.container-tab{width:970px}
}
@media (min-width:1200px){
	.container-tab{width:970px}
}

.productList{margin-bottom: 40px;}
.productList a{display: block; width: 80%; margin: 10px auto 10px; position: relative;}
.productList a:hover div.productImg{border-radius: 100px; overflow: hidden;}
.productList a div{text-align: center; width: 100%; margin: 0px auto; padding: 20px 0px;}
.productList a div img.full{width: 80%; margin: 0px auto;}
.productList a div p{width: 100%; margin: 0px auto;}
.productList a:hover p.productImg .hover{display: block;}

.productList a p.productTitle{margin-top: 0px; margin-bottom: 0px; position: relative; z-index: 2; color: #4674b7; font-weight: bold; font-style: bold; font-size: 16px;}
.productList a p.productDes{color: #4674b7; font-size: 12px; margin-top: 0px; }
.productList a p.smallDes{color: #707070; font-size: 10px; line-height: 16px; margin-bottom: 20px; margin-top: 10px;}
.productList a p.productIcon{width: 30%; position: absolute; top: -25px; right: -20px; z-index: 2;}
.productList a p.hoverIcon{position: absolute; top: 0px; left: 0px; width: 100%; display: none;}
.productList a:hover p.hoverIcon{display: block;}

.productList .container a div img.full{width: 70%;}

.productList{background: #fff;}

.productContainer{width: 970px; margin: 0px auto; position: relative;}

#swiperProductList a{width: 100%; padding-top: 10px;}
#swiperProductList a p.productImg{top: -72px;}
#swiperProductList a p.productTitle{ line-height: 1.5; margin-top: 0px;}
#swiperProductList a p.productDes{ line-height: 1.2; padding-bottom: 10px;}
#swiperProductList a p.productIcon{top: 0px}
.productContainer .swiper-button-prev{margin-left: -40px;}
.productContainer .swiper-button-next{margin-right: -40px;}

/* .swiper-button-next{background: url('../images/nextButton.png') center no-repeat !important; width: 44px !important; background-size: contain !important; margin-right: -60px !important;}
.swiper-button-prev{background: url('../images/prevButton.png') center no-repeat !important; width: 44px !important; background-size: contain !important; margin-left: -60px !important;} */

.col-20{width: 20%; float: left;}
.col-25{width: 25%; float: left;}

.col-25 .productDes{margin-bottom: 0px;}

.st-mobileMenu ul li a{padding-left: 30px;}
#indexIcon{background: url(../images/m-icon-01.png) left center no-repeat; background-size: auto 20px;}
#productIcon{background: url(../images/m-icon-02.png) left center no-repeat; background-size: auto 20px;}
#caseIcon{background: url(../images/m-icon-03.png) left center no-repeat; background-size: auto 20px;}
#printIcon{background: url(../images/m-icon-04.png) left center no-repeat; background-size: auto 20px;}
#communityIcon{background: url(../images/m-icon-05.png) left center no-repeat; background-size: auto 20px;}
#technologyIcon{background: url(../images/m-icon-06.png) left center no-repeat; background-size: auto 20px;}