﻿@charset "utf-8";
@media (min-width: 461px){
.navbar .small-btn-box .contactbtn span {
    padding: 10px 17px;
    background: #FFC107;
    border-radius: 8px;
    color: #643e30;
    font-weight: bold;
    border: 2px solid #fff;
    box-shadow: rgb(0 0 0 / 39%) 1px 1px 3px;
    position: relative;
}
}
@media (min-width: 768px){
	
	.navbar .navbar-brand {
		width: 260px;
		height: 82px;
	}
	body.about .txt .bottombox .row {
		margin: 0;
	}
}



@media (min-width: 992px) {
	body.home .banner {
		padding-top: 0 !important;
	}
	body.home .header .navbar {
		background: linear-gradient(180deg, rgb(0 0 0 / 30%), transparent);
	}
	body.home .product_bg .home-pagelist-area .list_item {
		width: 24%;
	}
	
}

@media (min-width: 1480px) {
	body.about .txt .bottombox .row > div,
	body.about .txt .bottombox .row div .info,
	body.about .txt .bottombox .row div .info .inner {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	body.about .txt .bottombox .row div .pic img {
		object-fit: cover;
		height: 100%;
		width: 100%;
	}

	body.about .txt .bottombox .row div .info .inner,
	body.about .txt .bottombox .row div .pic img {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		top: 0;
	}

	body.about .txt .bottombox .row div .info, body.about .txt .bottombox .row div .pic {
		padding: 15% 28px;
		height: 0;
		padding: 0;
		padding-bottom: 70%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: relative;
		width: 100%;
	}

	body.about .txt .bottombox .row div:nth-child(2) {
		flex-direction: column-reverse;
	}

	body.about .txt .bottombox .row > div {
		padding: 0;
	}



		body.about .txt .bottombox .row div .info .inner {
			padding: 0 25px;
			/* align-items: baseline; */
			text-align: center;
		}
	body.about .txt .bottombox .row div:last-child .info .inner {
		padding:0;
		width: 73%;
		margin: 0 auto;
	}
}
@media (min-width: 1200px){
	.bottombox .container {
		max-width: 30%;
		margin-left: 50%;
	}
body.home .product_bg .container {
    max-width: 1380px;
}
	body.product.show .main .container .row #ctl00_side1.side.side1.col-lg-3{
	width:20%;
	}	
	body.product.show .main .container .row #ctl00_content.col-lg-9{
	width:80%;
	}
	/*.about_bg .container {
		max-width: 46%;
		margin-left: 40%;
	}*/
	body.about .txt .sop .list-item {
		width: 20%;
	}
}
@media (min-width: 1400px){
body.home .product_bg .container {
    max-width: 1320px;
}
}



@media (max-width: 1800px) {
    .footer .tep1:last-child {
        width: 20%;
    }
    .director_c .tit p.tx_t {
        left: 1px;

    }
    .footer .new_flower4 {
        top: 71px;
    }
    .new_flower.new_flower2 img {
        width: 14%;
    }
  
  
    .new_flower img {
        width: 80%;
        margin:0 0 0 auto;
     
    }
    .new_flower.new_flower4 img {
        width: 14%;
    }

    .footer .copyrights {
        padding-right: 0;
    }
    .footer-bottom .container {
        width: auto;
    }
   	/*body.home   .banner .bann_tit {
        top: 25%;
        padding: 50px 0 40px;
     
    }
    body.home   .banner .bann_tit:after {
        height: 105px;
    }
    body.home    .banner .bann_tit:before {
        height: 185px;
    }

    body.home   .banner .bann_tit h3 {
        letter-spacing: 11.9px;
    }*/
}


@media (max-width: 1600px) {
	/*body.home .banner-pic {
    height: 80vh; 
    }
	body:not(.home) .banner-pic {
    height: 450px;
	}
	body.home .banner .bann_tit {
    transform: scale(0.9);
	top: 30%;
	}*/
	body.home .header .navbar .container-fluid {
    width: 95%;
	}
}


@media (max-width: 1500px) {
	/*body.home .banner-pic {
    height: 75vh; 
    }
	body:not(.home) .banner-pic {
    height: 420px;
}*/
}

