@charset "utf-8";
/* CSS Document */
@media screen and (max-width: 1820px){
	.foot2-main, .copy-right,.index-main1-content, .index-main4-content,.bl-header-main,.bl-header1-main{ width: 92%;}

	.foot-list1,.foot-list2,.foot-list3,.foot-list4{ width:24%; margin-right: 1%}
	
	.bx-wrapper .bx-controls-direction a{     top: 50%;
    margin-top: -23px;}
	.main3-hover-box h2{  margin-bottom: 5px; font-size: 20px;}
	.main3-hover-box p { line-height:20px; height: 60px;}
	.index-main4-content .product-list{ width:15.5%; margin-right: 1%}
	.index-main4-content .product-text p{ line-height:15px;}
	.bl-header1-nav{ width:74%}
	.bl-header1-nav li>a{ padding-left:25px; margin-left:25px;}
	.bl-nav-down{ left:50px;}
	.index-main3 .main3-hover-box img{margin-top: 30px;margin-bottom: 15px;}
}
@media screen and (max-width: 1380px){
	
	.inner-banner-title,.about-part1-content{ width:92%; margin-left: -46%}
	.product-main1-content, .product-main2-content,.bl-road-main,.bl-prodetail-content,.bl-prodetail-part2-content,.nav-wrap ul{width:92%; }
	.copy-right-right ul li{ margin-right:5px;}
	.product-list{ width:23%; margin-right: 1%;}
	.product-class-main1-content{ width:92%; padding: 20px 2%; margin-left: -48%}
	.product-class-main1-content li{ width:23%; margin-right: 2%}
	.product-main2-title1 h1{ width:40%;}
	.main3-hover-box{ top:5%; height: 90%; width:90%; padding: 0 4%; margin-left: -49%}
	.index-main4-content .product-list{ width:32%}
	.bl-header1-logo{ width:280px;}
	.bl-header1-nav li>a {
    padding-left: 15px;
    margin-left: 20px;}
	.bl-nav-down{ left:35px;}
	.index-main3 li h1{ font-size:28px;}
	.bl-menu-content{ width:92%}
	.bl-menu-list li{ width:46%; padding:1%}
	.bl-menu-list-img{ width:43%;}
	.bl-menu-list-text{ width:48%; margin-left:2%}
	.bl-prodetail-content-left{ width:50%;}
	.bl-prodetail-content-right{ width:47%;}
	.product-detail-btn a{ width:31.333%; margin-right:1%; padding-left:0; padding-right:0; text-align:center}
	.nav-wrap li{ width:auto; }
	.nav-wrap li a{ padding:0 12px;}
	.nav-wrap ul{ margin-left:0}
	.nav-wrap.navFix{ width:92%; left:4%}
	.inner-about-part{ width:96%;}
	.inner-about-part-l{ width:40%;}
	.inner-about-part-r, .inner-about-part-l1{ width:57%;}
	.inner-about-part-r1{ width:40%;}
	.bl-service-left{ width:56%;}
	.bl-service-right{ width:40%;}
	.contact-left{ width:60%;}
	.contact-right{ width:35%;}
}

@media screen and (max-width: 1200px){
	.bl-header1-nav{ display:none}
	.mobile-nav{ display:block}
	.bl-header1-logo{ width:250px; margin-left:4%}
	.bl-header1{ height:80px;}
	.bl-header1-main{ width:100%;}
	.bl-header1-logo img{ width:70px;/*margin-top:18px;*/}
	.foot-list1,.foot-list2,.foot-list3,.foot-list4{ width:48%; margin-right: 2%; height:300px;}
	.copy-right-left p, .copy-right-left ul, .copy-right-right p, .copy-right-right ul{ display:block; margin: 0; text-align: left; font-size: 12px;}
	.copy-right-left ul li{ margin-right:3px}
	.copy-right-left,.copy-right-right{ width:100%; line-height: 32px; float: none}
	.copy-right{ padding:20px 0 0 0;}
	.product-list{ width:31.3333%; margin-right: 1%;}
	.product-class-main1-content{ position:static; margin-left: auto; margin-right: auto; width: 96%}
	.product-class-main1{ height:auto}
	.index-main3 li{ width:100%;}
	.main3-hover-box a{ display:none}
	.enquiry .form_box{ width:92%}
	.inner-about-part-text{ bottom:-18px;}
}
@media screen and (max-width: 1130px){
	.inner-about-part-text{ bottom:-70px;}
	.inner-about-part-l,.inner-about-part-r{ margin-top:10px;}
	.inner-about-part-l1,.inner-about-part-r1{ margin-top:0px;}
	.bl-service-left{ margin-top:0px;}
	}
