@charset "utf-8";

/*-----------------------------------------
	project : Fuhong.org.mo
	author : Jason
	release : 2025-05-28
-----------------------------------------*/


/*-----------------------------------------
	small screen
-----------------------------------------*/
@media all and (max-width: 1200px){ 




	/*-----------------------------------------
		components
	-----------------------------------------*/

	/*
		reponsive menu and header
	*/
	.top-bar , .header { display: none; }
	.header-res , .menu-res { display: block; }


	/*
		header
	*/
    .header-res{ position: fixed; left: 0; top: 0; z-index: 200; height: 60px; width: 100%; background: #FFF; box-shadow: 0 0 20px 10px rgba(0,0,0,0.125); }
    .header-res img{ max-width: 180px; display: inline-block; }
	.header-res a{ position: absolute; width: 100%; text-align: center; line-height: 60px; }
	

	/*
		menu-res-trigger
	*/
	.menu-res-trigger{ left: 0; top: 0; position: absolute; display: block; width: 70px; text-align: center; height: 60px; }
	.menu-res-trigger i{ font-size: 30px; color: #e11d48; margin-top: 15px; }

	/*
		menu-res-link-trigger
	*/
	.menu-res-link-trigger{ right: 0; top: 0; position: absolute; display: block; width: 70px; text-align: center; height: 60px; }
	.menu-res-link-trigger i{ font-size: 20px; color: #838383; margin-top: 20px; }


	/*
		menu-res
	*/
	.menu-res{ margin-right: 0; position: fixed; left: -100%; margin-top: 0; top: 60px; bottom: 0; z-index: 200; background: #fff; width: 70%; transition: all .3s; }
    .menu-res.active{ left: 0; }

  	.menu-res-main{ position: absolute; top: 0; left: 0; width: 100%; bottom: 50px; overflow: auto; }
    .menu-res-main>li{ width: 100%; float: none; border-bottom: 1px solid #e2e8f0; line-height: 25px; position: relative; }
    .menu-res-main>li:first-child{ border-top: 1px solid #e2e8f0; }
    .menu-res-main>li>a{ display: block; padding: 10px 15px; color: #334155; }
    .menu-res-main>li>a:hover , .menu-res-main>li:hover>a{ background-color: #be123c; color: #FFF; }

    .menu-res-main .sub-menu{ background-color: #f1f5f9; display: none; transition: all .3s; }
    .menu-res-main .sub-menu a{ display: block; padding: 10px 15px; color: #be123c; }
	.menu-res-main .sub-menu i{ margin-right: 5px; }

    .menu-res-main .sub-menu.active{ display: block; }

    .menu-res-social{ position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; border-top:1px solid #e2e8f0; }
    .menu-res-social li{ float: left; width: 20%; }
    .menu-res-social a{ color: #be123c; font-size: 20px; }


    /*
		menu-mask
	*/
	.menu-mask{ display:none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 199; background: rgba(0,0,0,0.7); }


	/*
		footer
	*/
	.footer{ line-height: 20px; padding: 20px 0; }
	.footer span{ display: block; }
	.footer span+span{ margin-left:0; }


	/* 
		popupSubsite
	*/
	#popupSubsite .list li{ margin-bottom: 15px; }


	/* 
		main-box
	*/
	.main-box { width: auto; padding: 0 15px; }


	/* 
		page-jumper
	*/
	.page-jumper{ text-align: center !important; }


	/*
		subpage-banner
	*/
	.subpage-banner{ margin-top: 60px; height: 160px; }
	.subpage-banner .main-box{ height: 160px; }
	.subpage-banner h2{ font-size: 30px; margin-bottom: 10px; }
	.subpage-banner img{ max-height: 30px; }

	




	/*-----------------------------------------
		home
	-----------------------------------------*/


	/* 
		home-swiper
	*/
	.home-swiper{ margin-top: 60px; }

	.home-swiper .home-item{ height:400px; }

	.home-swiper .swiper-button-prev , .home-swiper .swiper-button-next{ margin-top: -22px; width: 44px; height: 44px; }
	.home-swiper .swiper-button-prev i , .home-swiper .swiper-button-next i{ margin-top: 8px; }


	/* 
		home-pic
	*/
	.home-pic-box{ margin:50px 0; }
	.home-pic-box .left-pic{ width: 22%; margin-right: 2%;}
	.home-pic-box .mid-pic{ width: 52%; }
	.home-pic-box figure{ width: auto; height: auto; }
	.home-pic-box .right-pic{ width: 22%; margin-left: 2%; }


	/*
		home-product-box
	*/
	.home-product-box{ padding: 0 80px; }
	.home-product-box .swiper-button-prev{ left: 10px; }
	.home-product-box .swiper-button-next{ right: 10px; }


	/* 
		product-box
	*/
	.product-box{ height: auto; padding: 50px 0; }


	/* 
		home-bottom
	*/
	.home-bottom-item p{ font-size: 16px; }


	/* 
		bottom-news
	*/
	.bottom-news{ height: auto; padding: 50px 0; }

	.left-news{ width: 49%; margin-right: 2%; }
	.right-news{ width: 49%; }

	.left-news-tit h3, .right-news-tit h3{ font-size: 24px; }

	.left-news-tit{ background: #fc9c9c; }
	.right-news-tit{ background: #beb8e2; }


	/* 
		center-pic
	*/
	.center-pic{ height: auto; padding: 50px 0; }

	.center-pic-tit-p{ margin-top: 0; }

	.center-pic-swiper a{ font-size: 16px; }

	.center-pic-item-page img{ display: inline-block; }





	/*-----------------------------------------
		template
	-----------------------------------------*/


	/* 
		product-tit
	*/
	.product-tit-p{ margin-top: 0; }


	/* 
		news-list
	*/
	.news-list .con{ display: none; }
	.news-list .main{ width: auto; }
	.news-list figure{ display: none; }


	/* 
		news-detail
	*/
	.news-detail-title .con{ padding-right: 60px; line-height: 30px; }


	/* 
		product
	*/
	.product-main-right{ margin-left: 275px; }

 }




/*-----------------------------------------
	mobile
-----------------------------------------*/

@media all and (max-width: 768px){



	/*-----------------------------------------
		components
	-----------------------------------------*/


	/* 
		responsive
	*/
	.product-category { display: none; }
	.product-category-res{ display: block;  }
	.product-category-res .btn{ padding: 15px; border-color: #e2e8f0; border-radius: 10px; color: #475569; font-size: 16px; }
	.product-category-res.open .btn, .product-category-res.open .btn:hover{ background-color: #f43f5e; border-color: #f43f5e; color: #FFF; }
	.product-category-res .dropdown-menu{ max-height: 300px; overflow: auto; border-radius: 15px; }
	.product-category-res .dropdown-menu>li>a{ padding: 10px 15px; }


	/* 
		main-box
	*/
	.main-box { width: auto; }




    /*-----------------------------------------
		home
	-----------------------------------------*/


	/* 
		home-swiper
	*/
	.home-swiper .home-item{ height:200px; }



	/* 
		home-pic
	*/
	.home-pic-box figure{ width: auto; height: auto; }
	.home-pic-box img{ display: inline-block; }
	.home-pic-box .left-pic , .home-pic-box .mid-pic ,  .home-pic-box .right-pic{ width: auto; float: none; text-align: center; margin: 0; }
	.home-pic-box .mid-pic{ padding: 0 15px; text-align: center; margin: 13px 0; }


	/* 
		home-product-box
	*/
	.home-product-box{ padding: 0 15px; }


	/* 
		product-tit
	*/
	.product-tit-p{ font-size: 30px; margin-top: 0; }


	/* 
		bottom-news
	*/
	.bottom-news{ height: auto; padding-top: 50px; }

	.left-news-tit h3, .right-news-tit h3{ font-size: 20px; }
	.left-news-tit i, .right-news-tit i{ right: 15px; }

	.left-news{ float: none; width: auto; margin-right: 0; }
	.left-news-tit{ background: #fc9c9c; }
	.left-news-item-time{ margin-right: 0; }
	.left-news-con{ padding: 0 15px 30px 15px; height: auto; }

	.left-news-item a{ width: auto; }
	.left-news-item-p{ float: none; width: auto; }

	.right-news-item a{ width: auto; }
	.right-news-item-p{ width: auto; margin-left: 0; float: none; margin-left: 141px; }

	.right-news{ float: none; width: auto; margin-top: 50px; }
	.right-news-tit{ background: #beb8e2; }
	.right-news-con{ height: auto; padding:0 15px 30px 15px; }


	/* 
		center-pic
	*/
	.center-pic-tit-p{ font-size: 30px; margin-top: 50px; }




	


	/*-----------------------------------------
		template
	-----------------------------------------*/


	/*
		subpage-banner
	*/
	.subpage-banner{ margin-top: 60px; height: 120px; }
	.subpage-banner .main-box{ height: 120px; }
	.subpage-banner h2{ font-size: 24px; line-height: 30px; margin-bottom: 10px; }
	.subpage-banner .dec img{ max-height: 30px; }


	/*
		single
	*/
	.single{ padding: 50px 0; }


	/* 
		news-list
	*/
	.news-list{ margin-top: 30px; }
	.news-list .item{ margin-right:auto; margin-bottom: 15px; margin-top: 0; padding-bottom: 15px; position: relative; }
	.news-list h5{ font-size: 18px; }
	.news-list .date-area{ border-radius: 15px; border-color: #ffe4e6; background-color: #ffe4e6; }
	.news-list .date-area>div{ display: inline-block; }
	.news-list .date { font-size: 24px; border-color: #fda4af; }


	/* 
		single-title
	*/
	.single-title{ margin-left: 15px; margin-right: 15px; }


	/* 
		.single-content
	*/
	.single-content{ margin-left: 15px; margin-right: 15px; }


	/*
		product-main
	*/
	.product-main{ margin-top: 15px; margin-bottom: 15px; }


	/*
		product-sidebar
	*/
	.product-sidebar{ width: auto; float: none; }


	/* 
		product-category-res
	*/
	.product-category-res{ width: 100%; margin-top: 15px; }
	.product-category-res .dropdown-menu{ width: 100%;}

		
	/*
		product-main-right
	*/
	.product-main-right{ margin-left: auto; margin-bottom: 50px; margin-top: 30px; }


	/*
		product-list
	*/
	.product-list{ margin: 15px; }


	/* 
		product-detail
	*/
	.product-detail{ flex-direction: column; }
	.product-detail-main{ order: 2; margin-top: 30px; }
	.product-detail-pic{ order: 1; }


	/* 
		download-list
	*/
	.download-list{ margin: 0; }
	.download-list h5{ height: auto; }
	.download-list .btn-area{ margin-top: 15px; }


	/* 
		gallery-list
	*/
	.gallery-list{ margin: 0; }


	/*
		mag-list
	*/
	.mag-list{ margin:50px 0; overflow: hidden; }
	.mag-list figure{ width: 280px; height: 310px; }
	.mag-list .btn-area>div+div{ margin-top: 15px; }


	/*
		activity-list
	*/
	.activity-list{ padding: 0 15px; }


	/*
		news-detail
	*/
	.news-detail-title{ height: auto; border-radius: 15px; margin-left:15px; margin-right: 15px; }
	.news-detail-title .date-year{ left: 50%; bottom: auto; margin-left: -60px; top: -60px; }
	.news-detail-title .con{ padding: 80px 15px 30px 15px; line-height: 30px; height: auto; font-size: 20px; }



	/* hero-nav-item */
	.hero-nav-item { margin-bottom: 20px; }


	/* custom-tabs */
	.custom-tabs a{ font-size: 14px; padding: 10px 15px; }


}