@charset "utf-8";
/* CSS Document */

/* 超小屏幕 */
@media (max-width: 319px)
{
	
	
}

/* 移动屏 */
@media (min-width: 320px) and (max-width: 991px)
{
	#index-main section{ padding: 40px 0; min-height: 300px;}
	.index-banner .swiper-pagination .swiper-pagination-bullet{ width: 30px; height: 4px;}
	#header-container .px-4{
		padding-right: 0.5rem !important;
		padding-left: 0.5rem !important;
	}
	#home-service .home-service-list .item{width:100%;padding:3% 2.5%; margin-bottom: 20px;}
	.title-box{ text-align: center; padding: 10px 0; }
	.title-box h2{font-size: 24px;text-transform: uppercase; font-weight: bold; color: var(--title-color);}
	.title-box h5{font-size: 16px;text-align: left;}
	
	#home-categories-list{padding: 0;}
	#home-categories-list li{min-height: auto;margin: 20px 0 20px 0;}
	#home-categories-list li .tit-box{ bottom: 10%; width: 92%;}
	#home-categories-list li .tit-box h5{ font-size: 14px; padding: 2px 4px; }
	#home-categories-list li .tit-box a{ margin-top: 15px;}
	#home-categories-list .categories-prolist{position:absolute;  width: 200px; overflow: hidden; bottom: 10px; }
	#home-categories-list li .categories-btn span { padding: 2px 10px; }

	#home-contact-us .contact-item{ margin-bottom: 6px; min-height: auto; }
	#home-contact-us .contact-item .contact-icon{
	    width: 80px;
	    height: 80px;
	}
	#home-contact-us .contact-item .contact-icon i{
		font-size: 1.7rem;
	    position: absolute; /* 或 relative */
	    top: 22%; /* 或 bottom: 0 */
	    left: 34%; /* 或 right: 0 */
	}
	
	.faq-list .faq-item {
	  padding: 1.2rem 1.2rem;
	}
	.faq-list .faq-question h5 {
	  font-size: 1rem;
	}
	.faq-list .faq-answer p {
	  font-size: 0.92rem;
	}
	.search-list .search-item {
	  padding: 1.2rem 1.2rem;
	}
	.search-list .search-title h5 {
	  font-size: 1rem;
	}
	.search-list .search-summary p {
	  font-size: 0.92rem;
	}
	.security-code-box{ width: 92%; }
	.id-check-tip-container .check-tip-item{ margin-bottom: 20px;}
	
	.eten-fb-form{
		padding: 30px 5px;
		margin-bottom: 20px;
	}
	.eten-fb-form .col-12{margin-bottom: 20px;}
	.eten-fb-form .col-12 .mt-4{ margin-top: 0!important;}
	.contact-wrapper {padding: 1rem 0;}
	.contact-info{padding: 1rem;}
	#breadcrumb-container{width: 100%; margin: 5px 0; height: 40px; border-bottom: 1px solid var(--border-color);}
	.id-check-box {padding: 20px 0 20px 0;}	
	.id-check-tip-container{ padding: 30px 0 0px 0;}
	.index-banner .swiper-pagination {bottom: 0px;}
	.more-service-list .more-service-item{ margin: 10px;}
	
	/*
	.products-list .products-item{margin: 0px;	min-height:auto; margin-bottom: 20px;}
	.products-list .products-album-list{width: 60%;}
	.products-list .products-cat-name a{ font-size: 14px;}*/
	
	.product-list{padding: 40px 0 0px 0;}
	.product-list .product-item {margin-bottom: 2.5rem;}
	.id-check-tip-container .row,.download-list .row,.news-list .row,.product-list .row{--bs-gutter-x: 1.5rem;}
	#page-main section { padding: 30px 0 30px 0; height: auto; }
	
	/*产品详情*/
	#product-title-nav {top: 60px;}
	#product-details-hr {height: 50px;}
	.product-box .product-album{ width: 100%;padding-top: 10px; margin: 10px auto;}
	.product-box .product-album .product-subtitle{font-size: 1.5rem;}
	.product-box #product-brief{padding: 0;}
	.product-box #product-para{padding: 40px 0;}
	.product-box #product-para .product-para-image .image {padding: 2px;height: 140px; padding: 14px;}
	.product-box #product-para .product-para-image .image img{width: 100%; height: 100%;}
	.product-box #product-para .product-para-image .image .button h5{font-size: 0.9rem;}
	.product-box #product-para .product-para-image .image .button { margin-top: 22px;}
	#compare-prolist-modal{--bs-modal-margin: 1rem; margin-top: 100px;}
	.product-box #product-para .product-para-list h5 {padding: 10px 0px 10px 4px;}
    #product-compare .container{ --bs-gutter-x: 0;}
	.product-box #product-para .product-para-list .para-title h5{ background-color: var(--bg-color); color: var(--color-fff);}
	.product-box #product-para .product-para-image .bb-line, .product-box #product-para .product-para-list .bb-line{ border-bottom: 0;}
	.product-box #product-album,
	.product-box #product-over-view,
	.product-box #product-compare,
	.product-box #product-inquire{ scroll-margin-top: 50px; padding-top: 110px;}
	
	.home-product-list .product-item{margin-bottom: 20px; min-height: auto;}
	.home-product-list .cat-name{top: 10px;left: 20px;}
	.home-product-list .album-list{ bottom: 5px;left: 10%;width: 80%;}
	.home-product-list .album-button-prev{left: 2%;bottom: 55px;}
	.home-product-list .album-button-next{left: 91%;bottom: 55px;}
	.home-product-list .cat-name h5{ margin: 10px 0; font-size: 20px;}
	#mature-td-box .mature-td-title{margin-left: 0px;}
	#mature-td-box .maximg{padding: 10px; margin-top: 10px;}
	#home-about{ overflow: hidden;}
	#home-contact-us .contact-item h5 {padding: 10px 0;}
	#home-contact-us .contact-item{box-shadow: 0 4px 20px rgba(0, 0, 0, 0.06), 0 0 10px rgba(0, 47, 108, 0.06);}
	
	.products-body main{padding-top: 0px;}
	.wap-header-hr{ display: none;}
	#cat-products-index li .cat-banner{ min-height:auto; margin: 10px 0 5px;}
	#cat-products-index li .cat-products .product-item{margin-bottom: 1.5rem;}
	#cat-products-index li .cat-banner .tit-box {bottom:20px;}
	#cat-products-index li .cat-banner .tit-box .cat-desc{font-size: 16px;padding:0;margin-bottom: 20px;}
	#cat-products-index li .cat-banner .cat-banner-btn{margin-top: 10px;}
	#cat-products-index li .cat-banner .tit-box .cat-name{font-size: 24px;margin-bottom: 10px;padding: 5px 0;}
	#cat-products-index li .cat-banner .cat-banner-btn span{padding: 3px 20px;}
	#home-categories-list li .tit-box h5 { margin-bottom: 25px; }
	#mature-td-box .maximg {padding: 0px;}
	.home-about-container .about-txt{font-size: 1rem;}

}
 
 
/* 大屏幕 */
@media (min-width: 992px) and (max-width: 1199px)
{
	.id-check-tip-container .row,.download-list .row,.news-list .row,.product-list .row{--bs-gutter-x: 1rem;}
	.result-info .card{ min-height: 250px;}


}
 
/* 超大屏幕 */
@media (min-width: 1200px)
{
	#home-service .home-service-list .item:hover{transform:translateY(10px);border-bottom:3px solid var(--title-color);}
	#home-service .home-service-list .item:hover .left em{transform:rotateY(360deg)}
	#home-service .home-service-list .item:hover .left{
		background: linear-gradient(to top, #0e0e0e, #016bf5, #016bf5);color:var(--color-fff);
	}
	#home-contact-us .contact-item:hover h5,#home-contact-us .contact-item:hover a{ color: var(--title-color);}
	#home-contact-us .contact-item:hover{ color: var(--title-color); border-radius: var(--border-radius);transform:translateY(10px);}	
	#home-contact-us .contact-item:hover .contact-icon i{transform:rotateY(360deg)}
}