@charset "utf-8";
@media (min-width: 576px){
}
@media (min-width: 768px){
}
@media (min-width: 992px){
}
@media (min-width: 1200px){

}



@media (max-width: 1800px) {
    .footer .tep1:last-child {
        width: 20%;
    }
    .director_c .tit p.tx_t {
        left: 1px;

    }
    .footer .new_flower4 {
        top: -130px;
    }
    new_flower.new_flower2 {
        top: 0%;
    
    }
    .news-sec .new_flower {
        right: -120px;
    
    }
    .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;
        padding-left: 0;
    }



}
@media (max-width: 1400px) {
  body.home .banner .bann_tit {
    top: 31%;
}
   .banner .bann_tit:before {
    height: 138px;
    width: 345px;
    top: 0;
}
.banner .bann_tit:after {
    width: 345px;
    height: 105px;
    bottom: 17%;
}
.banner .bann_tit p {
    font-size: 1rem;
    letter-spacing: 10px;
    margin-bottom: 10px;
}
.banner .bann_tit h3 {
    font-size: 3.3rem;
    letter-spacing: 14px;
    font-weight: bold;
    line-height: 1.1;
}
.banner .bann_tit p.p_1 {
    margin-bottom: 0;
    font-size: 1rem;
    margin-top: 30px;
}
   
   	.header .navbar .container-fluid {
			width: 1140px;
			}
   
   .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;
}
	.projects_mid:before {
		background-size: cover;
		height: 400px;
		}
	
}

    @media (max-width: 1199px) {
	   .banner .bann_tit p {
		font-size: 14px;
		}
		.banner .bann_tit h3 {
		font-size: 2.6rem;
		}
		.banner .bann_tit p.p_1 {
		font-size: 15px;
		}
		.banner .bann_tit:before {
		width: 290px;
		height:120px;
		top: 3%;
		}
		.banner .bann_tit:after {
		width: 290px;
		bottom: 19%;
		}
		body.home .banner .bann_tit {
		top: 28%;
		}
	
	
	
		.banner-pic::before{
			content:"";
			width:100%;
			height:3px;
			background-color:#fff;
			position:absolute;
			bottom:-1px;
			}
		
		
		.related_mid .d-flex .rel_1 {
            width: 30%;
        }
        .new_flower.new_flower3 {
            top: -28%;
       
        }
        .new_flower.new_flower2 {
            top: 4%;
    
        }
        .projects_mid:before {
            height: 412px;
            background-size: cover;
        }
        .projects_mid .pr_comm .pr_one2 .bk_x {
            left: 13px;
            bottom: 4px;
     
        }
        .projects_mid .pr_comm {
            padding: 0 10px;
            width: 33%;
        }
        .article-grid.info-absolute .item .info {
            height: 210px;
        }
	
		.new_flower.new_flower3    img{
			    width: 70%;
			
			}
        .director_c .tit p.tx_t {
            left: 5px;
        }
        .director_c .tit .pic{
            padding-left:5%;
        }

        body.home .header .navbar .container-fluid {
			width: 100%;
		}
        .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;
        }
    }

    @media (max-width: 991px) {
	.function-bar{
		display:none!important;
		}
	.projects_mid:before {
    height: 100%;
	}
	.projects_mid .h3 {
    color: #FFF;
	}	
	.projects_mid .h3:before {
    background-color: #FFF;
	}
	body:not(.home) .banner .banner-txt {
    width: auto;
	position: absolute;
    width: auto;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #fff;
    background: transparent;
    padding: 0;
	}
	/*body:not(.home) .banner-bg {
    height: 350px;
	}*/
		
       	.banner .bann_tit p {
		font-size: 1rem;
		}
		.banner .bann_tit h3 {
		font-size: 3.3rem;
		}
		.banner .bann_tit p.p_1 {
		font-size: 1rem;
		}
		.banner .bann_tit:before {
		width: 345px;
		height:138px;
		top: 0%;
		}
		.banner .bann_tit:after {
		width: 345px;
		bottom: 17%;
		}
		body.home .banner .bann_tit {
		top: 28%;
		}
		
		
		
		body.home .navbar .navbar-collapse {
			margin-top: 0px;
		}
		.editor .projects_mid .container{
		max-width: 960px
		}
	    .projects_mid .pr_comm {
            padding: 0 5px;
            margin-bottom: 20px;
            width: 50%;
        }
      

        .header .navbar-nav .nav-link {
            padding: 10px 18px;
        }
		body.home .header .navbar-nav .nav-link {
			padding: 18px;
		}
		.new_flower.new_flower3 {
   
    bottom: -210px;
 
}
		.new_flower.new_flower3 img {
    width: 50%;
}
        .footer .foo-sit {
            padding-top: 0;
            margin-bottom: 40px;
        }
        .footer .footer_right,
        .footer .footer_left {
            width: 100%;
        }
        .footer  .d-flex {
            justify-content: flex-start;
            flex-wrap: wrap;
        }
     
        body.home .navbar.newtop .navbar-collapse > .navbar-nav:before {
            top: -90px;
        }

   

        .new_flower4 img,
        .new_flower3 img,
        .new_flower img {
            width: 120px;
        }

        .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 {
            margin: 10px 0 5px;
        }

        body.home .header .navbar.newtop .small-btn-box,
        body.home .navbar.newtop .navbar-collapse {
            margin-top: 0;
        }

        .header .navbar.newtop .small-btn-box,
        .navbar.newtop .navbar-collapse,
        .header .navbar .small-btn-box
        {
            margin-top: 0;
        }
		body.home .header .navbar .small-btn-box, body.home .navbar .navbar-collapse {
			 margin-top: 0px; 
			}
		.navbar .navbar-collapse {
			margin-top: 0px;
			}
		.navbar .btn.btn-primary {
			margin-top: 0px;
		}
		 body.home .navbar .btn.btn-primary {
			margin-top: 0px;
			margin-left:0px;
			padding:4px 20px;
		}

        body.home .banner .bann_tit {
            top: 30%;
        }
        .home_space .tit h3 {
            font-size: 1.5rem;
        }
		.projects_mid .pr_comm .pr_one h3 {
			font-size: 1rem;
		}
		.projects_mid .pr_comm .pr_one2 .bk_x {
			left: 0px;
			font-size: 14px;
		}
		.projects_mid .pr_comm .pr_one2 .bk_x p {
			background-color: #000000cf;
		}
		.projects_mid .pr_comm .pr_one2 .ti_er {
			color: #ffffff6b;
			font-size: 0.675rem;
		}
		.header .navbar {
		padding: 5px 10px 10px 10px;
		}
		body:not(.home) .header .navbar {
		background-color: #06131ee6;
		}
    
    }