@media (max-width: 1400px) {
	.mode-switch.gallery-list[data-mode=mode4]>.item {
    flex: 0 0 50%;
	}
	/*body:not(.home) .banner .bann_tit {
    top: 58%;
    transform: translate(-50%, -50%) scale(0.55);
	}
	body:not(.home) .banner-pic {
    height: 390px;
	}
	body.home .banner .bann_tit {
    transform: scale(0.7);
	}
	body.home  .banner-pic {
    height: 70vh; 
	}*/
	.home_worl h3 {
		margin: 0px 0px 50px 60px;
	}
	home_worl .wo_left {
		padding-right: 3%;
	}	
		
	.director_c .tit p.tx_t {
		left: -1px;
	}
	.director_c .tit .pic {
		width:75%;
		margin:0 auto;
	}
	.director_c .tit h4 {
		margin-bottom: 10px;
	}
	/*body:not(.home) .banner .banner-txt {
    top: 60%;
	}*/
	body.about .txt .sop .list-item:before {
		top: calc(50% - 138px / 2);
	}

}
@media (max-width: 1479px) and (min-width:578px){
	/*body.home  .banner-pic {
    height: 65vh; 
	}
	body:not(.home) .banner-pic {
    height: 320px;
	}
	body:not(.home) .banner .banner-info div {
    
	}*/
	body.about .txt .bottombox .row > div > * {
		width: 50%;
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	body.about .txt .bottombox .row > div {
		width: 100%;
		flex-direction: row;
		align-items: stretch;
		display: flex;
		padding: 0;
	}
	body.about .txt .bottombox .row > div:nth-child(2) {
		flex-direction: row-reverse;
	}
	body.about .txt .bottombox .row div .info .inner {
		width: 80%;
		margin: 0 auto;
		padding: 0;
	}
	body.about .txt .bottombox .row > div .pic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
}
@media (max-width: 1199px) {
	/*body:not(.home) .banner-pic {
    height: 300px;
	}
	body.home .banner .bann_tit {
    transform: scale(0.6);
	padding: 30px 0 40px;
	}*/
	body.home  .header .navbar-nav .nav-link {
    letter-spacing: 0.1em;
    font-size: 16px;
    padding: 25px 0px;
	}
	/*body.home  .banner-pic {
    height: 60vh; 
	}*/
	body:not(.home) .header .navbar-nav .nav-link {
    padding: 20px 0px 20px;
	}
	.footer .new_flower4 {
		top: 111px;
	}
	.new_flower.new_flower3    img{
			width: 70%;
		
		}
	.director_c .tit p.tx_t {
		left: 5px;
	}
	.director_c .tit .pic{
		padding-left:5%;
	}


	.header .navbar .container-fluid {
		width: 100%;
	}
	.home_worl .wo_left {
		  padding-left: 45px;
	  }

	.home_worl .wo_left,
	  .home_worl .wo_right {
		  width: 50%;
	  }
	.home_worl h3 {
		  writing-mode: unset;
		  text-orientation: unset;
		  margin: 0px auto 20px;
		  letter-spacing: 2px;
	}
	.footer_left {
		width:90%;
	}
	body.about .txt .sop .list-item:before {
       display:none;
    }
	    body.about .txt .sop .list-item:nth-child(2n+1) .info h4:before {
        background-position: top -178px center;
    }
	body.about .txt .sop .list-item {
		margin-bottom: 55px;
	}
	body.about .txt .sop .list-item:last-child {
		margin-bottom: 0;
	}
	body.about .txt .servicebox:before {
		left: -104px;
		right: -104px;
		max-width: 1500px;
		background: url(../images/all/about_bg3m.jpg) bottom center no-repeat;
		background-size: cover;
	}
}
@media (max-width: 1099px) {
	/*body.home  .banner-pic {
    height: 55vh; 
	}*/
}
@media (max-width: 991px) {
	.nav-brand-wrapper {
		flex: 0 0 auto;
	}
	.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
		background-color: #ffffff;
		height: 1px;
	}
	body:not(.home) .header .navbar, body.home .header .navbar {
		background: var(--main-color) !important;
		padding: 0 10px;
	}
	/*body{
		padding-bottom:0!important;
		}*/
	/*body:not(.home) .banner .bann_tit {
    transform: translate(-50%, -50%) scale(0.7);
	}
	body:not(.home) .banner-pic {
	height: 500px;
	}	*/
    body.home .about_bg {
        padding: 70px 0;
        background: url(../images/all/about_bgm.jpg) no-repeat center bottom;
        background-size: cover;
        background-position: right top !important;
    }
	body.home .product_bg {
    padding: 65px 0 80px !important;
	}
	body.home .product_bg .home-pagelist-area .list_item {
		margin-bottom: 30px;

	}
	.footer_left {
		padding: 70px 0;
	}
    body.home .header .navbar-nav .nav-link {
        padding: 10px 0;
        letter-spacing: 0;
    }
	body.home .navbar.newtop .navbar-brand, .navbar .navbar-brand, .is_scroll .navbar .navbar-brand, .navbar.newtop .navbar-brand {
		margin: 10px 0 0px;
	}
	.header .navbar .nav-share-btn-area {
    right: 0px;
    top: -70px;
	}
	/*body:not(.home) .banner .banner-txt {
    width: auto;
    position: absolute;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: transparent;
    padding: 0;
}*/
	.new_flower.new_flower3 {
	   bottom: -210px;
	}
	.new_flower.new_flower3 img {
		width: 50%;
	}
	.footer .foo-sit {
		padding-top: 0;
	}
	.footer .footer_right,
	.footer .footer_left {
		width: 100%;
		z-index:auto;
	}
	.footer .footer_right {
		height:300px;
	}
	.footer .d-flex, .footer .footer-oth-box .footer-oth-det {
		justify-content: flex-start;
		flex-direction: column-reverse;
	}
	.footer .col-6 {
		width:100%;
	}

	body.home .navbar.newtop .navbar-collapse > .navbar-nav:before {
		top: -90px;
	}
	.new_flower4 img {
		display:none;
	}
	.new_flower4 {
		background:url(../images/all/new_flower5.png);
		width:204px;
		height:251px;
		display:block;
	}
	
	.new_flower img {
		width: 50%;
	}
    .new_flower2 img {
		width: 160px;
	}

	.footer .tep1:last-child {
		width: 20%;
	}

	.navbar.newtop .navbar-collapse > .navbar-nav:before {
		top: -999px;
		bottom: 0;
	}

	.navbar .navbar-collapse > .navbar-nav:before {
		left: -999px;
	}

	/*body.home .navbar.newtop .navbar-brand,
	.navbar.newtop .navbar-brand,
	.navbar .navbar-brand, .is_scroll .navbar .navbar-brand {*/
		/*background: url(../images/all/nlogo.png) center center no-repeat;*/
		/*width: 70px !important;
		height: 70px !important;
		background-size: contain;
	}*/

	/*body.home .banner .bann_tit {
		top: 25%;
	}*/
	.home_space .tit h3 {
		font-size: 1.5rem;
	}

	.footer .powered {
		text-align:center;
	}
	.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info {
		padding:30px 0;
	}
	.gotop{
		right:0;
	}
	body.album.show .slider-nav {
    transform: translateY(0px); 
	}
	.wid-float-section ul {
		background: rgb(89 87 87 / 80%);
		border-radius: 0;
		padding: 5px 0;
	}
	.wid-float-section .list-unstyled.nobg {
		flex-direction: column;
		display: inline-block;
		position: fixed;
		right: 0;
		bottom: 106px;
		/* z-index: 999999; */
	}
	body.home .news-sec {
		padding: 70px 0 !important;
		background-size: 500px auto;
	}
	.new_flower2 {
		bottom: -56px;
	}
	    .wid-float-section ul li, .wid-float-section ul li a {
        width: 100%;
        border-radius: 0;
        background: none;
        padding: 0;
    }
	    .wid-float-section ul li a .txt {
        background: none;
        padding: 0;
        border-radius: 0;
    }
	body.scroll-down .wid-float-section.mobile-animate {
		bottom: -93px;
	}
	body.about .txt .bottombox .row > div .info {
		padding: 20px 0;
	}
	body.about .txt .service .list-item {
		width: 49%;
		margin-bottom: 28px;
	}
	body.about .txt .servicebox .listbox {
		/* width: 20%; */
		padding-left: 0;
	}
	body.about .txt .servicebox .listbox .list-item {
		width: 100%;
	}
	body.about .txt .servicebox .listbox .list-item .info {
		width: 82%;
	}
	body.about .txt .servicebox:before {
        background: url(../images/all/about_bg3m.jpg) bottom center no-repeat #f1f1f1;
        background-size: 100%;
    }
	body.product .tab-accordion-body .prem3 {
		width: 100%;
		/* margin-bottom: 22px; */
	}
	body.product .tab-accordion-body .prem3 + .prem3 {
		margin-top: 20px;
	}
}

