@charset "gb2312";
/* CSS Document */
.m-banner{ display:none}
.m-banner .swiper-slide img{ width:100%; display:block}
.m-banner .swiper-pagination-bullet-active{ background:#009148}
.m-menu{ display:none;background:#009148;}
.m-menu>ul>li{ float:left; background:url(../images/menu_line.gif) repeat-y right center; line-height:40px;position:relative;}
.m-menu li a{ display:block;padding:0 7%; color:#fff; font-size:15px; font-weight: bold; position:relative}
.m-menu li:last-child{ background:none;}
.m-menu li:hover, .m-menu .sub_01 li:hover{background:#04c162}
.m-menu .sub_01{ position:absolute;z-index:9; width:100%; background:none; display:none;}
.m-menu .sub_01 li{ background:#009148;line-height:25px;}
.m-menu .sub_01 li a{ font-weight:normal; display:block; padding:6px 5px 6px 25px;}
.m-menu .headjt{ position:absolute; right:10%; top:15px;width:8px; height:10px; background:url(../images/jianthead.png) no-repeat;
	transition:0.2s;
	-webkit-transition:0.2s;
	-moz-transition:0.2s;
	-ms-transition:0.2s;
	-o-transition:0.2s;
}
.m-menu li.cur .headjt{ -webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}
.m-menu>ul>li:first-child .headjt{ display:none}
.footer .m-footlist{ display:none; padding:30px 2% 20px;}
.m-quick{ background:#01783c; position:fixed; bottom:0; z-index:99; width:100%; height:45px;color:#fff; display:none}
.m-quick li{ float:left; width:33.33%; text-align:center; font-size:14px;}
.m-quick li a{ color:#fff; display:block; padding-top:25px;}
.m-quick li.tel{ background:url(../images/fltel01.png) no-repeat center 3px}
.m-quick li.tel1{ background:url(../images/fltel.png) no-repeat center 3px}
.m-quick li.mail{ background:url(../images/flmail.png) no-repeat center 3px}

@media screen and (max-width:1024px){
	.container{ width:100%; min-width:320px}
	.header{ padding:0 2%}
	.menu_bot .home{ padding-left:25px;background: url(../images/breadcrumb_home.png) no-repeat 0 8px; margin-left:2%}
	.menu_bot .search{ margin-right:1%}
	.slidebox{ display:none}
	.m-banner{ display:block}
	.menu{display:none}
	.m-menu{ display:block}
	.m-menu>ul>li{ width:25%; border-bottom:1px solid #1f825a; border-top:1px solid #379a02}
	.about_index{ padding:20px 2%; background:#f5f5f5}
	.about_index .about{ background:none; margin-top:0}
	.focusBox{ width:45%}
	.aboutR{ margin-left:0; width:52%; float:right}
	.focusBox .pic img{ width:100%;}
	.prolist{ padding:0 2%}
	.prolist .prolist_con li{ width:25%}
	.prolist .prolist_con li a{ width:auto}
	.prolist .prolist_con li .img{ max-width:100%; max-height:100%;width:auto; height:auto; transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}
	.prolist .prolist_con li .pic{ height:140px;}
	.strenth{ padding:0 2%}
	.foucebox{ width:100%}
	.foucebox .hd{ width:32%}
	.foucebox .bd{ width:65%}
	.foucebox .hd ul{ width:100%}
	.foucebox .bd img{ width:100%; height:auto}
	.hotpro{ padding:0 2%}
	.footer{ margin-left:0; margin-right:0}
	.main{margin: 20px 2% 0;}
	.main .nnav{ display:none}
	.main .maincon{ width:100%}
	.main .maincon .maintop{ font-weight:bold; font-size:16px;}
	#dituContent{ width:100% !important; height:300px !important;}
	.maincon .pic{ width:102%}
	.maincon .pic li{ height:180px;}
	#lightbox-image{ max-width:100%}
#lightbox-container-image-box{ max-width:90% !important; height:auto !important}
#lightbox-container-image-data-box{ max-width:90% !important; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext{ height:100% !important}
.basket-lists li .basket-list-delate{ display:block}
.maincon .nprolist{ width:102%}
.maincon .nprolist li{ width:23%; margin-right:2%; padding:0; -webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.maincon .nprolist li:nth-child(3n+0){ margin-right:2%}
.maincon .nprolist li .title{ padding:8px 5px 0; text-align:center; line-height:22px; height:42px; overflow:hidden}
.maincon .nprolist li .npropic{ height:180px;}
.maincon .nprolist li img{ width:auto; height:auto; max-width:100%; max-height:100%; }
.maincon .nprolist .zixun .inquire{ left:80%}
#preview{ width:45%}
.jqzoom{ display:block; text-align:center}
.jqzoom img{ display:inline-block}
.maincon .jianjie{ width:52%}
.zoomdiv,.jqZoomPup{ display:none !important}
}
@media screen and (max-width:768px){
	.header{ height:75px}
	.logo{ height:75px;}
	.header .share{ padding-top:20px}
	.m-menu>ul>li{ width:33.33%}
	.foucebox .hd{ width:100%}
	.foucebox .hd ul{ width:100.5%}
	.foucebox .hd li{ width:24.5%; margin-right:0.5%; padding:0; float:left; text-align:center; font-size:14px}
	.foucebox .hd li span{ font-size:30px;line-height: 30px; padding-top:5px; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
	.foucebox .hd li b{ padding-top:5px; width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; box-sizing:border-box}
	.foucebox .bd{ width:100%; height:auto; min-height:200px;}
	.m-menu li a{ padding:0 5%}
	.m-menu .headjt{ right:5%}
	.focusBox{ width:100%; height:300px;}
	.focusBox .pic img{ height:auto}
	.aboutR{ width:100%}
	.prolist .prolist_con ul{ width:102%}
	.prolist .prolist_con li{ width:48%; margin-right:2%; margin-bottom:2%}
	.prolist .prolist_con li a{ border-right:1px solid #d8d8d8}
	.prolist .prolist_con li .pic{ text-align:center}
	.footer{ background:#009148}
	.footer .footlist{ display:none}
	.footer .m-footlist{ display:block}
	.m-footlist h4{ border-bottom:1px solid #1c9d5c; font-size:16px; line-height:45px; background:url(../images/arrow_f.png) no-repeat right center; background-size:15px;}
	.m-footlist a{ display:block; color:#fff}
	.m-footlist .sub{ line-height:26px; padding:10px 20px; display:none}
	.m-footlist li.cur h4{ background:url(../images/arrow_f_1.png) no-repeat right center; background-size:15px;}
	.footom{ margin-bottom:45px;}
	.m-quick{ display:block}
	.maincon .pic li{ height:160px;}
	.maincon .nprolist li{ width:31.33%}
}
@media screen and (max-width:640px){
	.m-menu>ul>li{ width:50%}
	.foucebox .hd li{ width:49.5%; margin-bottom:0.5%}
	.focusBox{ height:200px;}
	.prolist .prolist_con li .pic{height:120px;}
	.prolist .prolist_con li h3{ font-size:15px;padding: 10px 0;}
	.maincon .pic li{ width:48%}
	.table tr td:first-child{ width:70px !important}
	.table tr td:nth-child(2){width:auto !important}
	.table td textarea{ width:90%}
	.table td input{ width:80%}
	.maincon .nprolist li{ width:48%; margin-bottom:2%}
	.maincon .nprolist .zixun .inquire{ left:83%}
	#preview{ width:100%}
	.maincon .jianjie{ width:100%}
	.maincon .jianjie .guige{ background:#f5f5f5}
	.maincon .jianjie .guige table td{ padding:0 8px;}
	#tag li{ padding:8px 10px;}
	.aboutR .more{ width:120px;}
	.hotpro h2,.prolist h2{ font-size:20px; line-height:40px;}
	.strenth h3 img{ width:200px; height:auto}
	.hotlist{ height:auto}
	.hotlist ul li .prokuai{ width:200px; height:167px;}
	.hotlist ul li .prokuai img{ width:200px; height:167px;}
	.footer{ margin-top:30px;}
}
@media screen and (max-width:480px){
	.header{height:70px}
	.logo{ height:60px; padding-top:5px;}
	.header .share a:nth-child(1),.header .share a:nth-child(2),.header .share a:nth-child(3),.header .share a:nth-child(4){ display:none}
	.prolist .prolist_con li .pic{ height:90px;}
	.maincon .pic li{ width:98%; height:auto}
	.maincon .nprolist .zixun .inquire{ left:80%}
	.zixun .basket{ padding-left:40px;}
	.maincon .nprolist li .npropic{ height:130px}
}