@media screen and (max-width: 1023px){
	
	.product-list,.index-main4-content .product-list{ width:47%; margin-right: 1%; margin-left: 1%; margin-bottom: 15px;}
	.bl-menu-list li{ width:97%; padding:1%; margin-bottom:20px;}
	.bl-menu-list-img{ width:30%}
	.bl-menu-list-text{ width:65%}
	.bl-prodetail-content-left{ width:100%; margin-bottom:20px;}
	.bl-prodetail-content-right{ width:100%}
}
@media screen and (max-width:975px){
	.inner-about-part{ margin-top:0px;}
	.inner-about-part-text{ width:98%; bottom: -50px; left:-20px;}
	.inner-about-part-l, .inner-about-part-r{ width:100%;}
	.inner-about-part-l1, .inner-about-part-r1{ width:100%;}
	
	
}
@media screen and (max-width:900px){
	.bl-service-left,.bl-service-right{ width:100%; float:none;}
	}
@media screen and (max-width:845px){
	.inner-about-part-text{ bottom: -80px;}
}
@media screen and (max-width:750px){
	.product-main1,.product-main2,.index-main2,.index-main4,.index-main1,.bl-menu-main{ padding:40px 0}
	.foot-list1,.foot-list2,.foot-list3,.foot-list4{ width:100%; margin-right: 0%; margin-bottom: 10px; height:auto}
	.foot2-main h1{ margin-bottom:15px;}
	.copy-right{ margin-top:0px;}
	
	.slide-hover-box h2{ margin-top:20px; margin-bottom: 10px; font-size: 20px; margin-top:70px;}
	
	.slide-hover-box a{ font-size:16px; padding: 5px 10px;}
	.index-main2-content{ width:92%;}
	.index-main2-content h1,.index-main4-title h1,.bl-prodetail-content-right h1{ margin-bottom:15px; font-size:24px;}
	.index-main3 li h1{ top:20px; font-size:16px; line-height: 24px;}
	.index-main4-title,.index-main2-content img{ margin-bottom:30px;}
	.bl-header-search{ display:none}
	.slide h1{ font-size:24px;}
	.index-main2-content p br{ display:none}
	.newsletter input{ padding-left:4%; padding-right:0; width:96%}
	.bl-road{ height:auto; padding:15px 0}
	.bl-road-main{ line-height:24px;}
	.bl-prodetail-small li{ width:70px; margin-right:5px;}
	.bl-description-main table{ width:100%;}
	.nav-height,.nav-wrap{ height:auto; border:none}
	.nav-wrap li{ padding:0; width:100%; border-radius:0; border-bottom:1px solid #ccc;}
	.nav-wrap ul{ width:100%;}
	.enquiry .form ul li{ width:99%; margin:0}
	.enquiry .form textarea{ width:97.4%}
	.inner-mobile{ display:none;}
	.inner-mobile02{ display:block;}
	.contact-left{ width:100%;}
	.contact-right{ width:100%; margin-top:20px;}
	.foot-list2,.foot-list3{ display:none}
	.foot-list22,.foot-list33{ display:block}
	.foot-list22 ul,.foot-list33 ul{ display:none}
	
}
@media screen and (max-width:600px){
	.bl-faq-list p{ font-size:16px;}
	.bl-faq-list h2{ font-size:16px;}
	}
@media screen and (max-width:540px){
	.bl-about-main .bl-company-tour li{ width:48%; margin:1%;}
	}
@media screen and (max-width:450px){
	.bl-header1-logo{ width:50%;}
	.product-class-main1-content h1{ font-size:20px;}
	
	.foot-list1 img{ width:80%}
	.index-main3 .main3-hover-box img,.index-main3 .index-main3-showbox img{ width:50px; margin-bottom:15px; }
	.index-main3-showbox{ margin-top:-45px;}
	.main3-hover-box p{ font-size:12px;}
	.foot-list3 ul{ width:100%; margin-right:0; float:none;}
	.bl-menu-list-img{ width:100%; margin-bottom:15px;}
	.bl-menu-list-text{ width:100%}
	.bl-menu-list li{ width:94%; padding:2.5%}
	.bl-menu-list li i{ display:none}
	.product-list, .index-main4-content .product-list{ width:97%}
	.product-detail-btn a{ width:98%; margin-right:0; margin-bottom:15px;}
	.inner-about-part-text_02 p{ font-size:12px;}
	.inner-about-part-text_02 p span{ font-size:14px;}
	.bl-faq-list h2{ font-size:14px;}
}
@media screen and (max-width:320px){
	.bl-about-main .bl-company-tour li{ width:96%; margin:2%;}
	}