@media (max-width: 767px) {
	.header .navbar.newtop .navbar-brand img.logo-ani {
		display: block;
	}
	body.contact h3 {
    margin-bottom: 30px!important;
	}
	.page-item {
    margin: 0 5px 30px;
	}
	.footer .copyrights-info a {
    font-size: 12px;
	}
	.bsnavclose.close-btn {
    right: 15px;
    top: 23px;
	display:none;
	}
	body:not(.home) .main .container .row .editor.mb-5{
	margin-bottom: 0rem!important;
	}
	body:not(.home) .main .container .row .section .content-area.mb-5{
	margin-bottom: 0rem!important;
	}
	body:not(.home) .main .side {
    margin-bottom: 0px;
	}
	body:not(.home) .footer {
    margin-top: 0rem;
	}
	
	/*body.home .banner .bann_tit {
    top: 5%;
	}
	body:not(.home) .banner .bann_tit {
    transform: translate(-50%, -50%) scale(1);
	top: 45%;
	}
	body:not(.home) .banner .banner-txt {
    top: 45%;
	}*/
	/*.header .navbar.newtop.logo-show.logo-ani-show .navbar-brand .logo, .header .navbar.newtop.logo-show.logo-ani-show-bg .navbar-brand .logo {
		display: inline-block !important;
	}*/
	.breadcrumb {
    padding: 10px 20px 10px 0;
	}
	/*body:not(.home) .navbar .navbar-brand {
	width: 60px!important;
    height: 60px!important;
	}*/
	.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info {
		padding: 20px 0 20px;
	}

	.new_flower{
		top:-25px;
	}	

	.director_c .tit p {
		padding-top: 12px;
	}
	.director_c .tit h4 span {
		padding:6px 0 0 8px ;
	}
	.director_c .tit h4{
		padding-left:60px;
		}
	.director_c .tit .pic {
		padding-left: 0;
		width: 75%;
		margin: 20px auto 0 auto;
	}
	 .director_c .tit p.tx_t {
		left: 6%;
		top:60px;
		line-height:15px;
	}
   
   .director_c .tit .pic {
		padding-left:0; 
	}

	.director_c {
		padding: 0 0 3%;
	}
	.new_flower.new_flower2 {
		  top: 0%;
  
	}
	.new_flower.new_flower2 img {
		width: 130px;
	}
.footer .footer_left label {
        margin-right: 10px;
        padding: 0 9px;
    }
	.director_c .tit h4 span {
		left: 13px;
	
	}
	.director_c   .slick-dots {
		bottom: -14px;
	}


	.btn.btn-primary {
		padding: 4px 21px;
		font-size: 0.75rem;
	}
		.new_flower img {
	}
	.director_c .tit h4 span:before {
		left: -11px;
		top: -9px;
		width: 53px;
		height: 53px;
		background-size: cover;
	}

	.home_worl h3 {
		letter-spacing: 0px;
		padding-top: 20px;
	}
	.home_worl .wo_left, .home_worl .wo_right {
		width: 100%;
	}
	.home_worl .d-flex,
	.home_space .d-flex {
		flex-wrap: wrap;
	}
	body.home .footer .new_flower4 {
	  top: 35px;
	}

	

	.side .h3 {
		margin-top: 20px;
	}

	.side .filter-title .collapsed-btn, .side .filter-sidebar.multiple-collapse .collapsed-btn {
		font-size: 16px;
	}

	.side .h3 .txt-tw {
		font-size: 20px;
	}

	.article-grid .item .info .date {
		font-size: 12px;
	}

	.article-grid.ar-img .item .info {
		padding: 10px 0;
	}
	.article-grid.ar-img .item .info .desc,
	.article-grid.ar-img .item .info .title,
	.article-grid.ar-img .item .info .desc a,
	.article-grid.ar-img .item .info .title a {
		font-size: 14px;
	}
	body.home .about_word{
		font-size:14px;
		}
	body.home .article-grid.info-absolute .item .info .title {
    line-height: 1.5rem;
	}

	.product .gallery-list .item .title {
		font-size: 14px;
		display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

	}
	.header .btn-group.lang .dropdown-item {
		padding: 6px 19px;
		font-size: 12px;
	}

	.footer .fot_sitemp ul li a:before {
		left: 4px;
		top: 15px;
		width: 4px;
	}

	.footer .footer_content.fc_seperate_bottom .footer-bottom {
		/*margin-top: 30px;*/
	}

	footer .footer_content.fc_seperate_bottom {
		padding: 17px 0 0;
	}

	.footer ul li a {
		padding: 0 4px;
		font-size: 14px;
	}

	.footer h4, .footer a.ti_p {
		margin-bottom: 0;
	}

	.footer a.ti_p {
		padding: 0 6px 0 0;
		display: inline-block;
		font-size: 12px;
	}

	.flex-column {
		flex-direction: unset !important;
	}

	.footer .fot_sitemp .d-flex {
		flex-wrap: wrap;
		justify-content: unset;
	}

	.footer .tep1:last-child {
		width: 100%;
		border-bottom: none;
		margin-bottom: 0;
		padding-bottom: 0;
	}

	.footer .tep1 {
		width: 100%;
		margin-bottom: 20px;
		border-bottom: 1px solid #707070;
		padding-bottom: 20px;
	}

	.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link:hover {
		background-color: #f0c5c50a;
	}

	.bsnav-mobile .navbar-nav .nav-item .navbar-nav {
		background: #94a07c42;
	}

	.header .navbar-nav.navbar-mobile > .nav-item > .nav-link:before {
		left: 2px;
		top: 16px;
		display: none;
	}

	.bsnav-mobile .navbar-nav .nav-item .nav-link {
		padding: 15px 0;
		border-bottom: solid 1px #2e2f29;
		margin:0px auto;
	}
	
	body.home .header .navbar .container-fluid, .header .navbar .container-fluid {
		width: 100%;
	}
	.header .bsnav-mobile .navbar {
		padding: 0;
	}


	.header .bsnav-mobile .navbar {
		background: rgb(6 6 6 / 93%);
	}

	.article-grid.info-absolute .item a {
		font-size: 14px;
	}

	.article-grid.info-absolute .item {
		padding: 10px 10px 10px;
	}

	.se_prod .new_flower3 {
		top: -22px;
	}

	.se_prod {
		margin: 0 0 0;
		padding-bottom: 60px;
	}

	.footer .copyrights {
		font-size: 12px;
		text-align: center;
	}

	.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info .footer-logo {
		margin-top: 0;
		text-align: center;
	}

	.news-sec .new_flower2 {
		bottom: -110px;
	}

	/*.se_prod .gallery-list .item .title {
		font-size: 14px;
	}*/

	.home_about p {
		width: 95%;
		margin: 0 auto 50px;
		font-size: 14px;
	}

	.navbar .navbar-brand, body.is_scroll .navbar .navbar-brand, .navbar.newtop .navbar-brand {
		width: 227px;
		height: auto;
		background-size: contain;
	}

	.navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
		background-color: #fff;
		height: 1px;
	}
	
	/*.banner {
		padding-top: 73px;
	}
	.banner .bann_tit .slogin02 {
    	margin-top: -35px;
	}
	.banner .bann_tit .slogin03 {
    	margin-top: -45px;
	}*/
	/*body.home {
		padding-bottom: 0 !important;
	}*/
	.about_bg {
		/*background: url(../images/all/about_bg_m.jpg)no-repeat center top;*/
		background-attachment: inherit;
		background-size: cover;
		background-position: top center !important;
	}
	.footer_map .wid .editor {
		width: inherit;
		margin: 0 10px;
	}
	.product_bg{
		padding:50px 0;
	}
	
	.home-news-deco .pr_cd .slick-btn .btn-next{
		right: 5px;
		top: 15vh;
	}
	.home-news-deco .pr_cd .slick-btn .btn-prev{
		left:2px;
		top: 15vh;
	}
	body.about .txt .service .list-item {
		width: 100%;
	}
	body.product.show .tab-area {
    border: none;
    background-image: none;
	}
	body.product.show .main .container .row .tab-area .container{
		padding:0;
		}
	body.product.show .tab-area.tab-accordion .tab-accordion-header a {
		color:#fff;
		}
	body.product.show .tab-area.tab-accordion .tab-accordion-header {
        color: #fff;
        border: solid 1px #fff;
        padding: 10px;
        background: #a0a0a0;
    }