@media (max-width: 767px) {
	.banner .bann_tit:after {
		width: 345px;
		bottom: 17%;
		}
	.banner .bann_tit:before {
		width: 345px;
		height:138px;
		top: 0%;
		}
	body.faq .page-content .main .container .row {
    margin-top: 0px;
	}
	.function-bar{
		display:flex !important;
		margin-top: 30px;
		margin-bottom: -10px;
	}
	body.faq .side1{
		margin-bottom:30px;
	}
	 .map-box {
		height: 400px;
		}
	  body:not(.home) .header .navbar {
		background-color: #040505f5;
		}
	  .pagination {
		margin-bottom: 45px;
			}
	 .footer .footer_left ul li:nth-child(4){
			font-size:13px;
			}
	 .footer .footer_left ul li label{
			margin-right:8px;
			}	
     .projects_mid .d-flex {
            flex-wrap: wrap;
            justify-content: unset;
        }
	.navbar .btn.btn-primary {
			margin-top: 0;
			padding: 4px 21px;
		}
	.projects_mid .pr_comm.aos-animate   .pr_one {
        top: 20px;
    }
    .projects_mid .h3{
		color:#FFF;
		margin-bottom: 10px;
		}
	.projects_mid .h3:before {
		background-color: #FFF;
	}
	.projects_mid:before {
	background:url(../images/all/projec_mbg%20.jpg);
	background-repeat:repeat-y;
    height: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 0;
	}


	.related_mid {
        padding: 60px 0 80px 0;
        margin: 0 15px 40px;
        background-attachment: scroll;
		background-size: cover;
    }
    .related_mid .d-flex a {
        font-size: 14px;
		background-color: #000000e0;
    }
    .related_mid .d-flex {
        flex-wrap: wrap;
    }
    .related_mid .d-flex .rel_1 {
        width: 100%;
        margin-bottom:10px;
    }
    .related_mid h3 {
        font-size: 1.25rem;
		top:25%;
    }
    .projects_mid .pr_comm {
        margin-bottom: 20px;
        width: 100%;
    }
  
    .projects_mid .pr_comm .pr_one2 .bk_x p {
        padding: 1px 5px;
      
    }
    .projects_mid .pr_comm .pr_one2 .bk_x {
        padding: 25px 0;
    }
	.projects_mid .pr_comm .pr_one2 .bk_x p {
		background-color: #000000d4;
	}
   
    .projects_mid .pr_comm .pr_one span {
        font-size: 0.75rem;

    }
    .projects_mid .pr_comm .pr_one2 .ti_er {
        font-size: 0.75rem;
      
    }
    .projects_mid .pr_comm p.more {
		display:none;
      
    }
    .projects_mid .pr_comm .pr_one h3 {
        font-size: 1rem;
    }
    .h3 {
        margin-bottom: 30px;
        font-size: 26px;
    }
    .banner .Scroll_d{
        display:none !important;
    }

    .footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info {
        padding: 20px 0 20px;
    }

.new_flower{
	top:-90px;
	}	
	
.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:20px;
    }
      
            .new_flower.new_flower2 img {
                width: 80px;
            }
        .footer .footer_left label {
            font-size: 12px;
            width: 25px;
        }
        .director_c .tit h4 span {
            left: 13px;
        
        }
        .director_c   .slick-dots {
            bottom: -14px;
        }
    
  
        .btn.btn-primary {
            padding: 4px 21px;
            font-size: 0.75rem;
			background-color:#202221;
        }
            .new_flower img {
        }
        .director_c .tit h4 span:before {
            left: -11px;
            top: -9px;
            width: 53px;
            height: 53px;
            background-size: cover;
        }
        .footer .footer_content.fc_seperate_bottom {
            padding: 10px 0 0;
        }

        .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;
        }
    .footer .new_flower4 {
        top: -75px;
    }

        .header .navbar {
            position: fixed;
			background-color: #000;
			padding: 7px 10px 0px 10px;
        }

        .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 {
        height: unset;
		padding: 20px 25px 35px 25px;
    }

        .article-grid .item .info .kind a {
            font-size: 12px;
            padding: 1px 7px;
        }



        .product .gallery-list .item .title {
            font-size: 14px;
        }

        .product .gallery-list .item .info {
            margin-top: 0 !important;
        }

        .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 {
            font-size: 13px;
        }

        .footer h4, .footer a.ti_p {
            margin-bottom: 0;
        }

        .footer a.ti_p {
            padding: 0;
            display: inline-block;
            font-size: 12px;
			margin-right:6px;
        }

        .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: 15px;
            border-bottom: 1px solid #7070704a;
            padding-bottom: 15px;
        }

        .bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-link:hover {
            background-color: #fff;
            color: #000;
        }
		.bsnav-mobile .navbar-nav .nav-item .navbar-nav .nav-item .navbar-nav .nav-link:hover {
            background-color: #949494;
            color: #fff;
        }

        .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: 20px 0px 20px;
            border-bottom: solid 1px #2e2f29;
        }

        .header .bsnav-mobile .navbar {
            padding: 0;
        }


        .header .bsnav-mobile .navbar {
            background: rgb(6 6 6 / 93%);
        }

    .article-grid.info-absolute .item .tt_1   a {
        font-size: 14px;
    }
    .article-grid.info-absolute .item .tt_2 a {
        font-size: 12px;
    }

        .article-grid.info-absolute .item {
            padding:0 15px;
        }
				
		.article-grid.info-absolute .item .outside {
			border-right:none;
	}
		
        .article-grid.info-absolute .item:hover {
			background-color:inherit;
	}

        .se_prod .new_flower3 {
            top: -80px;
        }

        .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.home .navbar .navbar-brand {
            width: 230px !important;
            height: 42px !important;
            background: url(../images/all/logo.png) no-repeat !important;
        } 
		.navbar .navbar-brand::before,
		body.home .navbar .navbar-brand::before {
			content:inherit;
		}
        
		body.home .navbar.newtop .navbar-brand,
		.navbar.newtop .navbar-brand {
		background: url(../images/all/logo.png) center no-repeat !important;
		width: 230px !important;
		height: 42px !important;
		}
		.navbar.newtop .navbar-brand::before {
		content:inherit;
		}

		

        .navbar-toggler .navbar-toggler-icon, .navbar-toggler .navbar-toggler-icon::after, .navbar-toggler .navbar-toggler-icon::before {
            background-color: #fff;
            height: 1px;
        }

        body.home .header .navbar {
            background-color: #10110ded;
        }

        .banner {
            padding-top: 0px;
        }
		body.home .banner .bann_tit {
			top: 27%;
		}
		body.product .product-info-area .title-box .tag-area {
		margin-top: -10px;
		}
		.contact .btn {
		font-size: 14px;
		padding: 10px 27px;
		}
		
    }

    @media (max-width: 575px) {
	 .footer .fot_sitemp ul li a {
		padding: 2px 0 0px 13px;
		}
	 .contact h3 {
		margin-bottom: 20px!important;
		}
	 .contact h3 .txt-en {
		font-size: 1.4rem;
		font-family: inherit;
		margin: 0 auto -4px auto;
		}
	  .bg-lightgray {
		margin-top: 20px;
		}
	   body.product .pagination {
		margin-bottom: 0px;
		}
	   body.product .gallery-list .item {
		margin-bottom: 0px;
		}
	   body.product .product-detail-Specification{
		   padding:20px 5px;
		}
	
	   body.product .mainSection{
	   padding-top: 2px !important;
		}
	   
	   body.product .container .ezshare-box {
		margin: 0px 0 25px 0;
		}
	   body.product .section .row {
		--bs-gutter-x: 1rem;
		}
		body.faq .function-bar{
		margin: 20px 0 0 0;
		}
	   .function-bar{
		margin-bottom:15px;
		}
	   .product-info-area .info-box {
		padding: 20px 0 ;
		}
	   .product-info-area{
		margin-top: 1rem!important;
		}
	   .product-pic .slider-nav {
		padding: 20px 0 0 0;
		}

	    .breadcrumb {
		right:0;
		}
		/*body:not(.home) .banner-bg {
        height: 300px;
		}*/
	   .header .navbar .btn.btn-primary {
		padding: 4px 20px;
		margin-left: 0px;
		}
		body.news .pic .ratio-4x3 {
		--bs-aspect-ratio: 70%;
		width: 87%;
		margin: 0 auto;
		}
		.proj_wi > .editor {
		margin-top: -8px;
		}
		 .editor .projects_mid .container{
		max-width: 540px
		}
		 .projects_mid .pr_comm {
			width: 97%;
			margin: 0 auto;
		}
		.article-grid.info-absolute .item:hover .pic img {
		opacity: .9;
		}
		.article-grid.info-absolute .item:hover .pic img {
		transform:inherit ;
		}
	    .pt-5 {
		padding-top: 2rem !important;
		}
		
		.article-grid.info-absolute .item .outside {
		min-height:inherit;
		}
		.news-sec {
            margin: 0 0;
            padding-bottom: 0px;
        }

        .btn.more {
            padding: 9px 50px;
            font-size: 0.75rem;
        }
        .new_flower.new_flower3 img {
            width: 90px;
        }
		.new_flower.new_flower4 img {
            width: 100px;
        }
        .new_flower.new_flower3 {
            bottom: -150px
        }
        .new_flower4 img, .new_flower3 img, .news-sec .new_flower img {
            width: 90px;
        }

        body.home .banner .bann_tit p.p_1 {
            font-size: 12px; 
			margin-top:20px;
        }

        .banner .slick-dots {
            bottom: 15px;
            text-align: center;
            left: 0;
        }
		 body.home .banner .slick-dots {
            bottom: 20px;
            text-align: center;
            left: 0;
        }

        body.home .banner .bann_tit {
            top: 30%;
        }

        body.home .banner .bann_tit {
            border-bottom: none;
            padding: 23px 0 31px;
        }

            body.home .banner .bann_tit:after {
                width: 228px;
                height: 82px;
                left: -4px;
				margin: 0px auto -10px auto;
				bottom:0;
            }

            body.home .banner .bann_tit:before {
                width: 228px;
                height: 86px;
                background-size: cover;
                left: -4px;
				margin: -10px auto 0 auto;
            }

            body.home .banner .bann_tit p {
                font-size: 13px;
                letter-spacing: 6px;
                margin-bottom: 10px;
            }

            body.home .banner .bann_tit h3 {
                font-size: 30px;
				margin-bottom:0px;
            }
    }