@charset "utf-8";
/* CSS Document */


/* 超小屏幕 */
@media (max-width: 575px)
{
	header{ height: 60px;}
	header .header-logo{ margin-top: 10px;}
	#header-container{ display: none;}
	.header-logo img{ height: 38px;}
    #index-banner .swiper-pagination-bullet{ width: 20px;height: 3px;border-radius:0;background:var(--color-fff);}
	#index-banner .swiper-pagination-bullet-active{ width: 20px;height: 3px;border-radius:0;background:var(--primary-focus-color);}
	#banner-next,#banner-prev,#new-product-next,#new-product-prev{ display: none;}
	#i-new-product{padding-bottom: 10px;}
	#i-new-product .swiper-product{padding-bottom:22px;}
	#i-new-product .new-products-item h2{ font-size: 20px;}
	.i-news-list .g-0{padding: 0; margin-bottom: 10px;}
	.main-index-block{padding: 20px 0px;}
	.main-page-block{ padding-top:10px; padding-bottom: 10px;}
	.i-news-list{padding: 0;}
	.title-box{ padding: 6px 0;}
	.title-box h2{font-size: 24px;}
	.title-box h5{font-size: 12px;}
	.title-box:after {
		content: "";
		background: var(--primary-focus-color);
		width: 40px;
		height: 2px;
		display: block;
		margin: 0px auto;
	}	
	#i-about-box .about-container h6{padding: 6px 15px;height: 54px;}
	#footer-container .footer-contact h4{ font-size: 16px;margin-bottom: 8px;}
	#footer-container{padding: 20px 0 20px;}
	.footer-qrcode{ display: none;}
	#footer-bottom{}
	#footer-bottom .copyright{ line-height: 22px;}
	#footer-container .footer-contact h4:after { content:none;}
	.phileks-kf{ display: none;}
	#i-product-cat .product-cat-item h2,.i-news-list .card-title{font-size: 16px;}
	#breadcrumb-container{ padding: 0;}
	#breadcrumb-container{ display: none;}
	.page-about-container{margin: 0px auto 0px;}
	.page-about-container .page-about-txt{ padding: 20px 0 10px;}
	.empty-tip{ padding: 100px 0;font-size: 14px;}
	.pagebar .float-start{ display: none;}
	.product-details-block{ margin: 0;}
	.product-details-block .container{ padding: 0; margin: 0;}
	.product-details-block .row,.product-details-block .row>*{ padding: 0; margin: 0;}
	#swiper-product-thumbs{ display: none;}
	.product-details-album{ padding: 0px;}
	.product-details-info{padding: 5px 8px;min-height:inherit;}
	.product-introduction .title{padding: 5px 8px;}
	#product-tab .nav-item .nav-link{ width: 100%; text-indent: 10px; text-align: left; border:0px;background-color: #333;border-radius:0;margin-bottom: 2px; line-height: 26px; font-size: 14px; border-left: 4px solid #dc3545;color: #fff;}
	#product-tab .nav-item .active{background-color: #fff;color: #333;}
	#product-tab-content{}
	#product-tab-content .content-box{padding: 0px;line-height: 24px;font-size: 12px;}
	#product-tab-content .content-box p{padding: 0px;margin: 0px;font-size: 12px;}
	.product-tab-scene{ padding: 10px;}
	.album-container .swiper-pagination-bullet{ width: 20px;height: 2px;border-radius:0;}
	.album-container .swiper-pagination-bullet-active{ width: 20px;height: 2px;border-radius:0;background:var(--primary-focus-color);}
	#product-tab .nav-item{ width: 50%;}
	#product-tab .nav-item .nav-link{border-left:none;}
	#nav-tab-charact,.video-container{ padding: 10px;}
	.album-container .swiper-album{margin:0;}
	#nav-tab-charact .nav-link{ width: 50%;padding:5px 0px;border-radius: 0px; border: 1px solid #dee2e6;}
	.sub-menu-title{font-size: 18px; padding: 10px 0;}
	#sub-menu .sub-menu-btn{ float: right;font-size: 18px; padding: 10px 0;}
	#sub-menu .sub-menu-btn:hover:before{right: 100%;}
	.article-container{padding: 10px;}
	.article-container .article-title{font-size: 18px;margin-bottom: 10px;}
	#product-attr-box .list-group-item{ }
	.product-attr-title{font-size: 20px;padding: 5px 0;}
	.product-attr-title i{font-size: 28px;}
	#i-new-product .swiper-pagination-bullet{ width: 20px;}
	#page-navigation .pagination{ justify-content: center!important; }
	.search-container{ padding: 20px 0 20px;}
	#i-product-cat .product-cat-item h2{ height: 32px; line-height: 32px; margin-bottom: 0px;}
	#wap-header .nav-link{font-size: 16px;}
	#wap-header .dropdown-item{font-size: 14px;}
	#i-new-product .swiper-slide{padding: 3px;}
	#i-product-cat .product-cat-item{ border: 3px solid #eeeeee;}
	#i-product-cat .row>*{ padding-left: 3px; padding-right: 3px;}
	#i-product-cat{margin: 20px auto 20px;}
	.about-power-para .para-item{font-size: 16px;}
	.about-power-para h1{ font-size: 30px;}
	.about-power-para span{ right: 20%;}
	.about-power-para .col-6:nth-child(n+3) .para-item{ margin-top: 20px;}
	.about-power-para .col-6:nth-child(odd) .para-item{ }
	.about-power-para .col-6:nth-child(even) .para-item{ }
	.album-container .swiper-album { width: 100%;}
	.product-container .products-item .products-txt{border-top: solid 1px #dee2e6;}
	.product-video-plyr{width: 96%;}
}
 
/* 小屏幕 */
@media (min-width: 576px) and (max-width: 767px)
{
	header{ height: 60px;}
	.header-right {display: none!important}
	.header-logo{margin-top: 10px;}
	.header-menu{margin-top: 10px;}
	.header-logo img{height: 28px;}
	.header-menu .menu-item{padding: 0px 5px;}
	#index-banner .d-lg-block{display: none!important}
    #index-banner .swiper-pagination-bullet{ width: 20px;height: 3px;border-radius:0;background:var(--color-fff);}
	#index-banner .swiper-pagination-bullet-active{ width: 20px;height: 3px;border-radius:0;background:var(--primary-focus-color);}
	#banner-next,#banner-prev,#new-product-next,#new-product-prev{ display: none;}	
}
 
/* 中等屏幕 */
@media (min-width: 768px) and (max-width: 991px)
{
	header{ height: 70px;}
	.header-right {display: none!important}
	.header-logo,.header-menu{margin-top: 20px;}
	.header-logo img{height: 34px;}
	#index-banner .d-lg-none{display: none!important}
	#index-banner .swiper-pagination-bullet{ width: 40px;height: 4px;border-radius:0;background:var(--color-fff);}
	#index-banner .swiper-pagination-bullet-active{ width: 40px;height: 4px;border-radius:0;background:var(--primary-focus-color);}	
}
 
/* 大屏幕 */
@media (min-width: 992px) and (max-width: 1199px)
{
	.header-right {display: none!important}
	header{ height: 70px;}
	.header-right {display: none!important}
	.header-logo,.header-menu{margin-top: 20px;}
	.header-logo img{height: 34px;}
	#index-banner .d-lg-none{display: none!important}

}
 
/* 超大屏幕 */
@media (min-width: 1200px)
{
	#index-banner .swiper-button-prev{left: 50px;}
	#index-banner .swiper-button-next{right: 50px;}
}