body.product.show .tab-area.tab-accordion .tab-accordion-body {
        padding: 20px;
        background: none;
        font-size: 15px;
        line-height: 1.8;
    }
	body.news .article-grid.ar-img .pic {
    border-radius: 10px 10px 0 0;
	}
	body.product .section .row.gallery-list {
    padding-top: 1rem;
	}

	body.product .gallery-list .item-detail .item-info .pic .btn-box .btn.icon {
    background: linear-gradient(to bottom, #af9448, #7c5e00);
    border-radius: 50%;
    width: 25px;
    height: 25px;
	}
	body.product .gallery-list .item-detail .item-info .pic .fas {
		font-size:12px;
	}
	body.product .gallery-list .item .item-detail .item-info .info {
    margin: 15px 10px!important;
	}
	body.product .mob-two-col .item .pic {
    border-radius: 0;
	}
	body.product .row.gallery-list {
    --bs-gutter-x: 0.5rem;
	}
	.mode-switch.gallery-list[data-mode=mode4] .item .btn-box {
    transform: initial;
	}
	.mode-switch.gallery-list[data-mode=mode4]>.item .item-info .info {
    padding: 0px 15px;
	}
	
	body.product .section .row.mode-switch{
    padding-top: 0rem;
	}
	body .container .ezshare-box {
    margin: 20px 0 50px 0;
	}
	body.album .content{
		margin-top:1rem;
	}
	body.about .txt .picbox > div {
		width: 50%;
	}
	body.about .txt .picbox .i3 img {
    transform: rotate(-13deg) translate(33px, -26px);
	}
	body.about .txt .picbox .i4 img{
    transform: rotate(12deg) translate(-5px, -21px);
	}
	body.about .txt .sop .d-flex.listbox {
		position: relative;
	}
	body.about .txt .sop .list-item {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }
	body.about .txt .sop .list-item .icon {
		margin: 0;
	}
	body.about .txt .sop .list-item .info h4 {
		
		background: var(--second-color);
		padding: 10px 24px;
		margin: 0 0 15px auto;
		position: relative;
		display: inline-block;
		border-radius: 16px;
	}
	body.about .txt .sop .list-item p {
		width: auto;
	}
	body.about .txt .sop .list-item .info {
        position: relative;
        width: 75%;
    }
	body.about .txt .sop .list-item .info h4:before,
	 body.about .txt .sop .list-item .info h4:after,
	 body.about .txt .sop .list-item .info::before,
	 body.about .txt .sop .list-item .info::after,
	 body.about .txt .sop .list-item:last-child:before {
    content: none;
	}
	 body.about .txt .sop .d-flex.listbox:before {
        content: "";
        width: 2px;
        top: 0;
        bottom: 0;
        position: absolute;
        background: #ddd;
        left: 50px;
        display: block;
    }
	body.about .txt .servicebox .listbox {
		/* width: 20%; */
		padding-left: 0;
	}
	
	    body.about .txt .servicebox .listbox .list-item .info {
        width: 80%;
    }
}

