@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1480px){
	.enquiry .form ul li{ width:48.6%;}	
}
@media screen and (max-width:1280px){
	.top{ width:100%;}
	.top ul{margin-right:1%;}
	.nav{ width:100%;}
	.road{ width:98%;}
	.line{ width:98%;}
	.main1{ width:98%;}
	.main1 .pro{ width:18.8%;margin-right: 1%; float:left}
	.pro_box a img{ width:100%;}
	.main1 .pro a{ font-size:16px;}
	.main2{ width:98%;}
	.main2 .icon{ width:10%; margin: 0px 6% 0px 4%;}
	.main3{width:98%;}
	.main3 .choose_l{ width:36%;}
	.main3 .choose_r{ width:40%;}
	.main3 .row1 .text,.main3 .row2 .text{ height:auto;}
	.main4{ width:98%;}
	.main5{ width:98%;}
	.main5 .news_left{ width:48%;}
	.main5 .news_right{ width:48%;}
	.footer{ width:98%;}
	.footer .footer1{ width:25%; margin-right:10.2%;}
	.footer .footer2{ width:28.6%;margin-right:10.2%;}
	.footer .footer3{ width:25%;}
	.footer .footer1 input{ width:94%;}
	.copy{ width:98%;}
	.pro_banner{width:98%;}
	.product_1{width:98%;}
	.product_1 .pro_img{ width:32%;}
	.product_2{width:98%;}
	.product_2 .pro_img{ width:32%;}
	.products_list{width:98%;}
	.products_list .products_box{ width:23%;}
	.products-details{ width:98%;}
	.products-details .left{ width:46%;}
	.products-details .left_img{ width:76%;}
	.products-details .xia .biaoti ul li{ padding:7px 13%;}
	.products-details .xia .biaoti ul .lastli{padding:7px 11.4%;}
	.enquiry{ width:98%;}
	.enquiry .form_box{ width:66%;}
	.enquiry .form input{ width:97.8%;}
	.enquiry .form textarea{ width:97.8%;}
	.enquiry .form .enter .code{ width: 96.5%;}
	.enter .leftimg{ width:15%;}
}

@media screen and (max-width:1150px){
    .nav .nav_bar{ width:74%;}
	.nav_bar ul li{ margin-right:6.5%;}
	.nav_bar ul .lastli{ margin-right:2%;}
	.main3 .choose_l{ width:34%;}
	.main3 .choose_r{ width:39%;}
	.products-details .xia .biaoti ul li{ padding:7px 12%;}
}
@media screen and (max-width:1110px){
	.nav .nav_bar{ width:70%;}
	.nav_bar ul li{ margin-right:4.8%;}
	.copy p{ float:none; margin:0 auto; width:100%; text-align:center; line-height:36px; margin-left:0;}
	.copy .copy_r{ margin:0 auto; width:27%; float:none; display:inherit;}
	.copy .copy_r ul li a{ line-height:36px;}
}
@media screen and (max-width:1080px){
	.enquiry .form ul li{ width: 48.4%;}
	.enquiry .form textarea {width: 96.8%;}
	.enquiry .form .enter .code {width: 96%;}	
}
@media screen and (max-width:1080px){
	.main1 .pro{width: 32%;margin-bottom: 20px; float:left}
	.main1{ width:86%;}
	
	}