@media (max-width: 575px) {
		body.home .is_scroll .navbar .navbar-brand, body.home .navbar.newtop .navbar-brand, .navbar .navbar-brand, .navbar .navbar-brand, body.is_scroll .navbar .navbar-brand, .navbar.newtop .navbar-brand {
		margin: 10px 0 !important;
		width: 188px;
	}
	.navbar .small-btn-box .contactbtn {
		background-size: 59px;
		padding-left: 75px;
	}
	body.about .txt .sop .list-item .info {
        position: relative;
        width: 60%;
    }
	body.product .gallery-list.border-solid .item .item-detail {
    box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	padding-bottom: 0;
	min-height: 300px;
	}
	body.product .btn{
		padding:6px;
	}
	body.product .gallery-list p.desc {
    font-size: 14px;
    line-height: 1.4;
	overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: normal;
	}
	.product .gallery-list .item .title {
    font-size: 18px;
    line-height: 1.5;
    margin-top: 10px!important;
	}
	body.product .function-bar.mb-3{
		margin-bottom:1rem!important;
		}
	body.product.show .slick-prev {
    left: -10px;
	}
	body.product.show .slick-next{
    right: -10px;
	}
	body.product.show .slick-next,
	body.product.show .slick-prev{
    top: 40%;
	}
	body.product.show .multiple-slick.gallery-list .item {
    margin-bottom: -50px;
	}
	body.product.show .tab-accordion-body ul{
		display:block;
	}
	body.product.show .tab-accordion-body .sec03 ul li {
		width: 100%;
	}
	
	body.news .article-grid > div {
    margin-bottom: 30px;
	padding:0 40px;
	}
	body.news  .article-grid .item .info .title{
    padding: 5px 5px 4px;
	}
	body.news .article-grid .desc.mt-2 {
    padding: 0px 10px 25px 10px;
	}
	body.news .article-grid .item .info {
    border: solid 1px #eeeeee;
    padding: 0;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	}
	body.news .article-grid.ar-img .item .info {
    border: none;
    padding: 0;
	box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
	}
	body.news .article-grid {
    margin-top: 15px;
	}
	body.news .article-list .item .time {
    margin-right: 15px;
	}
	body.news .article-list .item .info {
    padding-right: 10px;
	}
	body.news .article-list .flex-sm-nowrap {
    flex-wrap: nowrap!important;
	}
	body.product.show .pro-name{
		font-size:25px;}
	
	
	body.home .article-grid.ar-img .item .info {
    padding: 10px 0 17px 0;
	}
	body.home .article-grid.info-absolute .item .info .title {
    -webkit-line-clamp: 1;
	}	
	/*.footer .footer_left label {
    font-size: 14px;
	display: block;
    text-align: center;
	background: none;
	margin:0;
	padding:0;
	line-height:1.5;
	}
	.footer .footer_left ul li a {
    font-size: 14px;
    display: block;
    text-align: center;
	padding: 5px 0 20px 0;
	line-height:1.8;
	}*/
	.footer_left .title_box .title_tw{
		margin-bottom:30px;
	}

    .cominfo-list li {
        margin: 14px 0;
        /* text-align: center; */
        line-height: 1.5;
        padding: 10px 0;
    }
	body.news .text-end {
    margin: 40px 0 0 0;
	}
	body.news .nav-big-wrapper .navbar-mobile-wrapper .navbar-nav.navbar-mobile.me-0.nav-1{
	display:none;
	}
	body:not(.home) .breadcrumb > li:first-child{
	display:none;
	}
	body:not(.home) .breadcrumb > li:nth-child(2)::before{
	display:none;
	}	
	.breadcrumb {
    padding: 10px;
	}
	.breadcrumb-item+.breadcrumb-item::before {
    padding-right: 0.3rem;
	}
	.breadcrumb-item+.breadcrumb-item {
    padding-left: 0.3rem;
	}
	
	body:not(.home) .h2 {
    margin-bottom: -5px;
	}
	body.about .function-bar{
	display:none!important;
	} 
	/*body:not(.home) .banner-wrapbox .banner-cus-circle-pager {
    bottom: -1%;
    left: -2%;
	}*/
	/*body:not(.home) .banner-pic {
    height: 220px;
	}*/
	.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav {
    background: rgb(28 26 26 / 80%);
    margin: 0;
	}
	.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav{
     background: rgb(128 127 127 / 15%);
	}
	.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav a{
	color: #929292!important;
	}
	.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav li {
    border-bottom: 1px solid #ffffff0f;
	}
	.bsnav-mobile.full .navbar-nav .nav-item .navbar-nav li:last-child {
    border-bottom: none;
	}
	.bsnav-mobile.full .navbar-nav .nav-item .nav-link {
    padding: 15px 0px;
	}
	.bsnav-mobile.full.in .navbar {
    transform: scale(1);
    opacity: 1;
    background: rgba(0,0,0,.8);
	backdrop-filter: blur(10px);
	padding: 0;
	}
	.bsnav-mobile.full.in .navbar .navbar-brand {
    display: none;
	}
	
	body.home .is_scroll .navbar .navbar-brand,
	body.home .navbar.newtop .navbar-brand, .navbar .navbar-brand {
    margin: 10px 0 4px!important;
	}
	/*body.home  .banner-pic {
    height: 45vh; 
	}*/
.header .navbar .nav-share-btn-area {
    margin-top: 20px;
}
.bsnav-mobile .navbar-nav .nav-item .nav-link {
    padding: 8px 0;
}
.footer_left {
    padding-top: 50px;
}
.is_scroll .gotop {
	display:none;
}
/*.is_scroll .navbar .navbar-brand, 
.navbar.newtop .navbar-brand {
    background: url(../images/all/nlogo.png) center center no-repeat;
    width: 70px !important;
    height: 70px !important;
    background-size: cover;
}
*/


/*.about_bg {
    background: url(../images/all/about_bg_m.webp);
	background-repeat:repeat;
	padding: 50px 0;
}*/
/*.about_bg::before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: #bfd4e669;
}*/

.news-sec .new_flower{
	top: -80px
	}
.new_flower2{
	top: -10px;
	right: -20px;
	}

body.home .news-sec {
    margin: 10px 0; 
}
    .footer .footer_left {
        padding-top: 50px;
        padding: 30px 14px;
    }
	body.home .about_bg {
		padding: 60px 18px !important;
	}
body.home .about_bg .more-btn-area {
    margin: 75px auto 5px;
}
body.home .product_bg {
    padding: 60px 0 80px;
}
	.about_bg .home-more.bottom {
		margin-top: 14px;
		padding: 12px 20px;
		font-size: 16px;
		min-width: auto;
		display: block;
	}
	.about_bg .descgroup, .about_bg .btngroup {
		flex-wrap: wrap;
		justify-content: space-around;
	}
	.about_bg .btngroup .list_item {
    width: 100%;
    margin: 0;
}
    .about_bg .descgroup .list_item {
        width: 100%;
        margin-bottom: 27px;
    }
/*body.home .banner .circle {
    width: 40px;
    height: 40px;
}
body.home .banner .circle p {
   width: 36px;
   height: 36px
}	
body.home .banner .circle p span {
    top: 9px;
    left: 12px;
    width: 12px;
    height: 12px
}	*/
	.news-sec {
		padding:0;
	}
	.article-grid.info-absolute .item {
		padding: 0px 10px 10px;
	}
	.mt-20 {
		padding-top: 0px;
	}
	.btn.more {
		padding: 9px 50px;
		font-size: 0.75rem;
	}
	.new_flower.new_flower3 img {
		width: 90px;
	}
	.new_flower.new_flower4 img {
		width: 130px;
	}
	.new_flower.new_flower3 {
		bottom: -150px
	}
	.new_flower4 img, .new_flower3 img, .news-sec .new_flower img {
	}

	body.home .banner .bann_tit p.p_1 {
		font-size: 12px;
	}

	.banner .slick-dots {
		bottom: 7px;
	}

	/*body.home .banner .bann_tit {
		top:8%;
		
	}
	.banner .bann_tit .slogin02 {
		margin-top: -15px;
	}
	.banner .bann_tit .slogin03 {
		margin-top: -50px;
	}

	body .home .banner .bann_tit:after {
		width: 228px;
		height: 82px;
		left: -4px;
		background: url(../images/all/banner_bottom.svg)no-repeat center bottom;
		background-size: cover;
		bottom: 30px;
	}

	body.home .banner .bann_tit:before {
		width: 228px;
		height: 86px;
		background-size: cover;
		left: -4px;
	}

	body.home .banner .bann_tit p {
		font-size: 16px;
		letter-spacing: 6px;
		margin-bottom: 20px;
	}

	body.home .banner .bann_tit h3 {
		font-size: 28px;
	}*/
	.home-news-deco .info .date_box {
		margin:0 auto;
	}
	.contact_list label,
	.footer ul li a {
		font-size: 13px;
	}
	.title_box .title_tw{
		margin-bottom: 20px;
		margin-top: 5px
	}
	body.home .product_bg .editor .title_box .title_tw{
		margin-bottom:30px;
	}
	.contact_list ul li {
		margin:25px 10px;
	}
    .footer .f_leftbg,
	.footer .footer-oth-box {
        /*background: url(../images/all/footer_sbg.jpg)no-repeat center bottom;*/
		min-height: auto;
	   /* padding-bottom: 30px;*/
    }	
	body.about .circlebox .list-item {
		width: 120px;
		height: 120px;
		font-size:18px;
	   
	}
	body.about .txt .bottombox .row > div .info {
		padding: 20px;
	}
	body.about .txt .servicebox .listbox .list-item .info {
		width: 74%;
	}
}
@media (max-width: 480px) {
	.navbar .small-btn-box .contactbtn span {
        padding: 10px 6px;
       
    }
	.reservationbox ul.d-inline-block {
		padding-left: 0;
		display: block !important;
	}
	.reservationbox .d-inline-block li,.reservationbox .d-inline-block li a {
		display: block;
		/* padding: 0 6px; */
	}
	.reservationbox .d-inline-block li a {
		text-align: center;
	}
	.reservationbox .d-inline-block li + li {
		margin-left: 0;
		margin-top: 10px;
	}
	body.about .txt .servicebox .listbox .list-item {
		display: block;
	}
	body.about .txt .servicebox .listbox .list-item .pic {
        margin: 0 auto 13px;
    }
	body.about .txt .servicebox .listbox .list-item h4 {
		color: #d87600;
		display: block;
		background: none;
		padding: 0;
		border-radius: 0;
		text-align: center;
		font-weight: bold;
	}
	body.about .txt .servicebox {
        padding: 0 0 50px 0;
        background: #fff4ea;
    }
	  body.about .txt .servicebox:before {
        background: url(../images/all/about_bg3m2.jpg) bottom right -34px no-repeat;
        background-size: cover;
        position: static;
        height: 400px;
        display: block;
        z-index: auto;
        margin-bottom: 22px;
    }
	body.about .txt .servicebox .listbox .list-item {
		padding: 0 20px;
	}
	body.about .txt .servicebox .listbox .list-item .pic {
        width: 90px;
        height: 90px;
        margin: 0 auto 13px;
        background-color: #e58512 !important;
    }
	body.about .txt .servicebox .listbox .list-item .pic {
        width: 90px;
        height: 90px;
        margin: 0 auto 13px;
        background-color: #e58512 !important;
    }
	body.about .txt .servicebox .listbox .list-item .info {
        width: 100%;
    }
}
@media (max-width: 460px) {

	    .navbar .small-btn-box .contactbtn {
        background: #fccf00;
        background-size: 32px;
        padding: 19px 5px 5px 5px;
        text-shadow: none;
        color: #000;
        font-size: 14px;
        margin: 0;
    }
	
	.navbar .small-btn-box .contactbtn span::before {
		width: 62px;
		height: 33px;
		left: 9px;
		top: -13px;
		background: url(../images/all/airplane.png) no-repeat center left;
		background-size: contain;
	}
	 .navbar .small-btn-box .contactbtn span {
        padding: 0;
    }
}
@media (max-width: 365px) {
  
}