@media screen and (max-width:1000px){
	#nav{ position:fixed; background-color:#fff; z-index:999999999;}
	.top .logo1{ display:none;}
	.top .logo2{ display:block;}
	.top .logo2 img{ margin:0 auto;}
	.logobg{ display:none;}
	.nav .nav_bar{ display:none; float:none; width:100%;}
	.nav .nav_bar ul li{ float:none; margin:0; text-align:center;}
	.nav_bar ul .current_li{ border:none;}
	.nav .nav_bar ul li:hover{border:1px solid #005baf}
	.logo{ position:inherit;top:0;}
	.left_logobg{ display:none;}
	.nav{ height:auto; overflow:hidden;}
	.nav .search{width: 40px;height: 40px;display:none;}
	.nav .search img{margin: 9px auto;}
	.nav .search_form{ display:none; overflow:hidden; position:inherit; padding:0; top:0; width:97%; margin:0 auto;}
	.nav .search_form input.search1{width: 97%; height:auto;padding-left: 2%}
	.search_form ul li{ float:none;}
	.nav .search_form input{ width:100%; height:auto; background:none; border-radius:0; padding:11px 0; padding-left:14px;}
	.menu{ display:block;}
	.menu .menu2{ display:none;}
	.lyt-visual-top-01{ margin-top:90px;}
	.main1{ width:86%;}
	.main1 .pro img{ margin:0 auto;}
	.main2{ width:100%;}
	.main2 .icon{ width:23%;}
	.main2 .icon img{ margin:0 auto;}
	.main3 .choose_l{ float:none; width:100%;}
	/*.main3 .row1 .text{background: url(../images/new_text_lbg.jpg) no-repeat bottom right;}*/
	.main3 .choose_m{ width:98%}
	.main3 .choose_r{ width:96%;}
    /*.main3 .row2 .text{background: url(../images/new_text_rbg.jpg) no-repeat bottom left;}*/
	.main3 .row1 .text, .main3 .row2 .text{ background:none; border-bottom:1px solid #ccc;}
    .main3 .row1{ margin-bottom:14px; overflow:hidden;}
    .main3 .row1 .pic{ float:left; width:9%;}
    .main3 .row1 .pic img{ float:right;}
    .main3 .row1 .text{ width:88%; padding-bottom:30px; float:right;height:auto; overflow:hidden;}
    .main3 .row1 .text h3{text-align:left;line-height:48px; font-size:18px; color:#333333; font-weight:normal;}
    .main3 .row1 .text .txt{text-align:left;line-height:24px;font-size:14px; color:#9d9d9d;}
	.products-details .xia .biaoti ul li{ padding:7px 10%;}
	.footer .footer1{ margin-left:1%;}
}
@media screen and (max-width:940px){
	.main1 .pro{ width:32%; float:left}
	.product_1 .more_pro ul li{ width:33%;}
	.product_1 .more_pro ul .longli{ width:33%;}
	.products_list .products_box{ width:45%;}
}
@media screen and (max-width:856px){
	.right_icon{ margin-top:18px;}		
	}
@media screen and (max-width:830px){
	.main4 .left_text{ width:96%; float:none; margin:0 auto;}
	.main4 a.now{ float:none; margin:20px auto;}
	.product_1 .more_pro ul li{width: 34%;}
	.product_1 .more_pro ul .longli {width: 44%;}
	.product_2 .more_pro ul li{width: 34%;}
	.product_2 .more_pro ul .longli {width: 44%;}
	.products-details .xia .biaoti ul li{ padding:7px 9%;}
	.enquiry .form ul li{ float:none; width:97%;}
	.enquiry .form textarea {width: 96%;}
}
@media screen and (max-width:1000px) and (min-width:350px) {
	.prolist{width:96%;margin:0;}
	.promain{width:96%;overflow: hidden;}
	.promain .boxtop{width:96%;}
	.boxtop .boxbot{width:96%}
    .boxbot {width:96%;}
	.boxtop .proname a{width:86%;}
	.boxbot .propic img{width:98%;}
	.cla_box{width:96%;}
}
@media screen and (max-width:720px){
	.products_list{ width:96%;}
	.products_list .products_box{ width:46%;}	
}
@media screen and (max-width:700px){
	.products-details .xia .biaoti ul li{ padding:7px 7%;}	
}

@media screen and (max-width:690px){
	.main1 .pro{ width:45%; float:left; margin:0 auto; margin-bottom:20px;}	
	.main1 .pro img{ width:180px; height:auto}
}
@media screen and (max-width:670px){
	.top_logo{ display:none;}
	.main2 .icon{ width:40%;}
	.main3 .choose_m{ width:98%}
	.main5 .news_left{ float:none; width:100%;}
	.main5 .news_right{float:none; width:100%;}
	.main5 .right_con p{ height:auto;}
	.right_icon{ margin-top:0;}
	.footer .footer1,.footer .footer2{ width:98%;margin:0 auto; float:none;}
	.footer .footer3{ width:100%; float:none; display:none;}
	.pro_banner p{ width:80%;}
	.footer .footer3 .list_l, .footer .footer3 .list_r{ width:100%;}
	.product_1 .pro_img,.product_2 .pro_img{ float:none; width:100%;}
	.product_1 .pro_img img,.product_2 .pro_img img{ margin:0 auto;}
	.product_1 .pro_txt,.product_2 .pro_txt{ width:96%; margin:0 auto;}
	.product_1 .more_pro ul li,.product_2 .more_pro ul li{width: 50%;}
	.product_1 .more_pro,.product_2 .more_pro{ margin-bottom:20px;}
	.products-details .right .small_img ul li{ width:17.5%;}
	.copy .copy_r{ width:40%; margin:auto; overflow:hidden; float:none;}	
}
@media screen and (max-width:600px){
	.products-details .xia .biaoti ul li{ padding:7px 5%;}
	.enquiry .form_box {width: 90%;}
	.enquiry .form{ margin:3.5% 1.5% 0 1.5%;}
	.enter .leftimg {width:22%;}
	.pro_banner{ width:100%; margin-top:4%;}
	.main5 .clickli{padding: 0px 46px 0px 21px;}
	.down_list{  background:#005baf; width:100%; line-height:30px; color:#fff; margin:auto; border-radius:4px;}
}
@media screen and (max-width:525px){
	.main1{ width:92%;}
	.main1 .pro{ width:45%; float:left; margin-right:1%; margin-bottom:20px;}	
	.main1 .pro img{ width:180px; width:180px;}	
	.main3 .row1 .text h3,.main3 .row2 .text h3{ line-height:32px;}
	.products-details .left{ width:99%;}
	.products-details .right{ width:90%; margin:0 auto;}
	.products-details .xia .biaoti ul li{ padding:7px 3%;}
	.products-details .xia .biaoti ul .lastli{padding:7px 7%;}
	.enquiry .form textarea {width: 95%;}
	.copy .copy_r{ width:50%;}
}
@media screen and (max-width:435px){
	.products_list .products_box {width:80%;margin: 20px auto; float:none;}
	.cla_box .products_classtongyong{width:80%;margin: 20px auto; float:none;}
	.main1 h1,.main2 h1,.main3 h1{ font-size:48px; margin-top:40px;}
	.main1 .pro{ width:45%; float:left; margin-right:1%;margin-bottom:20px;}	
	.main1 .pro img{ width:160px; width:160px;}
	.main2 .icon_box{ overflow:hidden; margin:10px auto;}
	.main3 .choose_m{ width:98%}
	.main3 .choose_r{ width:98%}
}
@media screen and (min-width:320px) and (max-width:400px){
	.top ul li{ margin-left:0; margin-right:14px;}
	.main1{ width:100%;}
	.main1 .pro{ width:45%; float:left; margin-right:1%; margin-bottom:20px;}	
	.main1 .pro img{ width:160px; width:160px;}
	.main2 .icon{ width:40%; margin-bottom:20px;}
	.main2 .icon_box{ overflow:hidden; margin:10px auto;}
	.main3 .choose_m{ width:98%}
	.main3 .choose_r{ width:98%}
/*	.footer .footer1,.footer .footer2,.footer .footer3{ float:none; width:94%;padding-left:20px; margin-bottom:15px;}*/
    .footer .footer1,.footer .footer2{ width:96%;}
	.copy p{ line-height:24px; margin-top:20px;}
	.copy .copy_r ul li a{ line-height:32px;}
	.pro_banner p{ width:80%;}
	.products-details .xia .biaoti ul li{ padding:7px 3%;}
	.products-details .xia .biaoti ul .lastli{padding:7px 3%;}
	.enquiry .form textarea {width: 94%;}
	.enquiry .form_box .button button{ width:80%;}
	.enquiry .form_box{ width:96%;}
	.enquiry .form input{ width:97%;}
	.enter .leftimg {width:33%;}
	
}

@media screen and (max-width:1188px){
	
	.ab_menu li{float:left; padding:10px 34px;  line-height:30px; cursor:pointer; }
	}
	
@media screen and (max-width:1015px){
	

	.ab_word p img{ width:44%;}
	}
	@media screen and (max-width:860px){
	
	.ab_menu li{float:left; padding:10px 24px;  line-height:30px; cursor:pointer; }
	}
	
	@media screen and (max-width:800px){
	
	.com_honor img{ width:48%;}
	.why_us li img{ width:48%;}
	.why_us li .current_img{width:96%; margin-left:0px;}	
	.cla_box{width: 96%;}	
	}

@media screen and (max-width:580px){
	
	.ab_menu li{float:left; padding:10px 50px;  line-height:30px; cursor:pointer; width:95%; text-align:center;}
	.why_us li img{ width:96%;}
	.com_honor img{ width:96%;}
	.why_us li .current_img{width:96%; margin-left:0px;}
	.ab_word p img{ width:96%;}
	}
	
	
	@media screen and (max-width:350px){
	
.why_us li .current_img{width:96%; margin-left:0px;}
	.why_us li img{ width:96%;}
	.com_honor img{ width:96%;}
	.ab_word p img{ width:96%;}
	}
		@media screen and (max-width:1167px){
	
.total_contact{ width:59%;}
.contact_detail .current1 {
    margin-left: 60px;
}

.contact_detail li{margin-left:30px;}
	}
	
			@media screen and (max-width:1011px){
	
.total_contact{ width:63%;}
.contact_detail .current1 {
    margin-left: 70px;
}

.contact_detail li{margin-left:20px;}
	}
	
			@media screen and (max-width:950px){
	
.total_contact{ width:90%;}
.contact_detail .current1 {
    margin-left: 130px;
}

.contact_detail li{margin-left:80px;}
.contact_form{ width:80%; margin-top:40px;}
.btn1{ margin-left:15px;}
	}
	
	@media screen and (max-width: 800px){
		
		.contact_detail .current1{ margin-left:80px;}
		.contact_detail li{ margin-left:30px;}
		}
		@media screen and (max-width:686px){.contact_detail li{ float:none; margin-left:30px;}
		.contact_detail .current{ margin-left:30px;}
		
		.contact_detail .current1{ margin-left:30px;}
		}
	@media screen and (max-width:580px){
		.contact_detail .current1{ margin-left:30px;}
		.contact_detail .current{ margin-left:30px;}
		.contact_detail li{ margin-left:30px;}
		}
@media screen and (max-width:450px){
.contact_form{ width:80%; margin-top:40px; margin-left:20px;}
.btn1{ margin-left:0px; width:40%;}
}
	@media screen and (max-width:950px){
		.culture_content_l{ display:none;}
		.culture_content_r li img{ display:none;}
		.culture_content_r li{ text-align:center; line-height:30px; 
}
		.culture_content_r li span{ display:block;padding:5px 0px;;}
		
		.culture_content_r{ width:95%; margin:auto; float:none; margin-top:60px;}
		}
		@media screen and (min-width:1167px) and (max-width:1183px)
		{.total_contact{ width:66%;}}
		@media screen and (max-width:500px){
.news_detail_content .news_detail_img img{ width:90%; margin-bottom:30px; float:none; margin:auto;}
	}